.auth-button__icon{color:var(--color-text-primary);opacity:.7;transition:opacity .2s;display:flex}.auth-button__icon:hover{opacity:1}.auth-button__account{display:flex;position:relative}.link.auth-button__profile{display:flex}.auth-button__badge{display:flex;position:absolute;inset-block-start:calc(var(--space-2) * -1);inset-inline-end:calc(var(--space-4) * -1)}.auth-button__badge:empty{display:none}.link.auth-button__profile:focus-visible{outline-offset:4px}.avatar.auth-button__avatar{--avatar-size:var(--space-9)}.auth-button__profile:hover .auth-button__avatar:before,.auth-button__profile:focus-visible .auth-button__avatar:before{opacity:1;transform:none}.skeleton.auth-button__avatar{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);height:var(--space-9);width:var(--space-9)}@media (min-width:1024px){.avatar.auth-button__avatar{--avatar-size:var(--space-11)}.skeleton.auth-button__avatar{height:var(--space-11);width:var(--space-11)}}
.banner{background-color:var(--banner-bg);border:none;border-left:3px solid var(--banner-color);align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7);width:100%;display:flex}[dir=rtl] .banner{border-left:none;border-right:3px solid var(--banner-color)}.banner__icon{height:var(--space-7);width:var(--space-7);flex-shrink:0}.banner__content{gap:var(--space-1);flex-direction:column;display:flex}.banner__title{font-family:var(--font-heading);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.banner__description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;padding:0}.banner--primary{--banner-color:var(--color-primary);--banner-bg:rgb(from var(--color-primary) r g b / 8%);color:var(--color-primary-light)}.banner--success{--banner-color:var(--color-success);--banner-bg:rgb(from var(--color-success) r g b / 8%);color:var(--color-success)}.banner--danger{--banner-color:var(--color-danger-border);--banner-bg:rgb(from var(--color-danger-border) r g b / 8%);color:var(--color-danger-border)}.banner--info{--banner-color:var(--color-info);--banner-bg:rgb(from var(--color-info) r g b / 8%);color:var(--color-info)}.banner--warning{--banner-color:var(--color-warning);--banner-bg:rgb(from var(--color-warning) r g b / 8%);color:var(--color-warning)}