.glass{--radius: 20px;border-radius:var(--radius);box-shadow:0 0 0 2px inset #ffffff7a!important;border:none;position:relative;padding:2px}.clear{background:transparent!important}.glass:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--radius);filter:hue-rotate(var(--hue-rotate));box-shadow:4px 4px 10px #0006;transition:filter 3s ease;background:linear-gradient(145deg,#74604a7a,#81a1747a 30%,#466a457a 50%,#3744657a)!important}.glass[data-sheen],.glassSubtle[data-sheen]{overflow:hidden}.glass[data-sheen]:before,.glassSubtle[data-sheen]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);animation:6s glassSheen 5s ease infinite;pointer-events:none}.glassSubtle{border-radius:20px;border-left-width:1px;border-top-width:1px;position:relative}.glassSubtle:not([data-no-border=true]){border:2px solid #ffffff54!important}.glassSubtle:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:20px;filter:drop-shadow(4px 6px 6px rgba(0,0,0,.6)) hue-rotate(var(--hue-rotate));transition:filter 3s ease;background:linear-gradient(145deg,#74604a59,#81a1744d 30%,#466a4559 50%,#37446559)!important}@keyframes glassSheen{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}@keyframes glassRotate{0%{transform:translate(0)}10%{transform:translate(-30px)}20%{transform:translate(-10px)}40%{transform:translate(-10px)}60%{transform:translate(-130px)}70%{transform:translate(-100px)}90%{transform:translate(-80px)}}.glass[data-animate]{overflow:hidden}.glass[data-animate]:after{animation:glassRotate 12s ease-in-out infinite;width:calc(100% + 130px)}