.vd-casa{--vd-fundo:#1c1d1f;--vd-placa:#242527;--vd-texto:#ecebe8;--vd-apoio:#a3a29d;--vd-linha:#ecebe81a;--vd-linha-forte:#ecebe833;background-color:var(--vd-fundo);color:var(--vd-texto);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(55% 30% at 12% 4%,#ffffff0b,#0000 70%),radial-gradient(45% 25% at 88% 38%,#ffffff08,#0000 70%),radial-gradient(40% 18% at 70% 62%,#ffffff06,#0000 70%),radial-gradient(35% 20% at 20% 30%,#00000029,#0000 70%),radial-gradient(60% 30% at 25% 78%,#0003,#0000 70%),radial-gradient(45% 20% at 90% 92%,#ffffff08,#0000 70%)}.vd-apoio{color:var(--vd-apoio)}.vd-linha{border-color:var(--vd-linha)}.vd-placa{background-color:var(--vd-placa);border:1px solid var(--vd-linha)}.vd-botao{background:var(--vd-texto);color:#161718;transition:background-color .2s}.vd-botao:hover{background:#fff}.vd-botao-linha{border:1px solid var(--vd-linha-forte);color:var(--vd-texto);transition:border-color .2s,background-color .2s}.vd-botao-linha:hover{background-color:#ecebe80a;border-color:#ecebe873}@media (prefers-reduced-motion:no-preference){.vd-surge{animation:.9s cubic-bezier(.2,.7,.2,1) both vd-surge}.vd-surge-2{animation-delay:.12s}.vd-surge-3{animation-delay:.24s}}@keyframes vd-surge{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vd-celular{aspect-ratio:9/16;background:#0d0e0f;border:7px solid #0d0e0f;border-radius:30px;outline:1px solid #ecebe824;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000d9,0 12px 24px -12px #0009}.vd-play{color:#161718;background:#ecebe8eb;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex;box-shadow:0 6px 20px #00000059}.vd-celular:hover .vd-play{transform:scale(1.06)}.vd-som{color:#ecebe8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0e0fb8}.vd-verde{color:#b9e07a}.vd-ponto-verde{background:#b9e07a}.vd-leque{justify-content:center;align-items:center;display:flex;position:relative}.vd-leque>.vd-lado{opacity:.9;width:62%;position:absolute;top:9%}.vd-leque>.vd-esq{left:0;transform:rotate(-8deg)}.vd-leque>.vd-dir{right:0;transform:rotate(8deg)}.vd-leque>.vd-meio{z-index:1;width:72%;position:relative}.vd-leque2{aspect-ratio:100/132;position:relative}.vd-leque2>.vd-giro{will-change:transform;width:72%;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s,filter .55s;position:absolute;top:2%;left:14%}.vd-leque2>.vd-pos-meio{z-index:2;transform:none}.vd-leque2>.vd-pos-esq{z-index:1;opacity:.9;filter:brightness(.8);transform:translate(-36%)translateY(4%)rotate(-9deg)scale(.84)}.vd-leque2>.vd-pos-dir{z-index:1;opacity:.9;filter:brightness(.8);transform:translate(36%)translateY(4%)rotate(9deg)scale(.84)}.vd-esteira{margin-inline:-16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.vd-esteira-faixa{gap:20px;width:max-content;padding-inline:10px;animation:70s linear infinite vd-esteira;display:flex}.vd-esteira:hover .vd-esteira-faixa,.vd-esteira[data-tocando] .vd-esteira-faixa{animation-play-state:paused}.vd-esteira-item{flex:none;width:170px}@media (min-width:640px){.vd-esteira-item{width:200px}}@keyframes vd-esteira{to{transform:translate(calc(-50% - 10px))}}@media (prefers-reduced-motion:reduce){.vd-esteira{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.vd-esteira-faixa{animation:none}.vd-play,.vd-leque2>.vd-giro{transition:none}}.vd-card{border:1px solid var(--vd-linha);background:linear-gradient(#ecebe80d,#ecebe800 45%),#232426;border-radius:14px;box-shadow:0 24px 50px -30px #000c}.vd-card-destaque{background:linear-gradient(#b9e07a17,#b9e07a00 40%),#2a2b2d;border:1.5px solid #b9e07ab3;box-shadow:0 30px 70px -30px #000000e6,0 0 0 4px #b9e07a0f}.vd-recomendado{color:#1f2b0c;background:#b9e07a}.vd-botao-verde{color:#1f2b0c;background:#b9e07a;transition:background-color .2s}.vd-botao-verde:hover{background:#cbeb94}
