.db-panel.cw{--db-shine:#F0F0F0}.db-panel.cb{--db-shine:#3A3A3E}.db-panel.cr{--db-shine:#E14D4D}.dark .db-panel.cr{--db-shine:#F07070}.db-panel{box-shadow:inset 0 1px 0 color-mix(in srgb,#FFFFFF 16%,transparent)}.db-panel:before{inset:0;background:linear-gradient(157deg,color-mix(in srgb,#FFFFFF 13%,transparent),transparent 30%),radial-gradient(140% 120% at 92% 108%,color-mix(in srgb,#000000 26%,transparent),transparent 55%)}.db-panel:after,.db-panel:before{content:"";position:absolute;z-index:0;pointer-events:none}.db-panel:after{top:-60%;left:-40%;width:70%;height:220%;background:linear-gradient(90deg,transparent,var(--db-shine,#3A3A3E),transparent);opacity:.45;filter:blur(26px);transform:rotate(18deg) translateX(-40%);animation:dbSweep 12s cubic-bezier(.45,0,.55,1) infinite}.db-panel:nth-child(2):after{animation-delay:-4s}.db-panel:nth-child(3):after{animation-delay:-8s}@keyframes dbSweep{0%{transform:rotate(18deg) translateX(-40%);opacity:0}18%{opacity:.5}60%{opacity:.45}to{transform:rotate(18deg) translateX(320%);opacity:0}}.db-panel__in{z-index:1}.db-panel__in:before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translateX(-130%);animation:dbSheen 7s ease-in-out infinite}.db-panel:nth-child(2) .db-panel__in:before{animation-delay:-2.3s}.db-panel:nth-child(3) .db-panel__in:before{animation-delay:-4.6s}@keyframes dbSheen{0%,55%{transform:translateX(-130%)}80%,to{transform:translateX(130%)}}.db-panel__in>*{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.db-panel:after,.db-panel__in:before{animation:none!important}}