@layer components{.s-sp{--s-sp-senka:0 1px 2px #0000004d, 0 24px 48px -18px #000000bf;--s-sp-rub:#ffffff1a;position:relative;container-type:inline-size}.s-sp-prozor{font-family:"Segoe UI", var(--font-geist-sans), system-ui, sans-serif;box-shadow:0 0 0 1px var(--s-sp-rub), var(--s-sp-senka);background:#1f2937;border-radius:8px;overflow:hidden}.s-sp-traka{color:#1f1f1f;background:#f3f3f3;border-bottom:1px solid #e5e5e5;align-items:center;gap:clamp(6px,1.8cqi,9px);height:clamp(24px,7cqi,32px);padding:0 clamp(8px,2.6cqi,12px);display:flex}.s-sp-ikona{border-radius:3px;flex:none;width:clamp(12px,3.2cqi,16px);height:auto}.s-sp-ime{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(10px,2.6cqi,12.5px);line-height:1;overflow:hidden}.s-sp-kontrole{color:#3f3f46;flex:none;align-items:center;gap:clamp(12px,4.4cqi,22px);display:inline-flex}.s-sp-kontrole svg{width:clamp(7px,2cqi,10px);height:clamp(7px,2cqi,10px)}.s-sp-telo{background:#1f2937;min-height:30cqi;display:grid}.s-sp-sloj{color:#fff;opacity:0;background:#1f2937;grid-area:1/1;padding:clamp(10px,3.2cqi,16px) clamp(12px,3.6cqi,18px);transition:opacity 0s linear .3s}.s-sp-sloj[data-on]{z-index:1;opacity:1;transition:opacity .3s var(--s-ease)}.s-sp-sloj[data-stanje=ok]{background:#15803d}.s-sp-sloj[data-stanje=warn]{background:#1f2937}.s-sp-sloj[data-stanje=deny]{background:#b91c1c}.s-sp-tekst{transition:transform 0s linear .3s;transform:translateY(6px)}.s-sp-sloj[data-on] .s-sp-tekst{transition:transform .42s var(--s-ease);transform:none}.s-sp-naslov{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(15px,5.6cqi,27px);font-weight:700;line-height:1.15}.s-sp-detalj{margin-top:clamp(3px,1.2cqi,6px);font-size:clamp(11.5px,3.5cqi,17px);line-height:1.3}.s-sp-pilula{white-space:nowrap;color:#451a03;background:#fbbf24;border-radius:999px;align-items:center;gap:.4em;margin-bottom:clamp(4px,1.4cqi,8px);padding:.28em .75em .28em .6em;font-size:clamp(10px,2.8cqi,13px);font-weight:800;display:inline-flex}.s-sp-pilula svg{width:1.05em;height:1.05em}.s-sp-dno{color:#d1d5db;background:#111827;align-items:center;height:clamp(22px,7cqi,34px);padding:0 clamp(8px,2.2cqi,10px);font-size:clamp(9.5px,2.3cqi,11.5px);display:flex}.s-sp-pauza{z-index:2;color:#f4f4f5;touch-action:manipulation;place-items:center;width:40px;height:clamp(22px,7cqi,34px);display:grid;position:absolute;bottom:0;right:2px}.s-sp-pauza:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-sp-pauza-krug{background:#374151;border-radius:999px;place-items:center;width:clamp(18px,5cqi,24px);height:clamp(18px,5cqi,24px);transition:background-color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.s-sp-pauza-krug svg{width:50%;height:50%}.s-sp-pauza:hover .s-sp-pauza-krug{background:#4b5563}.sajt .s-sp-pauza:focus-visible{outline:2px solid #0000}.sajt .s-sp-pauza:focus-visible .s-sp-pauza-krug{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--s-neon)}@media (prefers-reduced-motion:reduce){.s-sp-sloj,.s-sp-sloj[data-on],.s-sp-tekst,.s-sp-sloj[data-on] .s-sp-tekst{transition:none}.s-sp-tekst{transform:none}}}