.spotlight__inner{display:grid;gap:clamp(3rem,5vw,4.5rem)}@media(min-width:990px){.spotlight__inner--copy-left,.spotlight__inner--copy-right{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;column-gap:clamp(3rem,5vw,6rem)}.spotlight__inner--copy-right .spotlight__copy{order:2}.spotlight__inner--copy-left .spotlight__copy,.spotlight__inner--copy-right .spotlight__copy{position:sticky;top:calc(var(--header-height, 80px) + 2rem)}}.spotlight__inner--stacked .spotlight__copy{max-width:820px}.spotlight__copy{display:grid;gap:1.5rem;justify-items:start}.spotlight__meta{display:grid;grid-template-columns:repeat(3,auto);gap:1rem 2.25rem;margin:.5rem 0;padding:1.25rem 0;border-block:1px solid var(--color-border)}.spotlight__meta div{display:grid;gap:.25rem}.spotlight__meta dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.spotlight__meta dd{margin:0;font-weight:var(--font-body-weight-bold)}@media(max-width:749px){.spotlight__meta{grid-template-columns:repeat(2,auto)}}.spotlight__note{max-width:34ch}.spotlight__stage{display:grid;gap:1.5rem;min-width:0}.spotlight__panels{display:grid}.spotlight__panel{grid-area:1 / 1;display:grid;gap:1rem}.spotlight__panel.is-active{animation:spotlight-panel-in .7s var(--ease-out) both}@keyframes spotlight-panel-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.spotlight__device{position:relative}.spotlight__device-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:var(--radius-media)}.spotlight__device .device-mockup{transition:transform .8s var(--ease-out)}.spotlight__device:hover .device-mockup{transform:translateY(-6px)}.spotlight__caption{padding-left:.25rem}.spotlight__caption strong{color:var(--color-fg)}.tabs{position:relative;display:inline-flex;justify-self:start;gap:.25rem;max-width:100%;padding:.3rem;overflow-x:auto;border-radius:999px;background:rgba(var(--color-fg-rgb),.06);scrollbar-width:none}.tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;font-size:.875rem;font-weight:var(--font-body-weight-bold);white-space:nowrap;color:var(--color-muted);transition:color .3s ease}.tabs__tab[aria-selected=true]{color:var(--color-fg)}.tabs__indicator{position:absolute;top:.3rem;bottom:.3rem;left:0;width:0;border-radius:999px;background:var(--color-surface);box-shadow:0 6px 18px -8px #00000040;transition:transform .55s var(--ease-out),width .55s var(--ease-out)}.tabs__swatch{width:10px;height:10px;border-radius:50%;background:var(--swatch, var(--color-fg));box-shadow:inset 0 0 0 1px rgba(var(--color-fg-rgb),.15)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-theme-spotlight.css.map */