.announcement-bar{position:sticky;top:0;background-color:#fff;color:#fff;text-align:center;padding:0 20px;font-size:14px;font-weight:500;z-index:50;height:40px;overflow:hidden;display:flex;align-items:center}.announcement-slider{display:inline-block;white-space:nowrap;animation:scroll-left 8s linear infinite}.announcement-message{display:inline-block;margin-right:80px}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.hero-slider-wrapper{overflow-x:scroll;scroll-snap-type:x mandatory;display:flex;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100vh;max-height:650px;scrollbar-width:none}.hero-slider-wrapper::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;scroll-snap-align:start;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;border-radius:0}.hero-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.hero-slide .content{position:relative;z-index:2;max-width:700px;padding:20px}.hero-slide .content h2{font-size:36px;margin-bottom:15px;animation:fade-in 1s ease-out}.hero-slide .content a{position:relative;display:inline-block;margin-top:10px;padding:10px 24px;background:transparent;color:#fff;text-decoration:none;font-weight:700;border-radius:4px;overflow:hidden;border:2px solid #fff;z-index:1;transition:color .3s ease;opacity:0;transform:translateY(-60px);animation:fall-in .8s ease-out forwards;animation-delay:.5s}.hero-slide .content a:before{content:"";position:absolute;top:0;left:0;height:0%;width:100%;background:#fff;z-index:-1;transition:height .3s ease}.hero-slide .content a:hover:before{height:100%}.hero-slide .content a:hover{color:#000}@keyframes fall-in{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.hero-slide .content h2{font-size:24px}.hero-slide .content a{padding:8px 20px;font-size:14px}.hero-slider-wrapper{height:70vh;max-height:500px}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */