:root{--green: #b2e8d3;--dark-green: #58c399;--light-blue: #7dc1d6;--dark-blue: #167d9d;--deep-purple: #6a0068;--light-gray-background: #f6f6f6}*{box-sizing:border-box}@font-face{font-family:BricolageGrotesque;src:url(/_static_assets/Bricolage_Grotesque/static/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:BricolageGrotesque;src:url(/_static_assets/Bricolage_Grotesque/static/BricolageGrotesque-ExtraBold.ttf) format("truetype");font-weight:700}html{font-family:BricolageGrotesque,sans-serif;font-size:16px;line-height:1.4;font-weight:400;color:#000;background:var(--light-gray-background);min-height:100vh;-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;overflow-x:hidden;min-height:100vh}body.dialog-disable-scroll{overflow:hidden}body>.page-container{min-height:100vh;display:flex;flex-direction:column}body>.page-container>main{flex-grow:1;padding-bottom:1rem}body.body-reecoute-development-mode .page-container nav{background:repeating-linear-gradient(45deg,var(--deep-purple),var(--deep-purple) 1rem,#982a63 1rem,#982a63 2rem)!important}input[type=text],input[type=email]{font-family:inherit;font-size:inherit;background:#fff;border:solid .05rem black;height:2rem;border-radius:1rem;padding:0 .75rem;box-shadow:inset .2rem .2rem .2rem #0000000d,0 0 .5rem #0000000d}select{font-family:inherit;font-size:inherit;background:#fff;border-radius:1rem;height:2rem;padding:0 1rem;border:none;cursor:pointer;box-shadow:0 0 .5rem #0000000d;width:100%}select:open{background:#eee}.table-horizontal-scroll{overflow-x:scroll}.table-horizontal-scroll .table{margin-left:auto;margin-right:auto}.table{border-collapse:collapse}.table th,.table td{border:solid #666 .1rem;padding:.5rem}.notification-badge{background:red;box-shadow:0 0 .5rem red;border-radius:99rem;color:#fff;padding:.2rem .4rem;font-family:monospace;font-weight:700;font-size:.8rem;margin:0 .25rem;position:absolute;left:.7rem;top:.6rem;z-index:1}footer{padding:1rem;color:#666}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}nav{background:var(--deep-purple);display:block;color:#fff;display:flex;line-height:1;-webkit-user-select:none;user-select:none;padding:0 .5rem;height:3rem}nav .NavBar__app-name,nav .NavBar__button{color:inherit;text-decoration:none;display:flex;align-items:center;padding:.7rem .5rem;position:relative;z-index:2;text-wrap:nowrap;cursor:pointer}nav .NavBar__app-name svg,nav .NavBar__button svg{opacity:.9;width:1.5rem;height:1.5rem}nav .NavBar__app-name:hover .NavBar__button-text,nav .NavBar__button:hover .NavBar__button-text{opacity:1}nav .NavBar__app-name:hover svg,nav .NavBar__button:hover svg{opacity:1}nav .NavBar__app-name:hover:after,nav .NavBar__button:hover:after{content:"";position:absolute;left:0rem;top:.4rem;bottom:.4rem;right:0rem;border-radius:99rem;z-index:-1;background:#fff3}nav .NavBar__button-text{margin-left:.25rem;opacity:.7}nav .nav-spacer{flex-shrink:0;flex-grow:1}nav .NavBar__app-name{text-transform:lowercase}nav .NavBar__app-name .app-name--re{font-weight:700}nav .NavBar__app-name .app-name--ecoute{font-weight:400;opacity:.8}nav .NavBar__app-name h2{font-size:1.3rem;padding:0;margin:0;text-wrap:nowrap;font-weight:400}@media (max-width: 30rem){nav .NavBar__button-notifications{padding:.7rem .3rem}nav .NavBar__button-notifications:not(.NavBar__signin) .NavBar__button-text{display:none}}@media (max-width: 22rem){nav .NavBar__button{padding:.7rem .3rem}nav .NavBar__button:not(.NavBar__signin) .NavBar__button-text{display:none}}.status-bar{border-bottom:solid .2rem #ddd;background:#eee;display:flex;min-height:3rem;-webkit-user-select:none;user-select:none;padding:.25rem}.status-bar>*{min-height:2rem;padding:0 .5rem}.status-bar .status-bar-status{display:flex;align-items:center}.status-bar .status-bar-progress{flex-grow:1;display:flex;align-items:center}.status-bar .progress-bar{flex-grow:1;background:#ddd}.status-bar .progress-bar--progress{background:var(--dark-green)}@media (max-width: 40rem){.status-bar{flex-direction:column}}.progress-bar{border-radius:99rem;height:.5rem;overflow:hidden}.progress-bar .progress-bar--progress{height:100%}main{padding:1rem}h1{font-size:2rem;font-weight:700;line-height:1;margin-top:.5rem;margin-bottom:2rem}@media (max-width: 40rem){h1{font-size:1.4rem}}h2{font-size:1.2rem;font-weight:700}.track-number{font-family:monospace;background:#e0e0e0;text-align:center;font-weight:400;border-radius:.2rem}.band-card,.session-card,.track-card,.passkey-card,.band-member-card,.band-invitation-card,.CommentCard,.SongCard{display:block;background:#fff;border-radius:1rem;padding:.5rem;color:inherit;text-decoration:none;border:solid .4rem white}.band-card .button2,.session-card .button2,.track-card .button2,.passkey-card .button2,.band-member-card .button2,.band-invitation-card .button2,.CommentCard .button2,.SongCard .button2{background:#f2f2f2;box-shadow:none!important}@media (max-width: 25rem){.band-card,.session-card,.track-card,.passkey-card,.band-member-card,.band-invitation-card,.CommentCard,.SongCard{border-radius:0;margin-left:-1rem;margin-right:-1rem}}.session-card-date{font-size:1.1rem}.session-card-songs,.SongCard__sessions{opacity:.6;font-size:.8em}.session-cards-list,.track-cards-list,.band-cards-list,.passkeys-card-list,.band-members-card-list,.band-invitations-card-list,.comment-cards-list,.song-card-list{display:flex;flex-direction:column;gap:.5rem}.track-card,.CommentCard{cursor:pointer;transition:box-shadow .3s;box-shadow:0 0 1rem #0000000d}.track-card:hover,.CommentCard:hover{box-shadow:0 0 1rem #0000001a}.track-card{display:flex;flex-direction:column;gap:.5rem;font-size:1rem}.track-card .track-number,.track-card .track-card-song-title{height:2rem;line-height:2rem;padding-top:0;padding-bottom:0}.track-card .track-number{margin-right:.5rem;width:2rem;min-width:2rem;max-width:2rem}.track-card .button2{height:1.8rem;align-self:center}.track-card .button2.track-card__go-to-timecode:not(:hover){background:none}.track-card .button2 svg{height:1rem}.track-card .button2 .track-card__timecode{font-family:monospace;font-size:.9rem;color:#444}.track-card>div{display:flex;align-items:stretch}.track-card .track-card-comments{margin-right:.5rem;min-width:3rem;color:#666;font-size:.9em}.track-card .track-card-song-title{color:#000;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.track-card .track-card-spacer{flex-grow:1}.band-member-card{display:flex;flex-direction:column}.band-member-card .band-member-card-email-address{opacity:.6;font-size:.8em}.band-member-card .band-member-card-buttons{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem}.band-invitation-card{overflow:hidden;text-overflow:ellipsis}.passkey-card{display:flex;gap:1rem}.passkey-card .button2{margin-top:.5rem}.passkey-card>svg{width:2rem;flex-grow:0;flex-shrink:0;color:#666}.passkey-card .passkey-card-right{flex-grow:1}.CommentCard{cursor:pointer;display:flex;gap:.25rem;flex-direction:column}.CommentCard .CommentCard__date{font-size:.9rem;opacity:.6}.CommentCard .CommentCard__author{font-weight:700;margin-right:.5rem}.CommentCard .button2{vertical-align:bottom;height:1.8rem}.CommentCard .button2.CommentCard__go-to-timecode:not(:hover){background:none}.CommentCard .button2 svg{height:1rem}.CommentCard .button2 .CommentCard__timecode{font-family:monospace;font-size:.9rem;color:#444}.breadcrumb{margin-bottom:1rem}.breadcrumb a{text-decoration:none;color:#777}.breadcrumb a:hover{color:#000}details.list-of-hidden-tracks{margin-top:1rem;cursor:pointer}details.list-of-hidden-tracks h2{display:inline}.upload-page main{display:flex}.upload-page main .drop-zone{flex-grow:1;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column}.upload-page main .drop-zone h2{text-align:center}.upload-page main .drop-zone .button2{height:3rem}.upload-page main .drop-zone .button{padding:.5rem 1rem}.upload-page input[type=file]{display:none}.upload-page .drop-zone-hover{outline:dashed .5rem var(--dark-green);outline-offset:-.5rem}.button-row{display:flex;gap:1rem;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;margin:1rem 0}.button-row .button,.button-row .button2{flex-shrink:0}.band-selector{display:flex;flex-direction:column;gap:1rem}details summary{cursor:pointer}details>div{padding:.5rem;max-width:40rem}.EditButton{background:#fff;border-radius:1rem;height:1.7rem;min-width:3rem;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 .5rem;font-weight:400;text-wrap:nowrap;flex-shrink:0}.EditButton:not(.EditButton--disabled):hover{box-shadow:0 0 .5rem #0000001a}.EditButton.EditButton--disabled{cursor:default;color:#666}.Editable.Editable--editing .Editable__display-container>.EditButton{cursor:default;opacity:.5}.Editable:not(.Editable--editing):not(.Editable--disabled){cursor:pointer}.Editable:not(.Editable--editing):not(.Editable--disabled):hover .EditButton:not(.EditButton--disabled){box-shadow:0 0 .5rem #0000001a}.Editable .Editable__display-container>.EditButton{margin-left:.5rem;font-size:.9rem}.Editable .Editable__display-container .Editable__display{display:inline-block}.Editable__popover{position:relative;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 0 .5rem #0000001a,0 0 5rem #0000001a;max-width:calc(100vw - 30px)}.Editable__popover:before{content:"";position:absolute;left:1.5rem;top:-.4rem;width:1rem;height:1rem;background:#fff;transform:rotate(45deg);box-shadow:-.4rem -.4rem .3rem #0000000c}.Editable__popover .Editable__input{position:relative;z-index:1}.Editable__popover .Editable__input input,.Editable__popover .Editable__input select{max-width:100%}.Editable__popover .Editable__input select{font-family:inherit;font-size:1rem}.Editable__popover .Editable__popover-buttons{margin-top:1rem;display:flex;gap:.5rem}.Editable__popover .EditButton{color:#444}.Editable__popover .EditButton:not(.EditButton--disabled):hover{background:var(--light-gray-background);box-shadow:none}.EditableGroup{margin:1.5rem 0;border-left:solid .3rem var(--deep-purple);padding-left:.5rem}.EditableGroup .EditableGroup__error-message{background:#eb4840;color:#fff;padding:.5rem;margin-bottom:.5rem;border-radius:1rem}.EditableGroup .EditableGroup__error-message a{color:inherit}.EditableGroup label{display:block;margin-bottom:.25rem}.EditableGroup label small{color:#444}.EditableGroup .Editable__display{font-size:1.2rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.EditableGroup .Editable__display-container{display:flex}@media (max-width: 30rem){.EditableGroup .Editable__display-container{flex-direction:column;align-items:flex-start}.EditableGroup .Editable__display-container .EditButton{margin-left:0}}h1 .Editable__display-container{display:flex;align-items:center}@media (max-width: 20rem){h1 .Editable .Editable__display-container{flex-direction:column;align-items:flex-start}h1 .Editable .Editable__display-container>.EditButton{margin:0;margin-top:.25rem}}.button2{font-size:inherit;font-family:inherit;border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;padding:.25rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;color:#000;text-decoration:none;box-shadow:0 0 .5rem #0000000d;text-align:center}.button2:not(.button2--disabled):not([disabled]):hover{box-shadow:0 0 .5rem #0000001a}.button2[disabled],.button2.button2--disabled{color:#888;cursor:default}.button2.button2--large{height:3rem}.CommentThreadScrollPane{overflow-y:scroll}.CommentThread{display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;margin-bottom:.5rem}.CommentThread .Comment{cursor:pointer}.CommentThread .Comment .Comment__author{display:inline;font-weight:700;margin-right:.5rem}.CommentThread .Comment .Comment__text{display:inline;white-space:pre-wrap}.CommentMenu{border-radius:1rem;width:calc(100vw - 2rem);max-width:20rem;z-index:5}.SessionTitleForm{display:flex;gap:1rem}.SessionTitleForm input[type=date]{min-width:6rem}.SessionTitleForm select,.SessionTitleForm input{width:initial;flex-shrink:0;font-family:inherit;font-size:1rem;border-radius:1rem;height:2rem;padding-left:.5rem;padding-right:.5rem;color:#000;background:#eee;cursor:pointer;border:solid .1rem #c9c9c9}.BandPage__grid{display:grid;grid-template-columns:1fr 20rem 20rem;grid-template-rows:max-content;gap:1rem}@media (max-width: 70rem){.BandPage__grid{grid-template-columns:1fr 20rem}}@media (max-width: 50rem){.BandPage__grid{grid-template-columns:1fr}}.HelpPage main>:not(.table-horizontal-scroll){max-width:40rem;margin-left:auto;margin-right:auto}.HelpPage main h1{line-height:1.2em}.HelpPage main h2{margin-top:3rem;margin-bottom:0;font-weight:400;font-size:2rem;position:-webkit-sticky;position:sticky;top:0;background:var(--light-gray-background);border-bottom:solid .2rem black}.HelpPage main h3{font-weight:700;font-size:1.1rem;margin-bottom:-.5rem;scroll-margin-top:6rem}.HelpPage main *:target{background:#fff}li:not(:last-child){margin-bottom:.5rem}.DialogBackdrop{background:#a0a0a03d;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);position:fixed;left:0;top:0;right:0;bottom:0;z-index:3;cursor:pointer}.DialogContainer{position:fixed;left:0;top:0;right:0;bottom:0;padding:2rem;z-index:4;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (max-width: 30rem){.DialogContainer{padding:0}.DialogContainer .Dialog{border-radius:0}}.Dialog{cursor:default;width:100%;max-width:40rem;max-height:60rem;margin:auto;box-shadow:0 0 3rem #00000038;background:var(--light-gray-background);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.Dialog .Dialog__head{flex-grow:0;flex-shrink:0;display:flex;height:3rem}.Dialog .Dialog__head .Dialog__title{flex-grow:1;font-size:1.2rem;padding:.8rem 1rem;padding-right:0;font-weight:700;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.Dialog .Dialog__head .Dialog__close{cursor:pointer;flex-shrink:0;flex-grow:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-top:-.2rem}.Dialog .Dialog__body{flex-grow:1;padding:1rem;overflow:hidden}.Dialog .Dialog__buttons{flex-shrink:0;padding:.5rem;justify-content:flex-end;display:flex;gap:.5rem}.Dialog .Dialog__buttons .button2{height:3rem}.SongSelectorDialog{height:100%}.SongSelectorDialog input{flex-shrink:0}.SongSelectorDialog .Dialog__body{display:flex;flex-direction:column}.SongSelectorDialog .SongSelectorDialog__SongList{flex-grow:1;padding:.5rem 0;overflow:hidden;-webkit-user-select:none;user-select:none}.SongSelectorDialog .SongSelectorDialog__SongList .SongList__song{padding:.25rem;cursor:pointer;border-radius:99rem}.SongSelectorDialog .SongSelectorDialog__SongList .SongList__song:hover{background:#fff}.SongSelectorDialog .SongSelectorDialog__add-song{flex-shrink:0;margin-top:.5rem;display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.SessionVisibilityDialog .Dialog__body>div{display:flex;margin-bottom:1rem;align-items:center}.SessionVisibilityDialog .Dialog__body>div input{cursor:pointer;width:1.5rem;height:1.5rem;margin:0;padding:0}.SessionVisibilityDialog .Dialog__body>div label{padding-left:1rem;cursor:pointer}.CommentThreadDialog{height:100%}.CommentThreadDialog .Dialog__body{display:flex;flex-direction:column}.CommentThreadDialog .Dialog__body .CommentThread{flex-grow:1;flex-shrink:0;overflow-y:scroll}.CommentThreadDialog .CommentThreadDialog__sign-up-to-reply .button2{width:100%}.CommentThreadDialog .WriteCommentForm{width:100%;display:flex;flex-grow:0;flex-shrink:0}.CommentThreadDialog .WriteCommentForm textarea{flex-grow:1;resize:none;font-family:inherit;font-style:inherit;font-size:1rem;border-radius:1rem;padding:.5rem;border:solid .05rem #838383;box-shadow:0 0 .25rem #00000036 inset;overflow:hidden;height:2.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.CommentThreadDialog .WriteCommentForm textarea:focus-visible{outline:none}.CommentThreadDialog .WriteCommentForm button{border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0;flex-grow:0}.NotificationPane{background:var(--light-gray-background);border-radius:1rem;display:flex;flex-direction:column;z-index:2;box-shadow:0 0 1rem #0004;min-width:20rem;max-width:30rem;overflow:hidden;width:calc(100% - 10px);max-height:calc(100vh - 8rem);overflow-y:auto}.NotificationPane .NotificationPane__header{padding:.5rem 1rem;font-size:1.1rem}.NotificationPane .NotificationPane__empty{display:flex;align-items:center;justify-content:center;height:4rem;color:#aaa}@media (max-width: 20rem){.NotificationPane{min-width:0}}.NotificationCard{padding:.5rem 1rem;position:relative}.NotificationCard.NotificationCard--unread:before{content:"";background:var(--deep-purple);position:absolute;width:.5rem;top:0;bottom:0;left:0}.NotificationCard .NotificationCard__footer{display:flex;gap:.5rem;align-items:center}.NotificationCard .NotificationCard__datetime{color:#666;font-size:.9rem;flex-grow:1}a.NotificationCard{text-decoration:none;color:#000}a.NotificationCard:hover{background:#fff}.tooltip{background:var(--deep-purple);font-size:.9rem;color:#fff;z-index:5;padding:.25rem 1rem;border-radius:1rem;max-width:calc(100vw - 40px)}.SourceFile{display:flex}.SourceFile .SourceFile__main{flex-grow:1;flex-shrink:1;overflow:hidden}.SourceFile .SourceFile__main .SourceFile__name{font-size:1.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SourceFile .SourceFile__main .SourceFile__size{font-size:.9rem;color:#888;white-space:nowrap}.SourceFile .SourceFile__delete{flex-shrink:0;flex-grow:0;align-self:center;padding:.5rem;color:#666}.SourceFile .SourceFile__delete:hover{background:#fee;border-radius:1rem;color:#e00}.SourceFile .SourceFile__delete svg{display:block;width:1.75rem}.GlobalWaveformClipIndicator{position:absolute;bottom:.2rem;min-width:.1rem}.audio-player-cursor{position:absolute;height:100%;width:.16rem;background:#ff4800;box-shadow:#ff4800 0 0 .2rem;top:0;pointer-events:none}.audio-player-mark{position:absolute;background:#fff0e2;top:.1rem;bottom:.1rem;border-radius:.2rem;pointer-events:none;outline:rgb(255 72 0 / .6) dashed .1rem;right:50%;visibility:hidden}.audio-player-detailed-waveform-container{background:#e8e8e8;margin:0 -1rem;position:relative;overflow:hidden;height:8rem}.audio-player-detailed-waveform-container .audio-player-cursor{left:calc(50% - .08rem)}.audio-player-detailed-waveform-container .GlobalWaveformClipIndicator{background:#f4d7ff;box-shadow:0 0 1rem #fff;top:initial;bottom:.3rem;height:1.3rem;border-radius:99rem;cursor:pointer;text-decoration:none;color:#000}.audio-player-detailed-waveform-container .GlobalWaveformClipIndicator:hover{opacity:.8}.audio-player-detailed-waveform-container .GlobalWaveformClipIndicator span{position:-webkit-sticky;position:sticky;left:0rem;padding:0 .5rem;font-size:.9rem;color:#6a0068}.audio-player-detailed-waveform-container .ClipBackground{pointer-events:auto;display:block;margin-top:5.8rem;height:2rem;cursor:pointer;position:relative}.audio-player-detailed-waveform-container .ClipBackground:after{content:"";background:var(--deep-purple);position:absolute;left:0;right:0;top:.75rem;height:.5rem;border-radius:99rem;z-index:1}.AudioPlayerButton{-webkit-user-select:none;user-select:none;flex-shrink:0;background:#fff;height:3rem;min-width:3rem;border-radius:1rem;padding:.25rem 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 .5rem #00000012;gap:.5rem;color:inherit;text-decoration:none}.AudioPlayerButton:not(.AudioPlayerButton--disabled):hover{box-shadow:0 0 .5rem #00000026}.AudioPlayerButton .AudioPlayerButton__text{overflow:hidden;color:inherit;text-wrap:nowrap;text-overflow:ellipsis}.AudioPlayerButton .AudioPlayerButton__icon{height:1.6rem}.AudioPlayerButton .AudioPlayerButton__icon svg{color:#555;height:inherit}.AudioPlayerButton:not(:has(.AudioPlayerButton__text)){padding:0 .5rem}.AudioPlayerButton:not(:has(.AudioPlayerButton__text)) .AudioPlayerButton__icon{height:1.8rem}.AudioPlayerButton.AudioPlayerButton--disabled{color:#999;cursor:default}.AudioPlayerButton.AudioPlayerButton--disabled svg{color:#aaa}.CollapsibleButtonGroup{display:flex;gap:.5rem;min-width:0}.CollapsibleButtonGroup .CollapsibleButtonGroup__children{display:flex;overflow:hidden;row-gap:4rem;column-gap:.5rem;flex-wrap:wrap;height:5rem;justify-content:flex-end;padding:1rem;margin:-1rem}.CollapsibleButtonGroup .CollapsibleButtonGroup__children .CollapsibleButtonGroup__dummy{height:3rem}.CollapsibleButtonGroup__dropdown-container{padding:.5rem 0;max-width:calc(100vw - 1.5rem)}.CollapsibleButtonGroup__dropdown,.ClipMenu,.CommentMenu{box-shadow:0 0 1rem #0000004d;border-radius:1rem;overflow:hidden}.CollapsibleButtonGroup__dropdown .AudioPlayerButton,.ClipMenu .AudioPlayerButton,.CommentMenu .AudioPlayerButton{justify-content:start;border-radius:0;box-shadow:none!important}@media (max-width: 30rem){.CollapsibleButtonGroup__children .AudioPlayerButton--select-region{padding:0 .5rem!important}.CollapsibleButtonGroup__children .AudioPlayerButton--select-region .AudioPlayerButton__text{display:none}}@media (max-width: 40rem){.CollapsibleButtonGroup__children .AudioPlayerButton--comment{padding:0 .5rem!important}.CollapsibleButtonGroup__children .AudioPlayerButton--comment .AudioPlayerButton__text{display:none}}.AudioPlayerButtons{margin-top:1rem;-webkit-user-select:none;user-select:none;display:flex;gap:.5rem}.AudioPlayerButtons .AudioPlayerButtons--prev-play-next{display:flex;flex-shrink:0;gap:inherit;flex-grow:1}.AudioPlayer{user-select:none;-webkit-user-select:none}.AudioPlayer .VirtualScrollPane{height:100%;cursor:grab}.AudioPlayer .WindowRenderer{height:100%}.AudioPlayer .WindowRenderer__RegularTileWrapper{height:100%;pointer-events:none}.AudioPlayer .AudioPlayer__waveform-padding{background:#aaa;height:100%}.AudioPlayer .WindowRendererTile{height:100%}.AudioPlayer .WindowRendererTile img{height:100%;width:100%;opacity:.6;padding:1rem 0;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;overflow:hidden}.AudioPlayer .AudioPlayerGlobalWaveform__container{position:relative;cursor:pointer;margin-bottom:1rem;height:3rem;overflow:hidden;border-radius:1rem;background:#e8e8e8}.AudioPlayer .AudioPlayerGlobalWaveform__container .GlobalWaveformCommentThreadIndicator{position:absolute;top:calc(50% - .3rem);background-color:#008997;width:.6rem;height:.6rem;margin-left:-.3rem;border-radius:99rem;border:solid .1rem white;box-shadow:0 0 .1rem #0006}.AudioPlayer .AudioPlayerGlobalWaveform__container .GlobalWaveformClipIndicator{border-bottom:.3rem solid #b451b2;top:.1rem;bottom:.1rem}.AudioPlayer .AudioPlayerGlobalWaveform__container .GlobalWaveformClipIndicator:hover{background:#f4d6ff;border-radius:.2rem}.AudioPlayer .AudioPlayerGlobalWaveform__container>img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;overflow:hidden;width:100%;filter:contrast(.4);padding:.9rem 0;height:100%;text-wrap:nowrap}.AudioPlayer .AudioPlayer__timecode,.AudioPlayer .AudioPlayer__timecode5{color:#888;border-left:solid .1rem #aaa;padding-left:.2rem;height:.3rem;line-height:1.5rem;font-size:.8rem}.AudioPlayer .AudioPlayer__timecode5{height:1.2rem}.AudioPlayer .AudioPlayer__mark-controls{padding-top:.5rem}.AudioPlayer .AudioPlayer__mark-controls>span{font-weight:700}.AudioPlayer .AudioPlayer__mark-controls .AudioPlayer__mark-controls-buttons{padding-top:.5rem;display:flex;gap:.5rem}.AudioPlayer .AudioPlayer__mark-controls .AudioPlayer__mark-controls-buttons .AudioPlayer__create-clip-button{background:#fff0e2;border:rgb(255 72 0 / .6) dashed .1rem}@media (max-width: 20rem){.AudioPlayer__mark-controls-buttons{flex-direction:column}}@media (max-width: 50rem){.AudioPlayer .AudioPlayerGlobalWaveform__container .GlobalWaveformCommentThreadIndicator{top:calc(50% - .2rem);width:.4rem;margin-left:-.2rem;height:.4rem}}.child-track-indicator-text{cursor:pointer;width:100%;white-space:nowrap;overflow:hidden;background:var(--deep-purple);color:#fff;margin-top:5.8rem;margin-left:1rem;display:block;padding:.25rem 1rem;border-radius:99rem;pointer-events:none}.ClipMenu{padding:.5rem 0;background:#fff;border-radius:1rem;width:calc(100vw - 2rem);max-width:20rem}.ClipMenu .AudioPlayerButton{height:2.5rem}.ClipMenu .AudioPlayerButton .AudioPlayerButton__icon{height:1.2rem}.CommentIndicator{height:100%}.CommentIndicator .CommentIndicator__bubble_container{position:relative;height:100%}.CommentIndicator .CommentIndicator__bubble_container svg{color:#008997ee;filter:drop-shadow(1px 1px 5px rgb(0 0 0 / .2));opacity:.8}.CommentIndicator .CommentIndicator__bubble_container .CommentIndicator__bubble{pointer-events:auto;cursor:pointer;position:absolute;top:1rem;left:0;right:0;padding:0 .75rem;height:2rem;display:flex;gap:.5rem;align-items:center;font-size:.8rem;background-color:#008997dd;border-radius:1rem;color:#ffffffe6}.CommentIndicator .CommentIndicator__bubble_container .CommentIndicator__bubble:hover{background-color:#008997ee}.CommentIndicator .CommentIndicator__bubble_container .CommentIndicator__bubble .CommentIndicator__text_preview{flex-grow:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.CommentIndicator .CommentIndicator__bubble_container .CommentIndicator__bubble .CommentIndicator__comment_count{flex-shrink:0;flex-grow:0;font-weight:700;font-size:1rem}.ReorderableList{-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.ReorderableList .ReorderableList__slot{position:absolute;width:100%}.ReorderableList .ReorderableList__item{height:100%;background:#fff;border-radius:1rem;padding:.75rem;display:flex;align-items:center;gap:1rem;position:relative;box-shadow:.1rem .1rem .5rem #0000000d;touch-action:none}.ReorderableList .ReorderableList__item .ReorderableList__item-handle{margin-left:.5rem;width:1.5rem;height:1.5rem;flex-shrink:0;flex-grow:0}.ReorderableList .ReorderableList__item .ReorderableList__item-handle span{display:block;border-bottom:solid #ccc .1rem;margin-bottom:.35rem}.ReorderableList .ReorderableList__item .ReorderableList__item-content{flex-grow:1;overflow:hidden}.PublicHomePage .PublicHomePage__hero{padding:20vh 0;display:flex;flex-direction:column;align-items:center}.PublicHomePage .PublicHomePage__hero h2{font-size:1.2rem;font-weight:700;text-align:center}.PublicHomePage .PublicHomePage__hero .PublicHomePage__try_cta{border-radius:1rem;background:var(--deep-purple);color:#fff;text-decoration:none;padding:1rem;text-align:center}.PublicHomePage .VideoContainer{aspect-ratio:16/10;border-radius:1rem;width:min(100%,60rem,max(140vh,30rem));margin:auto;position:relative;overflow:hidden}.PublicHomePage .VideoContainer .VideoContainer__replay{color:#fff;background:#00000080;font-size:1.4rem;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 0 2rem black,0 0 2rem black}.PublicHomePage .VideoContainer video{width:100%}.TrackPage__clips-and-comments{display:flex;gap:2rem}@media (max-width: 50rem){.TrackPage__clips-and-comments{flex-direction:column}}.TrackPage__clips,.TrackPage__comments{flex-grow:1;flex-shrink:1;min-width:0;flex-basis:100%}