.embla__main,.gallery-slider{position:relative}.embla__main{background:var(--bg-alt);border-radius:var(--radius);overflow:hidden}[data-transparent-bg=true] .embla__main{background:transparent}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom}.embla__slide{flex:0 0 100%;min-width:0;& img{aspect-ratio:16/9;display:block;height:auto;object-fit:contain;width:100%}}.embla__next,.embla__prev{box-shadow:none;font-size:1.5rem;height:3rem;position:absolute;top:50%;transform:translateY(-50%);width:3rem;z-index:2;&:hover{transform:translateY(-50%) scale(1.1)}&:disabled{cursor:not-allowed;opacity:.3;transform:translateY(-50%) scale(1)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.embla__prev{left:1rem}.embla__next{right:1rem}.embla__dots{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.embla__dot{background:var(--surface-3);border:none;border-radius:50%;cursor:pointer;height:.75rem;padding:0;transition:background .2s ease,transform .2s ease;width:.75rem;&.is-selected{background:var(--accent);transform:scale(1.2)}&:focus-visible{outline:2px solid var(--accent);outline-offset:4px}}.embla__thumbs{align-items:center;display:flex;gap:.5rem;margin-top:1rem;& .embla__viewport{flex:1}& .embla__container{gap:.5rem}& .embla__thumb{background:none;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;flex:0 0 80px;overflow:hidden;padding:0;transition:border-color .2s ease;&.is-selected{border-color:var(--accent)}& img{height:60px;object-fit:cover;opacity:.6;transition:opacity .2s ease;width:100%}&.is-selected img{opacity:1}}}.gallery-slider .embla__main{position:relative}.gallery-slider--arrows-outside .embla__prev{left:-3rem}.gallery-slider--arrows-outside .embla__next{right:-3rem}.gallery-slider--arrows-outside .embla__main{overflow:visible}@media (max-width:768px){.gallery-slider--arrows-outside .embla__prev{left:1rem}.gallery-slider--arrows-outside .embla__next{right:1rem}}.embla__progress{background-color:var(--surface-2);border-radius:2px;height:4px;margin-top:var(--size-3);overflow:hidden;position:relative;width:100%}.embla__progress__bar{background-color:var(--text);height:100%;min-width:2px;transition:width .1s linear;width:0}.embla__progress--center,.embla__progress--left,.embla__progress--right{background-color:transparent;display:flex;overflow:visible;width:100%}.embla__progress--left{justify-content:flex-start}.embla__progress--center{justify-content:center}.embla__progress--right{justify-content:flex-end}.embla__progress--center,.embla__progress--left,.embla__progress--right{background-color:var(--surface-2);display:block;flex:0 0 200px;margin-top:var(--size-3);max-width:200px}.embla__progress--left{margin-right:auto}.embla__progress--center{margin-inline:auto}.embla__progress--right{margin-left:auto}[data-center-thumbs=true] .embla__thumbs .embla__container{justify-content:center}.gallery-slider-mock{container-type:inline-size;display:flex;flex-direction:column;gap:var(--size-2);position:relative}.gallery-slider-mock__main{aspect-ratio:16/9;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;position:relative}.gallery-slider-mock[data-transparent-bg=true] .gallery-slider-mock__main{background:transparent}.gallery-slider-mock__slide{height:100%;width:100%}.gallery-slider-mock__slide img{height:100%;object-fit:cover;width:100%}.gallery-slider-mock__placeholder{align-items:center;background:var(--surface-1);color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.gallery-slider-mock__arrow{align-items:center;background:var(--surface-2);border:none;border-radius:50%;color:var(--text);cursor:default;display:flex;height:3rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease,transform .2s ease;width:3rem;z-index:10}.gallery-slider-mock__arrow--prev{left:1rem}.gallery-slider-mock__arrow--next{right:1rem}.gallery-slider-mock__arrow{box-shadow:none}.gallery-slider-mock__arrow i{font-size:1.5rem}.gallery-slider-mock[data-arrows-pos=outside] .gallery-slider-mock__arrow--prev{left:-3rem}.gallery-slider-mock[data-arrows-pos=outside] .gallery-slider-mock__arrow--next{right:-3rem}.gallery-slider-mock[data-arrows-pos=outside] .gallery-slider-mock__main{overflow:visible}.gallery-slider-mock__pagination{display:flex;justify-content:center;margin-top:var(--size-2)}.gallery-slider-mock[data-pagination=progress]{display:flex;flex-direction:column}.gallery-slider-mock[data-progress-align=left] .gallery-slider-mock__pagination{justify-content:flex-start}.gallery-slider-mock[data-progress-align=right] .gallery-slider-mock__pagination{justify-content:flex-end}.gallery-slider-mock__progress{background:var(--surface-2);border-radius:2px;height:4px;width:200px}.gallery-slider-mock[data-progress-align=left] .gallery-slider-mock__progress{margin-right:auto}.gallery-slider-mock[data-progress-align=right] .gallery-slider-mock__progress{margin-left:auto}.gallery-slider-mock__progress-bar{background:var(--text);height:100%}.gallery-slider-mock__dots{display:flex;gap:8px}.gallery-slider-mock__dot{background:var(--surface-2);border-radius:50%;height:8px;width:8px}.gallery-slider-mock__dot.is-selected{background:var(--accent)}.gallery-slider-mock__thumbs{display:flex;gap:var(--size-1);margin-top:var(--size-2);overflow:hidden}.gallery-slider-mock[data-center-thumbs=true] .gallery-slider-mock__thumbs{justify-content:center}.gallery-slider-mock__thumb{height:40px;opacity:.5;width:60px}.gallery-slider-mock__thumb.is-selected{border:2px solid var(--accent);opacity:1}.gallery-slider-mock__thumb img{height:100%;object-fit:cover;width:100%}