.claude-case-tabs{background:#0e1216;color:#fff;padding:80px 0}.claude-case-tabs .page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.claude-case-tabs__h{color:#fff;font:inherit;font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0}.claude-case-tabs__eyebrow{margin:0 0 12px;color:#a9b1b9;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.claude-case-tabs__desc{margin-top:12px;color:#a9b1b9}.claude-case-tabs__chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px;margin:24px -4px 12px;scrollbar-width:thin}.claude-case-tabs__chips button{flex:none;border:1px solid #3a434c;border-radius:999px;min-height:44px;padding:0 16px;color:#dfe4e8;background:transparent;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.claude-case-tabs__chips [aria-selected=true]{background:#fff;color:#0e1216;border-color:#fff}.claude-case-tabs__stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.claude-case-tabs__media{position:relative;min-width:0;background:#000;border-radius:4px}.claude-case-tabs__media img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px}.claude-case-tabs [hidden]{display:none!important}.claude-case-tabs__views{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px}.claude-case-tabs__views button,.claude-case-tabs__pano{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:0;border-radius:2px;background:#0e1216b8;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.claude-case-tabs__views [aria-pressed=true]{background:#fff;color:#0e1216}.claude-case-tabs__pano{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0e12169e;text-decoration:none;white-space:nowrap}.claude-case-tabs__side h3{color:#fff;font:inherit;font-size:22px;line-height:1.3;font-weight:700;margin:0}.claude-case-tabs__side p{color:#a9b1b9;font-size:15px;margin:8px 0 0}.claude-case-tabs :focus-visible{outline:2px solid #2fbe7b;outline-offset:2px}@media(hover:hover)and (pointer:fine){.claude-case-tabs__chips button:hover{border-color:#fff}.claude-case-tabs__pano:hover,.claude-case-tabs__views button:hover{background:#fff;color:#0e1216}.claude-case-tabs__views button{min-height:36px}}@media(max-width:749px){.claude-case-tabs{padding:48px 0}.claude-case-tabs .page-width{width:calc(100% - 40px)}.claude-case-tabs__h{font-size:24px}.claude-case-tabs__stage{grid-template-columns:minmax(0,1fr);gap:16px}.claude-case-tabs__media{display:grid}.claude-case-tabs__media img{aspect-ratio:4 / 3;grid-area:1 / 1}.claude-case-tabs__views{position:static;grid-area:2 / 1;padding:8px 0 0;background:#0e1216}.claude-case-tabs__views button{min-height:44px;border:1px solid #3a434c}.claude-case-tabs__pano{position:relative;grid-area:1 / 1;align-self:end;justify-self:center;top:auto;left:auto;transform:none;margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/claude-case-tabs.css.map */