html:has(dialog.jj-home-popup){scrollbar-gutter:stable}dialog.jj-home-popup{--popup-ratio:.9;--popup-ease:cubic-bezier(.16, 1, .3, 1);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--jj-black);overscroll-behavior:contain;box-sizing:border-box;background:0 0;border:0;margin:0;padding:24px 16px;position:fixed;inset:0;overflow:auto}dialog.jj-home-popup[open]{place-items:center;display:grid}dialog.jj-home-popup:not([open]){display:none}dialog.jj-home-popup::backdrop{background:color-mix(in srgb, var(--jj-black) 50%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.35s both jj-popup-dim-in}dialog.jj-home-popup .popup-card{width:min(500px, calc(100vw - 40px), calc((100dvh - 144px) * var(--popup-ratio)));background:var(--jj-panel);box-shadow:0 24px 80px color-mix(in srgb, var(--jj-black) 22%, transparent);animation:jj-popup-in .35s var(--popup-ease) both;border-radius:20px;position:relative;overflow:hidden}dialog.jj-home-popup button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}dialog.jj-home-popup button:disabled{cursor:default}dialog.jj-home-popup .popup-wrap{width:100%;aspect-ratio:var(--popup-ratio);touch-action:pan-y;position:relative;overflow:hidden}dialog.jj-home-popup .popup-track{width:100%;height:100%;transition:transform .5s var(--popup-ease);display:flex}dialog.jj-home-popup .popup-slide{flex:0 0 100%;width:100%;min-width:0;height:100%}dialog.jj-home-popup .popup-image-link{width:100%;height:100%;display:block}dialog.jj-home-popup .popup-image-link[href=\#]{cursor:default}dialog.jj-home-popup .popup-visual{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block}dialog.jj-home-popup .popup-close{z-index:2;background:color-mix(in srgb, var(--jj-black) 58.0%, transparent);width:40px;height:40px;color:var(--jj-white);border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:grid;position:absolute;top:12px;right:12px}dialog.jj-home-popup .popup-close:hover{background:color-mix(in srgb, var(--jj-black) 85%, transparent)}dialog.jj-home-popup .popup-close svg,dialog.jj-home-popup .popup-arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}dialog.jj-home-popup .popup-arrow{z-index:1;border:1px solid color-mix(in srgb, var(--jj-black) 8%, transparent);background:color-mix(in srgb, var(--jj-white) 88%, transparent);width:40px;height:40px;color:var(--jj-black);opacity:.85;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}dialog.jj-home-popup .popup-prev{left:12px}dialog.jj-home-popup .popup-next{right:12px}dialog.jj-home-popup .popup-arrow:hover{background:var(--jj-surface)}dialog.jj-home-popup .popup-arrow:disabled{opacity:.25}dialog.jj-home-popup .popup-controls{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 16px;display:grid}dialog.jj-home-popup .popup-controls[hidden]{display:none}dialog.jj-home-popup .popup-count{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--jj-muted);align-items:center;gap:7px;font-size:11px;display:flex}dialog.jj-home-popup .popup-count [data-current]{color:var(--jj-black)}dialog.jj-home-popup .popup-count-divider{color:var(--jj-muted)}dialog.jj-home-popup .event-tabs{align-items:center;display:flex}dialog.jj-home-popup .tab-show{background:0 0;border:0;place-items:center;width:28px;height:40px;padding:0;display:grid}dialog.jj-home-popup .tab-show span{background:var(--jj-light-gray);border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}dialog.jj-home-popup .tab-show.active span{background:var(--jj-black);transform:scale(1.35)}dialog.jj-home-popup .popup-playback{width:36px;height:36px;color:var(--jj-black);background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}dialog.jj-home-popup .popup-playback:hover{background:var(--jj-hover)}dialog.jj-home-popup .popup-playback svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}dialog.jj-home-popup .popup-play-icon{display:none}dialog.jj-home-popup .popup-playback[data-paused=true] .popup-play-icon{display:block}dialog.jj-home-popup .popup-playback[data-paused=true] .popup-pause-icon{display:none}dialog.jj-home-popup .popup-footer{background:var(--jj-black);min-height:48px;color:var(--jj-white);align-items:stretch;display:flex}dialog.jj-home-popup .popup-hide-label{cursor:pointer;flex:1;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:400;display:flex}dialog.jj-home-popup .popup-hide-label input{appearance:auto;width:15px;height:15px;accent-color:var(--jj-gold);cursor:pointer;flex-shrink:0;margin:0}dialog.jj-home-popup .popup-footer button{color:inherit;background:0 0;border:0;padding:0 22px;font-size:12px}dialog.jj-home-popup .popup-footer button:hover{background:color-mix(in srgb, var(--jj-white) 8%, transparent)}dialog.jj-home-popup :is(button,input,a):focus-visible{outline:2px solid var(--jj-gold-ink);outline-offset:-3px}dialog.jj-home-popup .popup-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog.jj-home-popup.is-closing .popup-card{animation:jj-popup-out .35s var(--popup-ease) both;pointer-events:none}dialog.jj-home-popup.is-closing::backdrop{animation:.35s both jj-popup-dim-out}@media (hover:hover) and (pointer:fine){dialog.jj-home-popup .popup-arrow,dialog.jj-home-popup .popup-arrow:disabled{opacity:0}dialog.jj-home-popup .popup-wrap:is(:hover,:focus-within) .popup-arrow{opacity:1}dialog.jj-home-popup .popup-wrap:is(:hover,:focus-within) .popup-arrow:disabled{opacity:.25}}@media (max-width:600px){dialog.jj-home-popup .popup-card{border-radius:16px}dialog.jj-home-popup .popup-close{width:36px;height:36px;top:10px;right:10px}dialog.jj-home-popup .popup-arrow{width:36px;height:36px}dialog.jj-home-popup .popup-controls{padding:0 12px}dialog.jj-home-popup .popup-hide-label{padding:0 12px;font-size:11px}dialog.jj-home-popup .popup-footer button{padding:0 18px;font-size:11px}}@keyframes jj-popup-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes jj-popup-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes jj-popup-dim-in{0%{opacity:0}to{opacity:1}}@keyframes jj-popup-dim-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){dialog.jj-home-popup .popup-card,dialog.jj-home-popup::backdrop{animation:none!important}dialog.jj-home-popup :is(.popup-track,.tab-show span,.popup-arrow,.popup-close){transition:none}}
