.custom-announcement-bar{width:100%;overflow:hidden;position:relative;background-color:#020202;border-bottom:1px solid #F0F0F0}.custom-announcement-bar__content{width:100%;position:relative;height:36px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media screen and (max-width: 768px){.custom-announcement-bar__content{height:28px;padding:0 0 0 8px}}.custom-announcement-bar__slider{position:relative;height:100%;width:calc(100% - 50px);display:flex;align-items:center}.custom-announcement-bar__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:flex-start;transition:opacity .6s ease-in-out}.custom-announcement-bar__slide.active{opacity:1;pointer-events:auto}.custom-announcement-bar__text{text-align:left;padding:10px 0}.custom-announcement-bar__text p{margin:0;font-size:16px;color:#fff}@media screen and (max-width: 768px){.custom-announcement-bar__text p{font-size:12px}}.custom-announcement-bar__controls{display:flex;align-items:center}.custom-announcement-bar__toggle{background:transparent;border:none;padding:5px;cursor:pointer;width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;color:#333}@media screen and (max-width: 768px){.custom-announcement-bar__toggle{padding-left:8px;padding-right:8px;height:28px}}.custom-announcement-bar__toggle:focus{outline:none}.custom-announcement-bar__toggle .play-icon,.custom-announcement-bar__toggle .pause-icon{position:absolute;top:50%;left:50%;height:16px;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease}@media screen and (max-width: 768px){.custom-announcement-bar__toggle .play-icon,.custom-announcement-bar__toggle .pause-icon{height:12px}}.custom-announcement-bar__toggle .play-icon svg,.custom-announcement-bar__toggle .pause-icon svg{height:16px}@media screen and (max-width: 768px){.custom-announcement-bar__toggle .play-icon svg,.custom-announcement-bar__toggle .pause-icon svg{height:12px}}.custom-announcement-bar__toggle .play-icon{opacity:0;transform:translate(-45%,-50%) scale(.8)}.custom-announcement-bar__toggle .pause-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.custom-announcement-bar__toggle.paused .play-icon{opacity:1;transform:translate(-45%,-50%) scale(1)}.custom-announcement-bar__toggle.paused .pause-icon{opacity:0;transform:translate(-50%,-50%) scale(.8)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/custom-announcement-bar.css.map */