:is(html:has(.videos-container),body:has(.videos-container)){background-color:#111!important}.videos-container{background-color:#111;flex-direction:column;align-items:center;gap:60px;min-height:100vh;padding:100px 20px 40px;display:flex;position:relative}@media (max-width:600px){.videos-container{gap:40px;padding-top:120px}.back-btn{top:1.5rem;left:1.5rem}}.back-btn{z-index:20;position:absolute;top:2rem;left:2rem}.retro-btn-alt{color:#fff;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:.5rem 1.5rem;font-family:Instrument Serif,serif;font-size:1.2rem;text-decoration:none;transition:background .3s,border-color .3s;display:inline-block}.retro-btn-alt:hover{background:#ffffff1a;border-color:#ffffff80}.video-item{flex-direction:column;gap:20px;width:100%;max-width:800px;display:flex}.video-title{color:#fff;text-align:left;letter-spacing:-.02em;margin:0;font-family:Instrument Serif,serif;font-size:2.5rem;font-weight:500}.video-wrapper{background:#111;border-radius:8px;width:100%;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px #ffffff0d}.video-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffffff1a}.video-wrapper iframe{display:block}.spinner-container{z-index:1;background-color:#111;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:4px solid #ffffff1a;border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}