@layer base{html,body{background:#000;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-root{--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;min-height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.demo-root *,.demo-root :before,.demo-root :after{box-sizing:border-box;border:0 solid}.demo-root h1,.demo-root h2,.demo-root h3,.demo-root p{font-size:inherit;font-weight:inherit;margin:0}.demo-root button,.demo-root input{font:inherit;color:inherit;appearance:none;background:0 0;border-radius:0;margin:0;padding:0}.demo-root button{cursor:pointer}.demo-root a{color:inherit;text-decoration:none}.demo-root svg{display:block}.demo-root img,.demo-root video{max-width:100%;height:auto;display:block}.demo-root em{font-style:italic}}@layer components{.demo-root .liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.demo-root .liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}