: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}body{margin:0;overflow-x:hidden;min-height:100vh}body.dialog-disable-scroll,body.audio-player-disable-scroll{overflow:hidden}body>#app{min-height:100vh}body>#app>.page-container{min-height:100vh;display:flex;flex-direction:column}body>#app>.page-container>main{flex-grow:1;padding-bottom:1rem}body.body-reecoute-development-mode #app 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:inset #cdcdcd .3rem;height:2.5rem;border-radius:99rem;padding:0 .75rem}.table-horizontal-scroll{overflow-x:scroll}.table{border-collapse:collapse}.table th,.table td{border:solid black .1rem}.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 .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{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{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{border-radius:0;margin-left:-1rem;margin-right:-1rem}}.track-card.track-card-source{border-color:#9df19d}.session-card-date{font-size:1.1rem}.session-card-songs{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{display:flex;flex-direction:column;gap:.5rem}.track-card{display:flex;flex-direction:column;gap:.5rem;font-size:1rem;cursor:pointer}.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 .track-card-play-timecode{padding:0 .5rem;cursor:pointer;text-align:right;display:inline-block;height:2rem;line-height:2rem;border-radius:.2rem;font-family:monospace;white-space:nowrap}.track-card .track-card-play-timecode:hover{background:#f9e8ff}.track-card .track-card-play-timecode svg{height:1.3rem;margin-left:.25rem;margin-top:.3rem;display:inline-block;vertical-align:top}.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{font-size:1.1em;color:#000;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.track-card .track-card-description{color:#666;font-size:.9em}.track-card .track-card-spacer{flex-grow:1}.track-card .track-card-duration{color:#666;margin-left:.5rem}.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}.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}.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}.FormField{margin:1rem 0}.FormField label{display:block}.FormField input{margin-top:.25rem}.FormField-error-message{color:red}.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}.band-selector .button{padding-top:.5rem;padding-bottom:.5rem}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}.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__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__label{color:#444;margin-bottom:.25rem}.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):hover{box-shadow:0 0 .5rem #0000001a}.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 select,.SessionTitleForm input{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}.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;height:4rem;padding:.5rem;justify-content:flex-end;display:flex;gap:.5rem}.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);color:#fff;z-index:5;padding:.25rem 1rem;border-radius:1rem;max-width:calc(100vw - 40px)}.uploads-concat{display:flex;gap:1rem}.uploads-concat p.placeholder{color:#666;padding:1rem;margin:0;font-style:italic}.uploads-concat>div{flex-grow:1;flex-shrink:1;flex-basis:100%}.uploads-concat .source-file{padding:.5rem;cursor:pointer;font-family:monospace;font-size:.9rem;position:relative}.uploads-concat .source-files-list .source-file.source-file-selected:hover:after{content:"retirer ⬅️";background:#fff;position:absolute;right:1rem;color:#000}.uploads-concat .source-files-list .source-file:not(.source-file-selected):hover:after{content:"ajouter ➡️";background:#fff;position:absolute;right:1rem;color:#000}.uploads-concat .future-track-files-list .source-file:hover:after{content:"retirer ⬅️";background:#fff;position:absolute;right:1rem}.uploads-concat .source-file-selected{background:#eee;color:#888}.uploads-concat .source-files-list,.uploads-concat .future-track-files-list{border:solid #ddd .2rem;flex-grow:1;display:flex;flex-direction:column}.uploads-concat .source-files-column,.uploads-concat .future-track-column{display:flex;flex-direction:column}.uploads-concat .spacer{flex-grow:1}.uploads-concat .begin-end-marker{color:#666;font-size:.8rem;text-align:center;padding:.25rem 1rem;background:#eee}.audio-player{-webkit-user-select:none;user-select:none}.audio-player-global-waveform-container,.audio-player-detailed-waveform-container{position:relative}.audio-player-global-waveform-container,.audio-player-scroll-inner{background:#e8e8e8}.audio-player-global-waveform-container{cursor:pointer;margin-bottom:1rem;height:3rem;overflow:hidden;border-radius:1rem}.audio-player-global-waveform-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}@media (max-width: 50rem){.audio-player-global-waveform-container .GlobalWaveformCommentThreadIndicator{top:calc(50% - .2rem);width:.4rem;margin-left:-.2rem;height:.4rem}}.audio-player-detailed-waveform-container{overflow:hidden;height:8rem}.audio-player-scroll{height:100%;overflow-x:scroll;overflow-y:hidden;background-color:#aaa;text-wrap:nowrap;scrollbar-width:none}.audio-player-scroll::-webkit-scrollbar{display:none}.audio-player-scroll-padding,.audio-player-scroll-inner{display:inline-block}.audio-player-scroll-padding{width:50%}.audio-player-scroll-inner{position:relative;height:100%}.audio-player-waveform-background{position:absolute;height:100%;left:0;top:0;right:0}.audio-player-waveform-foreground{height:100%}.audio-player-waveform-timestamps{position:relative}.audio-player-waveform-timestamps div{position:absolute;top:0;font-size:.8rem;color:#888;border-left:solid .1rem #aaa;padding-left:.2rem;height:.3rem;line-height:1.5rem}.audio-player-waveform-timestamps div:nth-child(10n-4){height:.5rem}.audio-player-waveform-timestamps div:nth-child(10n+1){height:1rem}.audio-player-waveform-timestamps div:nth-child(60n+1){height:2rem}.audio-player-waveform{height:100%;text-wrap:nowrap}.audio-player-waveform-tiles,.audio-player-waveform-timestamps{display:inline-block;height:100%}.overlapping-track-indicator{position:absolute;bottom:.2rem;min-width:.1rem}.audio-player-global-waveform-container .overlapping-track-indicator{border-bottom:.3rem solid #b451b2;top:.1rem;bottom:.1rem}.audio-player-global-waveform-container .overlapping-track-indicator:hover{background:#f4d6ff;border-radius:.2rem}.audio-player-global-waveform-container .audio-player-waveform,.audio-player-detailed-waveform-container .audio-player-waveform-tiles{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;overflow:hidden}.audio-player-detailed-waveform-container .audio-player-waveform-tiles div{display:inline-block;height:6rem;margin-top:1rem}.audio-player-detailed-waveform-container .audio-player-waveform-tiles div img{height:100%;opacity:.6;object-fit:fill;pointer-events:none}.audio-player-global-waveform-container .audio-player-waveform{width:100%;filter:contrast(.4);padding:.9rem 0}.audio-player-cursor{position:absolute;height:100%;width:.16rem;background:#ff4800;box-shadow:#ff4800 0 0 .2rem;top:0;pointer-events:none}.audio-player-detailed-waveform-container{background:#e8e8e8;margin:0 -1rem}.audio-player-detailed-waveform-container .audio-player-cursor{left:calc(50% - .08rem)}.audio-player-detailed-waveform-container .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;visibility:hidden;right:50%}.audio-player-detailed-waveform-container .overlapping-track-indicator{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 .overlapping-track-indicator:hover{opacity:.8}.audio-player-detailed-waveform-container .overlapping-track-indicator 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;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 .5rem #0000000d;gap:.5rem;padding:0 .5rem;color:inherit;text-decoration:none}.AudioPlayerButton:not(.AudioPlayerButton--disabled):hover{box-shadow:0 0 .5rem #0000001a}.AudioPlayerButton .AudioPlayerButton__text{overflow:hidden;color:inherit;text-wrap:nowrap;text-overflow:ellipsis}.AudioPlayerButton:has(.AudioPlayerButton__text){padding:0 1rem}.AudioPlayerButton .AudioPlayerButton__icon{height:1.8rem}.AudioPlayerButton svg{color:#555;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 #0000001a;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}}.AudioPlayerButtonsV2{margin-top:1rem;-webkit-user-select:none;user-select:none;display:flex;gap:.5rem}.AudioPlayerButtonsV2 .AudioPlayerButtons--prev-play-next{display:flex;flex-shrink:0;gap:inherit;flex-grow:1}.AudioPlayerV2{user-select:none;-webkit-user-select:none}.AudioPlayerV2 .VirtualScrollPane{height:100%;cursor:grab}.AudioPlayerV2 .WindowRenderer{height:100%}.AudioPlayerV2 .WindowRenderer__RegularTileWrapper{height:100%;transition:transform .05s;pointer-events:none}.AudioPlayerV2 .AudioPlayer__waveform-padding{background:#aaa;height:100%}.AudioPlayerV2 .WindowRendererTile{height:100%}.AudioPlayerV2 .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}.AudioPlayerV2 .AudioPlayer__timecode,.AudioPlayerV2 .AudioPlayer__timecode5{color:#888;border-left:solid .1rem #aaa;padding-left:.2rem;height:.3rem;line-height:1.5rem;font-size:.8rem}.AudioPlayerV2 .AudioPlayer__timecode5{height:1.2rem}.AudioPlayerV2 .AudioPlayer__mark-controls{padding-top:.5rem}.AudioPlayerV2 .AudioPlayer__mark-controls>span{font-weight:700}.AudioPlayerV2 .AudioPlayer__mark-controls .AudioPlayer__mark-controls-buttons{padding-top:.5rem;display:flex;gap:.5rem}.AudioPlayerV2 .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}}.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}.ClipMenu{border-radius:1rem;width:calc(100vw - 2rem);max-width:20rem}.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}.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%}