@keyframes clap{0%,to{transform:rotate(0);z-index:100;animation-timing-function:ease-out}50%{transform:rotate(-20deg);z-index:100;animation-timing-function:ease-in}}:root{--noise: url(/_Assets/noise.png)}#bts-page-overflow-container{width:100%;overflow:hidden}#topline-tags{display:flex;width:100%;height:3em;overflow-x:scroll;overflow-y:hidden;gap:1rem;padding-left:1rem;padding-right:1rem;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0),rgb(0,0,0) 3%,rgb(0,0,0) 97%,rgba(0,0,0,0));mask-image:linear-gradient(to right,#0000,#000 3%,#000 97%,#0000)}.topline-tag{display:block;cursor:pointer;color:var(--text);border:double 3px var(--outline);border-radius:5px;background:var(--secondary--lighter-gradient);height:-moz-fit-content;height:fit-content;font:inherit;font-size:1.5rem;margin:0;white-space:nowrap;width:-moz-max-content;width:max-content}.topline-tag:hover{background:var(--hover)}.topline-tag:active{background:#2a002a}.topline-tag.active{background:var(--primary)}#topline-tag-scroll-container{display:flex;width:95%;margin:auto}#topline-tag-scroll-container .scroll-button{font:inherit;font-size:2rem;background-color:transparent;border:none;color:#fff;cursor:pointer}#topline-tag-scroll-container .scroll-button:hover{scale:1.2}.slate{--border-size: 4px;position:relative;width:95%;max-width:800px;margin:2rem auto;z-index:1}.slate-top{display:flex;height:5rem;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.slate-clapper{display:block;position:relative;background-color:#000;border-bottom:solid var(--border-size) black;height:100%;width:100%}.slate-clapper--top{border-radius:20px 20px 5px;background:linear-gradient(45deg,#000,#000 10%,#000 10%,#000 20%,#00b700 20%,#00b700 30%,#fe0 30%,#fe0 40%,#0086d3 40%,#0086d3 50%,#d80000 50%,#d80000 60%,#eee 60%,#eee 70%,#c8c8c8 70%,#c8c8c8 80%,#737373 80%,#737373 90%,#363636 90%,#363636);z-index:100}.slate-clapper--bottom{border-radius:20px 5px 0 0;background:linear-gradient(135deg,#000,#000 10%,#000 10%,#000 20%,#00b700 20%,#00b700 30%,#fe0 30%,#fe0 40%,#0086d3 40%,#0086d3 50%,#d80000 50%,#d80000 60%,#eee 60%,#eee 70%,#c8c8c8 70%,#c8c8c8 80%,#737373 80%,#737373 90%,#363636 90%,#363636)}.slate-bolt{display:flex;position:absolute;top:50%;translate:0 -50%;left:1%;clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);height:75%;aspect-ratio:1/.8660254038;background:gray;align-items:center;justify-content:center}.slate-bolt:after{content:"";border-radius:50%;background-color:#303030;aspect-ratio:1/1;width:50%}.slate-body{height:100%;color:#000;background-color:#fff;background-image:url(/_Assets/noise.png);background-image:var(--noise);border:solid var(--border-size) black;border-radius:0 0 20px 20px;z-index:1}.slate-body .top{display:flex;justify-content:center;align-items:center;border-bottom:solid black var(--border-size)}.slate-body .top .top-third{width:20%;height:100%}.slate-body .top .shot{flex-grow:1;border-left:solid black var(--border-size);border-right:solid black var(--border-size)}.slate-body .top .take{display:flex;text-align:center;justify-content:center;align-items:center;font-size:2rem}.slate-body .bottom{color:#000}.slate-body .bottom h2{padding:.5em;border-bottom:solid black var(--border-size);text-align:center;font-weight:400}.slate-clapper--top:not(#\#){z-index:100!important}.slate.slate-clapper--animated .slate-clapper.slate-clapper--top{transform-origin:3% 50%;animation:clap .5s cubic-bezier(0,0,.3,1) forwards 1}.album-link:link[data-album-exists=false],.album-link:visited[data-album-exists=false]{display:none}.album-link:-moz-any-link[data-album-exists=false]{display:none}.album-link:any-link[data-album-exists=false]{display:none}.image-preview{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.film-title{text-align:center;font-size:2rem}.photo-album-icon{display:block;width:95%;height:100%;margin:auto;height:auto;cursor:pointer}.photo-album-icon:hover{fill:#ff69b4}@media (max-width: 900px){.slate{--border-size: 3px}.slate-body .bottom h2{font-size:1rem}.film-title{font-size:1.5rem}.slate-body .top .take{font-size:1rem}}.hidden{display:none}.draggable:not(#\#):not(#\#){transition:transform .4s cubic-bezier(.25,1.75,.5,1);z-index:2}