@property --amb-elevation{syntax:"<number>";inherits:true;initial-value:0}:root{--amb-light-x:-1;--amb-light-y:-1;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;--amb-light-hue:234;--amb-light-saturation:15%;--amb-light-distance:0px;--amb-chamfer:0;--amb-fillet:0;--amb-thickness:0;--amb-elevation:0;--amb-chamfer-width:1;--amb-fillet-width:1;--amb-highlight-color:coral;--amb-lume-hue:17;--amb-lume:color-mix(in oklab,hsl(var(--amb-lume-hue) 100% 74%) calc(clamp(0, (.5 - var(--amb-key-light-intensity)) / .2, 1) * 100%),hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - sign(var(--amb-key-light-intensity) - .5)) * 50% + 25%)));--amb-label:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - var(--amb-key-light-intensity)) * 60% + 20%))}.amb-chamfer,.amb-chamfer-2{--amb-chamfer:1}.amb-chamfer-2{--amb-chamfer-width:2}.amb-chamfer-minus-1{--amb-chamfer:1;--amb-chamfer-width:-1}.amb-fillet,.amb-fillet-2{--amb-fillet:1}.amb-fillet-2{--amb-fillet-width:2}.amb-fillet-minus-1{--amb-fillet:1;--amb-fillet-width:-1}.amb-elevation-0{--amb-elevation:0}.amb-elevation-1{--amb-elevation:1}.amb-elevation-2{--amb-elevation:2}.amb-elevation-3{--amb-elevation:3}.ambient{box-shadow:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0%/calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)))) calc(var(--amb-light-x) * var(--amb-elevation) * -8px) calc(var(--amb-light-y) * var(--amb-elevation) * -8px) calc(var(--amb-elevation) * 8px) calc(var(--amb-elevation) * -4px),inset calc(var(--amb-light-x) * var(--amb-chamfer-width) * -1px) calc(var(--amb-light-y) * var(--amb-chamfer-width) * -1px) 0 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 100%/calc(var(--amb-chamfer) * var(--amb-key-light-intensity))),inset calc(var(--amb-light-x) * var(--amb-chamfer-width) * 1px) calc(var(--amb-light-y) * var(--amb-chamfer-width) * 1px) 0 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0%/calc(var(--amb-chamfer) * calc(var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)))),inset calc(var(--amb-light-x) * var(--amb-fillet-width) * -2px) calc(var(--amb-light-y) * var(--amb-fillet-width) * -2px) 2px 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 100%/calc(var(--amb-fillet) * var(--amb-key-light-intensity))),inset calc(var(--amb-light-x) * var(--amb-fillet-width) * 2px) calc(var(--amb-light-y) * var(--amb-fillet-width) * 2px) 2px 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0%/calc(var(--amb-fillet) * calc(var(--amb-key-light-intensity) - var(--amb-fill-light-intensity))))}.amb-surface{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%))}.amb-surface-darker{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 30%))}.amb-surface-concave{--_concave-y:clamp(-1,var(--amb-light-y),1);--_concave-contrast:calc(max(0, var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 20%);--_concave-top:calc(var(--amb-key-light-intensity) * (100% + (var(--_concave-y) * var(--_concave-contrast))));--_concave-mid-top:calc(var(--amb-key-light-intensity) * (100% + (var(--_concave-y) * var(--_concave-contrast) * .45)));--_concave-mid-bottom:calc(var(--amb-key-light-intensity) * (100% - (var(--_concave-y) * var(--_concave-contrast) * .45)));--_concave-bottom:calc(var(--amb-key-light-intensity) * (100% - (var(--_concave-y) * var(--_concave-contrast))));background:linear-gradient(hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-top)) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-mid-top)) 35%,hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%)) 50%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-mid-bottom)) 65%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-bottom)) 100%)}.amb-surface-concave-h{--_concave-h-x:clamp(-1,var(--amb-light-x),1);--_concave-h-contrast:calc(max(0, var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 20%);--_concave-h-left:calc(var(--amb-key-light-intensity) * (100% + (var(--_concave-h-x) * var(--_concave-h-contrast))));--_concave-h-mid-left:calc(var(--amb-key-light-intensity) * (100% + (var(--_concave-h-x) * var(--_concave-h-contrast) * .45)));--_concave-h-mid-right:calc(var(--amb-key-light-intensity) * (100% - (var(--_concave-h-x) * var(--_concave-h-contrast) * .45)));--_concave-h-right:calc(var(--amb-key-light-intensity) * (100% - (var(--_concave-h-x) * var(--_concave-h-contrast))));background:linear-gradient(to right,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-h-left)) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-h-mid-left)) 35%,hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%)) 50%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-h-mid-right)) 65%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_concave-h-right)) 100%)}.amb-surface-convex{--_convex-y:clamp(-1,var(--amb-light-y),1);--_convex-contrast:calc(max(0, var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 20%);--_convex-top:calc(var(--amb-key-light-intensity) * (100% - (var(--_convex-y) * var(--_convex-contrast))));--_convex-mid-top:calc(var(--amb-key-light-intensity) * (100% - (var(--_convex-y) * var(--_convex-contrast) * .45)));--_convex-mid-bottom:calc(var(--amb-key-light-intensity) * (100% + (var(--_convex-y) * var(--_convex-contrast) * .45)));--_convex-bottom:calc(var(--amb-key-light-intensity) * (100% + (var(--_convex-y) * var(--_convex-contrast))));background:linear-gradient(hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_convex-top)) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_convex-mid-top)) 35%,hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 100%)) 50%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_convex-mid-bottom)) 65%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_convex-bottom)) 100%)}.amb-light-tl{--amb-light-x:-1;--amb-light-y:-1}.amb-light-tr{--amb-light-x:1;--amb-light-y:-1}.amb-light-bl{--amb-light-x:-1;--amb-light-y:1}.amb-light-br{--amb-light-x:1;--amb-light-y:1}.amb-light-top{--amb-light-x:0;--amb-light-y:-1}.amb-light-bottom{--amb-light-x:0;--amb-light-y:1}.amb-light-left{--amb-light-x:-1;--amb-light-y:0}.amb-light-right{--amb-light-x:1;--amb-light-y:0}.amb-emit-red{--amb-emit-color:#ef4444}.amb-emit-green{--amb-emit-color:#4ade80}.amb-emit-amber{--amb-emit-color:#f59e0b}.amb-emit-cyan{--amb-emit-color:#22d3d3}.amb-emit-blue{--amb-emit-color:#3b82f6}.amb-emit-white{--amb-emit-color:#fff}.amb-rounded{border-radius:4px}.amb-rounded-md{border-radius:8px}.amb-rounded-lg{border-radius:12px}.amb-rounded-xl{border-radius:16px}.amb-rounded-full{border-radius:9999px}.amb-glow{box-shadow:0 0 4px var(--amb-lume)}@keyframes amb-bounce-elevation{0%,to{--amb-elevation:0}15%{--amb-elevation:3}30%{--amb-elevation:0}42%{--amb-elevation:2}54%{--amb-elevation:0}64%{--amb-elevation:1}74%{--amb-elevation:0}}.amb-bounce{animation:amb-bounce-elevation 2s ease-in-out infinite}