.cfr{container-type:inline-size;width:100%}.cfr,.cfr__body,.cfr__scr{position:relative}.cfr__scr{aspect-ratio:var(--ar);background:var(--bg-2);overflow:hidden}.cfr__img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cfr--browser .cfr__body{background:#0d0b12;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 40px 80px -40px #000000e6,inset 0 0 0 1px #ffffff05;overflow:hidden}.cfr__bar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:6px;height:28px;padding:0 12px}.cfr__bar i{background:var(--line-2);border-radius:50%;height:7px;width:7px}.cfr__bar span{background:#ffffff0a;border:1px solid var(--line);border-radius:99px;flex:0 1 38%;height:12px;margin-left:auto;margin-right:auto}.cfr--plate .cfr__body{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;overflow:hidden}.cfr--plate .cfr__body:after{content:"";inset:8px;pointer-events:none;position:absolute;z-index:2;--c:rgba(111,227,255,.55);background:linear-gradient(var(--c),var(--c)) 0 0/12px 1px,linear-gradient(var(--c),var(--c)) 0 0/1px 12px,linear-gradient(var(--c),var(--c)) 100% 0/12px 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px 12px,linear-gradient(var(--c),var(--c)) 0 100%/12px 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px 12px,linear-gradient(var(--c),var(--c)) 100% 100%/12px 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px 12px;background-repeat:no-repeat}.cfr--phone .cfr__body{background:linear-gradient(160deg,#24202e,#0c0b10 45%,#17141e);border-radius:14cqw;box-shadow:0 0 0 1px var(--line-2),0 0 0 1px #ffffff0d inset,0 40px 70px -36px #000000f2;padding:2.8cqw}.cfr--phone .cfr__scr{background:#0a090d;border-radius:11.4cqw}.cfr--tall.cfr--deco .cfr__scr,.js:not(.rm) .cfr--tall .cfr__scr{aspect-ratio:390/844;overflow:hidden;overflow:clip}.cfr--tall.cfr--deco .cfr__img,.js:not(.rm) .cfr--tall .cfr__img{aspect-ratio:var(--ar);height:auto;left:0;position:absolute;top:0}.js:not(.rm) .cfr--tall .cfr__img{animation:cfr-roll var(--dur) cubic-bezier(.65,0,.35,1) .6s infinite alternate both;animation-play-state:paused;will-change:transform}.js:not(.rm) .cfr--tall.on .cfr__img{animation-play-state:running}@media(hover:hover)and (pointer:fine){.js:not(.rm) .cfr--tall.on:hover .cfr__img{animation-play-state:paused}}@keyframes cfr-roll{0%,10%{transform:translateZ(0)}90%,to{transform:translate3d(0,calc((var(--k) - 1)*100%),0)}}.stl{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.stl__a{align-items:center;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);display:inline-flex;font-size:12px;gap:6px;padding:8px 14px;text-decoration:none;transition:border-color .2s}.stl__a:focus-visible,.stl__a:hover{border-color:var(--accent-2)}