body.measurement-popup-open{overflow:hidden;position:fixed;width:100%}.custom-measurement-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.custom-measurement-popup.is-open{opacity:1;visibility:visible}.measurement-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;cursor:pointer}.measurement-popup-container{position:relative;width:100%;max-width:600px;height:90vh;background-color:var(--color-background);border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px #0000001a;overflow:hidden}@media (min-width: 768px){.custom-measurement-popup.is-open .measurement-popup-container{transform:translateY(0)}}.measurement-popup-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;position:-webkit-sticky;top:0;z-index:100;background-color:var(--color-background)}.measurement-popup-header[data-color-scheme=header]{background-color:var(--color-background);color:var(--color-foreground)}.measurement-popup-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-foreground-heading)}.measurement-popup-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;color:var(--color-foreground)}.measurement-popup-close:hover{background-color:var(--color-border)}.measurement-popup-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.measurement-popup-body[data-color-scheme=body]{background-color:var(--color-background)}.measurement-instruction-video{margin-bottom:24px;border-radius:12px;overflow:hidden;background-color:var(--color-background);box-shadow:0 2px 8px #00000014;position:relative}.measurement-video{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;z-index:2}.video-play-button:hover{background-color:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{width:40px;height:40px;margin-left:4px}.measurement-instruction-video.is-playing .video-play-button{display:none}.measurement-unit-selector{margin-bottom:32px;display:flex;justify-content:center}.unit-toggle{display:inline-flex;background-color:var(--color-input-background);border-radius:30px;padding:4px;position:relative}.unit-toggle input[type=radio]{position:absolute;opacity:0;pointer-events:none}.unit-toggle label{padding:8px 24px;cursor:pointer;font-weight:500;color:var(--color-foreground);transition:color .2s ease;position:relative;z-index:1}.unit-toggle input[type=radio]:checked+label{color:var(--color-primary-button-text)}.unit-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:var(--color-primary-button-background);border-radius:26px;transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:0}.unit-toggle:has(#unit-inches:checked):before{transform:translate(100%)}.measurement-fields{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 480px){.measurement-fields{grid-template-columns:1fr 1fr;gap:24px}}.measurement-field{display:flex;flex-direction:column}.size-label-field{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.size-label-field label{font-weight:600;color:var(--color-foreground)}.size-label-input{font-size:1rem;font-weight:500;text-align:center}.required-indicator{color:#dc3545;margin-left:4px}.measurement-field.has-error .measurement-input{border-color:#dc3545;background-color:#dc35450d}.measurement-field label{font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--color-foreground);display:flex;align-items:center;gap:4px}.info-icon{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-foreground);opacity:.6;transition:opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.info-icon:hover{opacity:1}.info-icon svg{width:16px;height:16px}.measurement-unit-display{font-weight:400;color:var(--color-foreground);opacity:.75;font-size:.8125rem}.measurement-input{width:100%;padding:12px 16px;border:1px solid var(--color-input-border);border-radius:8px;font-size:1rem;background-color:var(--color-input-background);color:var(--color-foreground);transition:border-color .2s ease,box-shadow .2s ease}.measurement-input:focus{outline:none;border-color:var(--color-primary-button-background);box-shadow:0 0 0 3px #0000001a}.measurement-input.has-error{border-color:#dc3545}.field-error{font-size:.75rem;color:#dc3545;margin-top:4px;min-height:1rem;display:block}.measurement-popup-footer{padding:20px 24px;border-top:1px solid var(--color-border);flex-shrink:0;position:sticky;position:-webkit-sticky;bottom:0;z-index:100;background-color:var(--color-background)}.measurement-popup-footer[data-color-scheme=footer]{background-color:var(--color-background)}.form-error-message{margin-bottom:12px;padding:12px 16px;background-color:#f8d7da;color:#721c24;border-radius:8px;font-size:.875rem;display:none}.form-error-message.show{display:block}.measurement-save-measurements{width:100%;padding:16px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);transition:background-color .2s ease,transform .1s ease;position:relative;overflow:hidden}.measurement-add-to-cart:hover:not(:disabled){background-color:var(--color-primary-button-background-hover)}.measurement-add-to-cart:active:not(:disabled){transform:scale(.98)}.measurement-add-to-cart:disabled{opacity:.6;cursor:not-allowed}.measurement-add-to-cart .button-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.measurement-add-to-cart.is-loading .button-text{visibility:hidden}.measurement-add-to-cart.is-loading .button-loading{display:block}.spinner{animation:rotator 1.4s linear infinite;width:20px;height:20px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite;stroke:currentColor}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.measurement-info-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;display:none;align-items:center;justify-content:center}.measurement-info-popup[aria-hidden=false]{display:flex}.measurement-info-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;cursor:pointer}.measurement-info-container{position:relative;background-color:var(--color-background);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 40px #0003}.measurement-info-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;color:var(--color-foreground);z-index:1}.measurement-info-close:hover{background-color:var(--color-border)}.measurement-info-content{text-align:center}.measurement-info-title{font-size:1.25rem;font-weight:600;margin:0 0 16px;color:var(--color-foreground-heading)}.measurement-info-image{width:100%;height:auto;border-radius:8px;display:block}@media (max-width: 767px){.measurement-info-container{padding:20px;width:95%;max-height:70vh}.measurement-info-title{font-size:1.125rem}}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.measurement-button{background-color:#ff6b6b!important;color:#fff!important;border:2px solid #FF6B6B!important;box-shadow:0 0 0 3px #ff6b6b40!important;font-weight:600!important;position:relative!important;overflow:visible!important}.measurement-button:hover{background-color:#ff5252!important;border-color:#ff5252!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff6b6b4d!important}.measurement-button:disabled{opacity:1!important;cursor:pointer!important}.sticky-add-to-cart__button.measurement-button{background-color:#ff6b6b!important;color:#fff!important;border-color:#ff6b6b!important}.measurement-button .add-to-cart-text__content{color:#fff!important}.measurement-button:after{content:"\1f4cf";position:absolute;top:-8px;right:-8px;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #00000026}.measurement-reuse-container{background:var(--color-background);padding:2rem;border-radius:12px;max-width:400px;margin:1rem;text-align:center;box-shadow:0 20px 40px #0000001a}.measurement-reuse-container h3{margin:0 0 1rem;color:var(--color-foreground-heading);font-size:1.25rem}.measurement-reuse-container p{margin:0 0 1rem;color:var(--color-foreground)}.saved-measurements-preview{background:var(--color-input-background);padding:1rem;border-radius:8px;margin:1rem 0;font-size:.875rem}.measurement-item{display:inline-block;margin:.25rem .5rem;padding:.25rem .5rem;background:var(--color-background);border-radius:4px;color:var(--color-foreground)}.reuse-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.reuse-buttons .button{flex:1;min-width:120px}.measurement-reuse-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.measurement-reuse-container{background:#fff;padding:2rem;border-radius:8px;max-width:400px;margin:1rem;text-align:center;font-family:var(--font-body)}.measurement-reuse-container h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-foreground);font-family:var(--font-heading)}.measurement-reuse-container p{font-size:1rem;margin-bottom:1.5rem;color:var(--color-foreground)}.saved-measurements-preview{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.saved-measurements-preview .measurement-item{display:inline-block;margin:.25rem;font-size:.9rem;color:var(--color-foreground)}@media (max-width: 767px){.measurement-popup-container{max-width:100%;height:100vh;height:100dvh;border-radius:0;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;top:0;left:0;right:0;transform:none!important}.custom-measurement-popup.is-open .measurement-popup-container{transform:none!important}.measurement-popup-header{padding:16px;padding-right:env(safe-area-inset-right,16px);position:sticky;position:-webkit-sticky;top:0;background-color:var(--color-background)!important;z-index:1000;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:60px;width:100%;box-sizing:border-box}.measurement-popup-header h2{font-size:1.5rem;flex:1;margin:0}.measurement-popup-close{position:relative!important;right:auto!important;top:auto!important;transform:none!important;padding:8px;min-width:44px;min-height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto;background-color:transparent;border:none;cursor:pointer;color:var(--color-foreground);border-radius:50%;transition:background-color .2s ease}.measurement-popup-close svg{width:24px;height:24px;display:block}.measurement-popup-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,20px));max-width:100%;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.measurement-popup-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,20px));position:sticky;position:-webkit-sticky;bottom:0;background-color:var(--color-background);border-top:1px solid var(--color-border);flex-shrink:0;z-index:100}.measurement-form{max-width:100%}.measurement-field{margin-bottom:1.5rem;max-width:100%}.measurement-field label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--color-foreground)}.measurement-input{width:100%;max-width:250px;font-size:16px;box-sizing:border-box}.measurement-instruction-video{margin-bottom:20px}.measurement-video{max-height:200px}.unit-toggle{margin-bottom:2rem}.unit-toggle label{padding:.75rem 1.5rem;font-size:.9rem}.measurement-reuse-container{margin:1rem;padding:1.5rem;max-width:calc(100% - 2rem)}.measurement-reuse-container h3{font-size:1.25rem}.measurement-reuse-container p{font-size:.9rem}.saved-measurements-preview{padding:.75rem}.saved-measurements-preview .measurement-item{display:block;margin:.25rem 0}.reuse-buttons{flex-direction:column}.reuse-buttons .button{width:100%;min-width:unset}.measurement-add-to-cart{padding:16px 24px;font-size:15px;white-space:nowrap}}.custom-size-selector{margin-top:8px;margin-bottom:0;padding-left:0;width:100%;position:relative;z-index:1;display:block;overflow:hidden}.product-form .custom-size-selector,product-form-component .custom-size-selector{order:2}.custom-size-pills{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 8px);margin:0;padding:0}.custom-size-pill{--variant-picker-stroke-color: var(--color-variant-border);display:flex;flex:0 0 calc(3ch + 1.3em);align-items:center;position:relative;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius, 8px);border-width:var(--variant-picker-button-border-width, 1px);overflow:visible;justify-content:center;min-height:calc(3ch + 1.3em);min-width:fit-content;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease),border-color var(--animation-speed, .2s) var(--animation-easing, ease);cursor:pointer;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;text-decoration:none}@media screen and (min-width: 750px){.custom-size-pill{padding:var(--padding-xs) var(--padding-lg)}}.custom-size-pill:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.custom-size-pill.selected,.custom-size-pill:has(.custom-size-radio:checked),label.custom-size-pill:has(input:checked),.custom-size-pill.visually-selected,.variant-option__button-label.custom-size-pill.visually-selected{color:var(--color-selected-variant-text)!important;background-color:var(--color-selected-variant-background)!important;border-color:var(--color-selected-variant-border)!important;transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease),border-color var(--animation-speed, .2s) var(--animation-easing, ease)}.custom-size-pill.selected:hover,.custom-size-pill:has(.custom-size-radio:checked):hover,label.custom-size-pill:has(input:checked):hover,.custom-size-pill.visually-selected:hover,.variant-option__button-label.custom-size-pill.visually-selected:hover{background-color:var(--color-selected-variant-hover-background)!important;border-color:var(--color-selected-variant-hover-border)!important;color:var(--color-selected-variant-hover-text)!important}.custom-size-radio,label.custom-size-pill input[type=radio]{position:absolute;opacity:0;pointer-events:none;margin:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.variant-option__button-label.invisible-selected{background-color:var(--color-variant-background)!important;color:var(--color-variant-text)!important;border-color:var(--color-variant-border)!important;transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}.variant-option__button-label.invisible-selected:hover{background-color:var(--color-variant-hover-background)!important;color:var(--color-variant-hover-text)!important;border-color:var(--color-variant-hover-border)!important}.variant-option__button-label[data-option-value-title="Add Custom Size"],label:has(input[value="Add Custom Size"]){transition:background-color .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease!important;will-change:background-color,color,border-color}.variant-option__button-label{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}fieldset.variant-option--buttons{min-height:48px}.custom-size-text{text-align:center;text-wrap:balance;pointer-events:none}.custom-size-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background-color:#f44;color:#fff;border:2px solid white;font-size:12px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 4px #0003;pointer-events:all}.custom-size-delete:hover{background-color:#c00;transform:scale(1.1)}.custom-size-delete:active{transform:scale(.95)}.invisible-selected{background-color:var(--color-variant-background)!important;color:var(--color-variant-text)!important;border-color:var(--color-variant-border)!important}.invisible-selected:hover{background-color:var(--color-variant-hover-background)!important;color:var(--color-variant-hover-text)!important;border-color:var(--color-variant-hover-border)!important}label.variant-option__button-label.invisible-selected:has(input:checked){background-color:var(--color-variant-background)!important;color:var(--color-variant-text)!important;border-color:var(--color-variant-border)!important}label.variant-option__button-label.invisible-selected:has(input:checked):hover{background-color:var(--color-variant-hover-background)!important;color:var(--color-variant-hover-text)!important;border-color:var(--color-variant-hover-border)!important}.custom-size-confirm-popup,.custom-size-warn-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10002;display:flex;align-items:center;justify-content:center}.confirm-overlay,.warn-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;cursor:pointer}.confirm-content,.warn-content{position:relative;background-color:var(--color-background);border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0003;z-index:1}.confirm-content h3,.warn-content h3{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:var(--color-foreground-heading)}.warn-content p{margin:0 0 12px;color:var(--color-foreground);line-height:1.5}.confirm-buttons,.warn-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.confirm-yes,.confirm-no,.warn-continue,.warn-cancel{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;min-width:80px}.confirm-yes,.warn-continue{background-color:#f44;color:#fff}.confirm-yes:hover,.warn-continue:hover{background-color:#c00;transform:translateY(-1px)}.confirm-no,.warn-cancel{background-color:var(--color-variant-background);color:var(--color-variant-text);border:1px solid var(--color-variant-border)}.confirm-no:hover,.warn-cancel:hover{background-color:var(--color-variant-hover-background);color:var(--color-variant-hover-text);transform:translateY(-1px)}.edit-option{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.edit-option p{margin:0 0 12px;font-size:.9rem;color:var(--color-foreground);opacity:.8}.confirm-edit{padding:10px 20px;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.confirm-edit:hover{background-color:var(--color-primary-button-background-hover);transform:translateY(-1px)}@media (max-width: 767px){.custom-size-selector{margin-top:8px;margin-bottom:12px;width:100%}fieldset[data-option-name=Size] .variant-option--buttons,fieldset[data-option-name=size] .variant-option--buttons{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}fieldset[data-option-name=Size] .variant-option--buttons::-webkit-scrollbar,fieldset[data-option-name=size] .variant-option--buttons::-webkit-scrollbar{display:none}fieldset[data-option-name=Size] .variant-option--buttons,fieldset[data-option-name=size] .variant-option--buttons{display:flex!important;flex-wrap:nowrap!important;gap:var(--gap-sm, 8px)}fieldset[data-option-name=Size] .variant-option__button-label,fieldset[data-option-name=size] .variant-option__button-label{flex-shrink:0}.custom-size-pills{gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;width:100%;scrollbar-width:none;-ms-overflow-style:none}.custom-size-pills::-webkit-scrollbar{display:none}.custom-size-pills:after{content:"";position:absolute;right:0;top:0;bottom:4px;width:20px;background:linear-gradient(to left,rgba(255,255,255,.8),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.custom-size-pills[data-scrollable=true]:after{opacity:1}.variant-option,.variant-option--buttons,.custom-size-selector{max-width:100%;width:100%;box-sizing:border-box}.custom-size-pill{padding:8px 12px;min-height:auto;font-size:.9rem;flex-shrink:0;white-space:nowrap}.custom-size-delete{top:-4px;right:-4px;width:18px;height:18px;font-size:11px}.confirm-content,.warn-content{padding:20px;margin:16px}.confirm-buttons,.warn-buttons{flex-direction:column}.confirm-yes,.confirm-no,.warn-continue,.warn-cancel{width:100%}}@media (max-width: 480px){.measurement-popup-header{padding:14px}.measurement-popup-title{font-size:1.25rem}.measurement-popup-close{min-width:36px;min-height:36px;padding:6px;margin-right:4px}.measurement-add-to-cart{padding:16px 20px;font-size:14px}}.measurement-lead-time{background:var(--color-background-secondary, #f5f5f5);border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid var(--color-border, #e0e0e0)}.lead-time-indicator{display:flex;align-items:center;gap:10px;margin-bottom:8px}.lead-time-icon{width:20px;height:20px;flex-shrink:0;transition:color .3s ease}.lead-time-text{font-size:16px;font-weight:600;color:var(--color-text, #333)}.lead-time-message{font-size:14px;color:var(--color-text-secondary, #666);margin-left:30px}@media (min-width: 481px) and (max-width: 768px){.measurement-popup-container{max-width:90%;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/396/assets/custom-measurement-popup.css.map */