.size-guide-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:none;align-items:flex-start;justify-content:flex-end;padding:3.6rem}.size-guide-modal.size-guide-modal--card-variants{justify-content:center;align-items:center}.size-guide-modal[aria-hidden=false]{display:flex}.size-guide-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.size-guide-modal__container{position:relative;background-color:rgb(var(--color-background-secondary));border-radius:var(--style-popup-border-radius, .4rem);border-style:var(--style-popup-border-style);border-width:var(--style-popup-border-width);border-color:rgba(var(--color-foreground),var(--style-popup-border-opacity));max-height:90vh;width:100%;max-width:46rem;overflow:hidden;box-shadow:0 20px 60px #0000004d}.size-guide-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.size-guide-modal__title{margin:0}.size-guide-modal__close{background:none;border:none;cursor:pointer;padding:.8rem;min-width:4rem;min-height:4rem;color:rgb(var(--color-foreground));transition:background-color .2s ease}.size-guide-modal__close:hover{transform:scale(1.1)}.size-guide-modal__close-icon{display:block}.size-guide-modal__close-icon .icon{width:1.6rem;height:1.6rem;margin-left:auto;color:rgb(var(--color-accent))}.size-guide-modal__content{padding:2.4rem;overflow-y:auto}.size-guide-table{width:100%;border-collapse:collapse;margin:0}.size-guide-table th,.size-guide-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(var(--color-foreground),.1)}.size-guide-table th{background-color:rgba(var(--color-foreground),.05);font-weight:600;color:rgb(var(--color-foreground))}.size-guide-table td{color:rgb(var(--color-foreground))}.size-select-grid{max-height:60vh;overflow-y:auto;overflow-x:hidden;position:relative}.size-select-grid::-webkit-scrollbar{display:none}.size-select--card-variants .size-select-grid{max-height:none;overflow-y:visible;overflow-x:visible;position:relative}.size-select--card-variants .variant-picker__options--button{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.size-select--card-variants .variant-option{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:500;text-align:center;transition:all .2s ease;cursor:pointer;position:relative}.size-select--card-variants .variant-option:hover{border-color:rgb(var(--color-foreground))}.size-select--card-variants .variant-option__input{position:absolute;opacity:0;pointer-events:none}.size-select--card-variants .variant-option__label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;margin:0}.size-select--card-variants .variant-option__input:checked+.variant-option__label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.size-select--card-variants .variant-option--disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;position:relative}.size-select--card-variants .variant-option--disabled:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background-color:rgb(var(--color-foreground));transform:rotate(-45deg);pointer-events:none}.size-select--card-variants .variant-option__strikethrough{position:absolute;top:50%;left:10%;right:10%;height:1px;background-color:rgb(var(--color-foreground));transform:rotate(-45deg);pointer-events:none}.size-select--card-variants .variant-picker__options--button{display:flex}.size-select--card-variants .variant-picker__options--button .variant-option{flex-shrink:0}.size-select-grid .variant-option__button-wrapper{width:100%;border-bottom:1px solid rgba(var(--color-foreground),.1)}.size-select-grid .variant-option__button-wrapper:hover,.size-select-grid .variant-option__button-wrapper:has(.variant-option__input:checked){border-color:transparent}.size-select-grid .variant-option__input{display:none}.size-select-grid .variant-option__label{display:flex;width:100%;padding:.9rem 2rem;border:none;border-radius:0;text-align:center;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground));position:relative;background-color:transparent;min-height:3.8rem}.variant-option__label-text{width:100%}.size-select-grid .variant-option__label:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;border-radius:.4rem}.size-select-grid .variant-option__label:hover{border-color:rgb(var(--color-accent));background-color:rgb(var(--color-accent));color:rgb(var(--color-background));border-radius:.4rem}.size-select-grid .variant-option__input:checked+.variant-option__label{border-color:rgb(var(--color-accent));background-color:rgb(var(--color-accent));color:rgb(var(--color-background));border-radius:.4rem}.size-select-grid .variant-option__label:has(.variant-option__strikethrough){opacity:.5;cursor:not-allowed;color:rgb(var(--color-foreground))}.size-select-grid .variant-option__label:has(.variant-option__strikethrough):hover{opacity:.5;color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05);transform:none;box-shadow:none}.size-guide-modal--card-variants .size-select-grid .variant-option__label:has(.variant-option__strikethrough),.size-guide-modal--card-variants .size-select-grid .variant-option__label:has(.variant-option__strikethrough):hover{opacity:.7}.size-select-grid .variant-option__strikethrough{display:none}.size-conversion-header{padding:1.2rem 2rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:.4rem}.size-conversion-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;text-align:center}.size-conversion-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;text-align:center;width:100%}.size-guide-modal .loading{text-align:center;padding:2rem;color:rgb(var(--color-foreground))}.size-chart-image{text-align:center;max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.size-chart-image img{max-width:100%;height:auto}.size-chart-image::-webkit-scrollbar{display:none}.size-chart-image{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:750px){.size-guide-modal{padding:1rem;align-items:center}.size-guide-modal__container{max-width:95vw;min-height:84vh}.size-guide-modal--card-variants .size-guide-modal__container{min-height:none}.size-guide-modal__header{padding:1.6rem}.size-chart-image{max-height:60vh;padding-right:.3rem}.size-guide-modal__content{padding:1.6rem}.size-select-grid{gap:1rem}.size-select-option{padding:1.4rem 1.6rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-size-guide-modal.css.map */