@charset "UTF-8";.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}