.size-guide-drawer{--size-guide-duration: .3s;--size-guide-text: #0d0d0d;--size-guide-text-muted: #6b6b6b;--size-guide-surface: #f7f7f7;--size-guide-stripe: #efefef;--size-guide-border: #e5e5e5;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;visibility:hidden;font-family:var(--font-body-family);color:var(--size-guide-text);transition:visibility 0s linear var(--size-guide-duration)}.size-guide-drawer.active{visibility:visible;transition-delay:0s}.size-guide-drawer .size-guide-drawer__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;opacity:0;transition:opacity var(--size-guide-duration) ease}.size-guide-drawer.active .size-guide-drawer__overlay{opacity:1}.size-guide-drawer__inner{position:relative;display:flex;flex-direction:column;width:61.5rem;max-width:100%;height:100%;background-color:#fff;box-shadow:-12px 0 40px #00000024;transform:translate(100%);transition:transform var(--size-guide-duration) ease}.size-guide-drawer.active .size-guide-drawer__inner{transform:translate(0)}.size-guide-drawer__inner:focus-visible{outline:none}.size-guide-drawer__header{display:flex;flex-direction:column;gap:1.6rem;padding:2.4rem 2.4rem 2rem;border-bottom:1px solid var(--size-guide-border)}.size-guide-drawer__title-row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.size-guide-drawer__title{margin:0;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:400;line-height:1.33;letter-spacing:.04rem;color:var(--size-guide-text)}.size-guide-drawer__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:4.4rem;height:4.4rem;margin-right:-1rem;padding:0;color:var(--size-guide-text);background:transparent;border:none;cursor:pointer}.size-guide-drawer__close svg{width:2.4rem;height:2.4rem}.size-guide-drawer__description,.size-guide-drawer__description p{margin:0;font-size:1.4rem;font-weight:400;line-height:1.57;color:var(--size-guide-text-muted)}.size-guide-drawer__measure{display:flex;align-items:center;gap:2rem;padding:1.2rem 1.6rem;background-color:var(--size-guide-surface)}.size-guide-drawer__measure-media{flex-shrink:0;width:12rem}.size-guide-drawer__measure-media img{display:block;width:100%;height:auto}.size-guide-drawer__measure-content{display:flex;flex-direction:column;gap:.4rem}.size-guide-drawer__measure-title,.size-guide-drawer__measure-text{margin:0;font-size:1.4rem;line-height:1.43}.size-guide-drawer__measure-title{font-weight:700;color:var(--size-guide-text)}.size-guide-drawer__measure-text{font-weight:400;color:var(--size-guide-text-muted)}.size-guide-drawer__content{flex:1;min-height:0;overflow-y:auto;padding:3.2rem 3.2rem 2.4rem}.size-guide-drawer__table{width:100%;border:none;border-collapse:collapse;table-layout:fixed;font-size:1.2rem;line-height:1.33;text-align:center;color:var(--size-guide-text)}.size-guide-drawer__table th,.size-guide-drawer__table td{padding:.6rem .4rem;border:none;font-weight:400;text-align:center}.size-guide-drawer__table th{padding-bottom:1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.06rem;text-transform:uppercase;vertical-align:middle}.size-guide-drawer .size-guide-drawer__table thead tr,.size-guide-drawer .size-guide-drawer__table thead th,.size-guide-drawer .size-guide-drawer__table tbody tr,.size-guide-drawer .size-guide-drawer__table tbody tr:hover{background-color:#fff}.size-guide-drawer .size-guide-drawer__table tbody tr:nth-child(odd),.size-guide-drawer .size-guide-drawer__table tbody tr:nth-child(odd):hover{background-color:var(--size-guide-stripe)}.size-guide-drawer .size-guide-drawer__table td{background-color:transparent}.size-guide-drawer__table .size-guide-drawer__unit-heading{width:10.4rem;padding-inline:0}.size-guide-drawer__unit-toggle{display:inline-flex;padding:.2rem;background-color:var(--size-guide-surface);border-radius:10rem}.size-guide-drawer__unit-option{min-width:3.2rem;padding:.3rem .8rem;font-family:inherit;font-size:1.1rem;font-weight:500;line-height:1.33;text-transform:none;letter-spacing:0;color:#9e9e9e;background:transparent;border:none;border-radius:10rem;cursor:pointer;transition:background-color var(--size-guide-duration) ease,color var(--size-guide-duration) ease}.size-guide-drawer__unit-option[aria-pressed=true]{color:#fff;background-color:var(--size-guide-text)}.size-guide-drawer[data-unit=cm] [data-unit-value=inches],.size-guide-drawer[data-unit=inches] [data-unit-value=cm]{display:none}.size-guide-drawer__footer{padding:2.4rem 2.4rem 2.8rem}.size-guide-drawer__footer,.size-guide-drawer__footer p{margin:0;font-size:1.2rem;line-height:1.67;color:var(--size-guide-text-muted)}.size-guide-drawer__footer a{color:var(--size-guide-text);text-decoration:none}.size-guide-drawer__footer a:hover{text-decoration:underline}@media screen and (max-width:749px){.size-guide-drawer{align-items:flex-end}.size-guide-drawer__inner{width:100%;height:100%;box-shadow:0 -12px 40px #00000024;transform:translateY(100%)}.size-guide-drawer.active .size-guide-drawer__inner{transform:translateY(0)}.size-guide-drawer__header{gap:1.2rem;padding:2rem 1.6rem 1.6rem}.size-guide-drawer__title{font-size:2rem}.size-guide-drawer__description,.size-guide-drawer__description p{font-size:1.2rem;line-height:1.5}.size-guide-drawer__measure{gap:1.6rem;padding:1.2rem}.size-guide-drawer__measure-media{width:10rem}.size-guide-drawer__measure-title,.size-guide-drawer__measure-text{font-size:1.2rem}.size-guide-drawer__content{padding:2.4rem 1.6rem 1.6rem}.size-guide-drawer__unit-option{min-width:2.8rem;padding-inline:.6rem}.size-guide-drawer__footer{padding:1.6rem 1.6rem 2.4rem}.size-guide-drawer__footer a{text-decoration:underline}}@media(prefers-reduced-motion:reduce){.size-guide-drawer,.size-guide-drawer__overlay,.size-guide-drawer__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/300/assets/component-size-guide-drawer.css.map */