body{font-family:Arial,Helvetica,sans-serif;color:#fff;background-color:#163558;margin:auto 20px;display:none}.site-bg{position:absolute;overflow:hidden;z-index:-1;height:200%;width:200%;top:-50%;left:-50%;transform:translateZ(0);display:block;position:fixed;background-color:#000}.site-bg img{position:absolute;top:0;right:0;bottom:0;left:50%;min-width:55%;min-height:55%;margin:auto;transform:translate3d(-50%,0,0);max-width:none;filter:blur(10px);opacity:.8}.site-bg:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}a{text-decoration:none}h1{text-align:center;font-size:20px;color:#fff;text-shadow:rgba(0,0,0,.5) 2px 2px 2px}h2{text-align:center;font-size:16px;font-weight:400;text-shadow:rgba(0,0,0,.5) 2px 2px 2px}#header_container,#long_list_container{max-width:550px;margin:auto;position:relative}#profile_picture{display:block;margin:40px auto 20px;width:125px;height:125px;border-radius:50%;border:2px #fff solid}#logo_links{list-style:none;margin:0;padding:0;text-align:center}#logo_links .logo_link{margin:10px;display:inline-block;position:relative}#logo_links .logo_link a{display:inline-flex;height:30px;width:30px}#logo_links .logo_link#soundcloud_link a{width:30px}#logo_links .logo_link img{filter:brightness(0) invert(1) drop-shadow(rgba(0,0,0,.5) 1px 1px 2px)}#logo_links .logo_link .extra_link_tooltip{display:block;opacity:0;position:absolute;top:-35px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px 7px;font-size:12px;white-space:nowrap;left:50%;transform:translate(-50%);transition:all .2s}#logo_links .logo_link .extra_link_tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}#logo_links .logo_link:hover .extra_link_tooltip{opacity:1}footer{position:relative;height:50px;width:100%;margin-top:20px}footer .copyright{position:absolute;width:100%;color:#fff;line-height:40px;font-size:.9em;text-align:center;bottom:0}.page_title_and_back_button{display:flex;align-items:center;justify-content:space-between;padding:2rem 0 0;position:relative;margin-left:auto;margin-right:auto}.page_title_and_back_button .back-button{flex:0 0 auto}.page_title_and_back_button .back-button a{color:#fff;text-decoration:none;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;transition:all .3s ease;font-size:.9rem;text-shadow:rgba(0,0,0,.3) 2px 2px 2px}.page_title_and_back_button .back-button a:hover{background-color:#ffffff1a;border-color:#ffffff80}.page_title_and_back_button .page-title{position:absolute;left:50%;transform:translate(-50%);font-size:1.2rem;font-weight:700;color:#fff;text-align:center;white-space:nowrap;text-shadow:rgba(0,0,0,.3) 2px 2px 2px}.page_title_and_back_button{max-width:1200px}#video_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:30px auto 60px;padding:0;width:100%;box-sizing:border-box;max-width:1200px}.video_item{background:#ffffffe6;color:#000;border-radius:12px;padding:15px 15px 0;box-shadow:4px 4px #000000b3;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s;box-sizing:border-box;overflow:hidden}.video_info{width:100%;text-align:left;margin-top:15px;margin-bottom:15px;flex-grow:1}.track_title{font-size:1.2em;font-weight:700;margin:0 0 4px}.artist{font-size:1.1em;margin:0 0 6px}.release_info{font-size:1em;margin:0}.record_label{margin-right:4px}.video_item iframe{width:100%;min-height:180px;aspect-ratio:9/16;border-radius:8px;box-sizing:border-box}.video_item video{width:100%;min-height:180px;aspect-ratio:9/16;border-radius:8px;box-sizing:border-box;background:#000}.video_placeholder{position:relative;width:100%;min-height:180px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;cursor:pointer;background:#000;box-shadow:0 2px 8px #00000014;box-sizing:border-box}.video_placeholder[data-video-type=s3]:focus{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.video_placeholder[data-video-type=s3]:focus:not(:focus-visible){outline:none}.video_placeholder .thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.video_placeholder:hover .thumbnail{opacity:.8}.video_placeholder .placeholderImg{width:100%;height:100%;object-fit:cover}.video_placeholder .placeholderImg-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#fffc;font-size:48px;transition:color .3s ease}.video_placeholder:hover .placeholderImg-placeholder{color:#fff}.video-title-overlay{position:absolute;top:0;left:0;width:100%;height:50px;padding:10px 15px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 70%,transparent 100%);pointer-events:none;z-index:1;display:flex;align-items:center;gap:10px}.video-title-profile{width:40px;height:40px;border-radius:50%;flex-shrink:0}.video-title-text{color:#fff;font-size:18px;font-weight:400;text-shadow:0 0 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.play-button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.play-button{width:68px;height:48px;background-color:red;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.play-button:before{content:"";width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}.listen_on_section{width:100%;background:#0000000d;margin:auto -20px 0;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.listen_on_text{font-size:.9em;color:#464646;font-weight:500;margin:0}.listen_on_links{display:flex;gap:10px;align-items:center}.listen_link{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6px;background:#0000001a;transition:all .2s ease;text-decoration:none;box-shadow:0 1px 3px #0000001a;padding:0 8px;font-size:.8em;color:#464646}.listen_link:hover{background:#0003}.listen_link img{width:20px;height:20px;margin-right:5px}.listen_link.bandcamp img{filter:invert(59%) sepia(22%) saturate(642%) hue-rotate(147deg) brightness(100%) contrast(100%)}