d-screens{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:3.2rem;align-items:start}.d-screens__tabs{display:flex;flex-direction:column;border-top:.1rem solid var(--d-line)}.d-screens__tabs button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:9.6rem minmax(0,1fr);align-items:baseline;gap:1.2rem;padding:1.3rem 1.2rem;border-bottom:.1rem solid var(--d-line)}.d-screens__tabs button:hover{background:var(--d-panel)}.d-screens__tabs button:focus-visible{outline:.2rem solid var(--d-ink);outline-offset:-.2rem}.d-screens__tabs button[aria-selected=true]{background:var(--d-ink);color:var(--d-black)}.d-screens__label{font:800 1.1rem/1.2 var(--d-body);letter-spacing:.12em;text-transform:uppercase;color:var(--d-mute)}.d-screens__tabs button[aria-selected=true] .d-screens__label{color:var(--d-black)}.d-screens__name{font:400 2.2rem/1.05 var(--d-display);text-transform:uppercase;letter-spacing:.01em}.d-screens__stage{min-width:0;display:grid;gap:1.8rem}.d-screens__device{position:relative;border:.1rem solid var(--d-line);background:#0f0f0f;overflow:hidden}.d-screens__device img{display:block;width:100%;height:auto}.d-screens__layer{position:absolute}.d-screens__layer[hidden]{display:none}.d-screens__layer--whole{top:0;right:0;bottom:0;left:0}.d-screens__layer--whole img{height:100%;object-fit:cover}.d-screens__layer--strip{left:var(--strip-left);top:var(--strip-top);width:var(--strip-width);height:var(--strip-height)}.d-screens__layer--strip img{height:100%}.d-screens__layer--strip.is-new{animation:vsb-strip-in .9s ease-out}.d-screens__layer--strip.is-new img{animation:vsb-strip-slide .22s ease-out}@keyframes vsb-strip-in{0%{box-shadow:0 0 0 .3rem var(--d-yellow)}to{box-shadow:0 0 0 .3rem transparent}}@keyframes vsb-strip-slide{0%{opacity:.2;transform:translate(1.2rem)}}.d-screens__layer--whole.is-new img{animation:vsb-strip-fade .2s ease-out}@keyframes vsb-strip-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.d-screens__layer.is-new,.d-screens__layer.is-new img{animation:none}}.d-screens__panel[hidden]{display:none}.d-screens__panel h3{margin:0 0 .6rem;font-size:clamp(2.8rem,3vw,4rem)}.d-screens__panel p{margin:0;max-width:60ch;font-size:1.7rem;line-height:1.5;color:#d8d8d2}@media screen and (max-width:989px){d-screens{grid-template-columns:minmax(0,1fr);gap:1.6rem}.d-screens__tabs{flex-direction:row;overflow-x:auto;border-top:0;gap:.6rem;padding-bottom:.4rem;scroll-snap-type:x proximity;scrollbar-width:none}.d-screens__tabs::-webkit-scrollbar{display:none}.d-screens__tabs button{flex:0 0 auto;display:block;padding:1rem 1.4rem;border:.1rem solid var(--d-line);scroll-snap-align:start}.d-screens__label{display:block;margin-bottom:.4rem}.d-screens__name{font-size:1.8rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/vsb-inside.css.map */