/* Native Bricks media preview. The fixed track owns the clipping. */
/* Render the first media item before Splide enhances this shared component. */
.site-media-gallery .site-media-main:not(.is-initialized) {visibility:visible;}
.site-media-gallery .site-media-main:not(.is-initialized) .splide__list > :first-child {width:100%;flex:0 0 100%;}
.site-media-gallery .site-media-main:not(.is-initialized) .splide__list > :not(:first-child) {display:none;}
.site-media-gallery {--gallery-ratio:4 / 3;--gallery-radius:calc(var(--site-radius-card, 8px) * 2);gap:var(--site-space-24, 24px);}
.site-media-gallery[hidden],.site-media-gallery [hidden] {display:none!important;}
.site-media-gallery .site-media-main {width:100%;padding:0;}
.site-media-gallery .site-media-main .splide__track {aspect-ratio:var(--gallery-ratio);border-radius:var(--gallery-radius);overflow:hidden;isolation:isolate;}
.site-media-gallery .site-media-main .splide__list {height:100%;}
.site-media-gallery .site-media-slide {padding:0;height:100%;min-width:0;display:flex;justify-content:center;align-items:center;background:var(--site-surface, var(--white));border-radius:0;}
.site-media-gallery .site-media-slide > .site-media-image {width:100%;height:100%;object-fit:cover;border-radius:0;}
.site-media-gallery .site-media-player {width:100%;height:100%;aspect-ratio:auto;background:var(--site-surface-soft, var(--neutral-ultra-light));border-radius:var(--gallery-radius);overflow:hidden;}
.site-media-gallery .site-media-player video {display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:var(--gallery-radius);}
.site-media-gallery .splide__arrow {width:44px;height:44px;padding:0;top:50%;transform:translateY(-50%);border-radius:var(--site-radius-card, 8px);border:0;background:color-mix(in srgb,var(--site-surface, var(--white)) 92%,transparent);color:var(--site-ink, var(--text-dark));opacity:1;display:flex;align-items:center;justify-content:center;}
.site-media-gallery .splide__arrow svg {width:20px;height:20px;fill:currentColor;}
.site-media-gallery .splide__arrow--prev {left:16px;}
.site-media-gallery .splide__arrow--next {right:16px;}
.site-media-gallery .splide__arrow:hover {color:var(--site-brand, var(--primary));background:var(--site-surface, var(--white));}
.site-media-gallery .splide__arrow:disabled {visibility:hidden;pointer-events:none;}
.site-media-gallery .site-media-thumbs {display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding:2px;scrollbar-width:thin;}
.site-media-gallery .site-media-thumb {position:relative;flex:0 0 114px;width:114px;aspect-ratio:var(--gallery-ratio);height:auto;min-width:0;padding:0;background:var(--site-surface, var(--white));border:2px solid transparent;border-radius:var(--site-radius-medium, 6px);overflow:hidden;cursor:pointer;}
.site-media-gallery .site-media-thumb > img {width:100%;height:100%;object-fit:cover;border-radius:0;}
.site-media-gallery .site-media-thumb[aria-current='true'] {border-color:color-mix(in srgb,var(--site-brand, var(--primary)) 30%,transparent);}
.site-media-gallery .site-media-play {position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--site-ink, var(--text-dark)) 20%,transparent);color:var(--site-surface, var(--white));font-size:22px;pointer-events:none;}
.site-media-gallery button:focus-visible {outline:2px solid var(--site-brand, var(--primary));outline-offset:2px;}
@media(max-width:767px){.site-media-gallery .site-media-thumb {flex-basis:96px;width:96px;}.site-media-gallery .splide__arrow--prev{left:12px;}.site-media-gallery .splide__arrow--next{right:12px;}}

.site-media-gallery .splide__arrow--prev svg {transform:rotate(180deg);}
.site-media-gallery .site-media-slide > a.site-media-image {display:block;}
.site-media-gallery .site-media-slide > a.site-media-image > img {width:100%;height:100%;object-fit:cover;border-radius:0;}
.site-media-gallery .site-media-main .splide__slide {overflow:hidden;}

.site-media-gallery .site-media-main .splide__track {clip-path:inset(0 round var(--gallery-radius));}

.site-media-gallery .site-media-thumbs {flex-wrap:nowrap;}