.loop-deck{width:100%;max-width:64rem;margin:0 auto;padding:3rem 0;position:relative}.loop-deck__container{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.loop-deck__deck{width:320px;height:420px;position:relative}.loop-deck__card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:1rem;width:100%;height:100%;transition:all .7s ease-out;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.loop-deck__card--active{box-shadow:0 25px 50px -12px #00000040,0 0 0 4px #60a5fa80}.loop-deck__card-image{object-fit:cover;transition:transform .7s}.loop-deck__card-gradient{background:linear-gradient(#0000 0%,#0000004d 50%,#000000e6 100%);position:absolute;inset:0}.loop-deck__card-content{z-index:20;text-align:left;width:100%;padding:1.5rem;position:absolute;bottom:0}.loop-deck__card-content-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #fff3;border-radius:.5rem;padding:1rem}.loop-deck__card-title{color:#fff;letter-spacing:.025em;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.loop-deck__card-subtitle{color:#93c5fd;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.loop-deck__card-description{color:#fffc;font-size:.75rem}.loop-deck__card-number{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:1rem;right:1rem}.loop-deck__card-number-text{color:#fff;font-size:.875rem;font-weight:700}.loop-deck__nav-button{z-index:50;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 25px 50px -12px #00000040}.loop-deck__nav-button:hover{background:#0009;transform:translateY(-50%)scale(1.1)}.loop-deck__nav-button--prev{left:2rem}.loop-deck__nav-button--next{right:2rem}.loop-deck__nav-icon{width:1.5rem;height:1.5rem}.loop-deck__counter{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff4d;border-radius:9999px;padding:.5rem 1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.loop-deck__counter-text{color:#fff;font-size:.875rem;font-weight:500}.loop-deck__indicators{justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.loop-deck__indicator{background:#ffffff4d;border:1px solid #fff3;border-radius:50%;width:.75rem;height:.75rem;transition:all .3s}.loop-deck__indicator:hover{background:#ffffff80}.loop-deck__indicator--active{background:#3b82f6;border-color:#3b82f6;transform:scale(1.25);box-shadow:0 0 15px 4px #3b82f699}