:root,[data-color-scheme=light]{--ys-elevation-flat:0 1px 0 #e0e4e9,0 0 1px rgb(0 0 0/0.01%);--ys-elevation-conditional:0 0 1px rgb(0 0 0/10%),0 2px 4px rgb(0 0 0/8%);--ys-elevation-floating-button:0 0 1px rgb(0 0 0/10%),0 4px 8px rgb(0 0 0/10%);--ys-elevation-floating-button-drop-shadow:drop-shadow(0 0 1px rgb(0 0 0/10%)) drop-shadow(0 4px 8px rgb(0 0 0/10%));--ys-elevation-card:0 0 1px rgb(0 0 0/10%),0 4px 8px rgb(0 0 0/10%);--ys-elevation-card-hover:0 0 2px rgb(0 0 0/5%),0 4px 16px rgb(0 0 0/20%);--ys-elevation-content-card:0 4px 8px rgb(0 0 0/5%);--ys-elevation-modal-overlay:0 0 2px rgb(0 0 0/5%),0 4px 16px rgb(0 0 0/20%);--ys-elevation-drawer:0 0 2px rgb(0 0 0/5%),0 4px 16px rgb(0 0 0/20%);--ys-elevation-feature-card:0 0 16px rgb(0 0 0/5%),0 32px 32px rgb(0 0 0/40%);--ys-elevation-highlight-glow:0px -1px 0px 0px rgb(0 0 0/25%) inset,0px 0px 16px 0px rgb(0 0 0/5%) inset,0px 0px 0px 1px rgb(255 255 255/8%),0px 0px 20px 0px rgb(151 64 255/40%)}[data-color-scheme=dark]{--ys-elevation-flat:0 1px 0 #000,0 0 1px rgb(0 0 0/85%);--ys-elevation-conditional:0 0 1px rgb(0 0 0/90%),0 2px 4px rgb(0 0 0/92%);--ys-elevation-floating-button:0 0 1px rgb(0 0 0/92%),0 4px 8px rgb(0 0 0/90%);--ys-elevation-floating-button-drop-shadow:drop-shadow(0 0 1px rgb(0 0 0/92%)) drop-shadow(0 4px 8px rgb(0 0 0/90%));--ys-elevation-card:0 0 1px rgb(0 0 0/92%),0 4px 8px rgb(0 0 0/90%);--ys-elevation-card-hover:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-content-card:0 4px 8px rgb(0 0 0/95%);--ys-elevation-modal-overlay:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-drawer:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-feature-card:0 0 16px rgb(0 0 0/95%),0 32px 32px rgb(0 0 0/60%);--ys-elevation-highlight-glow:0px -0.75px 0px 0px rgb(255 255 255/40%) inset,0px 0.75px 0px 0px rgb(0 0 0/10%) inset,0px 0px 0px 1px rgb(255 255 255/8%),0px 0px 20px 0px rgb(140 120 255/60%)}@media (prefers-color-scheme:dark){[data-color-scheme=auto]{--ys-elevation-flat:0 1px 0 #000,0 0 1px rgb(0 0 0/85%);--ys-elevation-conditional:0 0 1px rgb(0 0 0/90%),0 2px 4px rgb(0 0 0/92%);--ys-elevation-floating-button:0 0 1px rgb(0 0 0/92%),0 4px 8px rgb(0 0 0/90%);--ys-elevation-floating-button-drop-shadow:drop-shadow(0 0 1px rgb(0 0 0/92%)) drop-shadow(0 4px 8px rgb(0 0 0/90%));--ys-elevation-card:0 0 1px rgb(0 0 0/92%),0 4px 8px rgb(0 0 0/90%);--ys-elevation-card-hover:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-content-card:0 4px 8px rgb(0 0 0/95%);--ys-elevation-modal-overlay:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-drawer:0 0 2px rgb(0 0 0/95%),0 4px 16px rgb(0 0 0/80%);--ys-elevation-feature-card:0 0 16px rgb(0 0 0/95%),0 32px 32px rgb(0 0 0/60%);--ys-elevation-highlight-glow:0px -0.75px 0px 0px rgb(255 255 255/40%) inset,0px 0.75px 0px 0px rgb(0 0 0/10%) inset,0px 0px 0px 1px rgb(255 255 255/8%),0px 0px 20px 0px rgb(140 120 255/60%)}}