@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{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer phaze-base;@layer phaze-theme{:root,:host{--color-avatar-online-background:#4fb15f;--color-avatar-online-border:#fff;--color-avatar-ring-1:#4200fc;--color-avatar-ring-2:#a600a6;--color-avatar-ring-3:#f95990;--color-avatar-ring-4:#d92124;--color-avatar-ring-5:#833200;--color-avatar-ring-6:#d97620;--color-avatar-ring-7:#00ad00;--color-avatar-ring-8:#007a52;--color-avatar-ring-main:#2e92e6;--color-avatar-text:#fff}[data-theme=blue],[data-theme=purple],[data-theme=dark-teal]{--color-avatar-online-background:#4fb15f;--color-avatar-online-border:#fff;--color-avatar-ring-1:#4200fc;--color-avatar-ring-2:#a600a6;--color-avatar-ring-3:#f95990;--color-avatar-ring-4:#d92124;--color-avatar-ring-5:#833200;--color-avatar-ring-6:#d97620;--color-avatar-ring-7:#00ad00;--color-avatar-ring-8:#007a52;--color-avatar-ring-main:#2e92e6;--color-avatar-text:#fff;--sizes-avatar-large:40px;--sizes-avatar-medium:32px;--sizes-avatar-small:24px;--sizes-avatar-x-large:64px}}@layer phaze-components;@layer phaze-utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:var(--spacing-0,0px)}.right-0{right:var(--spacing-0,0px)}.bottom-0{bottom:var(--spacing-0,0px)}.left-0{left:var(--spacing-0,0px)}.container{width:100%}.block{display:block}.flex{display:flex}.h-12{height:calc(var(--spacing,.25rem) * 12)}.h-16{height:calc(var(--spacing,.25rem) * 16)}.h-20{height:calc(var(--spacing,.25rem) * 20)}.h-32{height:calc(var(--spacing,.25rem) * 32)}.h-full{height:100%}.w-12{width:calc(var(--spacing,.25rem) * 12)}.w-16{width:calc(var(--spacing,.25rem) * 16)}.w-20{width:calc(var(--spacing,.25rem) * 20)}.w-32{width:calc(var(--spacing,.25rem) * 32)}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-circle{border-radius:var(--radius-circle,100px)}.bg-avatar-ring-1{background-color:var(--color-avatar-ring-1)}.bg-avatar-ring-2{background-color:var(--color-avatar-ring-2)}.bg-avatar-ring-3{background-color:var(--color-avatar-ring-3)}.bg-avatar-ring-4{background-color:var(--color-avatar-ring-4)}.bg-avatar-ring-5{background-color:var(--color-avatar-ring-5)}.bg-avatar-ring-6{background-color:var(--color-avatar-ring-6)}.bg-avatar-ring-7{background-color:var(--color-avatar-ring-7)}.bg-avatar-ring-8{background-color:var(--color-avatar-ring-8)}.bg-avatar-ring-main{background-color:var(--color-avatar-ring-main)}.text-avatar-text{color:var(--color-avatar-text)}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_0_0_1\.5px_var\(--ringColor\)\]{--tw-inset-shadow:inset 0 0 0 1.5px var(--tw-inset-shadow-color,var(--ringColor));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_0_0_1px_var\(--ringColor\)\]{--tw-inset-shadow:inset 0 0 0 1px var(--tw-inset-shadow-color,var(--ringColor));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_0_0_2\.5px_var\(--ringColor\)\]{--tw-inset-shadow:inset 0 0 0 2.5px var(--tw-inset-shadow-color,var(--ringColor));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_0_0_2px_var\(--ringColor\)\]{--tw-inset-shadow:inset 0 0 0 2px var(--tw-inset-shadow-color,var(--ringColor));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-2{--tw-inset-ring-shadow:inset 0 0 0 2px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-\[3\.5px\]{--tw-inset-ring-shadow:inset 0 0 0 3.5px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-\[3px\]{--tw-inset-ring-shadow:inset 0 0 0 3px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-\[4\.5px\]{--tw-inset-ring-shadow:inset 0 0 0 4.5px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring-white{--tw-inset-ring-color:var(--color-white,#fff)}.\[--ringColor\:var\(--color-avatar-ring-1\)\]{--ringColor:var(--color-avatar-ring-1)}.\[--ringColor\:var\(--color-avatar-ring-2\)\]{--ringColor:var(--color-avatar-ring-2)}.\[--ringColor\:var\(--color-avatar-ring-3\)\]{--ringColor:var(--color-avatar-ring-3)}.\[--ringColor\:var\(--color-avatar-ring-4\)\]{--ringColor:var(--color-avatar-ring-4)}.\[--ringColor\:var\(--color-avatar-ring-5\)\]{--ringColor:var(--color-avatar-ring-5)}.\[--ringColor\:var\(--color-avatar-ring-6\)\]{--ringColor:var(--color-avatar-ring-6)}.\[--ringColor\:var\(--color-avatar-ring-7\)\]{--ringColor:var(--color-avatar-ring-7)}.\[--ringColor\:var\(--color-avatar-ring-8\)\]{--ringColor:var(--color-avatar-ring-8)}.\[--ringColor\:var\(--color-avatar-ring-main\)\]{--ringColor:var(--color-avatar-ring-main)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}