@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Poppins:wght@400;500&display=swap";.ice-cream-slider{--ics-card-w: 328px;--ics-card-h: 287px;--ics-gap: 20px;--ics-text-color: #2d395b;--ics-shadow: #218002;display:block;width:100%;color:var(--ics-text-color);font-family:Poppins,Poppins Placeholder,sans-serif}.ice-cream-slider__inner{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;margin:0 auto;padding:64px 16px;box-sizing:border-box}.ice-cream-slider__header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ice-cream-slider__title{font-family:Luckiest Guy,sans-serif;font-size:40px;line-height:1.1em;text-align:center;margin:0;color:var(--ics-text-color);font-weight:400}.ice-cream-slider__subtitle{font-family:Poppins,sans-serif;font-weight:500;font-size:16px;line-height:1.4em;letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0;color:var(--ics-text-color)}.ice-cream-slider__viewport.splide{position:relative;width:100%;height:var(--ics-card-h);border-radius:16px}.ice-cream-slider__viewport .splide__track,.ice-cream-slider__viewport .splide__list{height:100%}.ice-cream-slider__viewport .splide__pagination,.ice-cream-slider__viewport .splide__arrows{display:none}.ice-cream-slider__slide.splide__slide{position:relative;height:100%;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none}.ice-cream-slider__slide-enter{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ice-cream-slider__slide>.ice-cream-slider__slide-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;margin:0;pointer-events:none}.ice-cream-slider__slide-inner>.ice-cream-slider__slide-media--product{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;margin:0;height:100%;pointer-events:none}.ice-cream-slider__slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}.ice-cream-slider__slide-inner{position:relative;width:100%;height:255px;margin-top:32px}.ice-cream-slider__slide-product{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;pointer-events:none}.ice-cream-slider__slide-flavor{position:absolute;top:0;left:21.5px;right:21.5px;z-index:3;margin:0;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1em;color:#fff;text-align:left}.ice-cream-slider__slide-label{position:absolute;z-index:3;margin:0;font-family:Luckiest Guy,sans-serif;font-weight:400;font-size:16px;line-height:1.1em;color:#fff;text-align:left;text-shadow:0 5px 9px color-mix(in srgb,var(--ics-shadow) 25%,transparent);text-transform:uppercase}.ice-cream-slider__slide-label--center{top:28%;left:26%;width:150px;transform:translate(-50%,-50%)}.ice-cream-slider__slide-label--sauce{top:74%;left:27%;width:max-content;max-width:160px;transform:translate(-50%,-50%)}.ice-cream-slider__slide-label--topping{top:25%;left:80%;width:131px;transform:translate(-50%,-50%)}.ice-cream-slider__slide-label--sprinkle{top:87%;left:84%;width:140px;transform:translate(-50%,-50%)}.ice-cream-slider__slide-arrow{position:absolute;z-index:2;object-fit:contain}.ice-cream-slider__slide-arrow--center{top:calc(22.75% - 10.5px);left:calc(43.6% - 41px);width:82px;height:21px}.ice-cream-slider__slide-arrow--sauce{top:calc(54.12% - 37.5px);left:calc(42.68% - 23.5px);width:47px;height:75px}.ice-cream-slider__slide-arrow--topping{top:calc(45.1% - 28px);left:calc(86.89% - 26px);width:52px;height:56px}.ice-cream-slider__slide-arrow--sprinkle{top:calc(69.02% - 25px);left:calc(62.5% - 25.5px);width:51px;height:50px;transform:rotate(39deg)}.ice-cream-slider__dots{position:absolute;bottom:-44px;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:row;align-items:center;gap:10px;padding:10px;background-color:#0003;border-radius:50px}.ice-cream-slider__dot{display:block;width:10px;height:10px;padding:0;border:none;background-color:#fff;border-radius:50%;opacity:.5;cursor:pointer;transition:opacity .2s ease}.ice-cream-slider__dot:hover{opacity:.8}.ice-cream-slider__dot.is-active{opacity:1}@media(max-width:992px){.ice-cream-slider__slide--1 .ice-cream-slider__slide-label--center{width:130px}.ice-cream-slider__slide--2 .ice-cream-slider__slide-label--center{width:121px}.ice-cream-slider__slide--2 .ice-cream-slider__slide-arrow--center{width:82px;height:21px;top:calc(22.75% - 10.5px);left:calc(48.1707% - 41px)}.ice-cream-slider__slide--2 .ice-cream-slider__slide-label--topping{width:71px}.ice-cream-slider__slide--3 .ice-cream-slider__slide-label--center{top:21%;left:21px;transform:translateY(-50%)}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--center{transform:rotate(33deg);width:67px;height:23px;top:45px;left:calc(53.6585% - 33.5px)}.ice-cream-slider__slide--3 .ice-cream-slider__slide-label--topping{left:auto;right:-8px;transform:translateY(-50%)}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--sauce{width:47px;height:75px;bottom:84px;left:114px}.ice-cream-slider__slide--3 .ice-cream-slider__slide-label--sauce{top:73%;left:37px;transform:translateY(-50%)}}@media(min-width:993px){.ice-cream-slider{--ics-card-w: 100%;--ics-card-h: 600px;--ics-gap: 24px}.ice-cream-slider__inner{align-items:center;gap:56px;padding:64px 55px 120px}.ice-cream-slider__header{gap:27px;width:100%;padding:0 80px;box-sizing:border-box}.ice-cream-slider__title{font-size:48px;line-height:1.5em}.ice-cream-slider__subtitle{width:80%;font-size:20px}.ice-cream-slider__viewport{max-width:100%;height:600px;border-radius:32px}.ice-cream-slider__slide,.ice-cream-slider__slide-enter{border-radius:32px}.ice-cream-slider__slide-inner{position:relative;width:calc(100% - 128px);margin:0 48px 0 80px;height:600px;border-radius:inherit;overflow:hidden}.ice-cream-slider__slide-product{border-radius:inherit;object-fit:cover;object-position:center center}.ice-cream-slider__slide-flavor{top:64px;left:0;right:auto;font-size:20px;font-weight:400}.ice-cream-slider__slide-label{font-size:40px;line-height:48px}.ice-cream-slider__slide-label--center{top:122px;left:0;width:330px;transform:none;text-align:left}.ice-cream-slider__slide-label--sauce{top:auto;bottom:60px;left:67px;width:max-content;max-width:none;transform:none;text-align:left}.ice-cream-slider__slide-label--topping{top:84px;left:auto;right:231px;width:229px;transform:none;text-align:left}.ice-cream-slider__slide-label--sprinkle{top:auto;bottom:84px;right:25px;left:auto;width:280px;transform:none;text-align:left}.ice-cream-slider__slide-arrow--center{width:210px;height:81px;top:calc(23.5% - 40.5px);left:calc(34.1418% - 105px);transform:none}.ice-cream-slider__slide-arrow--sauce{width:14%;height:220px;top:calc(59.67% - 110px);left:32.04%}.ice-cream-slider__slide-arrow--topping{width:16%;height:163px;top:calc(51.33% - 81.5px);left:69.12%}.ice-cream-slider__slide-arrow--sprinkle{width:16%;height:144px;top:calc(74% - 72px);left:51.54%;transform:none}.ice-cream-slider__dots{margin-top:20px;bottom:-64px}.ice-cream-slider__dot{width:12px;height:12px}.ice-cream-slider__slide--2 .ice-cream-slider__slide-arrow--center{top:21%;width:20%;height:81px;position:absolute;top:calc(25.5% - 40.5px);left:27.2388%;transform:0}.ice-cream-slider__slide--2 .ice-cream-slider__slide-arrow--sauce{width:14%;height:220px;position:absolute;top:calc(63% - 110px);left:32.0429%;transform:0}.ice-cream-slider__slide--2 .ice-cream-slider__slide-arrow--sprinkle{width:16%;height:144px;position:absolute;top:calc(77.3333% - 72px);left:51.5392%}.ice-cream-slider__slide--2 .ice-cream-slider__slide-label--topping{top:124px;right:153px}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--center{width:20%;height:81px;position:absolute;top:calc(20.6667% - 40.5px);left:32.3694%;transform:rotate(-9deg)}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--sauce{width:14%;height:220px;position:absolute;top:calc(56.6667% - 110px);left:34.1884%}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--sprinkle{width:16%;height:144px;position:absolute;top:calc(75% - 72px);left:54.8041%}.ice-cream-slider__slide--3 .ice-cream-slider__slide-label--sprinkle{width:286px;height:auto;position:absolute;bottom:84px;right:4px}.ice-cream-slider__slide--3 .ice-cream-slider__slide-arrow--topping{width:168px;height:163px;position:absolute;top:calc(52.3333% - 81.5px);left:calc(80.7836% - 84px)}.ice-cream-slider__slide--3 .ice-cream-slider__slide-label--topping{width:292px;height:auto;position:absolute;top:120px;right:104px}}.js-ice-cream-slider-animate .ice-cream-slider__header,.js-ice-cream-slider-animate .ice-cream-slider__slide-enter{opacity:0;transform:translateY(24px) scale(.8);will-change:opacity,transform}.js-ice-cream-slider-animate .ice-cream-slider__header.is-inview,.js-ice-cream-slider-animate .ice-cream-slider__slide-enter.is-inview{animation:iceCreamSliderIn .75s cubic-bezier(.22,1,.36,1) forwards}.js-ice-cream-slider-animate .ice-cream-slider__header.is-inview{animation-delay:.05s}.js-ice-cream-slider-animate .ice-cream-slider__slide--1 .ice-cream-slider__slide-enter.is-inview{animation-delay:.12s}.js-ice-cream-slider-animate .ice-cream-slider__slide--2 .ice-cream-slider__slide-enter.is-inview{animation-delay:.2s}.js-ice-cream-slider-animate .ice-cream-slider__slide--3 .ice-cream-slider__slide-enter.is-inview{animation-delay:.28s}.js-ice-cream-slider-animate .ice-cream-slider__slide--4 .ice-cream-slider__slide-enter.is-inview{animation-delay:.36s}.js-ice-cream-slider-animate .ice-cream-slider__slide--5 .ice-cream-slider__slide-enter.is-inview{animation-delay:.44s}.js-ice-cream-slider-animate .ice-cream-slider__slide--6 .ice-cream-slider__slide-enter.is-inview{animation-delay:.52s}.js-ice-cream-slider-animate .ice-cream-slider__slide--7 .ice-cream-slider__slide-enter.is-inview{animation-delay:.6s}.js-ice-cream-slider-animate .ice-cream-slider__slide--8 .ice-cream-slider__slide-enter.is-inview{animation-delay:.68s}.js-ice-cream-slider-animate .ice-cream-slider__slide--9 .ice-cream-slider__slide-enter.is-inview{animation-delay:.76s}.js-ice-cream-slider-animate .ice-cream-slider__slide--10 .ice-cream-slider__slide-enter.is-inview{animation-delay:.84s}.js-ice-cream-slider-animate .ice-cream-slider__slide--11 .ice-cream-slider__slide-enter.is-inview{animation-delay:.92s}.js-ice-cream-slider-animate .ice-cream-slider__slide--12 .ice-cream-slider__slide-enter.is-inview{animation-delay:1s}@media(min-width:768px){.js-ice-cream-slider-animate .ice-cream-slider__slide-enter.is-inview{animation-delay:.12s}}@keyframes iceCreamSliderIn{0%{opacity:0;transform:translateY(24px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.js-ice-cream-slider-animate .ice-cream-slider__header,.js-ice-cream-slider-animate .ice-cream-slider__slide-enter{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ice-cream-slider.css.map */