.customOrderForm{width:100%}.customOrderForm .wrapper{width:100%;max-width:680px;margin:1.5rem auto 6rem;box-sizing:border-box}.customOrderForm h1,.customOrderForm p{margin:0}.customOrderForm h1.intro,.customOrderForm p.intro{margin:0 0 8px;text-align:center}.customOrderForm form{padding:0 1.5rem;box-sizing:border-box}.customOrderForm .elementWrapper{display:flex;gap:16px;box-sizing:border-box;margin-top:1.5rem}.customOrderForm input{width:100%;flex:1;height:46px;box-sizing:border-box;border:1px solid #ccc;padding:12px;font-size:14px;border-radius:0;-webkit-appearnce:none}.customOrderForm input[type=submit]{border:none;color:#fff;height:46px;background-color:#034000!important}.customOrderForm #submitButton[disabled]{opacity:.25;cursor:not-allowed}.customOrderForm .submitButtonActive{background-color:#666;transition:all ease .3s}.customOrderForm .submitButtonActive:hover{background-color:#000;cursor:pointer}.customOrderForm .buttonAndSubtotalWrapper{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;gap:16px;margin-top:1.5rem}.subtotalWrapper{display:flex;flex-direction:column}.subtotalPriceWrapper{display:flex;justify-content:flex-end;gap:4px}.customOrderForm button{margin:1.5rem 0 1.5rem 1.5rem;display:inline-flex;align-items:center;gap:6px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;padding:6px 12px 6px 6px;transition:all ease .3s;-webkit-user-select:none;user-select:none}.customOrderForm button:hover{cursor:pointer;background-color:#f5f5f5}.customOrderForm button .material-symbols-outlined{font-size:18px;color:#034000}.customOrderForm .removalButton{margin:0;visibility:hidden}.customOrderForm .attributesWrapper{background-color:#efefef40;margin-top:1.5rem;box-sizing:border-box;padding:1.5rem;border:1px solid rgb(var(--border-color))}.customOrderForm .attribute{box-sizing:border-box;padding:.75rem calc(.75rem + 6px) .75rem .75rem;border:1px solid #ccc;display:flex;align-items:center;gap:16px;transition:all ease .3s;margin-bottom:.75rem;background-color:#fff}.customOrderForm .attribute:hover{cursor:pointer;border-color:#000}.customOrderForm .attribute input{border:none;background-color:#fff!important;box-sizing:border-box;padding:0;width:100%}.customOrderForm .attribute input:hover{cursor:pointer}.customOrderForm .attribute .attributeImage{width:72px;height:72px;border:1px dashed #ccc;flex:none;background-size:cover}.customOrderForm .attribute .material-symbols-outlined{font-size:20px;color:#034000}.customOrderForm .quantity{display:flex;gap:16px;margin-top:1.5rem}.customOrderForm .labelWrapper{display:flex}.customOrderForm .quantity .label{border:1px solid #ccc;background-color:#fff;border-right:none;height:46px;box-sizing:border-box;display:flex;align-items:center;padding:0 12px;flex:none}.customOrderForm .quantity input{border:1px solid #ccc;background-color:#fff!important;flex:1;min-width:96px}.customOrderForm .helperTextWrapper{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:calc(50% - 8px);font-size:13px;visibility:hidden}.customOrderForm .helperTextWrapper .material-symbols-outlined{font-size:18px;color:#034000}.customOrderForm .totalPriceWrapper{box-sizing:border-box;padding:1.5rem 1.5rem 0;border-top:1px solid rgb(var(--border-color));display:flex;justify-content:space-between;align-items:center;gap:16px}.customOrderForm #totalPrice{font-size:21px}.customOrderForm .inputDisabled{pointer-events:none;opacity:.4}.modal{display:none}#modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#00000040}.customOrderModal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;display:flex;align-items:center;pointer-events:none;justify-content:center}.customOrderModal h6{text-align:center;font-size:12px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);margin:0;color:#5c5c5c}.customOrderModal .wrapper{width:100%;max-width:680px;max-height:calc(100vh - 3rem);margin:1.5rem;box-sizing:border-box;background-color:#fff;padding:3rem;position:relative;pointer-events:all;overflow-y:auto}.customOrderModal .modalCloseIcon{position:absolute;top:1.5rem;right:1.5rem;pointer-events:all}.customOrderModal .modalCloseIcon:hover{cursor:pointer}.customOrderModal .modalCloseIcon .material-symbols-outlined{font-size:24px;color:#034000}.customOrderModal p.intro{margin:0;text-align:center}.customOrderModal .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;column-gap:1.5rem;row-gap:1.5rem;margin-top:3rem}.customOrderModal .option{display:flex;flex-direction:column;align-items:center}.customOrderModal .option h3{margin:4px 0 0;font-size:13px;text-align:center;color:#000;font-weight:400}.customOrderModal .option p{margin:4px 0 0;font-size:13px;text-align:center;color:#999}.customOrderModal img{box-sizing:border-box;border:1px solid rgb(var(--border-color));transition:all ease .3s;-webkit-user-select:none;user-select:none;cursor:pointer;max-width:96px}.customOrderModal img:hover{border:1px solid rgb(92,92,92);transform:scale(1.025)}.modal:not(#modalOverlay){position:relative;z-index:1111111}@media only screen and (max-width: 800px){.customOrderModal .grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width: 550px){.customOrderForm .quantity{flex-direction:column}.customOrderForm .helperTextWrapper{width:100%}.customOrderModal .wrapper{padding:3rem 1.5rem}.customOrderModal .grid{grid-template-columns:1fr 1fr 1fr}.customOrderModal img{max-width:72px}}@media only screen and (max-width: 480px){.customOrderForm .elementWrapper{flex-direction:column}.customOrderModal .wrapper{margin:0;height:100vh;max-height:100vh}.customOrderForm .buttonAndSubtotalWrapper{flex-wrap:wrap;margin-top:0}.customOrderForm .removalButton,.subtotalWrapper{width:100%}}@media only screen and (max-width: 360px){.customOrderModal .grid{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 360px){.customOrderForm .attribute .attributeImage{width:32px;height:32px}.customOrderForm .attribute .material-symbols-outlined{display:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/custom-form.css.map */