.preorder-form{margin-top:20px;max-width:100%}.preorder-form.hidden{display:none}.preorder-form-container{background:#000;border-radius:12px;padding:28px 28px 22px;margin:0 auto;max-width:980px}.preorder-form-title{color:rgb(var(--color-button-text));font-size:22px;font-weight:800;text-align:center;margin:0 0 22px;text-transform:uppercase;letter-spacing:2px}.preorder-form-fields{display:grid;grid-template-columns:160px 1fr;gap:14px 22px;align-items:center}.preorder-field{display:contents}.preorder-label{color:rgb(var(--color-button-text));font-weight:500;min-width:160px;font-size:15px;margin-top:15px}.preorder-input,.preorder-textarea{flex:1;background:#fff;border:2px solid rgb(var(--color-button-text));border-radius:4px;padding:10px 14px;font-size:15px;color:#000;outline:none;width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none!important;background-clip:padding-box;transition:border-color .3s ease}.preorder-input:focus,.preorder-textarea:focus{border-color:rgb(var(--color-button-text));box-shadow:0 0 0 4px #b4ff002e}.preorder-textarea{resize:vertical;min-height:180px}.preorder-send-btn{background:transparent;color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button-text));padding:10px 18px;font-size:15px;cursor:pointer;grid-column:2 / 3;width:20%;min-width:125px;justify-self:start;margin-top:6px}.preorder-send-btn:hover{background:linear-gradient(to top,rgb(var(--color-button-text)) 50%,transparent 50%);background-size:100% 200%;background-position:top;border:1px solid rgb(var(--color-button-text));color:rgb(var(--color-button-text));transition:all .25s ease;background-position:bottom;color:#000}input.preorder-input:-webkit-autofill,textarea.preorder-textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}@media (max-width: 768px){.preorder-form-container{padding:16px}.preorder-form-fields{grid-template-columns:1fr}.preorder-label{min-width:0}.preorder-send-btn{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-preorder-form.css.map */
