:where(.size-guide-popup__trigger){display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.size-guide-popup__trigger-icon{flex:none;width:.9em;height:.9em}.size-guide-popup .size-guide-popup__dialog{box-sizing:border-box;margin:auto;overflow-y:auto;overscroll-behavior:contain;border:0;background-color:var(--yooni-bg);color:var(--yooni-text);box-shadow:var(--yooni-shadow-md);scrollbar-width:thin;scrollbar-color:rgb(var(--yooni-text-rgb) / .3) transparent}.size-guide-popup .size-guide-popup__dialog::-webkit-scrollbar{width:10px}.size-guide-popup .size-guide-popup__dialog::-webkit-scrollbar-button{display:none;width:0;height:0}.size-guide-popup .size-guide-popup__dialog::-webkit-scrollbar-track{background-color:transparent}.size-guide-popup .size-guide-popup__dialog::-webkit-scrollbar-thumb{background-color:rgb(var(--yooni-text-rgb) / .3);background-clip:content-box;border:3px solid transparent;border-radius:var(--yooni-radius-pill, 999px)}.size-guide-popup .size-guide-popup__dialog[open]{animation:sizeGuidePopupIn var(--yooni-dur-enter, var(--animation-speed)) var(--yooni-ease, var(--animation-easing)) forwards}.size-guide-popup .size-guide-popup__dialog[open].dialog-closing{animation:sizeGuidePopupOut var(--yooni-dur-fast, var(--animation-speed)) var(--yooni-ease, var(--animation-easing)) forwards}@keyframes sizeGuidePopupIn{0%{opacity:0;transform:translateY(var(--padding-sm, 8px)) scale(.985)}to{opacity:1;transform:none}}@keyframes sizeGuidePopupOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--padding-sm, 8px)) scale(.985)}}@media screen and (min-width:750px){.size-guide-popup .size-guide-popup__dialog{width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100svh - 48px);padding:clamp(1.5rem,2.8vw,2.5rem);border-radius:calc(clamp(20px,2.4vw,32px) * var(--yooni-radius-scale, 1))}}@media screen and (max-width:749px){.size-guide-popup .size-guide-popup__dialog{padding:max(1.25rem,var(--safe-area-inset-top, 0px)) max(1.25rem,var(--safe-area-inset-right, 0px)) max(1.5rem,var(--safe-area-inset-bottom, 0px)) max(1.25rem,var(--safe-area-inset-left, 0px))}}.size-guide-popup__dialog::backdrop{background-color:rgb(var(--yooni-text-rgb) / .55)}.size-guide-popup .size-guide-popup__close{--yooni-icon-size: 40px;box-sizing:border-box;position:absolute;top:clamp(.75rem,1.4vw,1.25rem);right:clamp(.75rem,1.4vw,1.25rem);z-index:1;width:40px;height:40px;padding:0;border:0;cursor:pointer}.size-guide-popup .size-guide-popup__close svg{width:14px;height:14px}.size-guide-popup .size-guide-popup__title{margin:0 56px var(--padding-md, 16px) 0;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:var(--yooni-fw-black, 800);line-height:1.25;text-transform:none;color:var(--yooni-heading)}.size-guide--popup .school-size-guide--bare{padding:0;background:none}.size-guide--popup .size-guide__chart{scroll-margin-top:16px}@media(prefers-reduced-motion:reduce){.size-guide-popup .size-guide-popup__dialog[open],.size-guide-popup .size-guide-popup__dialog[open].dialog-closing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/size-guide-popup.css.map */