.PencilBanner{background:#000;top:0;height:auto;position:fixed;width:100%;z-index:35;text-transform:none}.PencilBanner__slide{color:#fff;font-family:var(--font-family-body);font-size:1em;height:35px;letter-spacing:.015em;line-height:35px;position:relative;text-align:center;text-transform:uppercase}.PencilBanner__slide-link{display:block}.swiper-wrapper{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}.swiper-wrapper.fixed{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translate(0)}.swiper-wrapper.animated.fixed{-moz-animation:none;-webkit-animation:none;animation:none}.PencilBanner .next,.PencilBanner .previous{width:30px;height:35px}@media screen and (max-width: 749px){.PencilBanner{height:35px}.PencilBanner__slide{font-size:8pt;height:35px}}@-moz-keyframes scrolling-animation{0%{-moz-transform:translateX(100%)}10%{-moz-transform:translateX(0%)}75%{-moz-transform:translateX(0%)}to{-moz-transform:translateX(-100%)}}@-moz-keyframes reverse-scrolling-animation{0%{-moz-transform:translateX(-100%)}10%{-moz-transform:translateX(0%)}75%{-moz-transform:translateX(0%)}to{-moz-transform:translateX(100%)}}@-webkit-keyframes scrolling-animation{0%{-webkit-transform:translateX(100%)}10%{-webkit-transform:translateX(0%)}75%{-webkit-transform:translateX(0%)}to{-webkit-transform:translateX(-100%)}}@-webkit-keyframes reverse-scrolling-animation{0%{-webkit-transform:translateX(-100%)}10%{-webkit-transform:translateX(0%)}75%{-webkit-transform:translateX(0%)}to{-webkit-transform:translateX(100%)}}@keyframes scrolling-animation{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}10%{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translate(0)}75%{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translate(0)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes reverse-scrolling-animation{0%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}10%{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translate(0)}75%{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translate(0)}to{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}}@-moz-keyframes fade-in-out-animation{0%{opacity:0}10%{opacity:1}95%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-out-animation{0%{opacity:0}10%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes fade-in-out-animation{0%{opacity:0}10%{opacity:1}95%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/pencil-banner.css.map */