.hello-bar{--hello-bar-background:#030303;--hello-bar-background-hover:#252e3d;--hello-bar-text:#fff;--hello-bar-text-span:#ff44ef;--padding-top:8px;transition:opacity var(--transition),max-height var(--transition),padding var(--transition);overflow:hidden}.hello-bar__container{position:relative;padding:12px var(--spacing-h1) 0}.hello-bar__inner{position:relative}.hello-bar__link{--hello-bar-left-offset:0;--hello-bar-right-offset:0;--hello-bar-close-size:24px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;inline-size:100%;padding:var(--padding-top) calc(8px + var(--hello-bar-close-size)) 8px 16px;min-height:40px;border-radius:8px;background-color:var(--hello-bar-background);color:var(--hello-bar-text);text-decoration:none;overflow:hidden;transition:background-color var(--transition)}.hello-bar__link:hover,.hello-bar__link a:hover{text-decoration:none;background-color:var(--hello-bar-background-hover);cursor:pointer}.hello-bar__link:focus{background-color:var(--hello-bar-background)}.hello-bar__text-wrapper svg path{fill:var(--hello-bar-text)}.hello-bar__text{position:relative;z-index:2;display:block;font-size:14px;font-weight:500;line-height:140%;text-align:left;color:inherit}.hello-bar__text span{color:var(--hello-bar-text-span)}.hello-bar__close{position:absolute;top:50%;right:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--hello-bar-close-size);height:var(--hello-bar-close-size);padding:0;border:none;background:0 0;color:inherit;cursor:pointer;transform:translateY(-50%);transition:opacity var(--transition)}.hello-bar__close:hover{opacity:.8}.hello-bar__close svg{display:block}.hello-bar__close svg path{fill:var(--hello-bar-text)}.hello-bar__decor{display:none;position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;width:534px;height:100%;object-fit:cover}.hello-bar__decor--left{left:var(--hello-bar-left-offset)}.hello-bar__decor--right{right:var(--hello-bar-right-offset);width:526px}.hello-bar--hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;visibility:hidden}.hello-bar__text-wrapper svg{display:none}@media (min-width:768px){.hello-bar__link{--hello-bar-left-offset:-444px;--hello-bar-right-offset:-396px;padding-right:calc(16px + var(--hello-bar-close-size));padding-left:16px}.hello-bar__decor{display:block}.hello-bar__text{text-align:center}.hello-bar__text-wrapper{display:flex;gap:4px;align-items:center}.hello-bar__text-wrapper svg{display:inline-block}}@media (min-width:1024px){.hello-bar__link{--hello-bar-left-offset:-324px;--hello-bar-right-offset:-260px}}@media (min-width:1280px){.hello-bar__link{--hello-bar-left-offset:-228px;--hello-bar-right-offset:-100px}}@media (min-width:1536px){.hello-bar__link{--hello-bar-left-offset:-132px;--hello-bar-right-offset:0}}@media (min-width:1920px){.hello-bar__link{--hello-bar-left-offset:0}}