:root{--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .4);--accent-color: #000000;--border-color: #d1d1d1;--text-muted: #666666;--input-radius: 4px;--transition-smooth: all .25s ease}.custom-size-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.custom-size-modal.is-open{opacity:1;visibility:visible}.custom-size-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.custom-size-modal__container{position:relative;background:var(--modal-bg);width:95%;max-width:1100px;max-height:95vh;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:var(--transition-smooth)}.custom-size-modal.is-open .custom-size-modal__container{transform:scale(1)}.custom-size-modal__header{padding:24px 32px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start}.custom-size-modal__title-group h2{font-family:inherit;font-weight:500;margin:0 0 12px}.custom-size-units{display:flex;gap:24px;font-size:14px}.unit-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.unit-toggle input{width:18px;height:18px;accent-color:var(--accent-color)}.custom-size-modal__close{background:none;border:none;cursor:pointer;padding:0;color:#888}.custom-size-modal__body{flex:1;overflow-y:auto;display:grid;grid-template-columns:1.2fr .8fr;padding:0}.custom-size-modal__content{padding:24px 32px 40px}.custom-size-modal__sidebar{background:#fafafa;padding:32px;border-left:1px solid #f0f0f0;position:sticky;top:0;height:fit-content;display:flex;flex-direction:column;align-items:center}.custom-size-modal__guide-image{width:100%;height:auto;border-radius:4px;margin-bottom:24px}.custom-size-form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}.custom-size-field-flat input{width:100%;padding:14px 16px;border:1.5px solid var(--border-color);border-radius:var(--input-radius);font-size:14px;color:#333;transition:var(--transition-smooth)}.custom-size-field-flat input:focus{outline:none;border-color:#000}.custom-size-field-flat input::placeholder{color:#777}.custom-size-upload-row{margin:32px 0;display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f8f8;border-radius:4px}.custom-size-upload-btn{background:#eee;padding:12px 32px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500;color:#333;border:1px solid #ddd}.custom-size-file-input{display:none}.custom-size-disclaimer{font-size:11px;color:#888;line-height:1.6;margin-bottom:32px;max-width:90%}.custom-size-contact-section{margin-bottom:32px}.custom-size-confirmation{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #f0f0f0}.custom-size-checkbox-label{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}.custom-size-btn-submit{background:#000;color:#fff;border:none;padding:16px 60px;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:var(--transition-smooth)}.custom-size-btn-submit:hover{background:#333;transform:translateY(-2px)}@media screen and (max-width:768px){.custom-size-modal__container{width:98%;max-height:98vh;border-radius:12px;margin:5px auto}.custom-size-modal__header{padding:15px 20px}.custom-size-modal__sidebar{display:none}.custom-size-modal__body{grid-template-columns:1fr;max-height:calc(98vh - 150px);padding:15px}.custom-size-form-grid-modern{grid-template-columns:1fr 1fr;gap:12px 10px}.custom-size-field-flat label{font-size:10px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-size-field-flat input{padding:8px 10px;font-size:13px;height:36px}.custom-size-confirmation{flex-direction:column;gap:15px;padding-top:15px}.custom-size-btn-submit{width:100%;padding:12px;font-size:14px}.custom-size-upload-row{margin:20px 0;padding:15px;flex-direction:column;text-align:center;gap:12px}.custom-size-upload-btn{width:100%;padding:12px}}.is-custom-selected,.product-form__input input[value="Custom Size"]:checked+label.custom-size-label{background:#fff!important;color:#000!important;border:1px solid #000!important}.product-form__input label.custom-size-label{border:1px solid var(--border-color);background:transparent;color:#fff;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-size.css.map */