.size-guide-drawer__dialog{--sg-black: #000;--sg-grey: #757575;--sg-grey-light: #999;--sg-hairline: rgba(0, 0, 0, .1);--sg-font-body: var(--font-heading--family);--sg-font-label: var(--font-accent--family);width:477px;max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:none;border-radius:0;background:#fff;color:var(--sg-black);overflow:hidden}@media screen and (min-width:750px){.size-guide-drawer__dialog{border-radius:0;max-width:477px}}@media screen and (max-width:749px){.size-guide-drawer__dialog{width:100%;max-width:100%;padding:0}}.size-guide-drawer__inner{display:flex;flex-direction:column;height:100%;overflow-y:auto}.size-guide-drawer__label{font-family:var(--sg-font-label);font-size:12px;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:var(--sg-grey)}.size-guide-drawer__title-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 20px;background:#fff}.size-guide-drawer__title{font-family:var(--sg-font-body);font-size:13px;line-height:1.3;color:var(--sg-black)}.size-guide-drawer__close{display:grid;place-items:center;width:30px;height:30px;padding:7px;cursor:pointer;color:var(--sg-black)}.size-guide-drawer__close svg{width:9px;height:9px}.size-guide-drawer__modules{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.size-guide-drawer__fit{display:flex;gap:20px;padding:20px;border:1px solid var(--sg-hairline)}.size-guide-drawer__fit-media{position:relative;flex:0 0 auto;width:calc(50% - 10px);aspect-ratio:209 / 261;overflow:hidden;background:#f2f2f2}.size-guide-drawer__media-image,.size-guide-drawer__media-video{display:block;width:100%;height:100%;object-fit:cover}.size-guide-drawer__media-toggle{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;padding:7px;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:pointer}.size-guide-drawer__media-toggle:hover{color:#fff;background:#ffffff1a}.size-guide-drawer__media-icon{display:none}.size-guide-drawer__media-icon svg{width:10px;height:10px}.size-guide-drawer__media-toggle[data-state=paused] .size-guide-drawer__media-icon--play,.size-guide-drawer__media-toggle[data-state=playing] .size-guide-drawer__media-icon--pause{display:grid}.size-guide-drawer__fit-info{display:flex;flex:1 1 0;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;padding-top:5px}.size-guide-drawer__fit-text{display:flex;flex-direction:column;gap:20px}.size-guide-drawer__fit-heading{display:flex;flex-direction:column}.size-guide-drawer__fit-name{font-family:var(--sg-font-body);font-size:22px;line-height:1.3;color:var(--sg-black)}.size-guide-drawer__fit-description,.size-guide-drawer__fit-note{font-family:var(--sg-font-body);font-size:13px;line-height:1.3;color:var(--sg-black)}.size-guide-drawer__fit-detail{display:flex;flex-direction:column;gap:10px}.size-guide-drawer__fit-name,.size-guide-drawer__fit-description,.size-guide-drawer__fit-detail .size-guide-drawer__label,.size-guide-drawer__fit-note{margin:0}.size-guide-drawer__guide-link{align-self:flex-start;font-family:var(--sg-font-label);font-size:12px;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:var(--sg-black);text-decoration:none;border-bottom:.8px solid var(--sg-black)}.size-guide-drawer__sizing{display:flex;flex-direction:column;gap:20px;padding:0 20px}.size-guide-drawer__scale{position:relative;display:flex;justify-content:space-between;padding:20px}.size-guide-drawer__scale-track{position:absolute;left:27.5px;right:27.5px;top:27.5px;height:1px;background:var(--sg-black)}.size-guide-drawer__scale-point{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.size-guide-drawer__scale-point--first{align-items:flex-start}.size-guide-drawer__scale-point--last{align-items:flex-end}.size-guide-drawer__scale-dot{display:grid;place-items:center;width:15px;height:15px}.size-guide-drawer__scale-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sg-black)}.size-guide-drawer__scale-point.is-active .size-guide-drawer__scale-dot:before{width:15px;height:15px;background:#fff;border:1.5px solid var(--sg-black)}.size-guide-drawer__scale-label{color:var(--sg-grey-light);white-space:nowrap}.size-guide-drawer__scale-point.is-active .size-guide-drawer__scale-label{color:var(--sg-black)}.size-guide-drawer__dropdown{position:relative}.size-guide-drawer__select{width:100%;height:30px;padding:0 30px 0 10px;font-family:var(--sg-font-label);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--sg-black);background:transparent;border:1px solid var(--sg-black);border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer}.size-guide-drawer__select-icon{position:absolute;top:0;right:0;display:grid;place-items:center;width:30px;height:30px;pointer-events:none}.size-guide-drawer__select-icon svg{width:10px}.size-guide-drawer__tabs{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.size-guide-drawer__tab-group{display:flex;align-items:center;gap:20px}.size-guide-drawer__tab-group.is-hidden{visibility:hidden}.size-guide-drawer__tab{padding:3px 0;font-family:var(--sg-font-label);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--sg-grey);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer}.size-guide-drawer__tab.is-active{color:var(--sg-black);border-bottom-color:var(--sg-black)}.size-guide-drawer__tab[disabled]{opacity:.4;cursor:default}.size-guide-drawer__description{display:flex;flex-direction:column;gap:20px}.size-guide-drawer__description-text{font-family:var(--sg-font-body);font-size:13px;line-height:1.3;color:var(--sg-black)}.size-guide-drawer__list{display:flex;flex-direction:column;gap:10px}.size-guide-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:20px}.size-guide-drawer__row-value{font-family:var(--sg-font-body);font-size:13px;line-height:1.3;color:var(--sg-black);white-space:nowrap;letter-spacing:0}.size-guide-drawer__divider{display:block;width:100%;height:1px;background:var(--sg-hairline)}.size-guide-drawer__empty{padding:20px;font-family:var(--sg-font-body);font-size:13px;line-height:1.3;color:var(--sg-grey)}.size-guide-drawer [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/332/assets/size-guide-drawer.css.map */