.lg-wrap{position:relative;border-radius:var(--lg-r,24px);isolation:isolate;border-width:0;border-style:solid;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.lg-wrap:before{content:"";z-index:3;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,255,255,.15) 45%,rgba(255,255,255,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.lg-glass,.lg-shadow,.lg-shine,.lg-tint,.lg-wrap:before{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.lg-shadow{z-index:0;box-shadow:0 1px 2px rgba(27,24,19,.04),0 8px 24px rgba(27,24,19,.08),0 24px 64px -24px rgba(24,96,73,.14);transition:box-shadow .32s cubic-bezier(.2,.9,.25,1.2)}.lg-glass{z-index:1;backdrop-filter:blur(18px) saturate(1.6) url(#tvb-glass);overflow:hidden}.lg-tint{z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.28))}.lg-shine{z-index:3;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(255,255,255,.2),inset 0 0 20px 6px rgba(255,255,255,.1);transition:box-shadow .32s cubic-bezier(.2,.9,.25,1.2)}.lg-shine:after{content:"";position:absolute;top:-40%;bottom:-40%;left:0;width:55%;background:linear-gradient(105deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 80%);transform:translateX(-160%) rotate(8deg);transition:transform .7s cubic-bezier(.22,.61,.36,1)}.lg-content{position:relative;z-index:4}@supports not (backdrop-filter:url("#tvb-glass")){.lg-glass{backdrop-filter:blur(18px) saturate(1.6)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg-tint{background:rgba(252,250,244,.94)}}.lg-panel{--lg-r:24px}.lg-bar{--lg-r:0px}.lg-bar .lg-tint{background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.42))}.lg-rail{--lg-r:24px}.lg-button{--lg-r:9999px;display:inline-block;cursor:pointer}.lg-porcelain{--lg-r:20px}.lg-porcelain .lg-tint{background:rgba(255,255,255,.62)}.lg-porcelain .lg-glass{backdrop-filter:blur(8px) saturate(1.2)}.lg-hover{transition:transform .32s cubic-bezier(.2,.9,.25,1.2);will-change:transform}.lg-hover:hover{transform:translateY(-4px) scale(1.01)}.lg-hover:hover .lg-shadow{box-shadow:0 2px 4px rgba(27,24,19,.05),0 14px 36px rgba(27,24,19,.11),0 36px 80px -24px rgba(24,96,73,.2)}.lg-hover:hover .lg-shine{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset -1px -1px 0 rgba(255,255,255,.35),inset 0 0 24px 8px rgba(255,255,255,.16)}.lg-hover:hover .lg-shine:after{transform:translateX(320%) rotate(8deg)}.lg-hover:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.lg-hover,.lg-shadow,.lg-shine,.lg-shine:after{transition:none}.lg-hover:active,.lg-hover:hover{transform:none}.lg-hover:hover .lg-shine:after{transform:translateX(-160%) rotate(8deg)}}