.product-carousel__fullbg{position:relative;overflow:hidden}product-carousel{display:block;position:relative;z-index:1;max-width:calc(var(--cap-vp) * 1px);margin:0 auto}.product-carousel{position:relative;padding-top:var(--pc-pt-desktop);padding-bottom:var(--pc-pb-desktop);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,calc(19 / var(--base-w) * 100vw),calc(19 / var(--base-w) * var(--cap-vp) * 1px));overflow:hidden}.product-carousel__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.product-carousel__bg-img{position:absolute;object-fit:cover;pointer-events:none;width:100%;height:100%}.product-carousel__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.product-carousel__tagline{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,calc(12 / var(--base-w) * 100vw),calc(12 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__tagline-text{font-family:Geist Mono,Courier New,monospace;font-size:clamp(16px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400;line-height:clamp(21px,calc(21 / var(--base-w) * 100vw),calc(21 / var(--base-w) * var(--cap-vp) * 1px));text-transform:uppercase;color:var(--pc-body-color, #fafafa);background:#1a1a1a26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:clamp(4px,calc(4 / var(--base-w) * 100vw),calc(4 / var(--base-w) * var(--cap-vp) * 1px)) clamp(16px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));border-radius:clamp(4px,calc(4 / var(--base-w) * 100vw),calc(4 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__tagline-text--desktop{display:inline}.product-carousel__tagline-text--mobile{display:none}.product-carousel__desktop{position:relative;z-index:2;width:100%;max-width:calc(var(--cap-vp) * 1px);display:flex;flex-direction:row;align-items:center;padding:0 clamp(32px,calc(32 / var(--base-w) * 100vw),calc(32 / var(--base-w) * var(--cap-vp) * 1px));gap:clamp(16px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__mobile{display:none}.product-carousel__info{flex:1;position:relative}.product-carousel__info-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:clamp(8px,calc(8 / var(--base-w) * 100vw),calc(8 / var(--base-w) * var(--cap-vp) * 1px));opacity:0;pointer-events:none;transform:translateY(clamp(6px,calc(10 / var(--base-w) * 100vw),calc(10 / var(--base-w) * var(--cap-vp) * 1px)));transition:opacity .25s ease,transform .25s ease;max-width:clamp(316px,calc(316 / var(--base-w) * 100vw),calc(316 / var(--base-w) * var(--cap-vp) * 1px));margin-left:auto}.product-carousel__info-panel.is-active{opacity:1;pointer-events:auto;transform:translateY(0);position:relative}.product-carousel__flavor-name-link:hover{text-decoration:underline;text-decoration-color:#fafafa;text-underline-offset:clamp(2px,calc(4 / var(--base-w) * 100vw),calc(4 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__flavor-name{font-family:Roboto,Arial,sans-serif;font-size:clamp(24px,calc(24 / var(--base-w) * 100vw),calc(24 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400;line-height:1;text-transform:uppercase;text-indent:clamp(20px,calc(42 / var(--base-w) * 100vw),calc(42 / var(--base-w) * var(--cap-vp) * 1px));color:var(--pc-heading-color, #fafafa);margin:0}.product-carousel__flavor-desc{font-family:Roboto,Arial,sans-serif;font-size:clamp(14px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400;line-height:clamp(17px,calc(19 / var(--base-w) * 100vw),calc(19 / var(--base-w) * var(--cap-vp) * 1px));color:var(--pc-body-color, #fafafa);margin:0}.product-carousel__info-panel .bravo-btn{margin-top:clamp(8px,calc(8 / var(--base-w) * 100vw),calc(8 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__main{width:clamp(260px,calc(550 / var(--base-w) * 100vw),calc(550 / var(--base-w) * var(--cap-vp) * 1px));height:clamp(300px,calc(583 / var(--base-w) * 100vw),calc(583 / var(--base-w) * var(--cap-vp) * 1px));position:relative;display:flex;align-items:center;justify-content:center}.product-carousel__line{position:absolute;background:#d3d3d3;pointer-events:none}.product-carousel__line--t{top:0;width:100%;max-width:165px;height:1px}.product-carousel__line--h{width:100%;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.product-carousel__line--v{width:1px;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.product-carousel__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.product-carousel__ring--outer{width:clamp(200px,calc(410 / var(--base-w) * 100vw),calc(410 / var(--base-w) * var(--cap-vp) * 1px));height:clamp(200px,calc(410 / var(--base-w) * 100vw),calc(410 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__ring--inner{width:clamp(180px,calc(379 / var(--base-w) * 100vw),calc(379 / var(--base-w) * var(--cap-vp) * 1px));height:clamp(180px,calc(379 / var(--base-w) * 100vw),calc(379 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__ring-img{display:block;width:100%;height:100%;object-fit:contain}.product-carousel__ring--outer .product-carousel__ring-img{animation:pc-ring-spin-inner 26s linear infinite}.product-carousel__ring--inner .product-carousel__ring-img{animation:pc-ring-spin-outer 34s linear infinite}@keyframes pc-ring-spin-inner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pc-ring-spin-outer{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(hover:hover)and (pointer:fine){.product-carousel__main:hover .product-carousel__ring--outer .product-carousel__ring-img{animation-duration:8s}.product-carousel__main:hover .product-carousel__ring--inner .product-carousel__ring-img{animation-duration:12s}}@media(prefers-reduced-motion:reduce){.product-carousel__ring--outer .product-carousel__ring-img,.product-carousel__ring--inner .product-carousel__ring-img,.product-carousel__mob-ring--outer,.product-carousel__mob-ring--inner{animation:none}}.product-carousel__product{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;pointer-events:none}.product-carousel__product.is-active{opacity:1;pointer-events:auto;z-index:2}.product-carousel__product-link{width:clamp(160px,calc(307 / var(--base-w) * 100vw),calc(307 / var(--base-w) * var(--cap-vp) * 1px));height:clamp(160px,calc(310 / var(--base-w) * 100vw),calc(310 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__product-img{width:100%;height:100%;position:relative;z-index:2;object-fit:contain;animation:pc-product-float 4s ease-in-out infinite}@keyframes pc-product-float{0%{transform:translateY(0)}50%{transform:translateY(calc(-12 / var(--base-w) * 100vw))}to{transform:translateY(0)}}.product-carousel__product.is-leaving{animation:pc-product-leave .35s cubic-bezier(.4,0,1,1) forwards;z-index:3;pointer-events:none}.product-carousel__product.is-entering{opacity:1;animation:pc-product-enter .35s cubic-bezier(0,0,.2,1) forwards;z-index:4;pointer-events:none}@keyframes pc-product-leave{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--leave-tx, 55%),var(--leave-ty, 0px)) scale(var(--leave-scale, .22))}}@keyframes pc-product-enter{0%{opacity:0;transform:translate(var(--enter-tx, 55%),var(--enter-ty, 0px)) scale(var(--enter-scale, .22))}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.product-carousel__product.is-leaving,.product-carousel__product.is-entering,.product-carousel__product-img{animation:none}.product-carousel__product.is-entering{opacity:1}.product-carousel__product.is-leaving{opacity:0}}.product-carousel__thumbs{flex:1;display:flex;flex-direction:column;gap:clamp(16px,calc(26 / var(--base-w) * 100vw),calc(26 / var(--base-w) * var(--cap-vp) * 1px));align-items:flex-start}.product-carousel__thumb{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;text-align:left;margin-left:clamp(16px,calc(62 / var(--base-w) * 100vw),calc(62 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__thumb-circle{width:clamp(56px,calc(102 / var(--base-w) * 100vw),calc(102 / var(--base-w) * var(--cap-vp) * 1px));height:clamp(56px,calc(102 / var(--base-w) * 100vw),calc(102 / var(--base-w) * var(--cap-vp) * 1px));border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:url(/cdn/shop/files/left.png?v=1775637289);background-size:100%;background-position:center;background-repeat:no-repeat}.product-carousel__thumb.is-active .product-carousel__thumb-circle{background-image:url(/cdn/shop/files/left_1.png?v=1775637424)}.product-carousel__thumb-img{width:75%;height:auto;object-fit:contain;transition:transform .3s ease}.product-carousel__thumb:hover .product-carousel__thumb-img{transform:scale(1.08)}.product-carousel__thumb-info{display:flex;flex-direction:column;gap:clamp(8px,calc(14 / var(--base-w) * 100vw),calc(14 / var(--base-w) * var(--cap-vp) * 1px));padding:clamp(8px,calc(8 / var(--base-w) * 100vw),calc(8 / var(--base-w) * var(--cap-vp) * 1px))}.product-carousel__thumb-name{font-family:Geist Mono,Courier New,monospace;font-size:clamp(10px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400;line-height:clamp(12px,calc(20 / var(--base-w) * 100vw),calc(20 / var(--base-w) * var(--cap-vp) * 1px));text-transform:uppercase;color:var(--pc-body-color, #fafafa)}.product-carousel__thumb-link{font-family:Geist Mono,Courier New,monospace;font-size:clamp(10px,calc(14 / var(--base-w) * 100vw),calc(14 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400;line-height:clamp(12px,calc(18 / var(--base-w) * 100vw),calc(18 / var(--base-w) * var(--cap-vp) * 1px));text-transform:uppercase;color:var(--pc-thumb-link-color, #fafafa);mix-blend-mode:plus-lighter}@media(max-width:768px){.product-carousel__tagline-text--desktop{display:none}.product-carousel__tagline-text--mobile{display:inline}.product-carousel{padding-top:var(--pc-pt-mobile);padding-bottom:var(--pc-pb-mobile);align-items:stretch;overflow:hidden}.product-carousel__desktop{display:none}.product-carousel__mobile{display:flex;flex-direction:column;position:relative;z-index:2;gap:clamp(1px,calc(1 / var(--base-w-mob) * 100vw),28px)}.product-carousel__mob-stage{position:relative;width:100%;padding-top:clamp(50px,calc(50 / var(--base-w-mob) * 100vw),calc(50 / var(--base-w-mob) * var(--cap-vp) * 1px));padding-bottom:clamp(118px,calc(118 / var(--base-w-mob) * 100vw),calc(118 / var(--base-w-mob) * var(--cap-vp) * 1px))}.product-carousel__mob-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.product-carousel__mob-line{position:absolute;background:#d3d3d3;pointer-events:none}.product-carousel__mob-line--t{top:0;width:100%;height:1px;max-width:165px}.product-carousel__mob-line--h{width:100vw;height:1px;top:150px;left:50%;transform:translate(-50%)}.product-carousel__mob-line--v{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.product-carousel__mob-ring{position:absolute;pointer-events:none;object-fit:contain}.product-carousel__mob-ring--outer{width:clamp(247px,calc(247 / var(--base-w-mob) * 100vw),calc(247 / var(--base-w-mob) * var(--cap-vp) * 1px));height:clamp(247px,calc(247 / var(--base-w-mob) * 100vw),calc(247 / var(--base-w-mob) * var(--cap-vp) * 1px));top:clamp(30px,calc(30 / var(--base-w-mob) * 100vw),calc(30 / var(--base-w-mob) * var(--cap-vp) * 1px));animation:pc-ring-spin-inner 26s linear infinite}.product-carousel__mob-ring--inner{width:clamp(228px,calc(228 / var(--base-w-mob) * 100vw),calc(228 / var(--base-w-mob) * var(--cap-vp) * 1px));height:clamp(228px,calc(228 / var(--base-w-mob) * 100vw),calc(228 / var(--base-w-mob) * var(--cap-vp) * 1px));top:clamp(40px,calc(40 / var(--base-w-mob) * 100vw),calc(40 / var(--base-w-mob) * var(--cap-vp) * 1px));animation:pc-ring-spin-outer 34s linear infinite}.product-carousel__swiper{width:100%;overflow:hidden}.product-carousel__swiper .swiper-wrapper{align-items:center}.product-carousel__slide-mob{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1}.product-carousel__slide-img{width:100%;height:100%;object-fit:cover}.product-carousel__swiper .swiper-slide-active .product-carousel__slide-mob{opacity:1}.product-carousel__mob-info{position:relative;padding:0 clamp(16px,calc(16 / var(--base-w-mob) * 100vw),calc(16 / var(--base-w-mob) * var(--cap-vp) * 1px))}.product-carousel__mob-panel{display:flex;flex-direction:column;gap:clamp(8px,calc(8 / var(--base-w-mob) * 100vw),calc(8 / var(--base-w-mob) * var(--cap-vp) * 1px));opacity:0;pointer-events:none;transform:translateY(clamp(6px,calc(8 / var(--base-w-mob) * 100vw),8px));transition:opacity .25s ease,transform .25s ease;align-items:center;display:none}.product-carousel__mob-panel.is-active{opacity:1;pointer-events:auto;transform:translateY(0);display:flex}.product-carousel__mob-text{display:flex;flex-direction:column;gap:clamp(8px,calc(8 / var(--base-w-mob) * 100vw),calc(8 / var(--base-w-mob) * var(--cap-vp) * 1px))}.product-carousel__flavor-name{text-indent:0;text-align:center}.product-carousel__flavor-desc{text-align:center}.product-carousel__mobile .bravo-btn{margin-top:clamp(8px,calc(8 / var(--base-w) * 100vw),calc(8 / var(--base-w) * var(--cap-vp) * 1px))}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/product-carousel.css.map */