@layer components{.logo{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-direction:column;text-align:center;gap:10px;&.logo--new{&[data-orientation=horizontal]{gap:var(--space-xs,10px);& .logo__text{margin-left:0}}}&[data-orientation=horizontal]{flex-direction:row;text-align:left;gap:-15px;& .logo__wrapper{margin-bottom:0;z-index:1}& .logo__text{margin-left:-17px;z-index:2}}&[data-orientation=vertical]{flex-direction:column;text-align:center;gap:var(--space-xs,10px)}& .logo__wrapper{position:relative;display:inline-block}& .logo__glow{position:absolute;top:50%;left:50%;width:calc(var(--logo-width) * 1.8);height:calc(var(--logo-height) * 1.8);transform:translate(-50%,-50%);background:radial-gradient(circle,var(--color-blue-primary,rgba(0,123,255,.9)),transparent 70%);filter:blur(30px);z-index:0;opacity:.8;animation:logo-glow-pulse 8s ease-in-out infinite}@keyframes logo-glow-pulse{0%,100%{transform:translate(-50%,-50%)scale(1);opacity:.6}50%{transform:translate(-50%,-50%)scale(1.15);opacity:.9}}& .logo__icon{position:relative;z-index:1;display:flex;align-items:center;& svg, & .logo__img{width:var(--logo-width);max-width:100%;height:auto;display:block}& .logo__img--light{display:none}}@media(prefers-color-scheme:dark){& .logo__img--dark{display:none}& .logo__img--light{display:block}}& .logo__text{font-size:var(--logo-text-size,var(--size-step-3,48px));font-weight:500;color:var(--color-text-muted,#d1d5db);text-shadow:0 0 15px var(--color-blue-primary,rgba(0,123,255,.6));& .logo__text--accent{color:var(--color-primary)}}@media(prefers-color-scheme:dark){& .logo__text{color:var(--color-white,#ffffff)}}}}