.container-wrapper.svelte-s7bmel{width:100%;height:100dvh;overflow:hidden;color:#fff;accent-color:white;background-color:#000;background-image:none;color-scheme:dark}#container.svelte-s7bmel{width:100%;max-width:1920px;height:100%;margin:0 auto}@media (prefers-color-scheme: light){.container-wrapper.svelte-s7bmel{color-scheme:dark}}@keyframes svelte-s7bmel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container.svelte-s7bmel{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#000}.loader.svelte-s7bmel{border:4px solid #333;border-top:4px solid #aaa;border-radius:50%;width:40px;height:40px;animation:svelte-s7bmel-spin 1s linear infinite}.carousel.svelte-s7bmel{position:relative;width:100%;height:100dvh;overflow:hidden;--slide-transition: transform .9s ease-in-out;font-family:var(--font-roboto-hi-gu-en);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.5)}.slides-container.svelte-s7bmel{display:flex;height:100%;transition:var(--slide-transition)}.slide.svelte-s7bmel{flex:0 0 100%;position:relative;height:100dvh;overflow:hidden}.slide-image-wrapper.svelte-s7bmel{position:absolute;inset:0;overflow:hidden}.slide.svelte-s7bmel img:where(.svelte-s7bmel){width:100%;height:100%;object-fit:contain;display:block}.dashed-circle-svg.svelte-s7bmel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.dashed-circle.svelte-s7bmel{stroke-dashoffset:1000;opacity:0}.dashed-circle.animate.svelte-s7bmel{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .84s ease-out .6s,opacity .3s ease-out .5s}@media (max-width: 500px) and (orientation: portrait){.slide.svelte-s7bmel img:where(.svelte-s7bmel){object-fit:contain;object-position:var(--focus-x) var(--focus-y);transform:translate(var(--translate-x, 0px),var(--translate-y, 0px)) scale(var(--focus-zoom, 1));transform-origin:var(--origin-x, 50%) var(--origin-y, 50%)}}.info-overlay.svelte-s7bmel{position:absolute;bottom:0;left:0;right:0;padding:clamp(40px,8dvh,120px) clamp(16px,3dvh,48px) clamp(16px,3dvh,40px);background:linear-gradient(to top,#000000d9,#0000);color:#fff}.info-content.svelte-s7bmel{max-width:40%}@media (max-width: 500px){.info-content.svelte-s7bmel{max-width:100%}}.info-content.svelte-s7bmel>div:where(.svelte-s7bmel){opacity:0;transform:translateY(12px)}.slide.active.svelte-s7bmel .info-content:where(.svelte-s7bmel)>div:where(.svelte-s7bmel){opacity:1;transform:translateY(0);transition:opacity .45s ease-out,transform .45s ease-out;transition-delay:.45s}.cm-name.svelte-s7bmel{font-size:clamp(26px,5dvh,54px);font-weight:700;margin-bottom:2px;line-height:1.1;color:#ffd06a}.cm-party.svelte-s7bmel{font-size:clamp(18px,2.5dvh,26px);font-weight:700;opacity:.75;margin-bottom:clamp(4px,.8dvh,10px);letter-spacing:.5px}.cm-years.svelte-s7bmel{font-size:clamp(18px,2.5dvh,26px);margin-bottom:clamp(12px,1.5dvh,20px);line-height:1.4;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);padding:6px 0;width:fit-content;font-weight:500}.cm-description.svelte-s7bmel{font-size:clamp(17px,2dvh,20px);line-height:1.5}.slide.active.svelte-s7bmel .info-content:where(.svelte-s7bmel)>div:where(.svelte-s7bmel):nth-child(1){transition-delay:.45s}.slide.active.svelte-s7bmel .info-content:where(.svelte-s7bmel)>div:where(.svelte-s7bmel):nth-child(2){transition-delay:.63s}.slide.active.svelte-s7bmel .info-content:where(.svelte-s7bmel)>div:where(.svelte-s7bmel):nth-child(3){transition-delay:.81s}.slide.active.svelte-s7bmel .info-content:where(.svelte-s7bmel)>div:where(.svelte-s7bmel):nth-child(4){transition-delay:.99s}.image-credit.svelte-s7bmel{position:absolute;right:0;bottom:0;transform-origin:right bottom;transform:rotate(-90deg) translate(100%);font-size:clamp(12px,1.8dvh,18px);color:#fff;white-space:nowrap;padding:4px 8px;letter-spacing:.3px;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);opacity:0}.slide.active.svelte-s7bmel .image-credit:where(.svelte-s7bmel){opacity:1;transition:opacity .3s ease-out}@media (max-width: 500px){.image-credit.svelte-s7bmel{right:20px;bottom:auto;padding-right:7cqh;transform:rotate(-90deg);transform-origin:right top;text-shadow:0 0 8px rgba(0,0,0,.8),2px 0 4px rgba(0,0,0,.6)}}@keyframes svelte-s7bmel-progressBarAnimation{0%{width:0%}to{width:100%}}.top-controls.svelte-s7bmel{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;gap:clamp(6px,1dvh,12px);padding:clamp(8px,1.2dvh,16px) clamp(8px,1.2dvh,16px);box-sizing:border-box;z-index:10;background:linear-gradient(to bottom,#00000080,#0000)}.progress-bar-container.svelte-s7bmel{flex:1;height:3px;background-color:#ffffff40;border-radius:2px;overflow:hidden}.progress-bar.svelte-s7bmel{height:100%;background-color:#fff;width:0;animation-name:svelte-s7bmel-progressBarAnimation;animation-timing-function:linear}.slide-counter.svelte-s7bmel{color:#ffffffd9;font-size:clamp(14px,2dvh,22px);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.auto-advance-toggle.svelte-s7bmel{color:#ffffffd9;padding:clamp(4px,.6dvh,8px) clamp(10px,1.5dvh,18px);border-radius:4px;font-size:clamp(14px,2dvh,22px);font-weight:600;border:1px solid rgba(255,255,255,.25);cursor:pointer;background-color:#0000004d;transition:background-color .2s ease;white-space:nowrap}.auto-advance-toggle.svelte-s7bmel:hover{background-color:#000000b3}.auto-advance-toggle.svelte-s7bmel:active{background-color:#fff3;box-shadow:0 0 12px #fff6}.auto-advance-toggle.svelte-s7bmel:focus,.auto-advance-toggle.svelte-s7bmel:focus-visible{outline:none}.nav-arrow.svelte-s7bmel{position:absolute;top:50%;transform:translateY(-50%);background-color:#0006;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);padding:clamp(8px,1.2dvh,16px) clamp(10px,1.5dvh,20px);cursor:pointer;font-size:clamp(18px,3dvh,32px);z-index:10;border-radius:6px;transition:background-color .2s ease}.nav-arrow.svelte-s7bmel:hover{background-color:#000000b3}.nav-arrow.svelte-s7bmel:active{background-color:#fff3;box-shadow:0 0 12px #fff6}.nav-arrow.svelte-s7bmel:focus,.nav-arrow.svelte-s7bmel:focus-visible{outline:none}.prev.svelte-s7bmel{left:clamp(8px,1.2dvh,20px)}.next.svelte-s7bmel{right:clamp(8px,1.2dvh,20px)}@media (max-width: 500px){.nav-arrow.svelte-s7bmel{padding:14px 12px;font-size:28px;min-width:44px;min-height:48px;display:flex;align-items:center;justify-content:center;background-color:#00000080}}
