.size-guide-drawer{position:fixed;top:0;right:0;width:100vw;height:100vh;opacity:0;padding:2rem;z-index:0;background-color:rgb(var(--color-background));box-shadow:1rem 0 1rem 1rem rgba(var(--color-shadow), 0.5);transform:translateX(100%);overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(var(--color-foreground), 0.75) rgb(var(--color-background));transition:all .25s ease-in}.size-guide-drawer.is-open{opacity:100;transform:translateX(0);z-index:500;transition:all .25s ease-in}.size-guide-drawer-overlay{position:fixed;top:0;width:100vw;height:100vh;opacity:0;z-index:-1;transition:all .25s ease-in}.size-guide-drawer-overlay.drawer-overlay--light{background-color:#fff}.size-guide-drawer-overlay.drawer-overlay--dark{background-color:#000}button.size-guide-drawer-close-button svg.icon.icon-close{width:2rem;height:auto;color:rgba(var(--color-foreground));fill:rgba(var(--color-foreground))}.size-guide-drawer__top-content-wrapper{width:100%;display:flex;justify-content:space-between}.top-content__close-button{display:flex;justify-content:center;align-items:center;height:4rem;width:4rem;cursor:pointer;border:2px solid rgb(var(--color-foreground));padding:1rem;background-color:transparent}.top-content__heading h3.h2{margin:0 0 .25rem}.top-content__subtext{margin:0 0 2.5rem}.top-content__subtext .subtext__title{font-weight:500}.size-guide-drawer__tip-text-wrapper{padding:1rem;border:1px solid rgb(var(--color-foreground));text-align:justify}details.size-guide-drawer-accordion{margin:2.5rem 0 0;width:100%;display:block}details.size-guide-drawer-accordion .accordion__summary{display:flex;justify-content:space-between;width:100%;padding:0 0 .25rem;border-bottom:1px solid rgb(var(--color-foreground))}details.size-guide-drawer-accordion .accordion__icon-wrapper{display:flex;justify-content:center;align-items:center}details.size-guide-drawer-accordion summary.accordion__summary svg.icon{width:2rem;height:auto;color:rgba(var(--color-foreground));fill:rgba(var(--color-foreground))}details.size-guide-drawer-accordion summary.accordion__summary svg.icon.icon-minus{display:none}details.size-guide-drawer-accordion summary.accordion__summary svg.icon.icon-plus{display:inline}details[open].size-guide-drawer-accordion summary.accordion__summary svg.icon.icon-plus{display:none}details[open].size-guide-drawer-accordion summary.accordion__summary svg.icon.icon-minus{display:inline}.accordion__content{margin:1rem 0 0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground), 0.75) rgb(var(--color-background));color:rgb(var(--color-foreground))}.size-guide-table{width:100%;border-collapse:collapse;min-width:500px}table.size-guide-table tr td,table.size-guide-table tr th{text-align:center;padding:1rem 2rem}table.size-guide-table tr td.size-td{border:1px solid rgb(var(--color-foreground))}.size-guide-drawer__measurement-buttons{margin:2.5rem 0 0;display:flex;gap:.5rem}.size-guide-drawer__measurement-buttons button.measurement-button{cursor:pointer;padding:1rem 4rem;border:2px solid rgba(var(--color-foreground), 0.5);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:border .25s ease-in}.size-guide-drawer__measurement-buttons button.measurement-button:focus,.size-guide-drawer__measurement-buttons button.measurement-button:hover{border:2px solid rgba(var(--color-foreground), 0.75);transition:border .25s ease-in}.size-guide-drawer__measurement-buttons button.measurement-button.is-active{border:2px solid rgb(var(--color-foreground));transition:border .25s ease-in}span.measurement.is-hidden{display:none}@media screen and (min-width: 990px){.size-guide-drawer{position:fixed;width:50vw}}