.scrolling-banner-main{width:100%;overflow:visible;position:relative;box-sizing:border-box;background:var(--scrolling-banner-bg-color, #ffffff);padding:var(--scrolling-banner-section-padding-top, 40px) var(--scrolling-banner-section-padding-horizontal, 20px) var(--scrolling-banner-section-padding-bottom, 40px)}.scrolling-banner__row{width:100%;height:var(--scrolling-banner-row-height, 60px);position:relative;overflow:visible;margin-bottom:var(--scrolling-banner-row-gap, 16px)}.scrolling-banner__row:last-child{margin-bottom:0}.scrolling-banner__track{display:flex;align-items:center;height:100%;position:relative;white-space:nowrap;will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes scroll-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.scrolling-banner__track--left{animation:scroll-left var(--scrolling-banner-animation-speed, 15s) linear infinite}.scrolling-banner__track--right{animation:scroll-right var(--scrolling-banner-animation-speed, 15s) linear infinite}.scrolling-banner__track:hover{animation-play-state:paused}.scrolling-banner__track--no-pause:hover{animation-play-state:running}.scrolling-banner__track--no-loop{animation-iteration-count:1;animation-fill-mode:forwards}.scrolling-banner__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--scrolling-banner-item-gap, 8px);padding:12px var(--scrolling-banner-item-padding, 24px);height:auto;position:relative;white-space:nowrap;flex-shrink:0;margin-right:12px;background:#e8f2ff;border-radius:50px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:var(--scrolling-banner-text-size, 14px);letter-spacing:.5px;text-transform:uppercase}.scrolling-banner__item:nth-child(2n){background:#fff;border:1px solid rgba(0,0,0,.08)}.scrolling-banner__item:nth-child(odd){background:#e8f2ff}.scrolling-banner__item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.scrolling-banner__text{font-size:var(--scrolling-banner-text-size, 14px);font-weight:600;letter-spacing:.5px;color:var(--scrolling-banner-text-color, #1a1a1a);line-height:1.2;text-transform:uppercase;margin:0;order:1}.scrolling-banner__emoji{font-size:var(--scrolling-banner-emoji-size, 18px);line-height:1;display:inline-block;order:2;margin-left:4px}.scrolling-banner__image-container{display:flex;align-items:center;justify-content:center;width:var(--scrolling-banner-image-size, 20px);height:var(--scrolling-banner-image-size, 20px);min-width:var(--scrolling-banner-image-size, 20px);min-height:var(--scrolling-banner-image-size, 20px);border-radius:50%;overflow:hidden;background:transparent;order:2;margin-left:4px}.scrolling-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.scrolling-banner__dotted-line{width:100%;height:var(--scrolling-banner-dotted-size, 1px);margin:var(--scrolling-banner-dotted-margin, 20px) 0;position:relative;background-image:radial-gradient(circle at center,var(--scrolling-banner-dotted-color, #e0e0e0) 0%,var(--scrolling-banner-dotted-color, #e0e0e0) 40%,transparent 50%);background-size:var(--scrolling-banner-dotted-gap, 6px) var(--scrolling-banner-dotted-size, 1px);background-repeat:repeat-x;background-position:center;opacity:.6}@media (max-width: 768px){.scrolling-banner-main{padding:calc(var(--scrolling-banner-section-padding-top, 40px) * .75) calc(var(--scrolling-banner-section-padding-horizontal, 20px) * .5) calc(var(--scrolling-banner-section-padding-bottom, 40px) * .75)}.scrolling-banner__row{height:calc(var(--scrolling-banner-row-height, 60px) * .85)}.scrolling-banner__item{padding:10px calc(var(--scrolling-banner-item-padding, 24px) * .75);margin-right:8px}.scrolling-banner__text{font-size:calc(var(--scrolling-banner-text-size, 14px) * .9);letter-spacing:.3px}.scrolling-banner__emoji{font-size:calc(var(--scrolling-banner-emoji-size, 18px) * .9)}}@media (max-width: 480px){.scrolling-banner__row{height:calc(var(--scrolling-banner-row-height, 60px) * .75)}.scrolling-banner__item{padding:8px calc(var(--scrolling-banner-item-padding, 24px) * .6);margin-right:6px}.scrolling-banner__text{font-size:calc(var(--scrolling-banner-text-size, 14px) * .85);font-weight:500}.scrolling-banner__emoji{font-size:calc(var(--scrolling-banner-emoji-size, 18px) * .85)}}.scrolling-banner__track,.scrolling-banner__item,.scrolling-banner__emoji,.scrolling-banner__text,.scrolling-banner__image-container,.scrolling-banner__image{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.scrolling-banner__track--left,.scrolling-banner__track--right{animation-duration:60s}.scrolling-banner__item:hover{transform:none}}@media (prefers-contrast: high){.scrolling-banner__item{border:2px solid;background:var(--scrolling-banner-bg-color, #ffffff)}.scrolling-banner__text{text-shadow:none}}.scrolling-banner__item:focus{outline:2px solid #0066cc;outline-offset:2px}.scrolling-banner-main[data-loading=true] .scrolling-banner__track{animation-play-state:paused;opacity:.7}.scrolling-banner-main[data-loading=true] .scrolling-banner__item{animation:item-pulse 1.5s ease-in-out infinite alternate}@keyframes item-pulse{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-scrolling-banner-main.css.map */