.slider-button .icon{height:1.6rem}.slider-container{display:grid;grid-template-columns:80px 1fr;grid-template-areas:"images current-image";column-gap:3rem;place-content:start space-between}.slider-indicator{grid-area:images;display:flex;flex-direction:column;align-items:center}.slider-thumbnails-container{position:relative;max-height:50rem;overflow:hidden;height:50rem;width:8rem}.slider-thumbnails{position:absolute}.slider-indicator .slider-thumbnails{display:flex;flex-direction:column}.mobile-slider__btn-container{display:none}.slider-indicator img{border-radius:4px;margin-bottom:2.4rem;object-fit:cover;border:1px solid transparent;transition:.4s all;max-width:8rem}.slider-current-image{grid-area:current-image;display:grid;place-items:start center;width:100%;overflow:hidden;position:relative}.slider-current-image img{height:auto;border-radius:4px;object-fit:cover}.active-image{border:1px solid rgb(var(--color-base-accent-1)) !important}.previous{transform:rotate(180deg);position:relative;margin-top:-2rem}.slider-thumbnails:last-child{margin-bottom:0}.dot-indicators{list-style-type:none;width:30rem;justify-content:space-between;margin:0;display:none;padding:0}.dot{border:1px solid red;cursor:pointer;height:1.1rem;width:1.1rem;border-radius:50%}@media screen and (max-width: 749px){.slider-indicator{display:none}.slider-container{display:flex;flex-direction:column;align-items:center}.slider-current-image{height:35.5rem;max-height:35.5rem;min-height:35.5rem;width:35.5rem}.dot-indicators{list-style-type:none;width:30rem;justify-content:center;margin:0;display:flex}.dot{width:1.3rem;height:1.3rem;border:1px solid rgb(var(--color-base-accent-1));border-radius:50%;margin-right:1.5rem;transition:.3s all}.active-dot{background-color:rgb(var(--color-base-accent-1))}.slider-current-image{background:#ededed;margin-bottom:3rem;display:grid;place-items:center}.slider-current-image img{width:100%;border-radius:4px;object-fit:cover}.slider-button{display:block}.mobile-slider__btn-container{width:100%;padding:0 2rem;display:flex;justify-content:space-between;position:absolute}.slider-button{background:transparent;cursor:pointer;display:grid;place-items:center}.slider-button svg{width:2.1rem !important;height:2.8rem !important;color:rgb(var(--color-foreground))}.mobile-previous{transform:rotate(90deg)}.mobile-next{transform:rotate(270deg)}}