.body[data-v-def65b06]{flex:1;display:flex;flex-direction:column}.body--fullscreen[data-v-def65b06]{position:absolute;top:0;left:0;width:100%;height:100%}.foot--fullscreen[data-v-e8e2a260]{position:relative}.foot--fullscreen[data-v-e8e2a260]:before,.foot--fullscreen[data-v-e8e2a260]:after{content:"";position:absolute;left:0;width:100%;height:100%}.foot--fullscreen[data-v-e8e2a260]:after{top:-100%}.foot--fullscreen[data-v-e8e2a260]:before{top:100%}.foot[data-v-e8e2a260]{padding:2px 10px;box-sizing:border-box;background-color:hsl(var(--color-secondary-hsl),94%)}.foot__content[data-v-e8e2a260]{text-align:center;text-decoration:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.foot__content:hover .foot__text[data-v-e8e2a260],.foot__content:hover .foot__github[data-v-e8e2a260]{color:hsl(var(--color-secondary-hsl),50%)}.foot__text[data-v-e8e2a260],.foot__github[data-v-e8e2a260]{color:hsl(var(--color-secondary-hsl),65%);transition-duration:.2s;transition-property:color}.foot__github[data-v-e8e2a260]{display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:5px}.foot__text[data-v-e8e2a260]{font-size:12px;font-family:var(--font-family-primary)}.foot--fullscreen[data-v-e8e2a260]{position:absolute;bottom:0;left:0;z-index:1;width:100%;transform:translateY(100%);transition-duration:.2s;transition-property:transform}.foot--fullscreen.foot--show[data-v-e8e2a260]{transform:translateY(0)}.foot--dark[data-v-e8e2a260]{background-color:hsl(var(--color-secondary-hsl),54%)}.foot--dark .foot__text[data-v-e8e2a260],.foot--dark .foot__github[data-v-e8e2a260]{color:hsl(var(--color-secondary-hsl),85%)}.shortcuts[data-v-48725464]{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:20px}.shortcuts .shortcut[data-v-48725464]{font-size:14px;font-family:var(--font-primary);font-weight:var(--font-weight-regular)}.shortcuts .shortcut kbd[data-v-48725464]{margin-right:5px;color:hsl(var(--color-secondary-hsl),60%);font-size:14px;padding:2px 6px;background-color:var(--color-secondary);border-radius:4px;border-bottom:2px solid hsl(var(--color-secondary-hsl),80%)}.shortcuts--dark .shortcut kbd[data-v-48725464]{background-color:hsl(var(--color-secondary-hsl),20%);border-bottom:2px solid hsl(var(--color-secondary-hsl),15%)}.source[data-v-4e9a9ef7]{width:620px;max-width:100%}.source__form[data-v-4e9a9ef7]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(var(--color-secondary-rgb),.5)}.source__form .source__input[data-v-4e9a9ef7]{margin-bottom:15px}.source__form .source__preview[data-v-4e9a9ef7]{position:relative;width:100%;height:100%;margin:0 auto 15px}.source__form .source__preview .source__player[data-v-4e9a9ef7]{display:block;width:100%;height:100%}.source__form .source__preview .source__type-badge[data-v-4e9a9ef7]{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:var(--font-weight-regular);letter-spacing:.03em;text-transform:uppercase;background-color:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation-name:badgeFadeIn-4e9a9ef7;animation-duration:.25s;animation-fill-mode:forwards}.source__form .source__preview .source__type-badge--audio[data-v-4e9a9ef7]{background-color:rgba(var(--color-accent-rgb, 99, 102, 241),.75)}.source__form .source__preview .source__type-badge .source__type-badge-icon[data-v-4e9a9ef7]{font-size:10px;opacity:.9}@keyframes badgeFadeIn-4e9a9ef7{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.source__mode[data-v-4e9a9ef7]{display:flex;gap:8px;margin-bottom:15px}.source__mode-btn[data-v-4e9a9ef7]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:4px;border:1px solid var(--color-secondary);color:var(--color-primary);background:transparent;font-size:13px;font-family:var(--font-family-primary);font-weight:var(--font-weight-light);cursor:pointer;opacity:.6;transition-duration:.2s;transition-property:opacity,border-color,background-color}.source__mode-btn[data-v-4e9a9ef7]:hover{opacity:.85}.source__mode-btn--active[data-v-4e9a9ef7]{opacity:1;border-color:var(--color-accent, var(--color-secondary));background-color:rgba(var(--color-secondary-rgb),.12);font-weight:var(--font-weight-regular)}.source__file[data-v-4e9a9ef7]{display:flex;align-items:center;justify-content:center;width:100%;padding:20px;border-radius:4px;border:1px dashed var(--color-secondary);cursor:pointer;transition-duration:.2s;transition-property:border-color,background-color}.source__file[data-v-4e9a9ef7]:hover{background-color:rgba(var(--color-secondary-rgb),.06)}.source__file-input[data-v-4e9a9ef7]{display:none}.source__file-label[data-v-4e9a9ef7]{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.source__file-icon[data-v-4e9a9ef7]{font-size:22px;opacity:.5;transition-property:opacity;transition-duration:.2s}.source__file-text[data-v-4e9a9ef7]{font-size:14px;font-weight:var(--font-weight-light);color:var(--color-primary);opacity:.7;word-break:break-all;text-align:center}.source__file-error[data-v-4e9a9ef7]{display:flex;align-items:center;margin-top:5px;color:var(--color-error);animation-name:fadeIn-4e9a9ef7;animation-duration:.2s;animation-fill-mode:forwards}.source__file-error-message[data-v-4e9a9ef7]{font-size:13px;font-weight:var(--font-weight-light)}.source__file-error-icon[data-v-4e9a9ef7]{opacity:.7;margin-right:5px;font-size:11px}@keyframes fadeIn-4e9a9ef7{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.source__file--selected[data-v-4e9a9ef7]{border-style:solid}.source__file--selected .source__file-icon[data-v-4e9a9ef7],.source__file--selected .source__file-text[data-v-4e9a9ef7]{opacity:.9}.source__file--error[data-v-4e9a9ef7]{border-color:var(--color-error)}.source__controls[data-v-4e9a9ef7]{display:flex;align-content:center;justify-content:flex-end}.source__controls .source__clear[data-v-4e9a9ef7]{margin-right:12px}.head--fullscreen[data-v-e628e22e]{position:relative}.head--fullscreen[data-v-e628e22e]:before,.head--fullscreen[data-v-e628e22e]:after{content:"";position:absolute;left:0;width:100%;height:100%}.head--fullscreen[data-v-e628e22e]:after{top:-100%}.head--fullscreen[data-v-e628e22e]:before{top:100%}.head[data-v-e628e22e]{z-index:1;display:flex;align-items:center;flex-direction:row;padding:10px;max-height:50px;box-sizing:border-box;box-shadow:0 0 5px #0000001a;background-color:hsl(var(--color-secondary-hsl),90%)}.head__left[data-v-e628e22e],.head__right[data-v-e628e22e]{display:flex;align-items:center;flex-direction:row}.head__left[data-v-e628e22e]>*:not(:last-child),.head__right[data-v-e628e22e]>*:not(:last-child){margin-right:10px}.head__left .tilling[data-v-e628e22e],.head__right .tilling[data-v-e628e22e]{width:auto}.head__right[data-v-e628e22e]{margin-left:auto}.head--fullscreen[data-v-e628e22e]{transform:translateY(-100%);transition-duration:.2s;transition-property:transform}.head--fullscreen[data-v-e628e22e]:before{top:10px}.head--fullscreen.head--show[data-v-e628e22e]{transform:translateY(0)}.head--dark[data-v-e628e22e]{background-color:hsl(var(--color-secondary-hsl),50%)}.root[data-v-fc84a9cd]{position:relative;width:100vw;height:100vh}.root__content[data-v-fc84a9cd]{width:100%;height:100%;display:flex;flex-direction:column}.root--fullscreen[data-v-fc84a9cd]{overflow:hidden}.toast[data-v-efd1b4eb]{display:flex;align-items:center;flex-direction:row;width:400px;padding:15px;background:linear-gradient(to right,hsl(var(--color-secondary-hsl),90%),hsl(var(--color-secondary-hsl),92%))}.toast__message[data-v-efd1b4eb]{margin-right:10px;color:var(--color-text);font-size:15px;font-family:var(--font-primary);font-weight:var(--font-weight-regular)}.toast__action[data-v-efd1b4eb]{margin-left:auto}.toast--dark[data-v-efd1b4eb]{background:linear-gradient(to right,hsl(var(--color-secondary-hsl),50%),hsl(var(--color-secondary-hsl),55%))}.button[data-v-99f3ff43]{cursor:pointer}.button[data-v-99f3ff43]:hover{background-color:hsl(var(--color-secondary-hsl),83%)}.button[data-v-99f3ff43]:focus{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.dark .button[data-v-99f3ff43]{cursor:pointer}.dark .button[data-v-99f3ff43]:hover{background-color:hsl(var(--color-secondary-hsl),35%)}.button[data-v-99f3ff43]{display:inline-flex;align-items:center;justify-content:center;padding:10px;min-width:35px;min-height:35px;border-radius:5px;box-sizing:border-box;border:1px solid transparent;background-color:transparent;transition-duration:.2s;transition-property:background-color outline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button__label[data-v-99f3ff43]{color:var(--color-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular)}.button__icon[data-v-99f3ff43]{display:flex;align-content:center;justify-content:center;color:var(--color-primary)}.button__icon[data-v-99f3ff43]:not(:last-child){margin-right:6px}.button--radial[data-v-99f3ff43]{padding:16px;border-radius:50%;width:52px;height:52px}.button--radial .button__icon[data-v-99f3ff43]{display:flex;align-items:center;justify-content:center;font-size:18px}.button--outline[data-v-99f3ff43]{border-color:rgba(var(--color-primary-rgb),.2)}.button--secondary .button__icon[data-v-99f3ff43]{color:hsl(var(--color-primary-hsl),65%)}.button--radial[data-v-99f3ff43],.button--primary[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),85%)}.button--radial.button--dark[data-v-99f3ff43],.button--primary.button--dark[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),40%)}.button--outline.button--dark .button__label[data-v-99f3ff43],.button--plain.button--dark .button__label[data-v-99f3ff43]{color:hsl(var(--color-secondary-hsl),60%)}.button:hover.button--plain[data-v-99f3ff43],.button:hover.button--outline[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),83%)}.button:hover.button--plain.button--dark[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),55%)}.button:hover.button--outline.button--dark[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),30%)}.button:hover.button--secondary[data-v-99f3ff43]{background-color:hsl(var(--color-primary-hsl),87%)}.button:hover.button--radial[data-v-99f3ff43],.button:hover.button--primary[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),80%)}.button:hover.button--radial.button--dark[data-v-99f3ff43],.button:hover.button--primary.button--dark[data-v-99f3ff43]{background-color:hsl(var(--color-secondary-hsl),35%)}.input__wrapper .input__input[data-v-f33e9848]:focus{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.input__wrapper .input__label[data-v-f33e9848]{margin-bottom:5px;font-size:14px;font-weight:var(--font-weight-light);transition-duration:.2s;transition-property:color}.input__wrapper .input__input[data-v-f33e9848]{width:100%;padding:10px;border-radius:4px;border:1px solid var(--color-secondary);color:var(--color-primary);font-size:16px;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);transition-duration:.2s;transition-property:color border-color}.input__wrapper .input__input[data-v-f33e9848]::placeholder{font-weight:var(--font-weight-light);color:hsl(var(--color-secondary-hsl),80%);transition-duration:.2s;transition-property:color}.input__wrapper:focus-within .input__label[data-v-f33e9848]{color:hsl(var(--color-secondary-hsl),60%)}.input__error[data-v-f33e9848]{display:flex;align-items:center;margin-top:5px;color:var(--color-error);animation-name:fadeIn-f33e9848;animation-duration:.2s;animation-direction:normal;animation-fill-mode:forwards}.input__error-message[data-v-f33e9848]{font-size:13px;font-weight:var(--font-weight-light)}.input__error-icon[data-v-f33e9848]{opacity:.7;margin-right:5px;font-size:11px}@keyframes fadeIn-f33e9848{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.input--dark .input__input[data-v-f33e9848]{background-color:hsl(var(--color-secondary-hsl),35%)}.input--error .input__label[data-v-f33e9848]{color:var(--color-error)!important}.input--error .input__input[data-v-f33e9848]{border-color:var(--color-error)!important}.input--error .input__input[data-v-f33e9848]::placeholder{color:var(--color-error)}.range:focus-within .range__track[data-v-e0c5bd47]{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.range[data-v-e0c5bd47]{display:flex;align-items:center;justify-content:center;height:16px;position:relative}.range__label[data-v-e0c5bd47]{font-size:14px;color:var(--color-primary)}.range__label--start[data-v-e0c5bd47]{margin-right:10px}.range__label--end[data-v-e0c5bd47]{margin-left:10px}.range__wrapper[data-v-e0c5bd47]{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.range__wrapper .range__track[data-v-e0c5bd47]{position:relative;width:100%;height:5px;border-radius:5px;background-color:var(--color-secondary)}.range__wrapper .range__track .range__thumb[data-v-e0c5bd47]{pointer-events:none;width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary)}.range__wrapper .range__track .range__thumb .range__value[data-v-e0c5bd47]{position:absolute;top:-5px;z-index:2;padding:0 6px;font-size:10px;color:var(--color-secondary);font-weight:var(--font-weight-light);border-radius:10px;background-color:var(--color-primary)}.range__wrapper .range__track .range__thumb .range__value--start[data-v-e0c5bd47]{left:0}.range__wrapper .range__track .range__thumb .range__value--end[data-v-e0c5bd47]{right:0}.range__wrapper .range__end[data-v-e0c5bd47],.range__wrapper .range__start[data-v-e0c5bd47]{cursor:grab;z-index:1;top:0;left:0;position:absolute;width:100%;accent-color:var(--color-primary)}.range__wrapper .range__end[data-v-e0c5bd47]:active,.range__wrapper .range__start[data-v-e0c5bd47]:active{cursor:grabbing}.range__wrapper .range__end[data-v-e0c5bd47]::-webkit-slider-runnable-track,.range__wrapper .range__start[data-v-e0c5bd47]::-webkit-slider-runnable-track{cursor:pointer;height:0;width:100%;border-radius:10px}.range__wrapper .range__end[data-v-e0c5bd47]::-webkit-slider-thumb,.range__wrapper .range__start[data-v-e0c5bd47]::-webkit-slider-thumb{padding:0 20px;opacity:0}.range--dark .range__end[data-v-e0c5bd47],.range--dark .range__start[data-v-e0c5bd47]{accent-color:var(--color-secondary)}.range--dark .range__value[data-v-e0c5bd47]{color:var(--color-primary)!important;background-color:hsl(var(--color-secondary-hsl),15%)!important}.range--dark .range__track[data-v-e0c5bd47]{background-color:hsl(var(--color-secondary-hsl),30%)}.range--dark .range__thumb[data-v-e0c5bd47]{background-color:hsl(var(--color-secondary-hsl),15%)!important}.range--disabled .range__wrapper[data-v-e0c5bd47]{pointer-events:none}.range--disabled .range__track[data-v-e0c5bd47]{opacity:.2;background-color:#ebebeb}.range--disabled .range__thumb[data-v-e0c5bd47]{background-color:#ccc!important}.select-wrapper .select[data-v-2f65cbf6]{cursor:pointer}.select-wrapper .select[data-v-2f65cbf6]:hover{background-color:hsl(var(--color-secondary-hsl),83%)}.select-wrapper .select[data-v-2f65cbf6]:focus{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.dark .select-wrapper .select[data-v-2f65cbf6],.select-wrapper .dark .select[data-v-2f65cbf6]{cursor:pointer}.dark .select-wrapper .select[data-v-2f65cbf6]:hover,.select-wrapper .dark .select[data-v-2f65cbf6]:hover{background-color:hsl(var(--color-secondary-hsl),35%)}.select-wrapper[data-v-2f65cbf6]{width:100%;position:relative}.select-wrapper .select[data-v-2f65cbf6]{display:block;font-size:14px;text-align:center;color:var(--color-primary);font-family:var(--font-family-primary);width:100%;height:38px;padding:0 30px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;box-sizing:border-box;border:1px solid transparent;background-color:hsl(var(--color-secondary-hsl),86%);transition-duration:.2s;transition-property:background-color outline}.select-wrapper .select-icon[data-v-2f65cbf6]{pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%);font-size:12px}.select-wrapper--dark .select[data-v-2f65cbf6]{background-color:hsl(var(--color-secondary-hsl),40%)}.timeline__track input[data-v-9baa4b72]:focus{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.timeline[data-v-9baa4b72]{display:flex;align-items:center;justify-content:center;width:100%}.timeline__label[data-v-9baa4b72]{color:var(--text-color);font-size:14px;font-weight:var(--font-weight-light)}.timeline__track[data-v-9baa4b72]{display:flex;align-items:center;justify-content:center;flex:1;margin:0 10px}.timeline__track input[data-v-9baa4b72]{width:100%;border-radius:4px;accent-color:var(--color-primary)}.timeline__track input[data-v-9baa4b72]::-webkit-slider-runnable-track{cursor:pointer;width:100%;height:4px;border-radius:10px}.timeline__track input[data-v-9baa4b72]::-webkit-slider-thumb{transform:scale(.8);margin-top:-6px;border-radius:5px}.volume__input input[data-v-eb5cad49]:focus{outline-offset:2px;outline:2px solid hsl(var(--color-secondary-hsl),75%)}.volume[data-v-eb5cad49]{display:flex;flex-direction:row;align-items:center}.volume__status[data-v-eb5cad49],.volume__input[data-v-eb5cad49]{display:flex}.volume__status[data-v-eb5cad49]{margin-right:5px}.volume__input[data-v-eb5cad49]{display:flex;align-items:center;justify-content:center}.volume__input input[data-v-eb5cad49]{border-radius:4px;transition-duration:.2s;transition-property:outline;accent-color:var(--color-primary)}.volume__input input[data-v-eb5cad49]::-webkit-slider-runnable-track{cursor:pointer;width:100%;height:4px;border-radius:10px}.volume__input input[data-v-eb5cad49]::-webkit-slider-thumb{transform:scale(.8);margin-top:-6px;border-radius:5px}.confirm__body[data-v-781c723f]{text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(var(--color-secondary-rgb),.5)}.confirm__body .confirm__icon[data-v-781c723f]{font-size:40px;margin-top:-10px;color:var(--color-primary)}.confirm__body .confirm__message[data-v-781c723f]{font-size:16px;color:var(--color-primary)}.confirm__controls[data-v-781c723f]{display:flex;align-items:center;justify-content:flex-end}.confirm__controls .confirm__resolve[data-v-781c723f]{margin-left:12px}.modal[data-v-5035a3cc]{position:fixed;top:0;left:0;overflow:auto;box-sizing:border-box;width:100vw;height:100vh;padding:20px;display:grid;justify-items:center;z-index:1000;pointer-events:none}.modal__element[data-v-5035a3cc]{overflow:hidden;pointer-events:all;border-radius:10px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px #0003;max-width:95vw;height:min-content;animation-name:fadeIn-5035a3cc;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.modal__element .modal__head[data-v-5035a3cc]{display:none}@keyframes fadeIn-5035a3cc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal--dialog .modal__element .modal__head[data-v-5035a3cc]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(to right,var(--color-secondary),hsl(var(--color-secondary-hsl),95%))}.modal--dialog .modal__element .modal__head .modal__title[data-v-5035a3cc]{font-size:20px;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary)}.modal--dialog .modal__element .modal__body[data-v-5035a3cc]{padding:20px}.modal--overlay[data-v-5035a3cc]{pointer-events:all;background-color:rgba(var(--color-primary-rgb),.7)}.modal--top[data-v-5035a3cc]{align-items:start}.modal--center[data-v-5035a3cc]{align-items:center}.modal--bottom[data-v-5035a3cc]{align-items:end}.modal--dark.modal--dialog .modal__element[data-v-5035a3cc]{background-color:hsl(var(--color-secondary-hsl),25%)}.modal--dark.modal--dialog .modal__element .modal__head[data-v-5035a3cc]{background:linear-gradient(to right,var(--color-secondary),hsl(var(--color-secondary-hsl),55%))}.more[data-v-09d4c96f]{position:relative}.more__elements[data-v-09d4c96f]{z-index:1;display:flex;flex-direction:row;position:absolute;right:0;top:calc(100% + 5px);width:auto;height:auto;padding:5px;border-radius:5px;box-shadow:0 0 5px #0003;background-color:hsl(var(--color-primary-hsl),89%);animation-name:fadeIn-09d4c96f;animation-duration:.2s;animation-direction:normal;animation-fill-mode:forwards}@keyframes fadeIn-09d4c96f{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.more--dark .more__elements[data-v-09d4c96f]{background-color:hsl(var(--color-secondary-hsl),50%)}.tooltip[data-v-c4d241ad]{display:inline-flex;align-items:center;justify-content:center;position:relative}.tooltip__text[data-v-c4d241ad]{z-index:1;display:none;pointer-events:none;box-sizing:border-box;position:fixed;padding:4px 8px;width:max-content;font-size:13px;color:var(--color-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);border-radius:5px;background-color:rgba(var(--color-primary-rgb),.6);animation-name:fadeIn-c4d241ad;animation-duration:.2s;animation-fill-mode:forwards}@keyframes fadeIn-c4d241ad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip__element[data-v-c4d241ad]{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.tooltip--hovered .tooltip__text[data-v-c4d241ad]{display:block}.controls-wrapper--fullscreen .controls[data-v-993086dd]{position:relative}.controls-wrapper--fullscreen .controls[data-v-993086dd]:before,.controls-wrapper--fullscreen .controls[data-v-993086dd]:after{content:"";position:absolute;left:0;width:100%;height:100%}.controls-wrapper--fullscreen .controls[data-v-993086dd]:after{top:-100%}.controls-wrapper--fullscreen .controls[data-v-993086dd]:before{top:100%}.controls[data-v-993086dd]{padding:15px 15px 35px;box-sizing:border-box;background-color:hsl(var(--color-secondary-hsl),90%)}.controls__top[data-v-993086dd]{margin-bottom:24px;transition-duration:.2s;transition-property:padding-top}.controls__bottom[data-v-993086dd]{display:flex;align-items:center;flex-direction:row;justify-content:space-between;position:relative}.controls__bottom .controls__speed[data-v-993086dd]{width:auto}.controls__bottom .controls__rewind[data-v-993086dd]{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition-duration:.2s;transition-property:transform}.controls__bottom .controls__rewind .controls__play-pause[data-v-993086dd]{margin:0 10px}.controls__bottom .controls__volume--more[data-v-993086dd]{display:none}.controls-wrapper[data-v-993086dd]{width:100%}.controls-wrapper--fullscreen[data-v-993086dd]{position:fixed;bottom:35px;left:0}.controls-wrapper--fullscreen .controls[data-v-993086dd]{margin:auto;position:relative;width:90%;max-width:1000px;border-radius:10px;box-shadow:0 0 4px #0003;top:10px;opacity:0;transition-duration:.2s;transition-property:top opacity}.controls-wrapper--fullscreen.controls-wrapper--show .controls[data-v-993086dd]{top:0;opacity:1}.controls-wrapper--dark .controls[data-v-993086dd]{background-color:hsl(var(--color-secondary-hsl),50%)}@media(max-width:520px){.controls__top[data-v-993086dd]{padding-top:60px}.controls__bottom .controls__rewind[data-v-993086dd]{transform:translate(-50%,calc(-50% - 100px))}.controls__bottom .controls__volume[data-v-993086dd]{display:none}.controls__bottom .controls__volume--more[data-v-993086dd]{display:block}}.view[data-v-539460c0]{flex:1;overflow:auto;position:relative;box-sizing:border-box;max-height:calc(100vh - 208px);--dot-size: 2px;--dot-space: 22px;--dot-bg: #ffffff;--dot-color: hsl(var(--color-secondary-hsl), 94%);background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),var(--dot-color)}.view .sources--unpinned[data-v-539460c0]{height:100%;display:grid;padding:4px;row-gap:4px;column-gap:4px}.view .sources--pinned[data-v-539460c0]{position:absolute;left:0;top:0;height:0;width:0;z-index:1000}.view--empty[data-v-539460c0]{max-height:calc(100vh - 73px)}.view--fullscreen[data-v-539460c0]{max-height:100%}.view--dark[data-v-539460c0]{--dot-bg: var(--color-secondary);--dot-color: hsl(var(--color-secondary-hsl), 35%)}.source[data-v-243b9da7]{width:100%;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;border-radius:4px;box-sizing:border-box;border:1px solid hsl(var(--color-secondary-hsl),92%);background-color:hsl(var(--color-secondary-hsl),96%)}.source__head[data-v-243b9da7]{cursor:grab;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 10px 10px 15px;background-color:hsl(var(--color-secondary-hsl),94%)}.source__head[data-v-243b9da7]:active{cursor:grabbing}.source__head .source__title[data-v-243b9da7]{display:flex;flex-direction:row}.source__head .source__title .source__icon[data-v-243b9da7]{font-size:14px;margin-right:10px;display:flex;align-items:center;justify-content:center}.source__head .source__title .source__link[data-v-243b9da7]{text-decoration:none;color:var(--color-text);white-space:nowrap;font-size:16px;font-family:var(--primary-font);font-weight:var(--font-weight-regular)}.source__body[data-v-243b9da7]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.source__body .source__player[data-v-243b9da7]{width:100%}.source__body .source__player--hidden[data-v-243b9da7]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.source__body .source__controls[data-v-243b9da7]{position:absolute;top:5px;right:5px;z-index:1;opacity:0;display:none;width:auto;flex-direction:row;align-items:center;justify-content:flex-end;transition-duration:.2s;transition-property:opacity}.source__body--audio[data-v-243b9da7]{min-height:100px}.source__audio-visual[data-v-243b9da7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:20px 0}.source__audio-visual .source__audio-icon[data-v-243b9da7]{font-size:32px;opacity:.35;color:var(--color-primary)}.source__audio-visual .source__audio-bars[data-v-243b9da7]{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:28px}.source__audio-bar[data-v-243b9da7]{display:inline-block;width:4px;border-radius:2px;background-color:var(--color-primary);opacity:.4;height:6px;transform-origin:bottom center;transition:height .2s ease}.source__audio-bar[data-v-243b9da7]:nth-child(1){animation-delay:0s}.source__audio-bar[data-v-243b9da7]:nth-child(2){animation-delay:.12s}.source__audio-bar[data-v-243b9da7]:nth-child(3){animation-delay:.24s}.source__audio-bar[data-v-243b9da7]:nth-child(4){animation-delay:.36s}.source__audio-bar[data-v-243b9da7]:nth-child(5){animation-delay:.48s}.source__audio-bar--playing[data-v-243b9da7]{opacity:.7}@keyframes audioBar-243b9da7{0%,to{height:6px}50%{height:24px}}.source__audio-bar--playing[data-v-243b9da7]:nth-child(1){animation:audioBar-243b9da7 .7s ease-in-out infinite;animation-delay:0s}.source__audio-bar--playing[data-v-243b9da7]:nth-child(2){animation:audioBar-243b9da7 .8s ease-in-out infinite;animation-delay:.12s}.source__audio-bar--playing[data-v-243b9da7]:nth-child(3){animation:audioBar-243b9da7 .9s ease-in-out infinite;animation-delay:.24s}.source__audio-bar--playing[data-v-243b9da7]:nth-child(4){animation:audioBar-243b9da7 1s ease-in-out infinite;animation-delay:.36s}.source__audio-bar--playing[data-v-243b9da7]:nth-child(5){animation:audioBar-243b9da7 1.1s ease-in-out infinite;animation-delay:.48s}.source__icon--audio[data-v-243b9da7]{color:var(--color-accent, var(--color-primary));opacity:.8}.source__ended-badge[data-v-243b9da7]{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:var(--font-weight-regular);letter-spacing:.02em;white-space:nowrap;color:var(--color-primary);background-color:rgba(var(--color-secondary-rgb),.2);border:1px solid rgba(var(--color-secondary-rgb),.35);animation:endedBadgeFadeIn-243b9da7 .3s ease forwards}@keyframes endedBadgeFadeIn-243b9da7{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.source__ended-badge-icon[data-v-243b9da7]{font-size:10px;opacity:.7}.source__ended-badge-label[data-v-243b9da7]{opacity:.7}.source__controls[data-v-243b9da7]{display:flex;align-items:center;flex-direction:row;justify-content:center}.source__controls .source__control--contextual[data-v-243b9da7]{opacity:0;transition-duration:.2s;transition-property:opacity}.source__controls .source__control--more[data-v-243b9da7]{display:none;margin-left:10px}.source__controls .source__control[data-v-243b9da7]:not(:last-of-type){margin-right:5px}.source__resizer[data-v-243b9da7]{cursor:nw-resize;display:none;position:absolute;bottom:0;right:0;width:20px;height:20px;z-index:100}.source--pinned[data-v-243b9da7]{overflow:auto;resize:horizontal;width:400px;min-width:172px;box-shadow:0 0 20px #0000004d}.source--pinned .source__head[data-v-243b9da7]{display:none}.source--pinned .source__body .source__player[data-v-243b9da7]{border-radius:4px;margin-bottom:-7px}.source--pinned .source__body .source__controls[data-v-243b9da7]{display:flex}.source--pinned .source__resizer[data-v-243b9da7]{display:block}.source--pinned:hover .source__controls[data-v-243b9da7]{opacity:1;padding:5px;border-radius:5px;background-color:rgba(var(--color-primary-rgb),.4)}.source--pinned:hover .source__controls .source--dark[data-v-243b9da7]{background-color:rgba(var(--color-secondary-rgb),.4)}.source--ended .source__head[data-v-243b9da7]{opacity:.75}.source--ended .source__body[data-v-243b9da7]{opacity:.6}.source--dark[data-v-243b9da7]{border-color:hsl(var(--color-secondary-hsl),30%);background-color:hsl(var(--color-secondary-hsl),55%)}.source--dark .source__head[data-v-243b9da7]{background-color:hsl(var(--color-secondary-hsl),50%)}.source:hover .source__controls .source__control--contextual[data-v-243b9da7]{opacity:1}@media(max-width:520px){.source__head .source__controls>.source__control--more[data-v-243b9da7]{display:block}.source__head .source__controls>.source__control[data-v-243b9da7]:not(.source__control--more){display:none}}.empty[data-v-c821726f]{display:grid;width:100%;height:100%}.empty__positive[data-v-c821726f]{flex:1;display:flex;align-items:center;justify-content:center}.empty__positive .dialog[data-v-c821726f]{margin:5px;padding:40px;border-radius:5px;box-shadow:0 0 2px #0000001a;background-color:hsl(var(--color-secondary-hsl),95%);width:350px;height:auto}.empty__positive .dialog__message[data-v-c821726f]{color:var(--color-text);font-size:14px;text-align:center;font-family:var(--font-primary)}.empty__positive .dialog__actions[data-v-c821726f]{margin-top:20px;text-align:center}.empty--dark .empty__positive .dialog[data-v-c821726f]{background-color:hsl(var(--color-secondary-hsl),50%)}.loader[data-v-2b7da8a6]{position:relative}.loader__element[data-v-2b7da8a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.loader__element .loader__wrapper[data-v-2b7da8a6]{display:flex;align-items:center;flex-direction:column;justify-content:center}.loader__element .loader__wrapper .loader__icon[data-v-2b7da8a6]{font-size:35px;color:rgba(var(--color-primary-rgb),.8)}.loader__element .loader__wrapper .loader__message[data-v-2b7da8a6]{font-size:14px;text-align:center;color:var(--color-primary)}.loader[data-v-2b7da8a6]:after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition-duration:.2s;transition-property:background-color}.loader--loading[data-v-2b7da8a6]:after{background-color:rgba(var(--color-secondary-rgb),.5)}.tilling-custom[data-v-b5913b7b]{width:400px;max-width:100%}.tilling-custom__body[data-v-b5913b7b]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(var(--color-secondary-rgb),.5)}.tilling-custom__controls[data-v-b5913b7b]{text-align:right}@font-face{font-style:normal;font-weight:100;font-family:Open Sans;src:url(/playback-sync/fonts/open-sans/light.ttf) format("truetype")}@font-face{font-style:normal;font-weight:400;font-family:Open Sans;src:url(/playback-sync/fonts/open-sans/regular.ttf) format("truetype")}@font-face{font-style:normal;font-weight:800;font-family:Open Sans;src:url(/playback-sync/fonts/open-sans/bold.ttf) format("truetype")}:root{--font-weight-bold: 800;--font-weight-light: 100;--font-weight-regular: 400;--line-height: 1.6;--font-family-primary: Open Sans}body{color:var(--color-text);line-height:var(--line-height);font-size:16px;text-rendering:optimizeLegibility;font-weight:var(--font-weight-light);font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::selection{background-color:hsl(var(--color-primary-hsl),85%)}.root{background-color:var(--color-secondary)}.dark .root{background-color:hsl(var(--color-secondary-hsl),50%)}:root{--color-primary-light: #383f51;--color-primary-rgb-light: 56, 63, 81;--color-primary-hsl-light: 223.2deg, 18.2481751825%;--color-secondary-light: #dddbf1;--color-secondary-rgb-light: 221, 219, 241;--color-secondary-hsl-light: 245.4545454545deg, 44%;--color-primary-dark: #dddbf1;--color-primary-rgb-dark: 221, 219, 241;--color-primary-hsl-dark: 245.4545454545deg, 44%;--color-secondary-dark: #383f51;--color-secondary-rgb-dark: 56, 63, 81;--color-secondary-hsl-dark: 223.2deg, 18.2481751825%;--color-primary: var(--color-primary-light);--color-primary-rgb: var(--color-primary-rgb-light);--color-primary-hsl: var(--color-primary-hsl-light);--color-secondary: var(--color-secondary-light);--color-secondary-rgb: var(--color-secondary-rgb-light);--color-secondary-hsl: var(--color-secondary-hsl-light);--color-error: #e43922;--color-error-rgb: 228, 57, 34;--color-error-hsl: 7.1134020619deg, 78.2258064516%;--color-text: var(--color-primary);--color-text-rgb: var(--color-primary-rgb);--color-text-hsl: var(--color-primary-hsl)}:root.dark{--color-primary: var(--color-primary-dark);--color-primary-rgb: var(--color-primary-rgb-dark);--color-primary-hsl: var(--color-primary-hsl-dark);--color-secondary: var(--color-secondary-dark);--color-secondary-rgb: var(--color-secondary-rgb-dark);--color-secondary-hsl: var(--color-secondary-hsl-dark)}*,*:before,*:after{margin:0;box-sizing:border-box;font-weight:400}