.jp-flavor-carousel{position:relative;background:#131313;color:#fffbf7;overflow:hidden}.jp-flavor-carousel__canvas{position:relative;width:min(100% - var(--jp-gutter) * 2,1248px);margin-inline:auto}.jp-flavor-carousel__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-block-end:var(--jp-space-10)}.jp-flavor-carousel__eyebrow{margin:0;font-family:var(--jp-font-body);font-weight:600;font-size:13px;line-height:18px;letter-spacing:1.04px;text-transform:uppercase;color:#ffd63d;white-space:nowrap}.jp-flavor-carousel__heading{margin:0;font-family:var(--jp-font-display);font-weight:800;font-size:clamp(2rem,1.1rem + 2.6vw,3rem);line-height:1.125;color:#fffbf7;font-variation-settings:normal}.jp-flavor-carousel__desc{margin:0;max-width:300px;font-family:var(--jp-font-body);font-size:15px;line-height:22px;color:#fffbf7b8}.jp-flavor-carousel__autoplay{box-sizing:border-box;display:inline-flex;align-items:center;gap:12px;height:44px;padding-inline:7px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fffbf7;cursor:pointer;font-family:var(--jp-font-body)}.jp-flavor-carousel__autoplay-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffd63d;color:#1a082b;font-family:var(--jp-font-body);font-weight:600;font-size:13px}.jp-flavor-carousel__autoplay-label{font-weight:600;font-size:12px;letter-spacing:.48px;white-space:pre}.jp-flavor-carousel__autoplay[aria-pressed=false] .jp-flavor-carousel__autoplay-icon{opacity:.5}.jp-flavor-carousel__autoplay:focus-visible{outline:3px solid #FFD63D;outline-offset:2px}.jp-flavor-carousel__widget{display:block;position:relative}.jp-flavor-carousel__viewport{position:relative}.jp-flavor-carousel__track{align-items:stretch}.jp-flavor-carousel__slide{position:relative;margin:0;flex:none;width:86vw;max-width:500px;border-radius:var(--jp-radius-2xl);overflow:hidden;box-shadow:0 10px 28px -12px #140f0a14;transition:opacity var(--jp-dur-slow) var(--jp-ease)}.jp-flavor-carousel__media{position:relative;aspect-ratio:500 / 456;background:#1a082b}.jp-flavor-carousel__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--jp-radius-2xl)}.jp-flavor-carousel__caption{position:absolute;left:24px;bottom:22px;z-index:2;margin:0;color:#fff;font-family:var(--jp-font-body);font-weight:600;font-size:14px;line-height:20px;letter-spacing:.56px;white-space:pre}.jp-flavor-carousel__slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(180deg,#0d031400,#0d0314b8);pointer-events:none}.jp-flavor-carousel__arrow{box-sizing:border-box;width:52px;height:52px;border-radius:26px;border:1px solid rgba(255,255,255,.36);background:#1a082bb3;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;font-family:var(--jp-font-display);font-weight:700;font-size:24px;line-height:28px}.jp-flavor-carousel__arrow:hover{background:#1a082be6}.jp-flavor-carousel__arrow:focus-visible{outline:3px solid #FFD63D;outline-offset:2px}.jp-flavor-carousel__dots{display:flex;align-items:center;gap:8px}.jp-flavor-carousel__dot{width:24px;height:22px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.jp-flavor-carousel__dot:after{content:"";width:24px;height:6px;border-radius:3px;background:#ffffff57;transition:width var(--jp-dur-fast) var(--jp-ease),background-color var(--jp-dur-fast) var(--jp-ease)}.jp-flavor-carousel__dot.is-active{width:64px}.jp-flavor-carousel__dot.is-active:after{width:64px;background:#ffd63d}.jp-flavor-carousel__dot:focus-visible{outline:3px solid #FFD63D;outline-offset:2px}.jp-flavor-carousel__nav-row{display:flex;align-items:center;justify-content:center;gap:var(--jp-space-4)}@media(max-width:1439.98px){.jp-flavor-carousel__arrow{position:absolute;top:40%;z-index:3}.jp-flavor-carousel__arrow--prev{left:4px}.jp-flavor-carousel__arrow--next{right:4px}.jp-flavor-carousel__dots{justify-content:center;margin-block-start:var(--jp-space-6)}.jp-flavor-carousel__slide{opacity:.55}.jp-flavor-carousel__slide.is-active{opacity:1}}@media(min-width:750px){.jp-flavor-carousel__head{flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.jp-flavor-carousel__slide{width:60vw}}@media(min-width:1440px){.jp-flavor-carousel{padding-block:0;height:720px}.jp-flavor-carousel__canvas{width:1440px;height:720px;background-image:radial-gradient(1285.7px 450px at -565.71px 405px,#ffa82938,#945c341c,#290f4000),radial-gradient(1161.3px 400px at 975.48px 592px,#f22e4d57,#8e1f462b,#290f4000)}.jp-flavor-carousel__head{position:absolute;left:96px;top:56px;width:1248px;height:112px;display:block;margin:0;overflow:hidden}.jp-flavor-carousel__eyebrow{position:absolute;left:0;top:0}.jp-flavor-carousel__heading{position:absolute;left:0;top:30px;width:610px;font-size:48px;line-height:54px;white-space:nowrap}.jp-flavor-carousel__desc{position:absolute;left:696px;top:28px;width:300px;max-width:none;height:44px}.jp-flavor-carousel__autoplay{position:absolute;left:1028px;top:24px;width:220px;padding-inline:7px;gap:6px}.jp-flavor-carousel__widget{position:static}.jp-flavor-carousel__viewport{position:absolute;left:0;top:188px;width:1440px;height:456px;overflow:hidden}.jp-flavor-carousel__track{position:static;display:block;overflow:visible;width:1440px;height:456px;padding:0;margin:0}.jp-flavor-carousel__slide{position:absolute;width:360px;height:386px;max-width:none;top:38px;opacity:1}.jp-flavor-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.jp-flavor-carousel__slide:not([data-pos]):nth-child(1),.jp-flavor-carousel__slide[data-pos="0"]{left:244px;top:0;width:500px;height:456px}.jp-flavor-carousel__slide:not([data-pos]):nth-child(2),.jp-flavor-carousel__slide[data-pos="1"]{left:764px;top:38px;width:360px;height:386px}.jp-flavor-carousel__slide:not([data-pos]):nth-child(3),.jp-flavor-carousel__slide[data-pos="2"]{left:1144px;top:38px;width:360px;height:386px}.jp-flavor-carousel__slide:not([data-pos]):nth-child(4),.jp-flavor-carousel__slide[data-pos="3"]{left:-136px;top:38px;width:360px;height:386px}.jp-flavor-carousel__slide:not([data-pos]):nth-child(4) .jp-flavor-carousel__caption,.jp-flavor-carousel__slide[data-pos="3"] .jp-flavor-carousel__caption{left:152px}.jp-flavor-carousel__arrow{position:absolute;top:390px;z-index:4}.jp-flavor-carousel__arrow--prev{left:32px;right:auto}.jp-flavor-carousel__arrow--next{left:1356px;right:auto}.jp-flavor-carousel__dots{position:absolute;left:620px;top:675px;margin-block-start:0;justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/jp-flavor-carousel.css.map */