.vitis-mode--box{color:var(--wine-accent)}.vitis-mode--box .vitis-product__viewport{background-color:var(--vitis-neutral-top);background-image:radial-gradient(ellipse 70% 55% at 50% 38%,rgb(255 255 255 / .65) 0%,transparent 72%),var(--vitis-neutral-gradient)}.vitis-mode--box:not(.is-expanded) .vitis-product__circle-contents,.vitis-mode--box:not(.is-expanded) .vitis-product__stats--desktop{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--stat-reveal-duration) ease,visibility var(--stat-reveal-duration) ease}.vitis-mode--box:not(.is-expanded) .vitis-product__media{opacity:1;visibility:visible;pointer-events:auto}.vitis-mode--box.is-expanded .vitis-product__media{border-radius:50%;opacity:1;visibility:visible;pointer-events:none}.vitis-mode--box.is-expanded .vitis-product__media-image,.vitis-mode--box.is-expanded .vitis-product__media-slide .vitis-product__placeholder{object-fit:contain;object-position:center bottom;transform:translateY(0)}.vitis-mode--box.is-expanded .vitis-product__media-controls{opacity:0;visibility:hidden;pointer-events:none}.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stat:hover) .vitis-product__media,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stat.is-circle-active) .vitis-product__media,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__circle-content:not(.vitis-product__circle-content--default):hover) .vitis-product__media,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stats-mobile .vitis-product__stats-slide[data-circle-active=true]) .vitis-product__media{opacity:0;visibility:hidden}.vitis-mode--box.is-expanded .vitis-product__circle-contents{z-index:3;opacity:1;visibility:visible;border-radius:50%;overflow:hidden;transition:opacity var(--stat-reveal-duration) ease,visibility var(--stat-reveal-duration) ease,border-radius .88s cubic-bezier(.22,1,.36,1);transition-delay:.12s,.12s,0s}@media screen and (min-width:990px){.vitis-mode--box .vitis-product__viewport{overflow:visible}}.vitis-mode--box .vitis-product__title{color:var(--wine-top)}.vitis-mode--box .vitis-product__year,.vitis-mode--box .vitis-product__subtitle{color:var(--wine-accent)}@media screen and (min-width:990px){.vitis-mode--box .vitis-product__stage{height:var(--circle-size);margin-bottom:52px}.vitis-mode--box.is-expanded .vitis-product__stage{margin-bottom:0}}.vitis-mode--box .vitis-product__stage--box{overflow:visible}.vitis-mode--box .vitis-product__circle{opacity:0;pointer-events:none;transition:transform .88s cubic-bezier(.22,1,.36,1),opacity .5s ease}.vitis-mode--box.is-expanded .vitis-product__circle{opacity:1}.vitis-mode--box .vitis-product__spin-button{display:none}.vitis-mode--box:not(.is-expanded) .vitis-product__media{overflow:visible}.vitis-mode--box.is-expanded .vitis-product__media{overflow:hidden}.vitis-mode--box .vitis-product__media{position:absolute;top:0;left:50%;translate:-50% 0;z-index:1;width:var(--circle-size);height:calc(var(--circle-size) - var(--image-bottom-inset));border-radius:0;margin:0;flex:none;transition:border-radius .88s cubic-bezier(.22,1,.36,1),opacity var(--stat-circle-reveal-duration) var(--stat-circle-reveal-easing),visibility var(--stat-circle-reveal-duration) var(--stat-circle-reveal-easing)}.vitis-mode--box .vitis-product__media-track{display:flex;width:100%;height:calc(var(--circle-size) - var(--image-bottom-inset));background:transparent;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vitis-mode--box .vitis-product__media-track::-webkit-scrollbar{display:none}.vitis-mode--box .vitis-product__media-slide{flex:0 0 100%;display:flex;align-items:flex-end;justify-content:center;min-height:calc(var(--circle-size) - var(--image-bottom-inset));scroll-snap-align:center}.vitis-mode--box .vitis-product__media-image,.vitis-mode--box .vitis-product__media-slide .vitis-product__placeholder{width:100%;height:100%;max-height:calc(var(--circle-size) - var(--image-bottom-inset));object-fit:contain;object-position:center bottom;transform:translateY(var(--image-enter-distance));transition:transform var(--image-enter-duration) var(--image-enter-easing)}.vitis-mode--box.is-image-entered .vitis-product__media-image,.vitis-mode--box.is-image-entered .vitis-product__media-slide .vitis-product__placeholder{transform:translateY(0)}.vitis-mode--box .vitis-product__media-controls{position:absolute;top:calc(100% + 12px);left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:1px;min-height:28px;padding-inline:11px;width:max-content;z-index:2;transition:opacity .35s ease,visibility .35s ease}.vitis-mode--box .vitis-product__media-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:28px;padding:4px 0;border:none;border-radius:0;background:transparent;color:var(--wine-accent);cursor:pointer;flex-shrink:0}.vitis-mode--box .vitis-product__media-arrow svg{display:block;width:20px;height:20px;flex-shrink:0}.vitis-mode--box .vitis-product__media-arrow[disabled]{opacity:.35;pointer-events:none}.vitis-mode--box .vitis-product__media-dots{display:flex;align-items:center;gap:1px;margin:0;padding:0;list-style:none}.vitis-mode--box .vitis-product__media-dots li{display:flex}.vitis-mode--box .vitis-product__media-dot{display:inline-flex;align-items:center;justify-content:center;width:17.91px;height:17.91px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0}.vitis-mode--box .vitis-product__media-dot:before{content:"";width:8.95px;height:8.95px;border-radius:50%;background:#ffffff4d;box-shadow:inset 0 0 0 1.5px #00000026}.vitis-mode--box .vitis-product__media-dot[aria-current=true]:before{background:var(--wine-circle-ink);box-shadow:inset 0 0 0 1.5px #0006}.vitis-mode--box .vitis-product__media-dot:focus-visible{outline:2px solid var(--wine-accent);outline-offset:2px}.vitis-mode--box .vitis-product__circle-content:not(.vitis-product__circle-content--default){background-color:var(--wine-top);color:var(--wine-circle-ink)}.vitis-mode--box .vitis-product__circle-content--default{background-color:#1c1510bf;color:var(--wine-circle-ink, #f8f4ee);transition:opacity var(--stat-circle-reveal-duration) var(--stat-circle-reveal-easing)}.vitis-mode--box .vitis-product__circle-content--default .vitis-stat-circle{opacity:0;transform:translateY(8px);transition:var(--stat-circle-inner-reveal-transition);transition-delay:0s}.vitis-mode--box.is-expanded.is-stats-revealed .vitis-product__circle-content--default{opacity:1;z-index:3;pointer-events:none;transition:var(--stat-circle-reveal-transition)}.vitis-mode--box.is-expanded.is-stats-revealed .vitis-product__circle-content--default .vitis-stat-circle{opacity:1;transform:translateY(0);transition:var(--stat-circle-inner-reveal-transition);transition-delay:var(--stat-circle-inner-reveal-delay)}.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stats-mobile .vitis-product__stats-slide[data-circle-active=true]) .vitis-product__circle-content--default,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stat:hover) .vitis-product__circle-content--default,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__stat.is-circle-active) .vitis-product__circle-content--default,.vitis-mode--box.is-expanded.is-stats-revealed:has(.vitis-product__circle-content:not(.vitis-product__circle-content--default):hover) .vitis-product__circle-content--default{opacity:0}.vitis-mode--box .vitis-stat-circle--hint{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:calc(var(--circle-size) * .1167) calc(var(--circle-size) * .0833);text-align:center;background:transparent;border-radius:50%;overflow:hidden}.vitis-mode--box .vitis-stat-circle__hint-text{margin:0;max-width:258px;width:100%;font-size:24px;font-weight:400;line-height:normal;text-align:center;color:var(--wine-circle-ink, #f8f4ee);opacity:0;transition:opacity var(--stat-circle-reveal-duration) var(--stat-circle-reveal-easing);transition-delay:0s}.vitis-mode--box .vitis-stat-circle__hint-text :is(p,strong){margin:0;color:inherit}.vitis-mode--box .vitis-stat-circle__hint-text strong{font-weight:600}.vitis-mode--box.is-expanded.is-stats-revealed .vitis-stat-circle__hint-text{opacity:1;transition-delay:calc(var(--stat-circle-inner-reveal-delay) + .08s)}.vitis-mode--box .vitis-stat-circle--description{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:calc(100% - calc(var(--circle-size) * .1667));padding:calc(var(--circle-size) * .1167) calc(var(--circle-size) * .0833);text-align:center}.vitis-mode--box .vitis-stat-circle__heading{margin:0;font-size:24px;font-weight:600;line-height:normal}.vitis-mode--box .vitis-stat-circle__body{margin:0;font-size:14px;font-weight:400;line-height:normal}.vitis-mode--box .vitis-stat-circle__body>*{margin:0}.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field{width:100%}.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field>*{margin:0}.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;text-align:center}.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field p+p,.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field p+ul,.vitis-mode--box .vitis-stat-circle__body .metafield-rich_text_field ul+p{margin-top:8px}@media screen and (max-width:989px){.vitis-mode--box .vitis-product__viewport{overflow:visible}.vitis-mode--box .vitis-product__stage--box{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;min-height:0;margin-bottom:52px}.vitis-mode--box:not(.is-expanded) .vitis-product__stage--box{min-height:calc(var(--circle-size) - var(--image-bottom-inset) + 52px)}.vitis-mode--box .vitis-product__media{width:min(480px,calc(100vw - 40px))}.vitis-mode--box.is-expanded .vitis-product__stage--box{width:100%;min-height:calc(var(--circle-size) + var(--circle-download-overhang));height:auto;margin-bottom:0}.vitis-mode--box.is-expanded:has(.vitis-product__stats-mobile [data-circle-active=true]) #VitisStatCircle-hint{opacity:0;pointer-events:none}.vitis-mode--box .vitis-stat-circle__hint-text{font-size:var(--stat-circle-heading-size);max-width:min(258px,calc(100% - 32px))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vitis-box.css.map */