.announcement-bar--inner{padding:0 15px;max-width:var(--grid-width-row, 1430px);margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.announcement-bar--inner{padding:0 40px}}.social-links{list-style:none;margin:0;padding:0}.social-links li{margin-bottom:5px}.social-links li a{display:inline-flex;align-items:center;width:32px;height:32px;justify-content:center}.social-links svg{width:16px;height:auto;flex-shrink:0}.social-links span{margin-left:15px}.header-announcement-bar-section{position:relative;z-index:51}.announcement-bar{display:flex;margin:0;color:var(--color-announcement-bar-text);background:var(--color-announcement-bar-bg);font-size:14px;min-height:34px;font-weight:700;padding:5px 0;align-items:center;--color-body: var(--color-announcement-bar-text)}.announcement-bar a{color:var(--color-announcement-bar-text)}@media only screen and (min-width: 768px){.announcement-bar{padding:1px 0}}.announcement-bar--hidden{display:none}@media only screen and (min-width: 768px){.announcement-bar--hidden{display:flex}}.announcement-bar--hidden .announcement-bar--inner{grid-template-columns:auto auto}.announcement-bar--inner{display:grid;grid-template-columns:1fr;width:100%;grid-gap:15px}@media only screen and (min-width: 768px){.announcement-bar--inner{grid-template-columns:1fr auto 1fr}}.announcement-bar--inner>div{align-items:center}.announcement-bar--inner p{margin-bottom:0;line-height:1.2}.announcement-bar--full-width .announcement-bar--inner{max-width:100%}.announcement-bar--center{display:flex;text-align:center;justify-content:center}.announcement-bar--left,.announcement-bar--right{display:none}@media only screen and (min-width: 768px){.announcement-bar--left,.announcement-bar--right{display:flex}}.announcement-bar--right{justify-content:flex-end;text-align:right}.announcement-bar--right>*{flex-shrink:0;margin-left:15px}[dir=rtl] .announcement-bar--right>*{margin-right:15px;margin-left:0}.announcement-bar .select{margin:0}.announcement-bar select{background:var(--color-announcement-bar-bg);color:var(--color-announcement-bar-text)}.announcement-bar .social-links{display:inline-flex}.announcement-bar .social-links li{margin:0}.announcement-bar .social-links li a{width:32px;height:32px}.announcement-bar .social-links li a svg{height:15px;width:auto}.announcement-bar .social-links li a span{display:none}.announcement-bar--blocks-grid{display:flex;gap:10px;width:100%;flex:1}@media only screen and (min-width: 768px){.announcement-bar--blocks-grid{gap:15px}}.announcement-bar--blocks-grid-1 .announcement-bar--block{flex:1 1 100%}.announcement-bar--blocks-grid-2 .announcement-bar--block{flex:1 1 calc(50% - 7.5px)}@media only screen and (min-width: 768px){.announcement-bar--blocks-grid-2 .announcement-bar--block{flex:1 1 calc(50% - 7.5px)}}.announcement-bar--blocks-grid-3 .announcement-bar--block{flex:1 1 calc(33.333% - 10px)}@media only screen and (min-width: 768px){.announcement-bar--blocks-grid-3 .announcement-bar--block{flex:1 1 calc(33.333% - 10px)}}.announcement-bar--blocks-grid-4 .announcement-bar--block{flex:1 1 calc(25% - 11.25px)}@media only screen and (min-width: 768px){.announcement-bar--blocks-grid-4 .announcement-bar--block{flex:1 1 calc(25% - 11.25px)}}@media only screen and (max-width: 767px){.announcement-bar--blocks-2 .announcement-bar--blocks-grid,.announcement-bar--blocks-3 .announcement-bar--blocks-grid,.announcement-bar--blocks-4 .announcement-bar--blocks-grid{display:none}.announcement-bar--blocks-2 .announcement-bar--slider-wrapper,.announcement-bar--blocks-3 .announcement-bar--slider-wrapper,.announcement-bar--blocks-4 .announcement-bar--slider-wrapper{display:block}}.announcement-bar--block{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px}.announcement-bar--block-content{width:100%}.announcement-bar--block-content p{margin-bottom:0;line-height:1.2}.announcement-bar--block-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.announcement-bar--slider-wrapper{position:relative;width:100%;flex:1;overflow:hidden;display:none}.announcement-bar--slider .announcement-bar--slider-wrapper{display:block}.announcement-bar--slider-track{display:flex;transition:transform .5s ease-in-out;will-change:transform}.announcement-bar--slider .announcement-bar--slide{min-width:100%;flex-shrink:0;position:relative}.announcement-bar--slider-prev,.announcement-bar--slider-next{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:0;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.7;transition:opacity .3s ease;padding:0;color:var(--color-announcement-bar-text)}.announcement-bar--slider-prev:hover,.announcement-bar--slider-next:hover{opacity:1}.announcement-bar--slider-prev{left:5px}.announcement-bar--slider-next{right:5px}.announcement-bar--slider-prev svg,.announcement-bar--slider-next svg{width:12px;height:12px}@media only screen and (min-width: 768px){.announcement-bar--slider-prev,.announcement-bar--slider-next{width:32px;height:32px;opacity:0;pointer-events:none}.announcement-bar--slider-wrapper:hover .announcement-bar--slider-prev,.announcement-bar--slider-wrapper:hover .announcement-bar--slider-next{opacity:.7;pointer-events:auto}.announcement-bar--slider-prev svg,.announcement-bar--slider-next svg{width:14px;height:14px}}.announcement-bar--slider-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);z-index:10}@media only screen and (min-width: 768px){.announcement-bar--slider-dots{display:none}}.announcement-bar--slider-dot{width:6px;height:6px;border-radius:50%;background:var(--color-announcement-bar-text);opacity:.4;border:none;padding:0;cursor:pointer;transition:opacity .3s ease,transform .3s ease}@media only screen and (min-width: 768px){.announcement-bar--slider-dot{width:8px;height:8px}}.announcement-bar--slider-dot.is-active{opacity:1;transform:scale(1.2)}.announcement-bar--blocks .announcement-bar--inner,.announcement-bar--slider .announcement-bar--inner{grid-template-columns:auto 1fr auto}@media only screen and (max-width: 767px){.announcement-bar--blocks .announcement-bar--inner,.announcement-bar--slider .announcement-bar--inner{grid-template-columns:1fr}.announcement-bar--blocks .announcement-bar--left,.announcement-bar--slider .announcement-bar--left,.announcement-bar--blocks .announcement-bar--right,.announcement-bar--slider .announcement-bar--right{display:none}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/announcement-bar.css.map */
