.dop3-flavor-lineup{--dop3-edge-padding: 30px;color:var(--dop3-active-text, var(--dop3-default-text));margin:var(--dop3-mobile-top-spacing) 0 var(--dop3-mobile-bottom-spacing)}@media only screen and (min-width:769px){.dop3-flavor-lineup{--dop3-edge-padding: 40px;margin:var(--dop3-desktop-top-spacing) 0 var(--dop3-desktop-bottom-spacing)}}.dop3-flavor-lineup__shell{background:var(--dop3-active-background, var(--dop3-default-background));border-radius:var(--dop3-border-radius);color:inherit;overflow:hidden;padding:clamp(36px,6vw,72px) 0;position:relative;transition:background-color .32s ease,color .22s ease}.dop3-flavor-lineup__backgrounds{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.dop3-flavor-lineup__background{background:var(--flavor-background);top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .36s ease}.dop3-flavor-lineup__background:after{background:var(--flavor-background);content:"";top:0;right:0;bottom:0;left:0;opacity:var(--background-overlay-opacity);position:absolute}.dop3-flavor-lineup__background.is-active{opacity:1}.dop3-flavor-lineup__background-image{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.dop3-flavor-lineup .page-width,.dop3-flavor-lineup__inner{position:relative;z-index:1}.dop3-flavor-lineup__inner{margin:0 auto;max-width:min(100%,var(--dop3-content-max-width))}.dop3-flavor-lineup__header{color:inherit;margin-bottom:clamp(28px,4vw,56px)}.dop3-flavor-lineup__header .section-header__description{color:inherit;opacity:.86}.dop3-flavor-lineup__stage{position:relative}.dop3-flavor-lineup__items{align-items:end;display:grid;gap:clamp(18px,2.2vw,34px) clamp(10px,1.6vw,24px);grid-template-columns:repeat(1,minmax(180px,260px));justify-content:center;position:relative}.dop3-flavor-lineup--count-2 .dop3-flavor-lineup__items{grid-template-columns:repeat(2,minmax(180px,240px))}.dop3-flavor-lineup--count-3 .dop3-flavor-lineup__items{grid-template-columns:repeat(3,minmax(160px,230px))}.dop3-flavor-lineup--count-4 .dop3-flavor-lineup__items,.dop3-flavor-lineup--count-7 .dop3-flavor-lineup__items,.dop3-flavor-lineup--count-8 .dop3-flavor-lineup__items{grid-template-columns:repeat(4,minmax(0,1fr))}.dop3-flavor-lineup--count-5 .dop3-flavor-lineup__items,.dop3-flavor-lineup--count-9 .dop3-flavor-lineup__items,.dop3-flavor-lineup--count-10 .dop3-flavor-lineup__items{grid-template-columns:repeat(5,minmax(0,1fr))}.dop3-flavor-lineup--count-6 .dop3-flavor-lineup__items{grid-template-columns:repeat(3,minmax(160px,230px))}.dop3-flavor-lineup__item{--dop3-item-active-opacity: 1;align-self:stretch;background:transparent;border:1px solid transparent;border-radius:8px;color:inherit;cursor:pointer;justify-self:center;max-width:230px;min-width:0;outline:none;padding:0 2px;position:relative;text-align:center;transition:background-color .18s ease,border-color .18s ease,opacity .22s ease,transform .24s ease;width:100%;z-index:1}.dop3-flavor-lineup__item.is-active{background:var(--flavor-active-card-background, transparent);border-color:var(--flavor-accent);z-index:2}.dop3-flavor-lineup__item:focus-visible{border-color:var(--flavor-accent);box-shadow:0 0 0 3px var(--flavor-accent)}.dop3-flavor-lineup__logo-area{align-items:center;display:flex;height:clamp(74px,7vw,108px);justify-content:center;margin:0 auto 6px;max-width:100%;overflow:visible;padding:8px 0}.dop3-flavor-lineup__logo,.dop3-flavor-lineup__logo-fallback{display:block;max-height:100%;max-width:min(var(--flavor-logo-width),90%);object-fit:contain;transform:translateY(var(--flavor-logo-offset-y)) scale(1);transition:opacity .22s ease,transform .24s ease}.dop3-flavor-lineup__logo-fallback{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:clamp(16px,1.4vw,24px);font-style:var(--typeHeaderStyle);font-weight:var(--typeHeaderWeight);letter-spacing:var(--typeHeaderSpacing);line-height:var(--typeHeaderLineHeight);overflow-wrap:anywhere;text-transform:uppercase}.dop3-flavor-lineup__can-area{align-items:flex-end;display:flex;height:var(--dop3-desktop-can-height);justify-content:center;overflow:visible;position:relative}.dop3-flavor-lineup--count-6 .dop3-flavor-lineup__can-area,.dop3-flavor-lineup--count-7 .dop3-flavor-lineup__can-area,.dop3-flavor-lineup--count-8 .dop3-flavor-lineup__can-area{height:min(var(--dop3-desktop-can-height),390px)}.dop3-flavor-lineup--count-9 .dop3-flavor-lineup__can-area,.dop3-flavor-lineup--count-10 .dop3-flavor-lineup__can-area{height:min(var(--dop3-desktop-can-height),360px)}.dop3-flavor-lineup--count-6 .dop3-flavor-lineup__logo-area,.dop3-flavor-lineup--count-7 .dop3-flavor-lineup__logo-area,.dop3-flavor-lineup--count-8 .dop3-flavor-lineup__logo-area{height:clamp(64px,5.5vw,92px)}.dop3-flavor-lineup--count-9 .dop3-flavor-lineup__logo-area,.dop3-flavor-lineup--count-10 .dop3-flavor-lineup__logo-area{height:clamp(58px,5vw,84px)}.dop3-flavor-lineup__can-frame{align-items:flex-end;display:flex;height:100%;justify-content:center;max-width:100%;transform:translateY(var(--can-offset-y)) scale(var(--can-scale));transform-origin:center bottom}.dop3-flavor-lineup__can,.dop3-flavor-lineup__placeholder{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;transform:translateY(0) scale(1);transform-origin:center bottom;transition:filter .24s ease,opacity .22s ease,transform .26s ease;width:auto}.dop3-flavor-lineup__placeholder{opacity:.36;width:min(180px,88%)}.dop3-flavor-lineup__active-content{display:grid;margin:clamp(24px,3vw,42px) auto 0;max-width:760px;min-height:clamp(178px,16vw,250px);place-items:start center;text-align:center}.dop3-flavor-lineup__content-panel{grid-area:1 / 1;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;visibility:hidden;width:min(100%,760px)}.dop3-flavor-lineup__content-panel.is-active,.no-js .dop3-flavor-lineup__content-panel{opacity:1;transform:translateY(0);visibility:visible}.no-js .dop3-flavor-lineup__active-content{display:grid;gap:24px}.no-js .dop3-flavor-lineup__content-panel{grid-area:auto}.dop3-flavor-lineup__eyebrow{color:inherit;font-size:calc(var(--typeBaseSize) * .82);letter-spacing:0;line-height:1.35;margin:0 0 8px;opacity:.78;text-transform:uppercase}.dop3-flavor-lineup__flavor-heading{color:inherit;margin-bottom:10px}.dop3-flavor-lineup__flavor-heading:after{background:var(--flavor-accent, var(--dop3-active-accent));content:"";display:block;height:2px;margin:12px auto 0;width:42px}.dop3-flavor-lineup__display-logo-area{align-items:center;display:flex;height:clamp(74px,8vw,118px);justify-content:center;margin:0 auto 12px;max-width:100%;padding:4px 0 18px;position:relative}.dop3-flavor-lineup__display-logo-area:after{background:var(--flavor-accent, var(--dop3-active-accent));bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;transform:translate(-50%);width:42px}.dop3-flavor-lineup__display-logo{display:block;height:auto;max-height:calc(100% - 18px);max-width:min(560px,92%);object-fit:contain;width:auto}.dop3-flavor-lineup__description{color:inherit;font-size:calc(var(--typeBaseSize) * 1.02);line-height:1.55;margin:0 auto;max-width:620px;opacity:.88}.dop3-flavor-lineup__button{margin-top:18px}.dop3-flavor-lineup__mobile-content,.dop3-flavor-lineup__dots{display:none}.dop3-flavor-lineup__empty{align-items:center;border:1px solid currentColor;border-radius:8px;display:grid;gap:16px;justify-items:center;margin:0 auto;max-width:520px;padding:32px;text-align:center}.dop3-flavor-lineup__empty-art{max-width:180px;opacity:.45}@media(hover:hover)and (pointer:fine)and (min-width:901px){.dop3-flavor-lineup__items.has-active .dop3-flavor-lineup__item:not(.is-active) .dop3-flavor-lineup__can{filter:saturate(.82);opacity:.68;transform:scale(.95)}.dop3-flavor-lineup__items.has-active .dop3-flavor-lineup__item:not(.is-active) .dop3-flavor-lineup__logo,.dop3-flavor-lineup__items.has-active .dop3-flavor-lineup__item:not(.is-active) .dop3-flavor-lineup__logo-fallback{opacity:.58}.dop3-flavor-lineup__item.is-active .dop3-flavor-lineup__can{transform:translateY(-14px) scale(1.11)}.dop3-flavor-lineup__item.is-active .dop3-flavor-lineup__logo,.dop3-flavor-lineup__item.is-active .dop3-flavor-lineup__logo-fallback{opacity:1;transform:translateY(var(--flavor-logo-offset-y)) scale(1.05)}}@media only screen and (max-width:900px){.dop3-flavor-lineup__shell{padding:clamp(28px,8vw,56px) 0}.dop3-flavor-lineup__header{margin-bottom:24px}.dop3-flavor-lineup__stage{margin-left:calc(var(--dop3-edge-padding) * -1);margin-right:calc(var(--dop3-edge-padding) * -1)}.dop3-flavor-lineup__items{-webkit-overflow-scrolling:touch;display:flex;gap:16px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:2px var(--dop3-edge-padding) 18px;scroll-behavior:smooth;scroll-padding-left:var(--dop3-edge-padding);scroll-padding-right:var(--dop3-edge-padding);scroll-snap-type:x mandatory;scrollbar-width:none}.dop3-flavor-lineup__items::-webkit-scrollbar{display:none}.dop3-flavor-lineup__item{background:#ffffff0f;border-color:#ffffff29;border-radius:8px;flex:0 0 min(86vw,430px);max-width:none;padding:18px 16px 22px;scroll-snap-align:center}.dop3-flavor-lineup--single .dop3-flavor-lineup__items{justify-content:center;overflow:visible;padding-bottom:0}.dop3-flavor-lineup--single .dop3-flavor-lineup__item{flex-basis:min(100%,430px)}.dop3-flavor-lineup__item.is-active{background:var(--flavor-mobile-active-card-background, rgba(255, 255, 255, .06));border-color:var(--flavor-accent);box-shadow:0 0 0 1px var(--flavor-accent)}.dop3-flavor-lineup__logo-area{height:clamp(64px,18vw,88px);margin-bottom:4px}.dop3-flavor-lineup__logo,.dop3-flavor-lineup__logo-fallback{max-width:min(var(--flavor-logo-width),88%)}.dop3-flavor-lineup__can-area{height:var(--dop3-mobile-can-height)}.dop3-flavor-lineup__item.is-active .dop3-flavor-lineup__can{transform:translateY(-8px) scale(1.04)}.dop3-flavor-lineup__active-content{display:none}.dop3-flavor-lineup__mobile-content{display:block;margin-top:18px}.dop3-flavor-lineup__description{font-size:calc(var(--typeBaseSize) * .96)}.dop3-flavor-lineup__display-logo-area{height:clamp(58px,18vw,88px);margin-bottom:10px;padding-bottom:16px}.dop3-flavor-lineup__display-logo{max-height:calc(100% - 16px);max-width:min(430px,92%)}.dop3-flavor-lineup__dots{align-items:center;display:flex;gap:9px;justify-content:center;margin-top:18px}.dop3-flavor-lineup__dot{-webkit-appearance:none;appearance:none;background:#ffffff52;border:0;border-radius:999px;cursor:pointer;height:10px;padding:0;transition:background-color .18s ease,transform .18s ease,width .18s ease;width:10px}.dop3-flavor-lineup__dot.is-active{background:var(--dot-accent);transform:scale(1.1);width:28px}.dop3-flavor-lineup__dot:focus-visible{outline:2px solid var(--dot-accent);outline-offset:4px}}@media(prefers-reduced-motion:reduce){.dop3-flavor-lineup *,.dop3-flavor-lineup *:before,.dop3-flavor-lineup *:after{scroll-behavior:auto;transition-duration:.01ms}.dop3-flavor-lineup__item.is-active .dop3-flavor-lineup__can,.dop3-flavor-lineup__items.has-active .dop3-flavor-lineup__item:not(.is-active) .dop3-flavor-lineup__can{transform:none}}.dop3-flavor-lineup--static .dop3-flavor-lineup__background,.dop3-flavor-lineup--static .dop3-flavor-lineup__content-panel,.dop3-flavor-lineup--static .dop3-flavor-lineup__can,.dop3-flavor-lineup--static .dop3-flavor-lineup__logo,.dop3-flavor-lineup--static .dop3-flavor-lineup__logo-fallback{transition:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-dop3-flavor-lineup.css.map */