.dimensions__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.dimensions__tab{display:inline-flex;align-items:center;padding:11px 16px;font-size:14px;font-weight:400;line-height:1;white-space:nowrap;background-color:rgb(var(--colors-background));color:var(--pan-btn-color, rgb(var(--colors-heading)));border:1px solid rgba(var(--colors-line-and-border));border-radius:30px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.dimensions__tab:hover:not(.is-active){background-color:var(--pan-btn-hover-bg, var(--pan-btn-bg, transparent));color:var( --pan-btn-hover-color, var(--pan-btn-color, rgb(var(--colors-heading))) );border-color:color-mix(in oklab,var(--pan-btn-color, rgb(var(--colors-heading))) 50%,transparent)}.dimensions__tab.is-active,.dimensions__tab.is-active:hover{background-color:var(--pan-btn-active-bg, rgb(var(--colors-heading)));color:var(--pan-btn-active-color, rgb(var(--colors-button-text)));border-color:var(--pan-btn-active-border, rgb(var(--colors-heading)))}.dimensions__tab h3{color:inherit;font-size:14px}.dimensions__layout{display:flex;flex-direction:column}.dimensions__image-column{margin-top:2rem}@media(min-width:768px){.dimensions__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,48%);align-items:start;column-gap:1.5rem}.dimensions__image-column{margin-top:0}}@media(min-width:1024px){.dimensions__layout{column-gap:3rem}}.dimensions__image-wrapper{overflow:hidden;border:0}.dimensions__image{display:block;width:100%;height:auto}.dimensions__table-wrapper{overflow-x:auto}.dimensions__table{width:100%;min-width:280px;border-collapse:collapse;font-size:14px;color:rgb(var(--colors-text))}.dimensions__table tr:first-child td{border-top:1px solid rgba(var(--colors-line-and-border))}.dimensions__table th,.dimensions__table td{padding:15px 0;border-bottom:1px solid rgba(var(--colors-line-and-border));text-align:left;vertical-align:top;font-size:16px}.dimensions__table th{color:rgb(var(--colors-heading));font-weight:600}.dimensions__table td:first-child{color:rgba(var(--colors-text),.7)}.dimensions__table td:last-child,.dimensions__table th:last-child{color:rgb(var(--colors-heading));text-align:right}.dimensions__placeholder{margin:0;padding:10px 14px;border:1px dashed rgba(var(--colors-line-and-border));border-radius:var(--border-radius);font-size:13px;color:rgba(var(--colors-text),.6)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dimensions.css.map */
