section.component.images-carousel{box-sizing:border-box;flex-direction:column;gap:3.5rem;width:100%;max-width:1440px;margin-inline:auto;padding-block:8rem;padding-inline:5.9vw;display:flex}@media screen and (min-width:1440px){section.component.images-carousel{padding-inline:80px}}section.component.images-carousel .header{justify-content:space-between;align-items:center;gap:1rem;display:flex}section.component.images-carousel .header h1{text-transform:uppercase;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.2em;color:#4f8ef7;font-size:.75rem;line-height:1rem}section.component.images-carousel .header .right{white-space:nowrap;align-items:center;gap:1rem;display:flex}section.component.images-carousel .header .right small{font-family:var(--font-jetbrains-mono),monospace;color:#333;font-size:.75rem;line-height:1rem}section.component.images-carousel .header .right .buttons{gap:.5rem;display:flex}section.component.images-carousel .header .right .buttons button.nav-button{cursor:pointer;color:#f0ede8;background-color:#0000;border:1px solid #1f1f1f;border-radius:.375rem;justify-content:center;align-items:center;padding:.6rem .75rem;transition:all .15s;display:flex}section.component.images-carousel .header .right .buttons button.nav-button:hover{border-color:#f0ede8}section.component.images-carousel .carousel{flex-direction:column;gap:1rem;display:flex}section.component.images-carousel .carousel .embla__viewport{overflow:hidden}section.component.images-carousel .carousel .embla__viewport .embla__container{touch-action:pan-y pinch-zoom;height:100%;margin-left:-1rem;display:flex}section.component.images-carousel .carousel .embla__viewport .embla__container .embla__slide{flex:0 0 100%;min-width:0;padding-left:1rem;transform:translate(0,0)}section.component.images-carousel .carousel .embla__viewport .embla__container .embla__slide .content{-webkit-user-select:none;user-select:none;cursor:grab;border:.2rem solid #1f1f1f;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:auto;display:flex}@media screen and (max-width:768px){section.component.images-carousel .carousel .embla__viewport .embla__container .embla__slide .content{height:auto}}section.component.images-carousel .carousel .carousel-preview{margin-top:1rem}section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport{overflow:hidden}section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport .embla-thumbs__container{flex-direction:row;margin-left:-.8rem;display:flex}section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport .embla-thumbs__container .embla-thumbs__slide{flex:0 0 20%;min-width:0;padding-left:.8rem}section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport .embla-thumbs__container .embla-thumbs__slide .content{touch-action:manipulation;cursor:pointer;background-color:#0000;border:.15rem solid #1f1f1f;border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-height:8rem;display:flex}section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport .embla-thumbs__container .embla-thumbs__slide .content.selected{color:#f0ede8;border-color:#f0ede8}@media screen and (max-width:768px){section.component.images-carousel .carousel .carousel-preview .embla-thumbs__viewport .embla-thumbs__container .embla-thumbs__slide{flex:0 0 33%}}
