size-guide-drawer-component:not(:defined){display:none}@supports (height: 100dvh){.size-guide-drawer__panel,.size-guide-drawer__content{height:100dvh}}@supports not (height: 100dvh){.size-guide-drawer__panel,.size-guide-drawer__content{height:100vh;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}size-guide-drawer-component{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500}size-guide-drawer-component[aria-hidden=true]{pointer-events:none}size-guide-drawer-component[aria-hidden=false]{pointer-events:auto}size-guide-drawer-component[aria-hidden=false] .size-guide-drawer__overlay{opacity:1}size-guide-drawer-component[aria-hidden=false] .size-guide-drawer__panel{transform:translate(0)}size-guide-drawer-component .size-guide-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94)}size-guide-drawer-component .size-guide-drawer__panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:100%;background:var(--color-white);transform:translate(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.0625rem #0000000f;z-index:1101}@media screen and (min-width:768px){size-guide-drawer-component .size-guide-drawer__panel{max-width:30rem}}size-guide-drawer-component .size-guide-drawer__content{height:100%;height:100dvh;display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-black) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}size-guide-drawer-component .size-guide-drawer__content::-webkit-scrollbar{width:.375rem}size-guide-drawer-component .size-guide-drawer__content::-webkit-scrollbar-track{background:transparent}size-guide-drawer-component .size-guide-drawer__content::-webkit-scrollbar-thumb{background:var(--color-black);border-radius:.1875rem}size-guide-drawer-component .size-guide-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}size-guide-drawer-component .size-guide-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:.0625rem solid var(--color-gray-200);background-color:var(--color-white);flex-shrink:0;position:sticky;top:0;z-index:10}size-guide-drawer-component .size-guide-drawer__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}size-guide-drawer-component .size-guide-drawer__close{background:none;border:none;cursor:pointer;padding:0;width:2rem;height:2rem;border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}size-guide-drawer-component .size-guide-drawer__close svg{width:var(--spacing-4);height:var(--spacing-4)}size-guide-drawer-component .size-guide-drawer__close:hover{background-color:var(--color-gray-100)}size-guide-drawer-component .size-guide-drawer__main{flex:1;display:flex;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-4)}size-guide-drawer-component .size-guide-drawer__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}size-guide-drawer-component .size-guide-drawer__subtitle{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0;line-height:var(--text-base--line-height)}size-guide-drawer-component .size-guide-drawer__unit-toggle{display:flex;background:var(--color-gray-100);padding:var(--spacing-1);width:-moz-fit-content;width:fit-content;box-shadow:var(--inset-shadow-sm);border-radius:var(--radius-sm)}size-guide-drawer-component .size-guide-drawer__toggle-btn{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s var(--ease-out);position:relative;z-index:1}size-guide-drawer-component .size-guide-drawer__toggle-btn:hover:not(.size-guide-drawer__toggle-btn--active){color:var(--color-gray-800);background:var(--color-gray-50);border-radius:var(--radius-sm)}size-guide-drawer-component .size-guide-drawer__toggle-btn:focus-visible{outline:.125rem solid var(--color-outline);outline-offset:.125rem}size-guide-drawer-component .size-guide-drawer__toggle-btn--active{background:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-sm)}size-guide-drawer-component .size-guide-drawer__table-section{display:flex;flex-direction:column;gap:var(--spacing-4)}size-guide-drawer-component .size-guide-drawer__table-container{background:var(--color-white);overflow-x:auto;box-shadow:var(--shadow-sm);border:.0625rem solid var(--color-gray-200);border-radius:var(--radius-sm)}size-guide-drawer-component .size-guide-drawer__table-title{background:var(--color-gray-100);border-bottom:.0625rem solid var(--color-gray-200);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-black);padding:var(--spacing-2) var(--spacing-4);margin:0;line-height:var(--text-base--line-height)}size-guide-drawer-component .size-guide-drawer__table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}@media screen and (min-width:1024px){size-guide-drawer-component .size-guide-drawer__table{font-size:var(--text-sm)}}size-guide-drawer-component .size-guide-drawer__table th{color:var(--color-black);font-weight:var(--font-weight-bold);text-align:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:.0625rem solid var(--color-gray-200);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:var(--text-xs--line-height)}size-guide-drawer-component .size-guide-drawer__table td{padding:var(--spacing-3) var(--spacing-4);text-align:center;border-bottom:.0625rem solid var(--color-gray-100);color:var(--color-black);font-weight:var(--font-weight-medium)}size-guide-drawer-component .size-guide-drawer__table td [data-text-label]{display:inline}size-guide-drawer-component .size-guide-drawer__table tbody tr:last-child td{border-bottom:none}size-guide-drawer-component .size-guide-drawer__measurements{border:.0625rem solid var(--color-gray-200);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm)}size-guide-drawer-component .size-guide-drawer__measurements-title{background:var(--color-gray-100);border-bottom:.0625rem solid var(--color-gray-200);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0;padding:var(--spacing-2) var(--spacing-4);line-height:var(--text-base--line-height)}size-guide-drawer-component .size-guide-drawer__measurements-content{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;padding:var(--spacing-4)}@media screen and (min-width:768px){size-guide-drawer-component .size-guide-drawer__measurements-content{flex-direction:row;align-items:flex-start}}size-guide-drawer-component .size-guide-drawer__measurements-text{display:flex;flex-direction:column;counter-reset:item;flex:1}size-guide-drawer-component .size-guide-drawer__measurements-text p{margin-bottom:var(--spacing-2)}size-guide-drawer-component .size-guide-drawer__measurements-text ul,size-guide-drawer-component .size-guide-drawer__measurements-text ol{padding-left:0;margin:0;list-style:none}size-guide-drawer-component .size-guide-drawer__measurements-text li{display:flex;align-items:center;margin-bottom:var(--spacing-2);counter-increment:item;position:relative;padding-left:calc(var(--spacing-5) + var(--spacing-2))}size-guide-drawer-component .size-guide-drawer__measurements-text li:before{content:counter(item);position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background:var(--color-gray-600);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);line-height:1}size-guide-drawer-component .size-guide-drawer__measurements-image{flex-shrink:0}size-guide-drawer-component .size-guide-drawer__measurements-image [data-image-wrapper]{width:9.375rem;height:100%}@media screen and (min-width:768px){size-guide-drawer-component .size-guide-drawer__measurements-image [data-image-wrapper]{width:11.25rem}}size-guide-drawer-component [data-metric]{display:none}size-guide-drawer-component [data-imperial]{display:inline;display:initial}size-guide-drawer-component.size-guide-drawer--show-metric [data-metric]{display:inline;display:initial}size-guide-drawer-component.size-guide-drawer--show-metric [data-imperial]{display:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/snippet.size-guide-drawer.css.map */