.carousel-container{align-items:center;gap:1rem;width:100%;max-width:1200px;height:520px;margin:0 auto;padding:2rem;display:flex;position:relative}.carousel-container .thumbs-wrapper{flex:0 0 100px;height:100%}.carousel-container .embla-thumbs{flex-direction:column;justify-content:center;height:100%;padding:30px 0;display:flex;position:relative}.carousel-container .embla-thumbs__viewport{width:100%;overflow:hidden}.carousel-container .embla-thumbs__container{flex-direction:column;gap:1.5rem;height:100%;display:flex}.carousel-container .embla-thumbs__slide{cursor:pointer;flex:none;width:100%}.carousel-container .embla-thumbs__slide__number{aspect-ratio:4/3;color:#4b5563;border:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;font-size:1.25rem;font-weight:600;transition:all .2s;display:flex}.carousel-container .embla-thumbs__slide--selected .embla-thumbs__slide__number{border-color:#7337d6}.main-carousel-wrapper{flex-direction:column;flex:1;height:100%;display:flex}.main-carousel-wrapper .embla__viewport{border-radius:var(--radius);width:100%;height:100%;overflow:hidden}.main-carousel-wrapper .embla__container{height:100%;display:flex}.main-carousel-wrapper .embla__slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;display:flex}.main-carousel-wrapper .embla__slide__number{color:#1f2937;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #0000001a}.carousel-container .embla__buttons{justify-content:flex-end;gap:1rem;margin-bottom:1rem;display:flex;position:absolute}.embla__button--disabled{opacity:.5;cursor:not-allowed}.embla__button__svg{width:1rem;height:1rem}@media (max-width:1023px){.carousel-container{flex-direction:column-reverse;gap:1rem;height:auto;padding:.25rem}.main-carousel-wrapper .embla__slide{flex:0 0 100%;justify-content:center;align-items:start;min-width:0;display:flex}.carousel-container .thumbs-wrapper{flex:0 0 80px;height:100%}.carousel-container .embla-thumbs__viewport{max-width:18rem}.carousel-container .embla-thumbs__container{flex-direction:row}.carousel-container .embla-thumbs__slide{flex:0 0 80px}.main-carousel-wrapper{min-height:100px}.carousel-container .embla-thumbs{padding:5px 0}}
