:root{font-family:Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html,body{width:100%;height:300px;margin:0;padding:0;overflow:hidden;background:transparent}
button{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.carousel{position:relative;isolation:isolate;width:100%;height:300px;overflow:hidden;border-radius:5px;background:#6a407b;touch-action:pan-y}
.carousel:focus{outline:none}
.carousel:focus-visible{outline:2px solid #f5dfad;outline-offset:-3px}
.carousel-slides,.carousel-slide{position:absolute;inset:0;width:100%;height:300px}
.carousel-slide{z-index:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.carousel-slide.is-leaving{z-index:1}
.carousel-slide.is-active{z-index:2;opacity:1;pointer-events:auto}
.carousel-slide iframe{display:block;width:100%;height:300px;margin:0;border:0;background:transparent;pointer-events:auto}
.carousel-arrow,.playback-toggle{position:absolute;z-index:4;display:grid;place-items:center;padding:0;border:1px solid #fff0d52b;border-radius:7px;background:#27172f56;color:#fff1d9;cursor:pointer;opacity:.65;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .18s,background .18s}
.carousel-arrow:hover,.playback-toggle:hover{opacity:1;background:#27172f95}
.carousel-arrow:focus-visible,.playback-toggle:focus-visible,.carousel-dot:focus-visible{outline:2px solid #fff0cb;outline-offset:2px;opacity:1}
.carousel-arrow{top:50%;width:28px;height:38px;transform:translateY(-50%)}
.carousel-arrow--prev{left:8px}
.carousel-arrow--next{right:8px}
.carousel-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.carousel-dots{position:absolute;z-index:4;left:50%;bottom:9px;display:flex;align-items:center;justify-content:center;transform:translateX(-50%)}
.carousel-dot{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer}
.carousel-dot::after{content:"";width:5px;height:5px;border-radius:4px;background:#fff1d58c;box-shadow:0 1px 3px #28153038;transition:width .18s,background .18s}
.carousel-dot[aria-current="true"]::after{width:15px;background:#ffedc9}
.playback-toggle{right:8px;bottom:9px;width:24px;height:24px;border-radius:6px}
.playback-toggle svg{width:9px;height:9px;fill:currentColor}
.playback-toggle[data-paused="true"] .pause-icon,.playback-toggle[data-paused="false"] .play-icon{display:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
  .carousel-arrow{top:auto;bottom:12px;height:26px;transform:none}
  .carousel-arrow--next{right:40px}
  .carousel-dots,.playback-toggle{bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .carousel-slide,.carousel-arrow,.playback-toggle,.carousel-dot::after{transition:none}
}