.size-guide-sidebar{display:block;text-align:right}.size-guide-sidebar__trigger{display:inline-flex;align-items:center;gap:.6rem;padding:0;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-neutral-600);text-decoration:underline;text-underline-offset:.3rem}.size-guide-sidebar__trigger:hover{opacity:.75}.size-guide-sidebar__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end}.size-guide-sidebar__panel[hidden]{display:none}.size-guide-sidebar__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;cursor:pointer;display:block!important}.size-guide-sidebar__drawer{position:relative;z-index:1;display:flex;flex-direction:column;width:min(48rem,100vw);height:100%;background-color:var(--color-neutral-0);overflow:hidden;transform:translate(100%);transition:transform .3s ease}.size-guide-sidebar__panel.is-open .size-guide-sidebar__drawer{transform:translate(0)}.size-guide-sidebar__drawer .metafield-rich_text_field h1,.size-guide-sidebar__drawer .metafield-rich_text_field h2,.size-guide-sidebar__drawer .metafield-rich_text_field h3,.size-guide-sidebar__drawer .metafield-rich_text_field h4,.size-guide-sidebar__drawer .metafield-rich_text_field h5,.size-guide-sidebar__drawer .metafield-rich_text_field h6{font-weight:400!important}.size-guide-sidebar__drawer .metafield-rich_text_field p{color:var(--color-neutral-600)}.size-guide-sidebar__drawer .metafield-rich_text_field strong{font-weight:500}.size-guide-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:3rem;border-bottom:.1rem solid var(--color-neutral-200);flex-shrink:0}.size-guide-sidebar__heading{margin:0;font-weight:400}.size-guide-sidebar__close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background:none;border:none;cursor:pointer;color:var(--color-neutral-1000);transition:background-color .2s}.size-guide-sidebar__close:hover{background-color:rgba(var(--color-foreground),.06)}.size-guide-sidebar__body{flex:1;overflow-y:auto;padding:3rem;display:flex;flex-direction:column;gap:3rem}.size-guide-sidebar__intro{font-size:1rem;line-height:1.6;color:var(--color-neutral-1000)}.size-guide-sidebar__image-wrapper{width:230px;overflow:hidden}.size-guide-sidebar__image-wrapper.is--small{width:120px}.size-guide-sidebar__image{display:block;width:100%;height:auto;object-fit:contain}.size-guide-sidebar__section{display:flex;flex-direction:column;gap:1rem}.size-guide-sidebar__section-title{margin:0;line-height:1.3;font-weight:400;color:var(--color-neutral-1000)}.size-guide-sidebar__section-text{line-height:1.3;font-size:1rem;color:rgb(var(--color-foreground))}.size-guide-sidebar__list-title{margin:.4rem 0 2rem;font-size:1.6rem;font-weight:400;color:var(--color-neutral-1000)}.size-guide-sidebar__list{font-size:1rem;line-height:1.5;color:var(--color-neutral-600)}.size-guide-sidebar__list ul,.size-guide-sidebar__list ol{margin:0;padding-left:0;list-style:none;counter-reset:size-guide-step}.size-guide-sidebar__list li+li{margin-top:1.6rem}.size-guide-sidebar__list ol>li{counter-increment:size-guide-step;display:flex;flex-direction:column;gap:.6rem}.size-guide-sidebar__list ol>li:before{content:counter(size-guide-step,decimal) ".";font-size:1.6rem;font-weight:400;color:var(--color-neutral-1000);line-height:1}.size-guide-sidebar__table{overflow-x:auto;-webkit-overflow-scrolling:touch}.size-guide-sidebar__table table{width:100%;border-collapse:collapse;font-size:1rem}.size-guide-sidebar__table th,.size-guide-sidebar__table td{padding:.5rem 0!important;text-align:left;border:0!important}.size-guide-sidebar__table th{color:var(--color-neutral-600);font-weight:400;text-transform:uppercase;vertical-align:text-top}.size-guide-sidebar__table tr:last-child td{border:none;box-shadow:none}.size-guide-sidebar__table tr:hover td{background-color:rgba(var(--color-foreground),.03)}.size-guide-sidebar__empty{font-size:1rem;color:rgba(var(--color-foreground),.6)}.size-guide-sidebar__overlay{opacity:0;transition:opacity .3s ease}.size-guide-sidebar__panel.is-open .size-guide-sidebar__overlay{opacity:1}@media screen and (max-width:749px){.size-guide-sidebar__drawer{width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/size-guide-sidebar.css.map */
