.as-art-slides-inner {width: 100%;height: 100vh;overflow: hidden;display: grid;grid-template-rows: 100%;grid-template-columns: 100%;place-items: center;}.as-art-slide {width: 100%;height: 100%;grid-area: 1 / 1 / -1 / -1;pointer-events: none;opacity: 0;overflow: hidden;position: relative;display: grid;place-items: center;will-change: transform, opacity;}.slide--current {pointer-events: auto;opacity: 1;}.as-art-slide-container .deco {width: 100%;height: 100%;grid-area: 1 / 1 / -1 / -1;pointer-events: none;position: relative;opacity: 0;background: #8c718e;will-change: transform, opacity;}.as-art-slide-container .deco--1 {background: #060b17;}.as-art-slide-container .deco--2 {background: #34365c;}.as-art-slide-container .deco--3 {background: #9f6794;}.as-art-slide__img {position: absolute;width: 100%;height: 100%;will-change: transform, opacity, filter;}.as-art-slide__img:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.demo-2 .as-art-slide__img {width: 120%;height: 120%;}.as-art-slide-indicators {position: absolute;bottom: 30px;left: 30px;display: flex;gap: 0.5rem;z-index: 2;justify-content: center;padding: 0;> button {box-sizing: content-box;flex: 0 1 auto;width: 30px;height: 30px;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: white;background-clip: padding-box;border: 0;opacity: .5;transition: opacity .6s ease;&.active {opacity: 1;}}}.as-art-slides-nav {position: absolute;right: 30px;bottom: 30px;display: flex;gap: 0.5rem;align-items: center;}.as-art-slides-nav::before {content: 'scroll / drag';margin-right: 2rem;}.as-art-slides-nav__item {border: 0;background: #fff;color: #000;width: 60px;aspect-ratio: 1;display: grid;place-items: center;border-radius: 50%;cursor: pointer;transition: background-color 0.3s;}.as-art-slides-nav__item:hover {background-color: #ccc;}