@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}@keyframes disappear{0%{opacity:1}to{opacity:0}}#flash_notice,#flash_alert{position:absolute;top:2rem;left:50%;transform:translate(-50%);background:none;animation:disappear 2s linear;animation-fill-mode:forwards;animation-delay:4s;pointer-events:none}body.registrations-new,body.registrations-create,body.registrations-edit,body.registrations-update,body.sonograms-new,body.sonograms-create,body.sonograms-edit,.sessions-new{min-height:100svh;width:100svw;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:0;margin:0;overflow:hidden}body.registrations-new h1,body.registrations-create h1,body.registrations-edit h1,body.registrations-update h1,body.sonograms-new h1,body.sonograms-create h1,body.sonograms-edit h1,.sessions-new h1{display:flex;align-items:center;justify-content:center;text-transform:lowercase;font-weight:400;letter-spacing:1px;font-size:2rem;width:calc(50% - 10svw);height:90svh;margin:0;padding:0 5rem}body.registrations-new .Header,body.registrations-create .Header,body.registrations-edit .Header,body.registrations-update .Header,body.sonograms-new .Header,body.sonograms-create .Header,body.sonograms-edit .Header,.sessions-new .Header{justify-content:space-between}body.registrations-new .Header br,body.registrations-create .Header br,body.registrations-edit .Header br,body.registrations-update .Header br,body.sonograms-new .Header br,body.sonograms-create .Header br,body.sonograms-edit .Header br,.sessions-new .Header br{display:none}body.registrations-new .Header a,body.registrations-create .Header a,body.registrations-edit .Header a,body.registrations-update .Header a,body.sonograms-new .Header a,body.sonograms-create .Header a,body.sonograms-edit .Header a,.sessions-new .Header a{text-decoration:none;cursor:pointer;transition:background-color .1s;font-weight:700;font-smooth:antialiased;-webkit-font-smoothing:antialiased;background:transparent;color:#49454f;padding:.07em .4em .25em;font-size:1.5rem;letter-spacing:2px;font-variant:small-caps;text-transform:lowercase}body.registrations-new .Header a:hover,body.registrations-create .Header a:hover,body.registrations-edit .Header a:hover,body.registrations-update .Header a:hover,body.sonograms-new .Header a:hover,body.sonograms-create .Header a:hover,body.sonograms-edit .Header a:hover,.sessions-new .Header a:hover{background:transparent;color:#e6e0e9;transition:none}.Form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:calc(50% + 10svw);min-height:100svh;background:#0f0d13;margin:0;padding-left:10svw}.Form form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.5rem}.Form form.new_user,.Form form.edit_sonogram{width:100%;max-width:24rem}.Form #error_explanation h2{font-size:1rem;font-weight:400;color:#49454f;display:none}.Form #error_explanation ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;padding-left:0;list-style-position:inside}.Form form .field{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem}.Form form .field br{display:none}.Form form .field.checkbox{flex-direction:row;align-items:center;justify-content:flex-start}.Form form .field.checkbox input,.Form form .field.file input{filter:invert(100%) saturate(0%);opacity:.5}.Form label,.Form em,.Form i{color:#49454f}.Form em{display:none}.Form .field_with_errors{width:100%}.Form input[type=text],.Form input[type=email],.Form input[type=password]{width:100%;background:transparent;color:#e6e0e9;padding:.3rem .5rem;font-size:1.25rem;font-size:1rem;line-height:160%;letter-spacing:.5px;word-spacing:1px;border:1px solid #26232b}.Form input[type=text]:focus,.Form input[type=email]:focus,.Form input[type=password]:focus{border:1px solid #49454F;outline:none}.Form textarea{width:100%;height:4.6rem;background:transparent;color:#e6e0e9;border:1px solid #26232b;padding:.3rem .5rem;font-size:1.25rem;font-size:1rem;line-height:160%;letter-spacing:.5px;word-spacing:1px;text-wrap:balance}.Form textarea:focus{border:1px solid #49454F;outline:none}.Form input[type=file]{font-size:1.25rem}.Form .actions{padding-top:1rem}.Form input[type=submit]{text-decoration:none;cursor:pointer;transition:background-color .1s;font-weight:700;font-smooth:antialiased;-webkit-font-smoothing:antialiased;background:#49454f;color:#e6e0e9;border:none;padding:.15em .4em .275em;font-size:1.25rem;letter-spacing:1px;font-variant:small-caps;text-transform:lowercase}.Form input[type=submit]:hover{background:#e6e0e9;color:#0f0d13;transition:none}.Form input[type=submit]:disabled{background:#141218;color:#49454f;pointer-events:none}.Slide{width:100svw;height:100svh;display:flex;gap:2rem;flex-direction:column;align-items:center;justify-content:center}.Slide img,.Slide video{margin-bottom:4rem;height:37.5rem;width:auto;aspect-ratio:1741/1080;box-shadow:0 1rem 3rem #00000040;border-radius:5px}.Slide h2{position:relative}.Slide h2:before{content:" ";position:absolute;bottom:-4.9rem;left:50%;background:#323232;width:200px;height:10px;z-index:999;transform:translate(-50%)}.Slide{transition:opacity .2s linear}.Slide.loading{opacity:0}.Slide.visible{opacity:1}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}html{background:#0f0d13;color:#e6e0e9}body{background:url(/static/images/noise.png)}.Landing{display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/static/images/stripe.jpeg) no-repeat -1.5rem 0rem;background-size:auto 200svh;position:relative}.Landing nav,.Landing footer{font-variant:small-caps;text-transform:lowercase;font-size:1.5rem;display:flex;gap:.5rem}.Landing nav a,.Landing nav span,.Landing footer a,.Landing footer span{text-decoration:none;letter-spacing:2px}.Landing nav{position:fixed;top:4rem;right:4rem;font-weight:700}.Landing nav a,.Landing nav span{color:#e6e0e9;color:#49454f;-webkit-font-smoothing:antialiased}.Landing nav a:hover{color:#e6e0e9}.Landing footer{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);font-weight:400}.Landing footer a,.Landing footer span{color:#49454f}.Landing h1{font-size:2.5rem;position:fixed;top:7.5rem;left:3rem;letter-spacing:1px}.Landing h2{font-size:2rem;text-align:center;font-weight:400;letter-spacing:2px}.Header{position:absolute;left:4rem;top:4rem;right:4rem;display:flex;align-items:center;justify-content:center;gap:2rem;z-index:3}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.CapsButton{text-decoration:none;cursor:pointer;transition:background-color .1s;font-weight:900;font-smooth:antialiased;-webkit-font-smoothing:antialiased;font-variant-numeric:oldstyle-nums;text-rendering:optimizeLegibility}.CapsButton.primary{background:#49454f;color:#e6e0e9}.CapsButton.secondary{background:transparent;color:#49454f}.CapsButton.primary:hover,.CapsButton.secondary:hover{background:#e6e0e9;color:#0f0d13;transition:none}.CapsButton.tertiary{background:transparent;color:#49454f}.CapsButton.tertiary:hover{background:transparent;color:#e6e0e9;transition:none}.CapsButton.small.tertiary,.CapsButton.normal.tertiary,.CapsButton.large.tertiary{padding-left:0;padding-right:0}.CapsButton.small{padding:.15em .4em .275em;font-size:1.25rem;letter-spacing:1px}.CapsButton.normal{padding:.07em .4em .25em;font-size:1.5rem;letter-spacing:2px}.CapsButton.medium{padding:.15em .4em .25em;font-size:3rem;letter-spacing:2px}.CapsButton.large{padding:.15em .4em .35em;font-size:4rem;letter-spacing:-.5px}.CapsButton.caps{font-variant:small-caps;text-transform:lowercase}.CapsButton.caps.medium{letter-spacing:-.5px}.CapsButton.caps.large{letter-spacing:-1px}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Profile{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.Profile .Header nav{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:2rem}.Profile .songs{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;text-wrap:balance;padding:10rem 6rem 12rem;gap:3px}.Profile .CapsButton.Song{display:flex;max-width:10em;background-color:#29262e}.Profile .CapsButton.Song:hover{background-color:#e6e0e9}.Profile .CapsButton.Song span.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .1s;font-weight:600;color:#e6e0e9}.Profile .CapsButton.Song span.label span.title{font-weight:900;color:#e6e0e9;transition:color .1s}.Profile .CapsButton.Song:hover span.label,.Profile .CapsButton.Song:hover span.label span.title{color:#141218;transition:none}.Profile .CapsButton.Song .annotations{flex-shrink:0;letter-spacing:0;font-size:1.125rem;background-color:#141218;color:#343139;border-radius:2.25rem;margin-left:.7rem;margin-right:-.85rem;padding-bottom:.1em;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-weight:900;font-variant-numeric:tabular-nums;transition:color .1s}.Profile .CapsButton.Song:hover{transition:none}.Profile .CapsButton.Song:hover .annotations{background:#141218;color:#e6e0e9;transition:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.ProfileName{display:flex;gap:2rem;align-items:center;justify-content:center;text-align:center;height:3.125rem;font-size:2rem;line-height:3rem;font-weight:400;letter-spacing:1px}.ProfileName .title{color:#bfb5c4;font-variant-numeric:oldstyle-nums}.ProfileName .CapsButton{margin-bottom:0;padding-bottom:0}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}@keyframes opacity_in{0%{opacity:0}to{opacity:1}}.AnalysisProgress{position:absolute;flex-direction:column;top:calc(45svh + 2rem);left:calc(12rem + 50svh);right:calc(33svw + 2rem);height:50svh;transform:translateY(-50%);z-index:5;pointer-events:none;opacity:0;display:flex;align-items:flex-start;justify-content:center;gap:2rem}.AnalysisProgress .ProcessingStep,.AnalysisProgress .eta{display:flex;width:100%}.AnalysisProgress .ProcessingStep .step,.AnalysisProgress .ProcessingStep .state,.AnalysisProgress .ProcessingStep .label,.AnalysisProgress .ProcessingStep .value,.AnalysisProgress .eta .step,.AnalysisProgress .eta .state,.AnalysisProgress .eta .label,.AnalysisProgress .eta .value{width:50%}.AnalysisProgress .ProcessingStep .state,.AnalysisProgress .ProcessingStep .value,.AnalysisProgress .eta .state,.AnalysisProgress .eta .value{font-weight:700}.AnalysisProgress .eta .value{letter-spacing:.1rem}.AnalysisProgress .ProcessingStep.isProcessing{color:#49454f}.AnalysisProgress .ProcessingStep.isDone{transition:color .6s linear!important;color:#e6e0e9}.AnalysisProgress .ProcessingStep,.AnalysisProgress .eta{animation:opacity_in .7s linear;animation-fill-mode:backwards}.AnalysisProgress .ProcessingStep:nth-child(1){animation-delay:60.6666666667ms}.AnalysisProgress .ProcessingStep:nth-child(2){animation-delay:135ms}.AnalysisProgress .ProcessingStep:nth-child(3){animation-delay:.2016666666667s}.AnalysisProgress .ProcessingStep:nth-child(4){animation-delay:301ms}.AnalysisProgress .ProcessingStep:nth-child(5){animation-delay:449ms}.AnalysisProgress .ProcessingStep:nth-child(6){animation-delay:.67s}.AnalysisProgress .eta{animation-delay:1s}.AnalysisProgress.isMounted{opacity:1;transition:opacity .3s linear}.AnalysisProgress.isDone{opacity:0;transition:opacity .3s linear}.AnalysisProgress.isHidden{opacity:0;transition:opacity .1s linear}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.AnnotationForm{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-left:6.75rem;transform:translateY(-1px)}.AnnotationForm textarea{width:100%;height:4.6rem;background:transparent;color:#e6e0e9;border:1px solid #49454F;padding:.3rem .5rem;margin-bottom:1rem;font-size:1.25rem;font-size:1rem;line-height:160%;letter-spacing:.5px;word-spacing:1px;text-wrap:balance;font-weight:300}.AnnotationForm textarea:focus{outline:none}.AnnotationForm .actions{display:flex;gap:1rem}.AnnotationForm .CapsButton{display:flex}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Annotation{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;flex-shrink:0;width:100%;height:auto;line-height:160%;transform:translateZ(0);-webkit-user-select:none;user-select:none}.Annotation span.timestamp{width:3.25rem;flex-shrink:0;padding:.3rem .5rem;color:#49454f;font-size:.875rem;transition:color .1s;font-variant-numeric:tabular-nums}.Annotation strong.index{min-width:2.5rem;min-height:2.5rem;color:#49454f;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;border:1px solid #49454F;font-size:.875rem;transition:background-color .1s,border-color .1s,color .1s;transform:translateY(-2px);font-weight:900;font-variant-numeric:tabular-nums}.Annotation span.text{padding:.3rem .5rem;flex-grow:1;border:1px solid transparent;letter-spacing:.025em;text-wrap:balance;color:#7e7a83;color:#49454f;transform:translateY(-1px);transition:color .1s;font-weight:500;max-width:28rem}.Annotation.isLastAnnotation strong.index{background-color:transparent;border:1px solid #E6E0E9;color:#e6e0e9}.Annotation.isLastAnnotation span.text,.Annotation.isLastAnnotation span.timestamp{color:#e6e0e9}.Annotation:hover,.Annotation.isHovered{cursor:pointer}.Annotation:hover strong.index,.Annotation.isHovered strong.index{background-color:#e6e0e9;background-color:#d3cbd7;color:#0f0d13;border:none;transition:none}.Annotation:hover span.text,.Annotation:hover span.timestamp,.Annotation.isHovered span.text,.Annotation.isHovered span.timestamp{color:#e6e0e9;transition:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Annotations{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:1.25rem;transform:translateZ(0);padding:0 calc(6rem - 6px) 0 2rem;outline:1px solid #0F0D13;position:absolute;top:0;right:0;bottom:0;left:67svw;z-index:999;overflow-y:scroll}.Annotations-TODO{scroll-snap-type:y mandatory;scroll-padding-top:calc(45svh - 20px)}.Annotations-TODO .Annotation-TODO{scroll-snap-align:start}.Annotations-TODO .Annotation-TODO:nth-child(1){background:#ff0}.Annotations-TODO .Annotation-TODO:last-child{background:#ff0}.Annotations{overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.Annotations::-webkit-scrollbar-thumb{background-color:#2c2931}.Annotations::-webkit-scrollbar-track{background-color:transparent}.Annotations::-webkit-scrollbar{height:6px;width:6px}.Annotations-spacer-top{height:calc(50svh - 50px);width:100%;flex-shrink:0;padding-top:5rem}.Annotations-spacer-bottom{height:calc(50svh - 40px);width:100%;flex-shrink:0}.Annotations-line{content:"";position:absolute;top:45svh;right:0;width:33svw;height:5svh;background:transparent;border-top:solid 1px red;border-bottom:solid 1px orange;display:none;z-index:1000}.Annotations-fade-top{content:"";position:absolute;pointer-events:none;top:0;right:6px;width:33svw;height:6rem;background:linear-gradient(#0F0D13 50%,transparent);z-index:1000}.Annotations-fade-bottom{content:"";position:absolute;pointer-events:none;bottom:0;right:6px;width:33svw;height:8rem;background:linear-gradient(transparent,#0f0d13);z-index:1000}.Annotations .description,.Annotations .timestamps{padding-left:calc(100% - 21.87rem);padding-left:.5rem;letter-spacing:.5px;word-spacing:1px;transition:opacity .2s linear}.Annotations .timestamps{font-variant-numeric:oldstyle-nums;color:#49454f;line-height:3rem;margin:1px 0 2rem}.Annotations .description{color:#49454f;line-height:160%;-webkit-font-smoothing:antialiased;text-wrap:balance}.Annotations:not(.played-0) .timestamps,.Annotations:not(.played-0) .description{opacity:0;pointer-events:none}.Annotations-cover{position:absolute;top:0;right:0;bottom:0;left:67svw;background:#0f0d13;opacity:.95;opacity:.98;z-index:666}.Annotations-border{content:"";position:absolute;left:67svw;top:45svh;width:1px;height:540px;transform:translateY(-50%);background:#49454f;z-index:1000}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}@keyframes wink{0%{fill:#fff}to{fill:#000}}@keyframes mio{0%{opacity:0}to{opacity:1}}.AnnotationMarker{position:absolute;width:calc(2.5rem + 1px);height:calc(2.5rem + 1px);transform:translate(-50%,-50%);background:#141218;color:#e6e0e9;border:1px solid #49454F;border-color:#e6e0e9;display:flex;justify-content:center;align-items:center;border-radius:3rem;transition:background-color .2s;cursor:pointer;font-weight:900;font-variant-numeric:tabular-nums}.AnnotationMarker:before{content:"";display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:8rem;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.AnnotationMarker:after{content:"";display:block;position:absolute;top:50%;left:50%;width:10rem;height:10rem;border-radius:10rem;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.AnnotationMarker.isLastMarker{background:transparent;color:transparent;border-color:transparent}.AnnotationMarker.isLastMarker:before{background:#fff;box-shadow:0 0 1rem 1rem #00000080}.AnnotationMarker.isLastMarker:after{border:1px solid white;background:#00000040;transform:translate(-50%,-50%)}.AnnotationMarker.isActiveMarker{border:none;pointer-events:none;background:transparent}.AnnotationMarker.isNew rect.main,.AnnotationMarker.isActiveMarker rect.main{fill:#fff;animation:wink .4s .4s ease-in-out alternate infinite}.AnnotationMarker.isNew rect.bkg,.AnnotationMarker.isActiveMarker rect.bkg{fill:#000;animation:mio .4s ease-in-out alternate infinite;display:none}.AnnotationMarker.isHovered{background:#fff;color:#141218;border:none}.AnnotationMarker.isLastMarker,.AnnotationMarker.isActiveMarker{background:transparent}.AnnotationMarker.isHovered,.AnnotationMarker.isLastMarker{transition:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Tile{float:left;cursor:crosshair;height:100vh;max-height:540px;background-size:calc(300px * var(--zoom-scale)) 100%;width:calc(300px * var(--zoom-scale))}.Player-VIEWING .Tile{pointer-events:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Map{position:absolute;top:calc(45svh - 270px);left:66vw;transition:transform .25s cubic-bezier(0,0,.01,1);mix-blend-mode:lighten;z-index:665}.Map:after{content:"";position:absolute;width:66svw;height:540px;left:0;top:0;transform:translate(-100%);background:transparent}.Map-cover{display:none;position:absolute;top:0;left:0;bottom:0;right:33svw;background:#141218;background:linear-gradient(to left,#14121800,#141218);z-index:666;mix-blend-mode:darken;pointer-events:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}@keyframes playbutton-in{0%{opacity:0}to{opacity:1}}.PlayButton{position:absolute;top:45svh;left:50svw;transform:translate(-50%,-50%);z-index:3;font-size:2rem;letter-spacing:-.125rem;animation:playbutton-in .3s linear backwards;animation-delay:.3s}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Progress{position:absolute;top:calc(47.5svh + 270px + (100svh - 540px)/4);transform:translateY(-50%);left:6rem;mix-blend-mode:lighten;width:calc(66svw - 8rem);z-index:9999;background:#000}.Progress:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#e6e0e9;mix-blend-mode:multiply;z-index:4}.Progress .cover{position:absolute;width:calc((66svw - 8rem) * (var(--progress) * -1 + 1));right:0;height:100%;background:#0f0d13;opacity:.7;z-index:2}.Progress img{width:100%;height:auto;height:8rem;opacity:.5;opacity:.4;opacity:.33;z-index:1;pointer-events:none;margin-bottom:-1rem}.Progress .AnnotationTick{position:absolute;width:1px;height:5rem;top:4rem;left:calc((66svw - 8rem) * var(--tickProgress));background-color:#49454f;opacity:1;mix-blend-mode:lighten;transform:translateY(-50%);transition:background-color .3s,height .15s ease-out;z-index:5}.Progress .AnnotationTick.highlight{background-color:#e6e0e9;opacity:1;height:6rem;transition:none}.Progress .time{position:relative;display:flex;width:100%;justify-content:space-between;font-size:.875rem;z-index:10;color:#49454f}.Progress .time .Timestamp:nth-child(1){transition:color .4s;transform:translate(max(.01rem,min(52.25svw,calc((var(--progress) * (66svw - 8rem)) - 50%))))}.Progress{transition:opacity .3s linear}.Progress.isLoading{opacity:0}.Progress.isLoaded{opacity:1}.Player-PLAYING .time .Timestamp:nth-child(1),.Player-PAUSED .time .Timestamp:nth-child(1){color:#e6e0e9;transition:color 32ms}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Recurrence{position:absolute;left:6rem;top:calc(45svh + 2rem);transform:translateY(-50%);z-index:2;display:flex;overflow:hidden;pointer-events:none;transition:opacity .6s linear;transition-delay:.1s;opacity:0}.Recurrence.isLoaded{opacity:1}.Recurrence.isLoaded .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#e6e0e9;mix-blend-mode:darken;z-index:2}.Recurrence.isHidden{opacity:0;transition:opacity .1s linear}.Recurrence img{height:50svh;width:50svh}.Recurrence.isRendered{mix-blend-mode:lighten}.Recurrence-placeholder{position:absolute;left:6rem;top:calc(45svh + 2rem);transform:translateY(-50%);z-index:3;display:flex;overflow:hidden;pointer-events:none;outline:1px solid #49454F;outline-offset:1px;height:50svh;width:50svh;transition:opacity .6s linear}.Recurrence-placeholder.isLoaded{opacity:0}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Screen{width:100%;overflow:hidden;position:relative;z-index:1;background:#0f0d13;min-height:100svh}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Player{position:relative;width:100%;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:top right;--zoom-scale: 1}.Player-PLAYING .PlayButton{opacity:0;pointer-events:none}.Player-PLAYING .Map{transition:transform .25s linear}.Scale{position:absolute;left:0;top:calc(45svh - 270px);height:540px;width:349px;pointer-events:none;z-index:999999}.audio{pointer-events:none;opacity:0}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.SongName{display:flex;gap:2rem;align-items:center;justify-content:flex-start;text-align:left;height:3.125rem}.SongName h1.title{font-size:2rem;line-height:3rem;font-weight:900;letter-spacing:1px;color:#bfb5c4;font-variant-numeric:oldstyle-nums}.SongName .CapsButton{margin-bottom:0;padding-bottom:0}.Navigation{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 6rem 1rem;z-index:222222;width:100svw;pointer-events:none}.Navigation>*{pointer-events:all}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.SongHeader{position:absolute;top:5rem;width:67vw;padding-left:6rem;padding-right:2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;z-index:3}.SongHeader .intrinsic-data{display:flex;flex-direction:column;gap:.5rem}.SongHeader .title{line-height:3rem}.SongHeader .author-and-project{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.SongHeader .author-and-project span{color:#49454f;text-transform:lowercase}.SongHeader .engagement{display:flex;align-items:center;justify-content:flex-end;line-height:3rem;gap:1.125rem;font-variant-numeric:oldstyle-nums;letter-spacing:1px}.SongHeader .numbers{display:flex;align-items:center;justify-content:flex-start;line-height:3rem;gap:1.125rem;color:#49454f;transform:translateY(.5px)}.SongHeader .interactions{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.SongHeader .interactions .ScoreButton{line-height:3rem}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.LowercaseLink{display:inline-block;text-decoration:none;letter-spacing:1px;transition:color .1s linear;color:#49454f}.LowercaseLink:hover{transition:none;color:#e6e0e9}.LowercaseLink.white{color:#e6e0e9}.LowercaseLink.white:hover{color:#706c76}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Logo{text-transform:lowercase;text-decoration:none}.Logo,.Logo h1{font-weight:900}.Logo.small,.Logo.small h1{font-size:1rem;letter-spacing:1px}.Logo.grey{color:#49454f;transition:color .1s linear}.Logo.grey:hover{color:#e6e0e9;transition:none}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.ScoreButton{background:transparent;border:none;cursor:pointer;text-transform:lowercase;font-variant:small-caps;font-weight:400;letter-spacing:.5px;font-size:1rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-shrink:0}.ScoreButton .score{color:#49454f}.ScoreButton .category{color:#e6e0e9;-webkit-font-smoothing:antialiased;font-smooth:antialiased}.Collaborator .Cursor{display:flex;flex-direction:column;padding-right:.5rem;padding-bottom:.5rem}.Collaborator .Pointer{transform:rotate(-120deg) scale(2);text-shadow:0px 0px 5px rgba(0,0,0,.66)}.Collaborators{position:absolute;left:0;top:0;z-index:1337;width:100svw;height:100svh;overflow:hidden;pointer-events:none}@keyframes fadeaway{0%{opacity:.3}to{opacity:0}}.CollaboratorName.isYou{display:flex;gap:.5rem}.CollaboratorName.isYou .hint{opacity:.3;text-transform:lowercase;font-variant:small-caps;font-weight:700;letter-spacing:1px;animation:fadeaway 6s linear 2s forwards}.Online{display:flex;gap:.5rem;font-size:1rem}.Online .ampersand{opacity:.3}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Song .SongHead{display:flex;flex-direction:column;gap:1rem}.Song .SongHead .SongAuthor{letter-spacing:1px;color:#7e7a83}.Song.Loading{position:absolute;top:45svh;left:50svw;transform:translate(-50%,-50%)}body.profiles-by_username,body.sonograms-show{overscroll-behavior:none}body.profiles-by_username .Song,body.profiles-by_username .Screen,body.profiles-by_username .Player,body.profiles-by_username .Map,body.sonograms-show .Song,body.sonograms-show .Screen,body.sonograms-show .Player,body.sonograms-show .Map{overscroll-behavior-x:contain;overscroll-behavior-y:none}body.profiles-by_username .Annotations,body.sonograms-show .Annotations{overscroll-behavior-x:none;overscroll-behavior-y:contain}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.SongRow{cursor:pointer}.SongRow a{text-decoration:none;color:#49454f}.SongRow td{padding:1rem 0;color:#49454f}.SongRow td.cover{width:100px;padding-left:1rem;padding-right:4rem;mix-blend-mode:lighten}.SongRow td.cover img{width:100px}.SongRow td.title strong{color:#e6e0e9}.SongRow .note-count{width:10rem}.SongRow .play-count{width:8rem}.SongRow .duration{width:7rem}.SongRow .created-at{width:10rem}.SongRow:hover{background-color:#0f0d13}.thin{font-weight:100}.lighter{font-weight:200}.light{font-weight:300}.medium{font-weight:500}.demi{font-weight:600}.bold{font-weight:700}.bolder{font-weight:800}.black{font-weight:900}@font-face{font-family:NotoSansMono Variable;src:url(/static/fonts/NotoSansMono-VariableFont_wdth,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:100%;font-display:block}.Home{padding:6rem;background:#141218;zoom:1.5}.Home table.songs{border-spacing:0;width:100%}*{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased}body,input,button,textarea{font-family:NotoSansMono Variable,monospace}html,body{font-size:14px}@media screen and (max-width: 1600px){html,body{font-size:13px}}@media screen and (max-width: 1440px){html,body{font-size:12px}}@media screen and (max-width: 1200px){html,body{font-size:11px}}@media screen and (max-width: 960px){html,body{font-size:10px}}@media screen and (max-width: 430px){html,body{font-size:9px}}