.announcement-modern{--announcement-bg: #1a1a1a;--announcement-text: #ffffff;--announcement-accent: #f57c00;--announcement-speed: 5s;position:relative;background:var(--announcement-bg);color:var(--announcement-text);overflow:hidden}.announcement-modern[class*=color-]{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.announcement-modern[class*=color-] .announcement-modern__icon{color:rgb(var(--color-foreground))}.announcement-modern[class*=color-] .announcement-modern__progress-bar{background:rgb(var(--color-foreground));opacity:.7}.announcement-modern--border{border-bottom:1px solid rgba(var(--color-foreground),.1)}.announcement-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(245,124,0,.08) 0%,transparent 20%,transparent 80%,rgba(245,124,0,.08) 100%);pointer-events:none}.announcement-modern__container{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;min-height:44px}.announcement-modern__social{flex-shrink:0}.announcement-modern__social .list-social{display:flex;gap:.5rem}.announcement-modern__localization{flex-shrink:0;display:flex;gap:.75rem}.announcement-modern__single{flex:1;display:flex;align-items:center;justify-content:center}.announcement-modern__slides{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:24px}.announcement-modern__slide{position:absolute;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.announcement-modern__slide.is-active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.announcement-modern__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--announcement-accent)}.announcement-modern__icon svg{width:100%;height:100%}.announcement-modern__text{margin:0;font-weight:500;letter-spacing:.01em;text-align:center;line-height:1.4}.announcement-modern__link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}.announcement-modern__link:hover{color:var(--announcement-accent)}.announcement-modern__arrow{width:16px;height:16px;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.announcement-modern__link:hover .announcement-modern__arrow{opacity:1;transform:translate(0)}.announcement-modern__nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--announcement-text);opacity:.5;cursor:pointer;transition:opacity .2s ease,transform .2s ease,color .2s ease;border-radius:50%}.announcement-modern__nav:hover{opacity:1;color:var(--announcement-accent);transform:scale(1.1)}.announcement-modern__nav:active{transform:scale(.95)}.announcement-modern__nav svg{width:16px;height:16px}.announcement-modern__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff1a;overflow:hidden}.announcement-modern__progress-bar{height:100%;background:var(--announcement-accent);animation:announcement-progress var(--announcement-speed) linear infinite;transform-origin:left}@keyframes announcement-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.announcement-modern:hover .announcement-modern__progress-bar{animation-play-state:paused}.announcement-modern__dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:.5rem 0;background:#0000004d}.announcement-modern__dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:background .2s ease,transform .2s ease}.announcement-modern__dot:hover{background:#fff9;transform:scale(1.2)}.announcement-modern__dot.is-active{background:var(--announcement-accent);transform:scale(1.3)}@media (max-width: 749px){.announcement-modern__container{padding:.625rem .75rem;gap:.5rem}.announcement-modern__icon{width:18px;height:18px}.announcement-modern__nav{width:24px;height:24px}.announcement-modern__nav svg{width:14px;height:14px}.announcement-modern__arrow{display:none}}@media (max-width: 480px){.announcement-modern__nav{display:none}.announcement-modern__container{padding:.625rem 1rem}}.announcement-modern--light{--announcement-bg: #ffffff;--announcement-text: #1a1a1a}.announcement-modern--light:before{background:linear-gradient(90deg,rgba(245,124,0,.05) 0%,transparent 20%,transparent 80%,rgba(245,124,0,.05) 100%)}.announcement-modern--light .announcement-modern__progress{background:#00000014}.announcement-modern--gradient{--announcement-bg: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);background:var(--announcement-bg)}.announcement-modern--accent{--announcement-bg: #f57c00;--announcement-text: #ffffff;--announcement-accent: #ffffff}.announcement-modern--accent:before{background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%)}.announcement-modern--slide-up .announcement-modern__slide{transform:translateY(100%)}.announcement-modern--slide-up .announcement-modern__slide.is-active{transform:translateY(0)}.announcement-modern--slide-left .announcement-modern__slide{transform:translate(-100%)}.announcement-modern--slide-left .announcement-modern__slide.is-active{transform:translate(0)}.announcement-modern--zoom .announcement-modern__slide{transform:scale(.8)}.announcement-modern--zoom .announcement-modern__slide.is-active{transform:scale(1)}.announcement-modern__nav:focus-visible,.announcement-modern__dot:focus-visible,.announcement-modern__link:focus-visible{outline:2px solid var(--announcement-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.announcement-modern__slide{transition:opacity .2s ease;transform:none!important}.announcement-modern__slide.is-active{transform:none!important}.announcement-modern__progress-bar{animation:none;transform:scaleX(1)}.announcement-modern__nav,.announcement-modern__dot,.announcement-modern__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/announcement-bar-modern.css.map */