.cs-hero__tabs{display:flex;align-items:center;gap:12px;padding-top:clamp(16px,3vw,24px)}.cs-hero__tablist{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}.cs-hero__tablist::-webkit-scrollbar{display:none}.cs .cs-hero__tab{position:relative;flex:none;background:none;border:0;margin:0;color:var(--cs-dim);font:500 14px/1 IBM Plex Mono,monospace;padding:13px 16px 17px;cursor:pointer;border-radius:12px 12px 0 0}.cs .cs-hero__tab:hover{color:var(--cs-text)}.cs .cs-hero__tab[aria-selected=true]{color:var(--cs-text);background:var(--cs-band)}.cs-hero__bar{position:absolute;left:16px;right:16px;bottom:7px;height:2px;border-radius:2px;background:var(--cs-line2);overflow:hidden;opacity:0}.cs-hero__tab[aria-selected=true] .cs-hero__bar{opacity:1}.cs-hero__bar i{display:block;height:100%;background:var(--cs-accent);transform-origin:left}.cs-hero.is-playing .cs-hero__tab[aria-selected=true] .cs-hero__bar i{animation:cs-fill var(--cs-hero-secs,7s) linear both}.cs-hero.is-held .cs-hero__bar i{animation-play-state:paused!important}@keyframes cs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs .cs-hero__pause{margin:0 0 0 auto;flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--cs-line3);background:transparent;color:var(--cs-muted);font:500 13px/1 IBM Plex Mono,monospace;cursor:pointer}.cs .cs-hero__pause:hover{background:var(--cs-hover)}.cs-hero__slides{display:grid}.cs-hero__slide{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}.cs-hero__slide.is-on{visibility:visible;opacity:1;transition:opacity .45s ease}.cs-hero__slide .cs-hero__media{transform:translate(16px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.cs-hero__slide.is-on .cs-hero__media{transform:none}.cs-hero__tabs+.cs-hero__slides .cs-hero__inner{padding-top:clamp(24px,4vw,48px)}.cs-tile{position:relative}.cs-tile__hint{position:absolute;left:14px;right:14px;bottom:12px;font-size:12.5px;line-height:1.35;color:var(--cs-dim)}.cs-tile__tag{position:absolute;top:12px;left:12px;font:600 12px/1 IBM Plex Mono,monospace;color:var(--cs-text2);background:#2a2a2ad9;padding:6px 8px;border-radius:6px}.cs-pl__crumb{padding-top:20px;font-size:13px;color:var(--cs-dim)}.cs-pl__crumb a{color:var(--cs-muted);text-decoration:underline;text-underline-offset:3px}.cs-pl__top{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-block:24px clamp(40px,6vw,72px)}.cs-pl__gallery{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:10px}.cs-pl__stage{display:grid;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:var(--cs-media);border:1px solid var(--cs-media-line)}.cs-pl__slide{grid-area:1/1;display:none;min-width:0;min-height:0}.cs-pl__slide.is-on{display:flex}.cs-pl__slide img,.cs-pl__slide video{width:100%;height:100%;object-fit:cover;display:block}.cs-pl__slide.is-empty{background:var(--cs-field);align-items:center;justify-content:center}.cs-pl__ph{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center;color:var(--cs-dim);font-size:14px;max-width:34ch}.cs-pl__ph .cs-ph{width:60%;height:auto;fill:var(--cs-media-icon);opacity:.7}.cs-pl__play{width:68px;height:68px;border-radius:50%;background:var(--cs-accent);color:var(--cs-on-accent);display:flex;align-items:center;justify-content:center}.cs-pl__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.cs .cs-pl__thumb{position:relative;aspect-ratio:1/1;margin:0;padding:0;border-radius:10px;overflow:hidden;background:var(--cs-media);border:1px solid var(--cs-media-line);cursor:pointer;display:flex;align-items:center;justify-content:center}.cs .cs-pl__thumb.is-on{border-color:var(--cs-accent);box-shadow:0 0 0 1px var(--cs-accent)}.cs-pl__thumb img{width:100%;height:100%;object-fit:cover;display:block}.cs-pl__thumb .cs-ph{width:60%;height:auto;fill:var(--cs-media-icon);opacity:.7}.cs-pl__thumbplay{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--cs-accent);display:flex;align-items:center;justify-content:center}.cs-pl__thumbplay:after{content:"";margin-left:3px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.cs-pl__info{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:20px}.cs .cs-pl__title{font-size:clamp(44px,5.4vw,76px);text-wrap:balance}.cs-pl__lede{color:var(--cs-muted);font-size:18px;line-height:1.55;max-width:48ch}.cs-pl__from{color:var(--cs-text2)}.cs-pl__from b{font:400 36px/1 Anton,Impact,sans-serif;color:var(--cs-text);margin-right:2px}.cs-pl__facts{margin:0;border-top:1px solid var(--cs-line)}.cs-pl__facts>div{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--cs-line);font-size:14px}.cs-pl__facts dt{color:var(--cs-dim)}.cs-pl__facts dd{margin:0;color:var(--cs-text2)}.cs-pl__stack{display:flex;flex-direction:column;gap:24px}.cs-pl__head{display:flex;flex-direction:column;gap:10px}.cs-pl__head p{color:var(--cs-muted);max-width:60ch}.cs-scale{display:flex;flex-wrap:wrap;gap:32px;align-items:center}.cs-scale__draw{flex:1 1 420px;min-width:0;background:var(--cs-ink);border-radius:18px;padding:24px;display:flex;justify-content:center}.cs-scale__draw svg{width:100%;max-width:520px;height:auto;display:block}.cs-scale rect[data-zone]{display:none}.cs-scale rect[data-zone].is-on{display:inline}.cs-scale__side{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:14px}.cs-scale__measure{font-size:14px;color:var(--cs-text2)}.cs-scale__note{color:var(--cs-dim);font-size:14px}.cs-pl__tablewrap{overflow-x:auto;border:1px solid var(--cs-line);border-radius:16px}.cs .cs-pl__table{border-collapse:collapse;border:0;width:100%;min-width:520px;margin:0;font-variant-numeric:tabular-nums}.cs .cs-pl__table th,.cs .cs-pl__table td{padding:14px 16px;text-align:right;border:0;border-bottom:1px solid var(--cs-line);white-space:nowrap;font-size:14px;background:transparent}.cs .cs-pl__table th:first-child{text-align:left}.cs .cs-pl__table thead th{background:var(--cs-band);color:var(--cs-dim);font-weight:500}.cs .cs-pl__table tbody th{color:var(--cs-text);font-weight:600}.cs .cs-pl__table td{color:var(--cs-text2);font-family:IBM Plex Mono,monospace}.cs .cs-pl__table tbody tr:last-child>*{border-bottom:0}.cs-pl__uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.cs-pl__use{border-top:2px solid var(--cs-line2);padding-top:16px;display:flex;flex-direction:column;gap:6px}.cs .cs-pl__use h3{font:700 18px/1.3 Archivo,sans-serif}.cs-pl__use p{color:var(--cs-muted);font-size:14px}.cs-pl__end{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}.cs-pl__end .cs-h2{max-width:18ch}.cs-pl__sticky{display:none;position:sticky;bottom:0;z-index:5;align-items:center;justify-content:space-between;gap:12px;background:#2a2a2af5;border-top:1px solid var(--cs-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.cs-pl__sticky span{font-size:13px;color:var(--cs-muted)}.cs-pl__sticky .cs-btn{min-height:44px;padding:0 18px;flex:none}@media(max-width:749px){.cs-pl__sticky{display:flex}.cs-pl__end .cs-btn{width:100%}}@media(prefers-reduced-motion:reduce){.cs-hero__slide .cs-hero__media{transform:none}.cs-hero__bar i{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-studio-pages.css.map */