.product-size-guide{margin:0;display:flex}.product-size-guide--start{justify-self:start;justify-content:flex-start}.product-size-guide--center{justify-self:center;justify-content:center}.product-size-guide--end{justify-self:end;justify-content:flex-end}.product-size-guide__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--color-foreground),.03);border:none;border-radius:.375rem;color:rgb(var(--color-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden}.product-size-guide__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent);transition:left .5s ease}.product-size-guide__button:hover:before{left:100%}.product-size-guide__button:hover{background:rgba(var(--color-foreground),.05)}.product-size-guide__button:focus{outline:none}.product-size-guide__button:active{transform:translateY(0)}.product-size-guide__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.product-size-guide__button:hover .product-size-guide__icon{transform:scale(1.1)}.product-size-guide__icon svg{width:100%;height:100%}.product-size-guide__text{position:relative;z-index:1;font-size:14px}.product-size-guide-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin:0!important;padding:0!important}.product-size-guide-modal.is-open{opacity:1;visibility:visible}.product-size-guide-modal__backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .3s ease;cursor:pointer;z-index:1;margin:0!important;padding:0!important}.product-size-guide-modal__container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex;align-items:center;justify-content:center;width:100vw!important;height:100vh!important;padding:1rem;transform:scale(.95) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2;margin:0!important}.product-size-guide-modal.is-open .product-size-guide-modal__container{transform:scale(1) translateY(0)}.product-size-guide-modal__content{background:rgb(var(--color-background));border-radius:.75rem;box-shadow:0 25px 50px -12px #0006;max-width:90vw;max-height:90vh;width:100%;max-width:800px;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;position:relative;z-index:3;margin:auto}.product-size-guide-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background));flex-shrink:0}.product-size-guide-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:rgb(var(--color-foreground))}.product-size-guide-modal__close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:.375rem;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.product-size-guide-modal__close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(var(--color-foreground),.1);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.product-size-guide-modal__close:hover:before{width:100%;height:100%}.product-size-guide-modal__close:hover{transform:scale(1.05)}.product-size-guide-modal__close:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-size-guide-modal__close svg{position:relative;z-index:1;transition:transform .2s ease}.product-size-guide-modal__close:hover svg{transform:rotate(90deg)}.product-size-guide-modal__body{padding:1.5rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent}.product-size-guide-modal__body::-webkit-scrollbar{width:6px}.product-size-guide-modal__body::-webkit-scrollbar-track{background:transparent}.product-size-guide-modal__body::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:3px}.product-size-guide-modal__body::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.product-size-guide-modal__description{margin-bottom:1.5rem;color:rgba(var(--color-foreground),.8);line-height:1.6;font-size:.9rem}.product-size-guide-modal__image{margin-bottom:1rem;position:relative;overflow:hidden;border-radius:.5rem}.product-size-guide-modal__image img{width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;display:block}.product-size-guide-modal__image:hover img{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.product-size-guide-modal__image img[loading=lazy]{opacity:0;transition:opacity .3s ease}.product-size-guide-modal__image img[loading=lazy].loaded{opacity:1}.product-size-guide-modal__image--mobile{display:none}@media (max-width: 768px){.product-size-guide-modal__image--desktop{display:none}.product-size-guide-modal__image--mobile{display:block}.product-size-guide-modal__container{padding:.5rem}.product-size-guide-modal__content{max-width:95vw;max-height:95vh;border-radius:.5rem}.product-size-guide-modal__header,.product-size-guide-modal__body{padding:1rem}.product-size-guide-modal__title{font-size:1.125rem}.product-size-guide__button{font-size:.8rem;padding:.6rem .8rem}}@media (max-width: 480px){.product-size-guide-modal__container{padding:.25rem}.product-size-guide-modal__content{max-width:98vw;max-height:98vh;border-radius:.375rem}.product-size-guide-modal__header,.product-size-guide-modal__body{padding:.75rem}}.product-size-guide-modal__fallback{text-align:center;padding:2rem;color:rgba(var(--color-foreground),.6);font-style:italic}body.size-guide-modal-open{overflow:hidden!important;position:fixed;width:100%;height:100%;top:0;left:0}.product-size-guide-modal,.product-size-guide-modal__backdrop,.product-size-guide-modal__container{top:0;right:0;bottom:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.product-size-guide-modal.is-open .product-size-guide-modal__backdrop{animation:fadeIn .3s ease;display:block}.product-size-guide-modal.is-open .product-size-guide-modal__content{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.product-size-guide-modal__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.2),rgba(var(--color-foreground),.1));background-size:200px 100%;animation:shimmer 1.5s infinite;opacity:0;transition:opacity .3s ease}.product-size-guide-modal__image img[loading=lazy]:not(.loaded)~:before{opacity:1}.product-size-guide-modal__content:focus{outline:none}.product-size-guide-modal__content:focus-within{box-shadow:0 25px 50px -12px #00000040,0 0 0 2px rgba(var(--color-foreground),.3)}.product-size-guide-modal__backdrop:hover{background:#000000b3}@media print{.product-size-guide-modal,.product-size-guide{display:none!important}}@media (prefers-contrast: high){.product-size-guide__button{border-width:2px}.product-size-guide-modal__backdrop{background:#000c}}@media (prefers-reduced-motion: reduce){.product-size-guide__button,.product-size-guide-modal,.product-size-guide-modal__container,.product-size-guide-modal__backdrop,.product-size-guide-modal__close,.product-size-guide-modal__image img{transition:none}.product-size-guide__button:before,.product-size-guide-modal__close:before{display:none}.product-size-guide-modal.is-open .product-size-guide-modal__backdrop,.product-size-guide-modal.is-open .product-size-guide-modal__content{animation:none}}.size-guide-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 350px){.size-guide-wrapper{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-size-guide.css.map */