.juice-hero{--jh-cream: #f6eee6;--jh-ink: #1f201e;--jh-red: #e33825;--jh-warm: #e7dac8;--jh-muted: #6a574c;--jh-gold: #e8b655;--jh-display: Fredoka, sans-serif;--jh-body: Nunito, sans-serif;--jh-space: 1rem;position:relative;z-index:2;display:block;min-height:700px;height:92svh;max-height:1040px;isolation:isolate;overflow:visible;color:var(--jh-ink);background:var(--jh-cream)}.juice-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;pointer-events:none}.juice-hero__burst{position:absolute;top:-65%;right:-65%;bottom:-65%;left:-65%;background:repeating-conic-gradient(from 12deg at 50% 49%,var(--jh-warm) 0deg 10deg,transparent 10deg 23deg);opacity:.38;-webkit-mask-image:radial-gradient(ellipse,#000 12%,#0008 55%,transparent 75%);mask-image:radial-gradient(ellipse,#000 12%,#0008 55%,transparent 75%)}.juice-hero__logo{position:absolute;z-index:2;width:min(44vw,580px);left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none}.juice-hero__logo-art{display:block;width:100%;height:auto;transform-origin:center;-webkit-user-select:none;user-select:none}.juice-hero__halo{position:absolute;z-index:0;left:50%;top:45%;width:min(75vw,750px);height:400px;background:radial-gradient(ellipse,#e8b65560,transparent 66%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s;pointer-events:none}.juice-hero[data-phase=squeeze] .juice-hero__halo{opacity:1}.juice-hero__canvas{position:absolute;z-index:5;inset-block-start:0;inset-inline-start:0;pointer-events:none}.juice-hero__fruit{position:absolute;z-index:6;width:clamp(80px,9.5vw,150px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%)}.juice-hero__fruit--cherry{left:25%;top:37%}.juice-hero__fruit--grapes{left:76%;top:48%}.juice-hero__fruit--dragonfruit{left:65%;top:20%}.juice-hero__fruit--banana{left:38%;top:69%}.juice-hero__fruit--pineapple{left:38%;top:19%}.juice-hero__fruit--blueberry{left:64%;top:70%;width:clamp(56px,6.65vw,105px)}.juice-hero[data-ready=true] .juice-hero__fruit{left:0;top:0;will-change:transform}.juice-hero__fruit:disabled{cursor:default}.juice-hero__fruit[data-held=true]{z-index:10;cursor:grabbing}.juice-hero__fruit-art{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 67%;filter:drop-shadow(2px 5px 0 #63392112) drop-shadow(0 11px 9px #6339211a);pointer-events:none}.juice-hero__fruit:focus-visible{outline:3px solid var(--jh-muted);outline-offset:3px}.juice-hero__footer{position:absolute;z-index:8;inset-inline:0;bottom:0;text-align:center;padding:0 var(--jh-space) 1.25rem;pointer-events:none}.juice-hero__instruction{margin:0;font:600 clamp(1.125rem,1.6vw,1.375rem)/1.3 var(--jh-display)}.juice-hero__help{margin:.35rem 0 1rem;color:var(--jh-muted);font:600 .875rem/1.4 var(--jh-body)}.juice-hero__cta{display:inline-flex;align-items:center;gap:1.125rem;min-height:54px;padding:.8rem 1.8rem;border:3px solid var(--jh-ink);border-radius:100px;box-shadow:4px 5px 0 var(--jh-ink);background:var(--jh-red);color:var(--jh-cream);text-decoration:none;font:700 1.25rem/1.25 var(--jh-display);pointer-events:auto;transition:transform .18s,box-shadow .18s}.juice-hero__cta:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--jh-ink)}.juice-hero__cta:active{transform:translate(2px,3px);box-shadow:2px 2px 0 var(--jh-ink)}.juice-hero__tools{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:.65rem}.juice-hero__tool{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;border:0;padding:.25rem;font:600 .875rem/1.3 var(--jh-body);color:var(--jh-muted);background:transparent;cursor:pointer;pointer-events:auto}.juice-hero__icon{flex:none;display:block}.juice-hero__tool:hover{color:var(--jh-ink);text-decoration:underline;text-underline-offset:3px}.juice-hero__tool:focus-visible,.juice-hero__cta:focus-visible{outline:3px solid var(--jh-muted);outline-offset:5px}.juice-hero:not([data-ready=true]) .juice-hero__instruction,.juice-hero:not([data-ready=true]) .juice-hero__help,.juice-hero:not([data-ready=true]) .juice-hero__tools{visibility:hidden}@media(max-width:639px){.juice-hero{min-height:390px;height:calc(100vh - 64px);height:calc(100svh - 64px);max-height:940px}.juice-hero__logo{width:78vw;top:44%}.juice-hero__fruit{width:clamp(96px,28vw,122px)}.juice-hero__fruit--blueberry{width:clamp(86px,25vw,110px)}.juice-hero__fruit--cherry{left:18%;top:23%}.juice-hero__fruit--grapes{left:50%;top:20%}.juice-hero__fruit--dragonfruit{left:82%;top:23%}.juice-hero__fruit--banana{left:18%;top:64%}.juice-hero__fruit--pineapple{left:50%;top:66%}.juice-hero__fruit--blueberry{left:82%;top:64%}.juice-hero__footer{padding-bottom:.35rem}.juice-hero__instruction{font-size:clamp(1rem,4.5vw,1.125rem)}.juice-hero__help{font-size:.8125rem;margin-bottom:.65rem}.juice-hero__cta{font-size:1.1875rem;padding:.7rem 1.6rem}.juice-hero__tools{margin-top:.4rem}.juice-hero__tool{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.juice-hero__fruit,.juice-hero__fruit-art,.juice-hero__logo-art{will-change:auto}.juice-hero__halo,.juice-hero__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/hero-juice.css.map */