@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.logo{display:flex;position:relative}.logo .logo-accent{fill:var(--primary-50)}.logo .logo-foreground{fill:var(--primary-950)}.logo .logo-primary{fill:var(--primary-500)}.logo .logo-circle-clip{clip-path:url(#clippath)}.logo .default-logo{justify-content:space-between;display:flex}.logo .default-logo-icon{height:calc(var(--spacing,.25rem)*14)}.logo .default-logo-text{height:calc(var(--spacing,.25rem)*10);--tw-translate-x:calc(var(--spacing,.25rem)*-6);--tw-translate-y:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.logo .default-logo-slogan{height:calc(var(--spacing,.25rem)*12)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}