.slider{position:relative;user-select:none;overflow-x:hidden;display:grid;grid-template-areas:"ae""nv";grid-template-columns:1fr;grid-template-rows:1fr auto;>*{&.nav{grid-area:nv;margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--gap);button{font-family:monospace;border-radius:100px;font-size:0.6em;&:hover,&.checked{color:var(--success-color);border-color:var(--success-br);}&:hover{background-color:var(--success-bgh);}&.checked{background-color:var(--success-bg);}}}&:not(.nav,[name=next],[name=prev]){display:grid;grid-template-areas:"img""des";grid-template-rows:auto 1fr;grid-area:ae;transform:translateX(100%);z-index:1000;main &{background-color:var(--tile-bg);padding:1rem;gap:1rem;border-radius:var(--tile-radius);}& img{}&.next{transform:translateX(100%);}&.prev{transform:translateX(-100%);}&.last{transform:translateX(0);z-index:1100;}&.active{transition:transform .8s;transform:translateX(0);z-index:1200;}}}>button{z-index:2000;position:absolute;font-family:"Glyphicons Halflings";font-size:2rem;color:var(--a-color);background-color:rgb(255 255 255 / 40%);border:none;border-radius:5rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--modal-shadow);top:50%;&.disabled{opacity:0;cursor:unset;}&[name=prev]{left:3rem;&:before{content:'\e25b';padding-right:3px;padding-top:2px;}}&[name=next]{right:3rem;&.begin{transform:rotate(-90deg);}&:before{content:'\e25c';padding-left:3px;padding-top:2px;}}}&.review{display:flex;flex-wrap:wrap;>*{transform:translateX(0);max-height:100px;overflow:hidden;width:25%;&.active{border:4px solid var(--a-color) !important;}}}}