.jz-hd,.jz-hd *,.jz-hd *:before,.jz-hd *:after{box-sizing:border-box}.jz-hd{--jz-hd-ice: #f4fbff;--jz-hd-cyan: #9be8ff;--jz-hd-azure: #56bfff;--jz-hd-lilac: #cfc6ff;--jz-hd-blush: #ffd6ee;--jz-hd-mint: #b9ffe8;--jz-hd-slate: #9aa6b8;--jz-hd-ink: #08090f;--jz-hd-pearl: conic-gradient( var(--jz-hd-cyan), #fff 14%, var(--jz-hd-lilac) 28%, var(--jz-hd-blush) 42%, var(--jz-hd-mint) 57%, #fff 71%, var(--jz-hd-azure) 85%, var(--jz-hd-cyan) );--jz-hd-ar: .727;--jz-hd-art-h: 76px;--jz-hd-pad: 10px;--jz-hd-gap: 10px;--jz-hd-radius: 14px;--jz-hd-edge: 1px;--jz-hd-drift: 2px;--jz-hd-fx-pad: 26px;container:jz-hd / inline-size;position:relative;z-index:1;width:100%;max-width:440px;margin:0 0 18px;font-family:var(--font-body, "Inter", system-ui, sans-serif);color:var(--jz-hd-ice);animation:jz-hd-in .8s cubic-bezier(.22,1,.36,1) 1.5s backwards}.jz-hd__fx{position:absolute;top:calc(var(--jz-hd-fx-pad) * -1);left:calc(var(--jz-hd-fx-pad) * -1);z-index:3;width:calc(100% + var(--jz-hd-fx-pad) * 2);height:calc(100% + var(--jz-hd-fx-pad) * 2);pointer-events:none}.jz-hd__glow{position:absolute;top:-26px;right:-30px;bottom:-26px;left:-30px;z-index:0;pointer-events:none;animation:jz-hd-bloom 1.2s ease-out 1.9s backwards}.jz-hd__glow:before,.jz-hd__glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.jz-hd__glow:before{background:radial-gradient(closest-side at 16% 50%,#96e4ff75,#96e4ff42 55%,#96e4ff17 82%,#96e4ff00),radial-gradient(closest-side,#96d7ff29,#96d7ff12 70%,#96d7ff00);opacity:.6;animation:jz-hd-breathe 3.2s ease-in-out 3.1s infinite alternate}.jz-hd__glow:after{background:radial-gradient(closest-side,#beeeff4d,#beeeff1f 70%,#beeeff00);opacity:0;transition:opacity .5s ease}.jz-hd:focus-within .jz-hd__glow:after{opacity:1}.jz-hd__float{position:relative;z-index:1;animation:jz-hd-float 4s ease-in-out infinite alternate}.jz-hd__frame{position:relative;padding:var(--jz-hd-edge);border-radius:var(--jz-hd-radius);overflow:hidden;isolation:isolate;box-shadow:0 12px 32px #00000080;transform:perspective(900px) rotateX(calc(var(--jz-hd-rx, 0) * 1deg)) rotateY(calc(var(--jz-hd-ry, 0) * 1deg));transition:box-shadow .4s ease}.jz-hd__ring{position:absolute;top:50%;left:50%;width:112%;aspect-ratio:1;margin:-56% 0 0 -56%;background:var(--jz-hd-pearl);opacity:.75;pointer-events:none;animation:jz-hd-spin 12s linear infinite}.jz-hd__body{position:relative;z-index:1;border-radius:calc(var(--jz-hd-radius) - var(--jz-hd-edge));overflow:hidden;background:linear-gradient(135deg,#12141d,var(--jz-hd-ink) 68%)}.jz-hd__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--jz-hd-gap);padding:var(--jz-hd-pad);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.jz-hd__link:hover,.jz-hd__link:focus{color:inherit}.jz-hd__art{position:relative;display:block;height:var(--jz-hd-art-h);aspect-ratio:var(--jz-hd-ar);padding:var(--jz-hd-edge);border-radius:8px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 6px 16px #00000080,0 0 16px #9be8ff33}.jz-hd__art>.jz-hd__ring{width:210%;margin:-105% 0 0 -105%;opacity:1}.jz-hd__print{position:relative;z-index:1;display:block;height:100%;border-radius:7px;overflow:hidden;background:var(--jz-hd-ink)}.jz-hd__img{display:block;width:100%;height:100%;object-fit:contain}.jz-hd__img--empty{fill:#9be8ff4d}.jz-hd__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.jz-hd__sheen:before{--jz-hd-sheen-from: calc(var(--jz-hd-art-h) * -.8);--jz-hd-sheen-to: calc(var(--jz-hd-art-h) * 1.25);content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:55%;background:linear-gradient(100deg,#ebfaff00 12%,#ebfaff6b 48%,#cfc6ff42 60%,#cfc6ff00 86%);mix-blend-mode:screen;transform:translate3d(var(--jz-hd-sheen-from),0,0) skew(-16deg);animation:jz-hd-sheen 7s cubic-bezier(.4,0,.2,1) 3.4s infinite}.jz-hd__foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at calc(var(--jz-hd-px, .5) * 100%) calc(var(--jz-hd-py, .5) * 100%),#ffffff80,#9be8ff42 26%,#cfc6ff2e 44%,#b9ffe81a,#b9ffe800 76%);mix-blend-mode:overlay;opacity:0;pointer-events:none;transition:opacity .45s ease}.jz-hd__info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.jz-hd__badge{display:inline-flex;align-items:center;gap:7px;font-size:.6rem;font-weight:800;line-height:1;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:#d4f1ff}.jz-hd__badge i{flex:none;width:5px;height:5px;border-radius:50%;background:var(--jz-hd-cyan);box-shadow:0 0 8px var(--jz-hd-cyan);animation:jz-hd-blink 1.1s ease-in-out infinite alternate}.jz-hd__name{display:block;max-width:100%;margin-top:6px}.jz-hd__title{display:block;overflow:hidden;padding-top:.06em;font-family:var(--font-display, "Bebas Neue", Impact, sans-serif);font-size:clamp(1.4rem,6.5vw,1.6rem);line-height:1;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--jz-hd-ice);background:linear-gradient(100deg,#fff 35%,#d6f1ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.jz-hd__sub{display:block;margin-top:3px;overflow:hidden;font-size:.72rem;font-weight:500;line-height:1.35;letter-spacing:.01em;word-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;color:var(--jz-hd-slate)}.jz-hd__series{display:none}@container jz-hd (min-width: 410px){.jz-hd__series{display:inline}}.jz-hd__meta{display:flex;flex-wrap:wrap;align-items:baseline;max-width:100%;height:1.35em;margin-top:3px;overflow:hidden;font-size:.72rem;line-height:1.35;letter-spacing:.01em;word-spacing:.08em}.jz-hd__price{font-weight:700;white-space:nowrap;color:var(--jz-hd-ice)}.jz-hd__offer{max-width:100%;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap;color:#bdeedd}.jz-hd__price+.jz-hd__offer:before{content:"\b7";margin:0 .45em;color:var(--jz-hd-slate)}.jz-hd__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:1px 10px 0;border-radius:6px;background:linear-gradient(135deg,#fff,#dcf2ff);font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#07122e;transition:box-shadow .25s ease,transform .25s ease}.jz-hd__cta svg{flex:none;width:13px;height:13px;transition:transform .25s ease}@media(hover:hover){.jz-hd:hover .jz-hd__glow:after,.jz-hd:hover .jz-hd__foil{opacity:1}.jz-hd:hover .jz-hd__frame{box-shadow:0 14px 36px #00000080,0 0 26px #9be8ff33}.jz-hd__link:hover .jz-hd__cta{box-shadow:0 0 22px #bef0ff8c;transform:translateY(-1px)}.jz-hd__link:hover .jz-hd__cta svg{transform:translate(3px)}}.jz-hd__link:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:calc(var(--jz-hd-radius) - var(--jz-hd-edge))}.jz-hd__link:focus-visible .jz-hd__cta{box-shadow:0 0 22px #bef0ff8c}@supports selector(:has(*)){.jz-hd__link:focus-visible{outline:none}.jz-hd__frame:has(.jz-hd__link:focus-visible){outline:2px solid #fff;outline-offset:4px;box-shadow:0 14px 36px #00000080,0 0 0 9px #78d7ff59}}@media(min-width:1024px){.jz-hd{--jz-hd-art-h: 92px;--jz-hd-pad: 12px;--jz-hd-gap: 14px;--jz-hd-drift: 3px;--jz-hd-fx-pad: 34px;--jz-hd-h: calc(var(--jz-hd-art-h) + var(--jz-hd-pad) * 2 + var(--jz-hd-edge) * 2);--jz-hd-rise: 90px;position:absolute;right:48px;bottom:calc(80px + var(--jz-hd-rise));width:400px;max-width:none;margin:0}.jz-hd__title{font-size:1.8rem}.jz-hd__cta{min-height:40px;padding:1px 14px 0;font-size:.74rem}}@media(min-width:1280px){.jz-hd{--jz-hd-rise: 0px;width:420px}}@media(min-width:1024px)and (max-height:759.98px),(min-width:1280px)and (max-height:869.98px){.jz-vh--has-drop .jz-vh__content{position:static}.jz-hd{--jz-hd-hero-top: 34px;top:calc(100vh - var(--jz-hd-hero-top) - var(--jz-hd-h) - 24px - var(--jz-hd-rise) - var(--jz-hd-bar, 0px));right:max(48px,calc((100% - 1200px)/2 + 48px));bottom:auto}}@media(max-width:768px){.jz-vh--has-drop .jz-vh__headline{margin-bottom:16px}}@media(max-width:600px){.jz-vh--has-drop .jz-vh__sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:18px;line-height:1.6}}@media(max-width:480px){.jz-vh--has-drop .jz-vh__ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jz-vh--has-drop .jz-vh__btn{justify-content:center;padding-right:10px;padding-left:10px;white-space:nowrap}.jz-vh--has-drop .jz-vh__btn--ghost{grid-column:1 / -1}}@media(max-width:600px)and (max-height:700px){.jz-vh--has-drop .jz-vh__headline{margin-bottom:12px}.jz-vh--has-drop .jz-vh__sub,.jz-hd{margin-bottom:14px}}@keyframes jz-hd-in{0%{opacity:0;transform:translate3d(0,12px,0) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes jz-hd-bloom{0%{opacity:0}to{opacity:1}}@keyframes jz-hd-breathe{0%{opacity:.6}to{opacity:1}}@keyframes jz-hd-float{0%{transform:translate3d(0,var(--jz-hd-drift),0)}to{transform:translate3d(0,calc(var(--jz-hd-drift) * -1),0)}}@keyframes jz-hd-spin{to{transform:rotate(1turn)}}@keyframes jz-hd-sheen{0%{transform:translate3d(var(--jz-hd-sheen-from),0,0) skew(-16deg)}22%,to{transform:translate3d(var(--jz-hd-sheen-to),0,0) skew(-16deg)}}@keyframes jz-hd-blink{0%{opacity:1}to{opacity:.35}}@media(forced-colors:active){.jz-hd__title{background:none;-webkit-text-fill-color:currentColor}}.jz-hd--asleep,.jz-hd--asleep *,.jz-hd--asleep *:before,.jz-hd--asleep *:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.jz-hd,.jz-hd__glow,.jz-hd__glow:before,.jz-hd__float,.jz-hd__ring,.jz-hd__sheen:before,.jz-hd__badge i{animation:none}.jz-hd__fx,.jz-hd__sheen,.jz-hd__foil{display:none}.jz-hd__frame{transform:none}.jz-hd__glow:after,.jz-hd__frame,.jz-hd__cta,.jz-hd__cta svg{transition:none}.jz-hd__link:hover .jz-hd__cta,.jz-hd__link:hover .jz-hd__cta svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/jz-hd-drop.css.map */
