.promo-bar{--promobar-desktop-indent: 3.5rem;--promobar-mobile-indent: 1.5rem;background-color:var(--background-color, #000);color:var(--text-color, #fff)}.promo-bar .promo-bar__button{left:var(--promobar-mobile-indent);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.promo-bar .promo-bar__button svg{width:14px;height:14px}.promo-bar .promo-bar__button svg path{transition-property:opacity;transition-duration:.5s;fill:var(--close-button-fill, #fff)}.promo-bar .promo-bar__button:hover svg path{opacity:.6}.promo-bar .promo-bar__phone{right:var(--promobar-mobile-indent);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.promo-bar .promo-bar__content{padding-left:calc(var(--x-indents, 0px) + var(--promobar-mobile-indent) * 2);padding-right:calc(var(--x-indents, 0px) + var(--promobar-mobile-indent) * 2)}.promo-bar .promo-bar__link{z-index:1}.promo-bar .promo-bar__link:hover+.promo-bar__text .promo-bar__link-arrow{right:-28px}.promo-bar .promo-bar__text{position:relative}.promo-bar .promo-bar__link-arrow{position:absolute;right:-23px;top:50%;transform:translateY(-50%);transition-property:right;transition-duration:.5s}.promo-bar .promo-bar__link-arrow svg{width:16px;height:16px}.promo-bar .promo-bar__link-arrow svg path{stroke:var(--link-arrow-stroke, #fff)}@media screen and (min-width: 768px){.promo-bar .promo-bar__button{left:var(--promobar-desktop-indent)}.promo-bar .promo-bar__phone{right:var(--promobar-desktop-indent)}.promo-bar .promo-bar__content{padding-left:calc(var(--x-indents, 0px) + var(--promobar-desktop-indent) + 1.5rem);padding-right:calc(var(--x-indents, 0px) + var(--promobar-desktop-indent) + 1.5rem)}}@media screen and (min-width: 1024px){.promo-bar .promo-bar__content.promo-bar__content--with-phone-number{padding-left:calc(var(--x-indents, 0px) + var(--promobar-desktop-indent) * 2);padding-right:calc(var(--x-indents, 0px) + var(--promobar-desktop-indent) * 2)}}