.split-screen{background:var(--color-background);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.split-screen__main{flex-direction:column;min-width:0;display:flex}.split-screen__aside{display:none}@media (min-width:1024px){.split-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split-screen__aside{height:100dvh;padding:12px 12px 12px 0;display:block;position:sticky;top:0}}.split-screen__quadro{background:var(--color-muted);border-radius:24px;height:100%;position:relative;overflow:hidden}.split-screen__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.split-screen__overlay{z-index:1;position:absolute;bottom:20px;left:20px;right:20px}.split-screen__img--noite{display:none}:root.dark .split-screen__img--noite{display:block}:root.dark .split-screen__img--dia:has(+.split-screen__img--noite){display:none}.split-screen__aba{--aba-raio:18px;z-index:2;background:var(--color-background);min-height:40px;color:var(--color-foreground);justify-content:center;align-items:center;gap:8px;padding:0 26px;display:flex;position:absolute;left:50%;translate:-50%}.split-screen__aba:before,.split-screen__aba:after{content:"";width:var(--aba-raio);height:var(--aba-raio);pointer-events:none;position:absolute}.split-screen__aba:before{left:calc(-1 * var(--aba-raio))}.split-screen__aba:after{right:calc(-1 * var(--aba-raio))}.split-screen__aba--topo{border-radius:0 0 var(--aba-raio) var(--aba-raio);top:0}.split-screen__aba--topo:before,.split-screen__aba--topo:after{top:0}.split-screen__aba--topo:before{background:radial-gradient(circle at 0 100%, transparent calc(var(--aba-raio) - .5px), var(--color-background) var(--aba-raio))}.split-screen__aba--topo:after{background:radial-gradient(circle at 100% 100%, transparent calc(var(--aba-raio) - .5px), var(--color-background) var(--aba-raio))}.split-screen__aba--rodape{border-radius:var(--aba-raio) var(--aba-raio) 0 0;bottom:0}.split-screen__aba--rodape:before,.split-screen__aba--rodape:after{bottom:0}.split-screen__aba--rodape:before{background:radial-gradient(circle at 0 0, transparent calc(var(--aba-raio) - .5px), var(--color-background) var(--aba-raio))}.split-screen__aba--rodape:after{background:radial-gradient(circle at 100% 0, transparent calc(var(--aba-raio) - .5px), var(--color-background) var(--aba-raio))}