.vidro{background:linear-gradient(180deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(24px) saturate(100%);-webkit-backdrop-filter:blur(24px) saturate(100%);box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff40,0 10px 30px #00000026;transition:background .2s ease,box-shadow .2s ease}.vidro:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / 6%) 50%,transparent 70%);pointer-events:none}.vidro:focus-within,.vidro-interativo:hover{background:linear-gradient(180deg,#fff3,#ffffff1a);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 1px #ffffff7f,0 10px 32px #00000040}.vidro-ativo,.vidro-ativo.vidro-interativo:hover{background:linear-gradient(180deg,#ffffff38,#ffffff1a);box-shadow:inset 0 0 0 2px #22d3ee,inset 0 1px #ffffff73,0 10px 32px #00000040}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.vidro,.vidro:focus-within,.vidro-interativo:hover,.vidro-ativo{background:#fff3}}@media (prefers-reduced-transparency: reduce){.vidro,.vidro:focus-within,.vidro-interativo:hover,.vidro-ativo{background:#ffffff40;backdrop-filter:none;-webkit-backdrop-filter:none}.vidro:after{display:none}}