.spotlight{background-color:var(--bg);width:100%;height:100vh;transition:background-color .3s;position:relative;overflow:hidden}.spotlight-track{width:90%;max-width:1400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-panels{width:100%;height:400px;position:relative}.spotlight-panel{cursor:pointer;will-change:left,width;height:100%;transition:all 1s cubic-bezier(.075,.82,.165,1);position:absolute;top:0;overflow:hidden}.spotlight-panel img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:400px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.spotlight-focus-indicator{border:3px solid var(--fg);will-change:left,width;pointer-events:none;z-index:100;height:100%;transition:all 1s cubic-bezier(.075,.82,.165,1),border-color .3s;position:absolute;top:0}.spotlight-focus-indicator:before,.spotlight-focus-indicator:after{content:"";background:var(--fg);width:3px;transition:background-color .3s;position:absolute;left:50%;transform:translate(-50%)}.spotlight-focus-indicator:before{height:100svh;bottom:100%}.spotlight-focus-indicator:after{height:100svh;top:100%}@media (max-width:1000px){.spotlight-panels{height:260px}.spotlight-panel img{width:200px}}