#mbp-carousel,#mbp-carousel *{box-sizing:border-box}
#mbp-carousel{position:relative;width:100%;max-width:1200px;height:300px;margin-inline:auto;overflow:hidden;background:#0b0f3e;direction:ltr;isolation:isolate;touch-action:pan-y}
#mbp-carousel .mbp-carousel__items{position:absolute;inset:0;overflow:hidden;margin:0;padding:0;list-style:none}
#mbp-carousel .mbp-carousel__items>li{margin:0;padding:0}
#mbp-carousel .mbp-carousel__panel>a{display:grid;place-items:center;width:100%;height:100%}
#mbp-carousel .mbp-carousel__panel{position:absolute;top:0;height:300px;display:grid;place-items:center;overflow:hidden;background:#0b0f3e;opacity:0;pointer-events:none;transition:left .9s cubic-bezier(.7,0,.2,1),width .9s cubic-bezier(.7,0,.2,1),opacity .6s,filter .9s,clip-path .9s;will-change:left,width,clip-path}
#mbp-carousel .mbp-carousel__panel::before{content:"";position:absolute;z-index:0;inset:-35px;background-image:linear-gradient(#07105288,#07105288),var(--mbp-panel-bg);background-position:center;background-size:cover;filter:blur(18px) saturate(.75);transform:scale(1.08);pointer-events:none}
#mbp-carousel .mbp-carousel__panel img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;transition:transform 4.6s linear,filter .9s}
#mbp-carousel .mbp-carousel__panel--active{left:18%;width:64%;z-index:3;opacity:1;pointer-events:auto;clip-path:inset(0);filter:none;background:#0b0f3e;box-shadow:0 0 0 1px #ffffffaa,0 0 42px #000b}
#mbp-carousel .mbp-carousel__panel--active img{width:auto;height:286px;max-width:calc(100% - 24px);object-fit:contain;background:transparent;transform:scale(1);box-shadow:0 0 22px #05072d88}
#mbp-carousel .mbp-carousel__panel--prev{left:0;width:38%;z-index:1;opacity:.42;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);filter:grayscale(.7) saturate(.35) contrast(1.15) brightness(.48)}
#mbp-carousel .mbp-carousel__panel--next{left:62%;width:38%;z-index:2;opacity:.46;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);filter:grayscale(.65) saturate(.4) contrast(1.12) brightness(.52)}
#mbp-carousel .mbp-carousel__panel--prev::after,#mbp-carousel .mbp-carousel__panel--next::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(135deg,#07105299,#159dd255);mix-blend-mode:multiply;pointer-events:none}
#mbp-carousel .mbp-carousel__panel--hidden{left:100%;width:0;opacity:0}
#mbp-carousel .mbp-carousel__glint{position:absolute;z-index:4;top:-25%;left:20%;width:6%;height:150%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-13deg);opacity:0;pointer-events:none}
#mbp-carousel.mbp-carousel--moving .mbp-carousel__glint{animation:mbp-glint .9s cubic-bezier(.7,0,.2,1)}
#mbp-carousel .mbp-carousel__arrow{position:absolute;z-index:7;top:50%;translate:0 -50%;width:42px;height:42px;border:1px solid #ffffffc9;border-radius:50%;background:#0c105baa;color:#fff;font-size:25px;cursor:pointer;display:grid;place-items:center;opacity:.35;transition:.2s}
#mbp-carousel:hover .mbp-carousel__arrow,#mbp-carousel .mbp-carousel__arrow:focus-visible{opacity:1}
#mbp-carousel .mbp-carousel__arrow:hover{opacity:1;background:#11156d;scale:1.06}
#mbp-carousel .mbp-carousel__arrow--prev{left:14px}#mbp-carousel .mbp-carousel__arrow--next{right:14px}
#mbp-carousel .mbp-carousel__dots{position:absolute;z-index:7;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:7px}
#mbp-carousel .mbp-carousel__dot{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:#ffffff55;box-shadow:0 1px 4px #0008;cursor:pointer;transition:.25s}
#mbp-carousel .mbp-carousel__dot--active{width:30px;border-radius:8px;background:#159dd2}
@keyframes mbp-glint{0%{left:18%;opacity:0}35%{opacity:.8}100%{left:79%;opacity:0}}
@media(max-width:700px){#mbp-carousel{height:auto;aspect-ratio:2/1}#mbp-carousel .mbp-carousel__panel{height:100%}#mbp-carousel .mbp-carousel__panel--active{left:6%;width:88%;clip-path:inset(0)}#mbp-carousel .mbp-carousel__panel--active img{width:calc(100% - 12px);height:calc(100% - 8px)}#mbp-carousel .mbp-carousel__panel--prev{left:-25%;width:33%}#mbp-carousel .mbp-carousel__panel--next{left:92%;width:33%}}
@media(prefers-reduced-motion:reduce){#mbp-carousel .mbp-carousel__panel{transition-duration:.01ms!important}#mbp-carousel.mbp-carousel--moving .mbp-carousel__glint{animation-duration:.01ms!important}}