.crsl{background:transparent;border-radius:1rem;padding:2rem 1rem}.crsl *{box-sizing:border-box}.crsl .crsl-viewport{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:var(--size);margin:0 auto;perspective:500px;position:relative;transform-style:preserve-3d;width:var(--size)}.crsl .crsl-track{height:100%;position:relative;width:100%}.crsl .crsl-card-wrap{display:block;filter:blur(calc(var(--abs-offset, 0)*1rem));inset:0;opacity:1;pointer-events:none;position:absolute;transform:rotateY(calc(var(--offset, 0)*50deg)) scaleY(calc(1 + var(--abs-offset, 0)*-.4)) translateZ(calc(var(--abs-offset, 0)*-30rem)) translateX(calc(var(--direction, 0)*-5rem));transition:transform .3s ease-out,filter .3s ease-out,opacity .25s ease-out,z-index 0s;z-index:0}.crsl .crsl-card{background-color:hsl(280deg,40%,calc(100% - var(--abs-offset, 0)*50%));background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;box-shadow:0 12px 40px rgba(0,0,0,.25);height:100%;overflow:hidden;position:relative;width:100%}.crsl .crsl-card[data-hasimg=true]{background-image:var(--bg)}.crsl .crsl-card-wrap.is-active[data-url] .crsl-card{cursor:pointer}.crsl .crsl-card:before{background:rgba(0,0,0,.28)}.crsl .crsl-card:after,.crsl .crsl-card:before{content:"";inset:0;opacity:var(--active,0);position:absolute;transition:opacity .3s ease-out}.crsl .crsl-card:after{background:linear-gradient(180deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.45) 38%,rgba(0,0,0,.25) 70%,transparent)}.crsl .crsl-inner{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;margin:0 auto;max-width:90%;padding:2rem;position:relative;text-align:center;z-index:1}.crsl .crsl-content,.crsl .crsl-title{color:var(--txt);opacity:var(--active,0);text-shadow:0 2px 10px rgba(0,0,0,.8);transition:opacity .3s ease-out}.crsl .crsl-title{color:var(--head);font-size:2rem;font-weight:700;margin:0}.crsl .crsl-content{line-height:1.45}.crsl .crsl-nav{background:none;border:none;color:#fff;cursor:pointer;display:grid;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));font-size:5rem;height:3rem;line-height:1;padding:0;place-items:center;position:absolute;top:50%;user-select:none;width:3rem;z-index:999}.crsl .crsl-nav.left{left:-3.25rem;transform:translate(-100%,-50%)}.crsl .crsl-nav.right{right:-3.25rem;transform:translate(100%,-50%)}.crsl .crsl-nav[disabled]{cursor:default;opacity:.35;pointer-events:none}@media (max-width:640px){.crsl{border-radius:.75rem;padding:1.25rem .75rem}.crsl .crsl-viewport{height:min(90vw,var(--size));width:min(90vw,var(--size))}.crsl .crsl-nav{font-size:3rem}.crsl .crsl-nav.left{left:-2rem}.crsl .crsl-nav.right{right:-2rem}}