.menu-float{padding:1.6rem;border-radius:1.2rem;display:flex;flex-direction:column;gap:1.2rem;--un-shadow:0rem 0rem .4rem 0rem var(--un-shadow-color, );box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-shadow-color:color-mix(in srgb, var(--colors-black-25) var(--un-shadow-opacity), transparent) ;position:absolute;z-index:100;background-color:var(--colors-light-background);color:var(--colors-light-label);@screen tablet{&{--at-apply:gap-[2rem] p-[2rem] rounded-[2.4rem] shadow-[0rem_0rem_0.8rem_0rem] shadow-black-25}}}.menu-float li:hover{--at-apply:text-green}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.menu-float{--un-shadow-color:color-mix(in oklab, var(--colors-black-25) var(--un-shadow-opacity), transparent) }}