.chair-specs-tabs{padding:clamp(64px,7vw,112px) 0;background:var(--paper)}.chair-specs-tabs__inner{width:var(--shell);margin:0 auto;background:var(--white)}.chair-specs-tabs__tablist{display:flex;border-bottom:1px solid var(--line);background:var(--paper)}.chair-specs-tabs__tab{position:relative;min-width:180px;min-height:60px;padding:0 28px;-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;text-align:center;transition:color .18s var(--ease),background-color .18s var(--ease)}.chair-specs-tabs__tab:after{position:absolute;right:24px;bottom:-1px;left:24px;height:2px;background:currentColor;content:"";opacity:0;transform:scaleX(.55);transition:opacity .18s var(--ease),transform .18s var(--ease)}.chair-specs-tabs__tab:hover,.chair-specs-tabs__tab:focus-visible{color:var(--ink)}.chair-specs-tabs__tab:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.chair-specs-tabs__tab.is-active{background:var(--white);color:var(--ink)}.chair-specs-tabs__tab.is-active:after{opacity:1;transform:scaleX(1)}.chair-specs-tabs__panel[hidden]{display:none}.chair-specs-tabs__panel.is-active{animation:chair-specs-panel-in .22s var(--ease) both}.chair-specs-tabs__panel--specifications{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr)}.chair-specs-tabs__media{margin:0;overflow:hidden;background:var(--mist)}.chair-specs-tabs__media img{display:block;width:100%;height:auto}.chair-specs-tabs__media--specifications{align-self:stretch}.chair-specs-tabs__media--specifications img{height:100%;object-fit:contain}.chair-specs-tabs__summary{display:flex;min-width:0;padding:clamp(44px,4.5vw,72px);flex-direction:column;justify-content:center;background:var(--white)}.chair-specs-tabs__summary h2{max-width:12ch;font-size:clamp(34px,3.2vw,50px);font-weight:500;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.chair-specs-tabs__summary>p{max-width:46ch;margin-top:24px;color:var(--ink-soft);font-size:14px;line-height:1.65}.chair-specs-tabs__summary dl{margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--line)}.chair-specs-tabs__summary dl>div{display:grid;padding:18px 0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px}.chair-specs-tabs__summary dt{color:var(--ink-soft);font-size:13px;line-height:1.4}.chair-specs-tabs__summary dd{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.4;text-align:right}.chair-specs-tabs__panel--installation,.chair-specs-tabs__media--installation{width:100%}@media(min-width:981px){.chair-specs-tabs:has(.chair-specs-tabs__tab[data-ocp-fit-tab=specifications].is-active){--spec-summary-size: clamp(340px, 38vw, 520px);--spec-visual-size: min( 720px, calc(100svh - 228px) , calc(100vw - 96px - var(--spec-summary-size)) );padding-block:clamp(28px,3.5vh,40px)}.chair-specs-tabs:has(.chair-specs-tabs__tab[data-ocp-fit-tab=specifications].is-active) .chair-specs-tabs__inner{width:min(var(--shell),calc(var(--spec-visual-size) + var(--spec-summary-size)))}.chair-specs-tabs__panel--specifications{height:var(--spec-visual-size);min-height:0;grid-template-columns:minmax(0,var(--spec-visual-size)) minmax(340px,var(--spec-summary-size))}.chair-specs-tabs__media--specifications{display:grid;min-height:0;place-items:center}.chair-specs-tabs__media--specifications img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.chair-specs-tabs__summary{min-height:0;padding:clamp(28px,3vh,44px);overflow-y:auto}.chair-specs-tabs__summary h2{max-width:none;font-size:clamp(22px,2vw,32px);letter-spacing:-.03em;white-space:nowrap}.chair-specs-tabs__summary>p{margin-top:16px}.chair-specs-tabs__summary dl{margin-top:24px}.chair-specs-tabs__summary dl>div{padding:14px 0}}@keyframes chair-specs-panel-in{0%{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.chair-specs-tabs__panel--specifications{grid-template-columns:1fr}.chair-specs-tabs__media--specifications img{width:auto;height:auto;max-width:100%;max-height:min(68svh,640px);margin-inline:auto}.chair-specs-tabs__summary h2{max-width:16ch}}@media(max-width:720px){.chair-specs-tabs{padding:48px 0}.chair-specs-tabs__tab{min-width:0;min-height:54px;padding:0 14px;flex:1 1 50%;font-size:13px}.chair-specs-tabs__tab:after{right:16px;left:16px}.chair-specs-tabs__summary{padding:34px 20px 40px}.chair-specs-tabs__summary h2{font-size:32px}.chair-specs-tabs__summary>p{margin-top:18px}.chair-specs-tabs__summary dl{margin-top:32px}.chair-specs-tabs__summary dl>div{padding:15px 0;gap:16px}}@media(prefers-reduced-motion:reduce){.chair-specs-tabs__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ottuni-chair-specs.css.map */
