@layer components{.s-su{background:var(--s-bg);color:var(--s-ink)}.s-su-monitor{flex-direction:column;align-items:center;display:flex}.s-su-ekran{aspect-ratio:16/10;width:100%;box-shadow:inset 0 0 0 1px #2a2a2e, 0 0 0 1px #0f0f0f14, var(--s-shadow-lg);background:#0f0f0f;border-radius:14px;position:relative}.s-su-ekran:before{content:"";z-index:3;background:linear-gradient(90deg, transparent, var(--s-neon) 25%, var(--s-neon) 75%, transparent);pointer-events:none;height:1px;position:absolute;top:0;left:12%;right:12%}.s-su-snimak{background:#fff;border-radius:5px;position:absolute;inset:clamp(6px,1.4%,12px);overflow:hidden}.s-su-kadar{width:128.514%;height:115.756%;position:absolute;top:-7.878%;left:-14.257%}.s-su-vrat{background:linear-gradient(#d5cfc7,#e7e3dd);width:12%;height:clamp(14px,3vw,30px)}.s-su-postolje{background:#cfc8bf;border-radius:4px 4px 2px 2px;width:32%;height:clamp(5px,.8vw,8px);box-shadow:0 10px 18px -8px #0f0f0f59}.s-su-skener{z-index:2;--s-sp-senka:0 1px 2px #00000040, 0 18px 36px -14px #0000008c;--s-sp-rub:#0000002e;width:46%;position:absolute;bottom:6%;right:4%}@media (max-width:639px){.s-su-skener{width:78%;bottom:-18%;right:3%}.s-su-vrat,.s-su-postolje{display:none}.s-su-ekran{margin-bottom:14%}}.s-su-ikona{width:44px;height:44px;color:var(--s-brand);background:var(--s-surface);box-shadow:inset 0 0 0 1px var(--s-line), var(--s-shadow-sm);border-radius:12px;flex:none;place-items:center;display:grid}}