.size-guide-modal{position:fixed;top:0;left:0;z-index:8002;display:flex;align-items:center;justify-content:center;width:100%;height:100%;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s .3s}.size-guide-modal[hidden]{display:none}.size-guide-modal.is-active{visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s 0s}.size-guide-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--modal-overlay-color, 0 0 0) / var(--modal-overlay-opacity, .3));cursor:pointer}.size-guide-modal__dialog{position:relative;z-index:1;width:calc(100% - var(--gutter, 20px) * 2);max-width:820px;max-height:calc(100vh - var(--gutter, 20px) * 2);max-height:calc(100dvh - var(--gutter, 20px) * 2);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:48px var(--gutter, 20px) var(--gutter, 20px);border-radius:var(--modal-border-radius, 0);background-color:rgb(var(--body-bg-color, 255 255 255));color:rgb(var(--body-text-color, 0 0 0));box-shadow:0 0 10px #0000004d;transform:translateY(20px);transition:transform .3s ease}.size-guide-modal.is-active .size-guide-modal__dialog{transform:translateY(0)}.size-guide-modal__close{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;padding:10px;border:0;border-radius:var(--btn-border-radius, 0);background-color:transparent;color:currentColor;cursor:pointer}.size-guide-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.size-guide-modal__title{margin:0 0 .75em;padding-right:40px}.size-guide-modal__content{margin-bottom:1.5em}.size-guide-modal__content :last-child{margin-bottom:0}.size-guide-modal__images{display:grid;grid-template-columns:1fr;gap:var(--gutter, 20px)}.size-guide-modal__image img{display:block;width:100%;max-width:100%;height:auto}.size-guide-option-heading{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin-bottom:8px;font-size:24px}.size-guide-option-heading>.label{margin-bottom:0}.size-guide-inline{display:inline-flex}.size-guide-trigger--inline{display:inline-flex;align-items:center;gap:.25em;margin:0;padding-top:30px;border:0;background:none;cursor:pointer;text-align:start;color:#c68e8d;font-weight:600;text-decoration:none}.size-guide-trigger--inline:hover{background:none;border-color:transparent}html.size-guide-modal-open,html.size-guide-modal-open body{overflow:hidden}html.size-guide-modal-open body{width:calc(100% - var(--scrollbar-width, 0px))}@media screen and (min-width:750px){.size-guide-modal__images{grid-template-columns:repeat(2,1fr)}.size-guide-modal__images--single{grid-template-columns:1fr}.size-guide-modal__image img{width:auto;max-width:min(100%,calc(var(--size-guide-image-width, 200%) / 2));max-height:70vh;margin-inline:auto}}@media screen and (max-width:749.98px){.size-guide-option-heading{gap:2px 12px}.size-guide-modal__dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:44px 16px 16px}.size-guide-modal__title{font-size:1.2em}.size-guide-modal__images{gap:12px}}@media(prefers-reduced-motion:reduce){.size-guide-modal,.size-guide-modal.is-active,.size-guide-modal__dialog,.size-guide-modal.is-active .size-guide-modal__dialog{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/component-size-popup.css.map */