/* layer: properties */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;}}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-backdrop-blur{syntax:"*";inherits:false;}
@property --un-backdrop-brightness{syntax:"*";inherits:false;}
@property --un-backdrop-contrast{syntax:"*";inherits:false;}
@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
@property --un-backdrop-invert{syntax:"*";inherits:false;}
@property --un-backdrop-opacity{syntax:"*";inherits:false;}
@property --un-backdrop-saturate{syntax:"*";inherits:false;}
@property --un-backdrop-sepia{syntax:"*";inherits:false;}
/* layer: theme */
:root, :host {
--spacing: 0.25rem;
--colors-black: #000;
}
/* layer: shortcuts */
.container{width:100%;}
@media (min-width: 40rem){
.container{max-width:40rem;}
}
@media (min-width: 48rem){
.container{max-width:48rem;}
}
@media (min-width: 64rem){
.container{max-width:64rem;}
}
@media (min-width: 80rem){
.container{max-width:80rem;}
}
@media (min-width: 96rem){
.container{max-width:96rem;}
}
/* layer: default */
.bg-black\:50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent) /* #000 */;}
.h-full{height:100%;}
.max-h-screen{max-height:100vh;}
.max-w-screen{max-width:100vw;}
.w-full{width:100%;}
.bottom-0{bottom:calc(var(--spacing) * 0);}
.left-0{left:calc(var(--spacing) * 0);}
.right-0{right:calc(var(--spacing) * 0);}
.top-0{top:calc(var(--spacing) * 0);}
.absolute{position:absolute;}
.fixed{position:fixed;}
.z--1{z-index:-1;}
.z-500{z-index:500;}
.object-contain{object-fit:contain;}
.backdrop-blur-7{--un-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
@supports (color: color-mix(in lab, red, red)){
.bg-black\:50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent) /* #000 */;}
}