.announcement-bar-wrapper{position:relative;width:100%;display:flex;align-items:center}.announcement-bar-wrapper .page-width.announcement-bar__inner{position:relative;display:flex;align-items:center;width:100%}@media screen and (min-width:990px){.announcement-bar-slide.hide-on-desktop,.announcement-bar.hide-on-desktop{display:none!important}}@media screen and (max-width:989px){.announcement-bar-slide.hide-on-mobile,.announcement-bar.hide-on-mobile{display:none!important}}.announcement-bar-slider{width:100%;height:auto;position:relative}.announcement-bar-slide{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.announcement-bar-slide.active{position:relative;opacity:1;pointer-events:auto}.announcement-bar__content{display:flex;align-items:center;justify-content:center;width:100%;position:relative;height:34px}.announcement-bar__message{text-align:center;flex:1}a.announcement-account:before{content:"";width:1px;height:90%;position:absolute;background:#fff;top:0;left:0;bottom:0;margin:auto}a.announcement-account{color:#fff;text-transform:uppercase;font-size:12px;line-height:100%;padding:.8rem 1rem;position:relative;letter-spacing:1px;display:none;flex-shrink:0}.announcement-bar__play-pause{position:absolute;right:3rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;z-index:1;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent;padding:0}.announcement-bar__play-pause:focus{outline:none}.announcement-bar__play-pause:focus-visible{outline:none}.announcement-bar__pause-icon,.announcement-bar__play-icon{display:inline-block;width:16.25px;height:16.25px;flex-shrink:0}.announcement-bar__pause-icon svg,.announcement-bar__play-icon svg{width:16.25px;height:16.25px;display:block}@media screen and (max-width:989px){.announcement-bar__message{font-size:12px}}@media screen and (max-width:650px){.announcement-bar__content{justify-content:space-between}a.announcement-account{display:block;width:20%;text-align:center}.announcement-bar__message{line-height:1!important;letter-spacing:.5px!important;width:100%;text-align:center}.announcement-bar__content{height:25px}.announcement-bar.color-accent-1.gradient,.announcement-bar__content{display:flex;align-items:center}.announcement-bar__play-pause{right:.5rem;padding:6px;min-width:28px;min-height:28px}}.announcement-bar__copy-code{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;border-radius:4px;margin-left:5px;cursor:pointer;color:inherit;font-size:11px;font-weight:400;text-transform:capitalize;letter-spacing:.5px;transition:all .2s ease;flex-shrink:0;position:relative;white-space:nowrap}.announcement-bar__copy-code:active{transform:translateY(0)}.copy-code__text,.copy-code__copied{display:inline-block;transition:opacity .2s ease,transform .2s ease}.copy-code__copied{position:absolute;left:50%;transform:translate(20%,-50%);top:50%;opacity:0;color:#fff}.announcement-bar__copy-code.copied .copy-code__text{opacity:0;transform:scale(.8)}.announcement-bar__copy-code.copied .copy-code__copied{opacity:1;transform:translateX(20%,-50%) scale(1)}.copy-code__icon,.copy-code__check{display:inline-block;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.copy-code__check{position:absolute;right:8px;opacity:0;color:#fff}.announcement-bar__copy-code.copied .copy-code__icon{opacity:0;transform:scale(.8)}.announcement-bar__copy-code.copied .copy-code__check{opacity:1;transform:scale(1)}.announcement-bar__copy-code.copied{background:transparent;border-color:transparent}@media screen and (max-width:989px){.announcement-bar__copy-code{padding:3px 8px;margin-left:8px;font-size:10px;gap:4px}.copy-code__icon,.copy-code__check{width:12px;height:12px}.copy-code__check{right:8px}}@media screen and (max-width:650px){.announcement-bar__copy-code{padding:2px 6px;margin-left:6px;font-size:9px;border-radius:3px}.copy-code__icon,.copy-code__check{width:10px;height:10px}.copy-code__check{right:6px}}.color-background-1 .announcement-bar__copy-code,.color-background-2 .announcement-bar__copy-code{background:#0000001a;border-color:#0003}.color-background-1 .announcement-bar__copy-code:hover,.color-background-2 .announcement-bar__copy-code:hover{background:#00000026;border-color:#0000004d}
/*# sourceMappingURL=/cdn/shop/t/301/assets/announcement-bar.css.map */