.media-slider{--media-slider-height:min(70vh, 42rem);width:min(100%, var(--media-slider-width,100%));border:1px solid var(--lightgray);background:var(--light);border-radius:.75rem;margin:1.5rem auto;position:relative;overflow:hidden}.media-slider-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.media-slider-track::-webkit-scrollbar{display:none}.media-slider-slide{scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;min-height:min(18rem,60vw);margin:0;display:flex}.media-slider-slide>img,.media-slider-slide>video,.media-slider-slide>iframe{width:100%;height:var(--media-slider-height);object-fit:contain;background:color-mix(in srgb, var(--light) 92%, var(--dark));border:0;border-radius:0;max-height:70vh;margin:0;display:block}.media-slider-slide>audio{width:min(90%,36rem);margin:3rem auto}.media-slider-slide>figcaption{text-align:center;width:100%;color:var(--darkgray);box-sizing:border-box;padding:.6rem 1rem}.media-slider-arrow{z-index:2;top:calc(var(--media-slider-height) / 2);background:color-mix(in srgb, var(--light) 82%, transparent);width:2.5rem;height:2.5rem;color:var(--darkgray);cursor:pointer;border:0;border-radius:999px;padding:0;font-size:2rem;line-height:1;position:absolute;translate:0 -50%;box-shadow:0 1px 6px #0003}.media-slider-arrow.previous{left:.75rem}.media-slider-arrow.next{right:.75rem}.media-slider-arrow:disabled{opacity:.35;cursor:default}.media-slider-footer{justify-content:center;align-items:center;gap:.75rem;min-height:2.5rem;padding:.25rem .75rem;display:flex}.media-slider-counter{color:var(--gray);font-variant-numeric:tabular-nums;font-size:.85rem}.media-slider-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.media-slider-dot{background:var(--gray);opacity:.45;cursor:pointer;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.media-slider-dot.is-active{background:var(--secondary);opacity:1}.media-slider:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}@media (max-width:600px){.media-slider{--media-slider-height:min(60vh, 28rem)}.media-slider-slide{min-height:12rem}.media-slider-arrow{width:2.25rem;height:2.25rem}}@media (prefers-reduced-motion:reduce){.media-slider-track{scroll-behavior:auto!important}}