.baratto-size-chart-drawer{--drawer-max-width: 100vw}.baratto-size-chart-drawer::part(header){align-items:start}.baratto-size-chart-drawer::part(body){padding-block-start:var(--drawer-header-padding-block)}.baratto-size-chart-drawer::part(close-button){margin-block-start:.125rem}.baratto-size-chart-guide-drawer{z-index:1000}.baratto-size-chart__guide-heading{min-inline-size:0;padding-inline-end:2rem;display:grid;gap:1rem}.baratto-size-chart__guide-back{inline-size:fit-content;padding:0;border:0;color:currentColor;background:none;cursor:pointer}.baratto-size-chart__guide-back .icon{display:block}.baratto-size-chart__guide-title{margin:0;font-family:var(--heading-font-family);font-size:clamp(1.125rem,3.2vw,1.55rem);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letter-spacing);line-height:1.15;text-transform:var(--heading-text-transform)}baratto-measurement-guide{display:block}.baratto-size-chart__guide-content>:first-child{margin-block-start:0}.baratto-size-chart__guide-content>:last-child{margin-block-end:0}.baratto-size-chart__product-heading{min-width:0;padding-inline-end:2rem;display:grid;gap:.2rem}.baratto-size-chart__product-heading>*{margin:0}.baratto-size-chart__product-type{color:rgb(var(--text-color) / .65);font-size:.8rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.baratto-size-chart__product-title{font-family:var(--heading-font-family);font-size:clamp(1.125rem,3.2vw,1.55rem);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letter-spacing);line-height:1.15;text-transform:var(--heading-text-transform)}.baratto-size-chart__tabs{min-inline-size:0;display:block}.baratto-size-chart__tabs-nav{inline-size:100%;margin-block-end:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;border-block-end:1px solid rgb(var(--text-color) / .12)}.baratto-size-chart__tab{position:relative;inline-size:100%;padding:0 0 .7rem;border:0;color:rgb(var(--text-color) / .62);background:transparent;font:inherit;letter-spacing:.06em;line-height:1.25;text-align:center;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.baratto-size-chart__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .2s ease-in-out}.baratto-size-chart__tab:is(:hover,:focus-visible,.is-active){color:rgb(var(--text-color))}.baratto-size-chart__tab.is-active:after{transform:scaleX(1)}.baratto-size-chart__tab-panel[hidden]{display:none}.baratto-size-chart__content{min-width:0;display:grid;gap:1.5rem}.baratto-size-chart__intro{max-width:44rem;display:grid;gap:.5rem}.baratto-size-chart__intro>*{margin:0}.baratto-size-chart__section-title{font-size:.8rem}.baratto-size-chart__intro p{color:rgb(var(--text-color) / .72);font-size:.75rem;line-height:1.55}.baratto-size-chart__table-group{min-inline-size:0;inline-size:100%;display:block}.baratto-size-chart__table-scroll{--size-chart-grid-color: rgb(var(--background));--size-chart-header-color: color-mix( in srgb, rgb(var(--text-color)) 18%, rgb(var(--background)) );--size-chart-row-color: color-mix( in srgb, rgb(var(--text-color)) 4%, rgb(var(--background)) );--size-chart-row-alternate-color: color-mix( in srgb, rgb(var(--text-color)) 8%, rgb(var(--background)) );max-block-size:none;border-radius:0;background:var(--size-chart-grid-color);overflow:visible}.baratto-size-chart__table{border-collapse:separate;border-spacing:0;inline-size:100%;min-inline-size:100%;table-layout:fixed;text-align:center}.baratto-size-chart__table :is(th,td){min-inline-size:0;padding:.55rem .5rem;border-block-start:0;border-block-end:1.5px solid var(--size-chart-grid-color);border-inline-start:0;border-inline-end:1.5px solid var(--size-chart-grid-color);line-height:1.35;overflow-wrap:anywhere;text-align:center;white-space:normal;word-break:normal}.baratto-size-chart__table :is(th,td):last-child{border-inline-end:0}.baratto-size-chart__table tbody tr:last-child :is(th,td){border-block-end:0}.baratto-size-chart__table :is(thead th,tbody th){color:#4b3d2a;font-family:var(--text-font-family);font-size:.75rem;font-style:var(--text-font-style);font-weight:700;letter-spacing:.06em;opacity:1;text-transform:uppercase}.baratto-size-chart__table thead th{background:var(--size-chart-header-color);position:sticky;inset-block-start:0;z-index:2}.baratto-size-chart__table tbody tr:nth-child(odd)>*{background:var(--size-chart-row-color)}.baratto-size-chart__table tbody tr:nth-child(2n)>*{background:var(--size-chart-row-alternate-color)}.baratto-size-chart__table tbody th{position:sticky;inset-inline-start:0;z-index:1}.baratto-size-chart__table thead th:first-child{min-inline-size:0;inset-inline-start:0;z-index:3}.baratto-size-chart__table-footer{margin-block-start:.875rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#4b3d2a;font-size:.75rem;line-height:1.25;white-space:nowrap}.baratto-size-chart__note{margin:.75rem 0 0;color:rgb(var(--text-color) / .62);font-size:.6875rem;line-height:1.5}.baratto-size-chart__note>span{display:block}.baratto-size-chart__measurement-guide{min-inline-size:0;color:inherit;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}.baratto-size-chart__measurement-guide-label{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2rem}.baratto-size-chart__measurement-guide .icon{flex:none}.baratto-size-chart__measurement-guide--static{cursor:default}.baratto-size-chart__units{flex:none;display:inline-flex;align-items:center;gap:.45rem;text-transform:uppercase}.baratto-size-chart__unit-switch{position:relative;inline-size:2.5rem;block-size:1.375rem;padding:0;border:0;border-radius:9999px;background:color-mix(in srgb,#4b3d2a 45%,rgb(var(--background)));opacity:1;cursor:pointer}.baratto-size-chart__unit-switch:focus-visible{outline:2px solid currentColor;outline-offset:2px}.baratto-size-chart__unit-switch-knob{position:absolute;inset-block-start:50%;inset-inline-start:calc(100% - 1.1875rem);inline-size:1rem;block-size:1rem;border-radius:50%;background:rgb(var(--background));transform:translateY(-50%);transition:inset-inline-start .2s ease}.baratto-size-chart__table-group[data-unit=in] .baratto-size-chart__unit-switch-knob{inset-inline-start:.1875rem}.baratto-size-chart__unit-label{color:rgb(var(--text-color) / .55);font-weight:400;transition:color .2s ease}.baratto-size-chart__unit-label--active{color:#4b3d2a;font-weight:700}@media(hover:hover){a.baratto-size-chart__measurement-guide:hover{opacity:.7}}@media(hover:hover){.baratto-size-chart__table tbody tr:hover>*{background:color-mix(in srgb,rgb(var(--text-color)) 12%,rgb(var(--background)))}}@media screen and (min-width:700px){.baratto-size-chart-drawer{--drawer-max-width: min(100vw, clamp(43.2rem, 46.8vw, 57.6rem))}.baratto-size-chart__content{gap:2rem}.baratto-size-chart__tabs-nav{margin-block-end:2rem}.baratto-size-chart__table :is(th,td){padding:.6rem .68rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/baratto-size-chart.css.map */