.lumi-cards{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.lumi-cards,.lumi-cards__coverflow,.lumi-cards__track{overflow:visible}.lumi-cards__coverflow{align-items:flex-end;aspect-ratio:16/9;cursor:grab;display:flex;flex:1 0 0;flex-direction:column;height:774px;justify-content:flex-end;padding:24px;perspective:2000px;perspective-origin:50% 50%;position:relative;user-select:none;width:100%}.lumi-cards__coverflow:active{cursor:grabbing}.lumi-cards__track{left:50%;pointer-events:none;top:40%}.lumi-cards__panel,.lumi-cards__track{position:absolute;transform-style:preserve-3d}.lumi-cards__panel{cursor:pointer;height:500px;left:-250px;pointer-events:auto;top:-250px;width:500px;will-change:transform,opacity}.lumi-cards__panel.active{cursor:default}.lumi-cards__bg,.lumi-cards__glass,.lumi-cards__layers{box-sizing:border-box;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.lumi-cards__bg,.lumi-cards__glass{object-fit:contain;user-select:none;-webkit-user-drag:none;image-rendering:auto;pointer-events:none;transform:translateZ(0);will-change:opacity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lumi-cards__bg{opacity:1;z-index:1}.lumi-cards__glass{opacity:0;z-index:2}.lumi-cards__panel.active .lumi-cards__bg{opacity:0}.lumi-cards__panel.active .lumi-cards__glass{opacity:1}.lumi-cards__hover-zone{height:70%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:10}.lumi-cards__panel.active .lumi-cards__hover-zone{pointer-events:auto}@media (max-width:1200px){.lumi-cards__coverflow{height:650px}.lumi-cards__panel{height:420px;left:-210px;top:-210px;width:420px}}@media (max-width:900px){.lumi-cards__coverflow{height:550px;padding:20px}.lumi-cards__track{top:35%}.lumi-cards__panel{height:350px;left:-175px;top:-175px;width:350px}}@media (max-width:768px){.lumi-cards__coverflow{height:480px;padding:16px}.lumi-cards__track{top:32%}.lumi-cards__panel{height:300px;left:-150px;top:-150px;width:300px}}@media (max-width:600px){.lumi-cards__coverflow{height:400px;padding:12px}.lumi-cards__track{top:30%}.lumi-cards__panel{height:240px;left:-120px;top:-120px;width:240px}}@media (max-width:480px){.lumi-cards__coverflow{height:350px}.lumi-cards__track{top:28%}.lumi-cards__panel{height:200px;left:-100px;top:-100px;width:200px}}@media (max-height:600px) and (orientation:landscape){.lumi-cards__coverflow{height:320px;padding:10px}.lumi-cards__track{top:25%}.lumi-cards__panel{height:180px;left:-90px;top:-90px;width:180px}}.lumi-cards__indicator{align-items:center;background:rgba(14,14,43,.05);border-radius:70px;display:inline-flex;gap:16px;justify-content:flex-end;margin-bottom:24px;margin-top:-120px;padding:2px 2px 2px 16px;position:relative;z-index:10}.lumi-cards__dots{align-items:center;display:flex;gap:8px}.lumi-cards__dot{background:rgba(12,12,41,.1);border:none;border-radius:30px;cursor:pointer;height:8px;overflow:hidden;padding:0;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1),background .2s ease;width:8px}.lumi-cards__dot:hover:not(.lumi-cards__dot--active){background:rgba(12,12,41,.25)}.lumi-cards__dot--active{background:rgba(12,12,41,.15);cursor:default;width:38px}.lumi-cards__progress{background:rgba(12,12,41,.9);border-radius:30px;height:100%;left:0;position:absolute;top:0;width:0}.lumi-cards__pause{align-items:center;background:#fff;border:none;border-radius:18px;cursor:pointer;display:flex;gap:10px;height:36px;justify-content:center;padding:10px 14px;transition:background .2s ease,transform .15s ease;width:36px}.lumi-cards__pause:hover{background:#ebebeb}.lumi-cards__pause:active{transform:scale(.95)}.lumi-cards__pause svg{flex-shrink:0;height:10px;width:10px}.lumi-cards__pause .icon-pause{fill:#0c0c29}.lumi-cards__pause .icon-play{display:none;fill:#0c0c29}.lumi-cards__pause.paused .icon-pause{display:none}.lumi-cards__pause.paused .icon-play{display:block}