.size-chart-modal{--modal-bg: rgb(var(--color-background));--modal-surface: rgba(var(--color-foreground), .03);--modal-border: rgba(var(--color-foreground), .08);--modal-text: rgb(var(--color-foreground));--modal-text-secondary: rgba(var(--color-foreground), .55);--modal-text-tertiary: rgba(var(--color-foreground), .35);--modal-accent: rgb(var(--color-foreground));--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}.size-chart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out-expo),visibility .4s var(--ease-out-expo)}.size-chart-backdrop.is-visible{opacity:1;visibility:visible}.size-chart-modal{position:fixed;left:0;right:0;bottom:0;z-index:1000;max-height:92vh;max-height:92dvh;background-color:var(--modal-bg);border-top-left-radius:1.4rem;border-top-right-radius:1.4rem;box-shadow:0 -1px #ffffff0d,0 -8px 32px #0000001f,0 -24px 64px #00000014;transform:translateY(105%);transition:transform .5s var(--spring-smooth);overflow:hidden;display:flex;flex-direction:column;will-change:transform}.size-chart-modal.is-open{transform:translateY(0)}.size-chart-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);z-index:10}.size-chart-modal__handle{flex-shrink:0;display:flex;justify-content:center;padding:1rem 0 .6rem;cursor:grab;touch-action:none}.size-chart-modal__handle:active{cursor:grabbing}.size-chart-modal__handle-bar{width:3.6rem;height:.5rem;background-color:rgba(var(--color-foreground),.15);border-radius:.25rem;transition:width .2s var(--spring-bounce),background-color .2s ease}.size-chart-modal__handle:hover .size-chart-modal__handle-bar{width:4rem;background-color:rgba(var(--color-foreground),.25)}.size-chart-modal__handle:active .size-chart-modal__handle-bar{width:3.2rem;background-color:rgba(var(--color-foreground),.3)}.size-chart-modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem 2rem 1.4rem}.size-chart-modal__title{margin:0;font-size:1.9rem;font-family:var(--font-heading-family);font-weight:600;letter-spacing:-.02em;color:var(--modal-text)}.size-chart-modal__close{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:rgba(var(--color-foreground),.06);border:none;border-radius:50%;color:var(--modal-text-secondary);cursor:pointer;transition:transform .2s var(--spring-bounce),background-color .15s ease}.size-chart-modal__close:hover{background:rgba(var(--color-foreground),.1)}.size-chart-modal__close:active{transform:scale(.9);background:rgba(var(--color-foreground),.12)}.size-chart-modal__close svg{width:1.5rem;height:1.5rem;stroke-width:2.5}.size-chart-modal__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.6rem 2rem 3rem;-webkit-overflow-scrolling:touch}.size-chart-modal__description{margin:0 0 2rem;font-size:1.5rem;color:var(--modal-text-secondary);line-height:1.55}.size-chart-calculator{background-color:var(--modal-surface);border:1px solid var(--modal-border);border-radius:1.4rem;padding:1.8rem;margin-bottom:2.4rem}.size-chart-calculator__title{margin:0 0 1.4rem;font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--modal-text-tertiary)}.size-chart-calculator__inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.6rem}.size-chart-calculator__field{display:flex;flex-direction:column;gap:.7rem}.size-chart-calculator__label{font-size:1.35rem;font-weight:500;color:var(--modal-text-secondary)}.size-chart-calculator__input{width:100%;padding:1.2rem 1.4rem;font-size:1.7rem;font-weight:500;font-family:inherit;color:var(--modal-text);background-color:var(--modal-bg);border:1.5px solid rgba(var(--color-foreground),.12);border-radius:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .15s var(--spring-bounce);-moz-appearance:textfield}.size-chart-calculator__input::-webkit-outer-spin-button,.size-chart-calculator__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-chart-calculator__input:focus{border-color:var(--modal-accent);box-shadow:0 0 0 4px rgba(var(--color-foreground),.08)}.size-chart-calculator__input:active{transform:scale(.98)}.size-chart-calculator__input::placeholder{color:rgba(var(--color-foreground),.25);font-weight:400}.size-chart-calculator__result{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem;background-color:var(--modal-bg);border:1.5px solid var(--modal-border);border-radius:1rem;min-height:5.6rem;transition:border-color .3s ease,background-color .3s ease,transform .3s var(--spring-bounce)}.size-chart-calculator__result-label{font-size:1.4rem;font-weight:500;color:var(--modal-text-secondary)}.size-chart-calculator__result-value{font-size:2.4rem;font-weight:700;font-family:var(--font-heading-family);letter-spacing:-.02em;color:var(--modal-text);transition:transform .4s var(--spring-bounce),opacity .3s ease}.size-chart-calculator__result-value--empty{font-size:1.35rem;font-weight:500;letter-spacing:0;color:var(--modal-text-tertiary)}.size-chart-calculator__result.has-result{border-color:var(--modal-accent);background-color:rgba(var(--color-foreground),.03)}.size-chart-calculator__result.has-result .size-chart-calculator__result-value{animation:sizeReveal .5s var(--spring-bounce)}@keyframes sizeReveal{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.size-chart-table-wrapper{margin-bottom:2.4rem}.size-chart-table-label{margin:0 0 1.2rem;font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--modal-text-tertiary)}.size-chart-table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.4rem;border-radius:1rem;overflow:hidden;border:1px solid var(--modal-border)}.size-chart-table th,.size-chart-table td{padding:1.1rem .8rem;text-align:center;border-bottom:1px solid var(--modal-border);border-right:1px solid var(--modal-border)}.size-chart-table th:last-child,.size-chart-table td:last-child{border-right:none}.size-chart-table tr:last-child td{border-bottom:none}.size-chart-table th{background-color:var(--modal-surface);font-weight:600;font-size:1.3rem;color:var(--modal-text)}.size-chart-table__corner{font-size:1rem;color:var(--modal-text-tertiary);font-weight:500}.size-chart-table__row-header{background-color:var(--modal-surface);font-weight:500;font-size:1.25rem;color:var(--modal-text-secondary);white-space:nowrap}.size-chart-table td:not(.size-chart-table__row-header){color:var(--modal-text);font-weight:500;transition:background-color .2s ease,transform .3s var(--spring-bounce),box-shadow .2s ease}.size-chart-table td.is-highlighted{background-color:var(--modal-accent);color:var(--modal-bg);font-weight:700;transform:scale(1.08);border-radius:.6rem;position:relative;z-index:2;box-shadow:0 4px 12px rgba(var(--color-foreground),.2),0 0 0 2px var(--modal-bg);animation:cellPop .4s var(--spring-bounce)}@keyframes cellPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1.08);opacity:1}}.size-chart-measurements{margin-bottom:2.4rem}.size-chart-measurements__title{margin:0 0 1.2rem;font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--modal-text-tertiary)}.size-chart-measurements__table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.4rem;border-radius:1rem;overflow:hidden;border:1px solid var(--modal-border)}.size-chart-measurements__table th,.size-chart-measurements__table td{padding:1.1rem .8rem;text-align:center;border-bottom:1px solid var(--modal-border);border-right:1px solid var(--modal-border)}.size-chart-measurements__table th:last-child,.size-chart-measurements__table td:last-child{border-right:none}.size-chart-measurements__table tr:last-child td{border-bottom:none}.size-chart-measurements__table th{background-color:var(--modal-surface);font-weight:600;font-size:1.3rem;color:var(--modal-text)}.size-chart-measurements__table td{color:var(--modal-text-secondary);font-weight:500}.size-chart-tip{display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.6rem;background-color:var(--modal-surface);border:1px solid var(--modal-border);border-radius:1rem}.size-chart-tip__icon{flex-shrink:0;width:2rem;height:2rem;color:var(--modal-text-tertiary)}.size-chart-tip__text{margin:0;font-size:1.4rem;line-height:1.5;color:var(--modal-text-secondary)}.size-chart-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;font-size:1.4rem;font-weight:500;font-family:inherit;color:var(--modal-text);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35rem;transition:opacity .2s ease,transform .15s var(--spring-bounce)}.size-chart-trigger:hover{opacity:.7}.size-chart-trigger:active{transform:scale(.97);opacity:.6}.size-chart-trigger svg{width:1.5rem;height:1.5rem}@media screen and (min-width: 750px){.size-chart-modal{max-width:52rem;left:50%;transform:translate(-50%) translateY(105%);border-radius:1.6rem 1.6rem 0 0}.size-chart-modal.is-open{transform:translate(-50%) translateY(0)}.size-chart-modal__content{padding:1.8rem 2.4rem 3rem}.size-chart-calculator{padding:2rem}.size-chart-calculator__inputs{gap:1.6rem}.size-chart-calculator__input{padding:1.3rem 1.6rem}}@media (prefers-reduced-motion: reduce){.size-chart-backdrop,.size-chart-modal,.size-chart-modal__handle-bar,.size-chart-modal__close,.size-chart-calculator__input,.size-chart-calculator__result,.size-chart-calculator__result-value,.size-chart-table td,.size-chart-trigger{transition:none}.size-chart-calculator__result.has-result .size-chart-calculator__result-value,.size-chart-table td.is-highlighted{animation:none}}body.size-chart-modal-open{overflow:hidden;position:fixed;width:100%}@media (hover: none) and (pointer: coarse){.size-chart-modal__close:active{transform:scale(.85)}.size-chart-calculator__input:active{transform:scale(.98)}.size-chart-trigger:active{transform:scale(.95)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/size-chart-modal.css.map */