.lg-wrapper{display:inline-flex}.lg-wrapper.lg-clickable{cursor:pointer}.lg-surface{--lg-shift-x:0px;--lg-shift-y:0px;--lg-rot-x:0deg;--lg-rot-y:0deg;--lg-scale:1;--lg-idle-x:0px;--lg-idle-y:0px;--lg-appear-x:0px;--lg-appear-y:0px;--lg-appear-scale:1;position:relative;display:inline-flex;align-items:stretch;justify-content:center;border-radius:var(--lg-radius,24px);padding:var(--lg-padding,24px 28px);background:rgba(244,248,255,var(--lg-alpha,.18));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(var(--lg-blur,18px));-webkit-backdrop-filter:blur(var(--lg-blur,18px));box-shadow:0 22px 48px rgba(9,12,28,.28),inset 0 1px 0 rgba(255,255,255,.22);opacity:1;transform:translate3d(calc(var(--lg-shift-x) + var(--lg-idle-x) + var(--lg-appear-x)),calc(var(--lg-shift-y) + var(--lg-idle-y) + var(--lg-appear-y)),0) rotateX(var(--lg-rot-x)) rotateY(var(--lg-rot-y)) scale(var(--lg-scale)) scale(var(--lg-appear-scale));transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,opacity .45s ease}.lg-surface[data-over-light=true]{background:rgba(255,255,255,calc(var(--lg-alpha, .18) * 1.7));border:1px solid rgba(12,16,32,.08);box-shadow:0 18px 38px rgba(12,16,32,.12),inset 0 1px 0 rgba(255,255,255,.25)}.lg-wrapper.lg-clickable .lg-surface:hover{box-shadow:0 28px 68px rgba(12,16,38,.35),inset 0 1px 0 rgba(255,255,255,.28)}.lg-highlight{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%),radial-gradient(circle at 78% 86%,rgba(120,174,255,.18),rgba(120,174,255,0) 70%);opacity:.85;transition:opacity .3s ease}.lg-wrapper.lg-clickable .lg-surface:hover .lg-highlight{opacity:1}.lg-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem}