.trackSettingsWrapper[data-v-bd3e316a]{overflow-y:auto;overflow-x:hidden;height:100%;padding-left:5px;padding-right:15px;padding-bottom:30px;row-gap:30px;display:flex;flex-direction:column}.trackSettingsWrapper[data-v-bd3e316a]::-webkit-scrollbar-track{padding-left:10px;background-color:rgba(40,42,54,.7);border-radius:20px}.trackSettingsWrapper[data-v-bd3e316a]::-webkit-scrollbar{width:4px;border-radius:20px}.trackSettingsWrapper[data-v-bd3e316a]::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,96.1%,.1)}.headerBuffer[data-v-bd3e316a]{margin-top:30px}.formSection[data-v-bd3e316a]{row-gap:10px;display:flex;flex-direction:column}.formRow[data-v-bd3e316a]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;-moz-column-gap:20px;column-gap:20px}.paddingTop[data-v-bd3e316a]{padding-top:20px}.switch.is-checked[data-v-bd3e316a] .el-switch__core:after{background-color:#ffb86c}.optInfo[data-v-bd3e316a]{display:flex;flex-direction:column}.optHeader[data-v-bd3e316a]{font-size:14px;font-weight:700;margin-bottom:0}.optDesc[data-v-bd3e316a]{color:#afafaf;margin-bottom:0}.defaultOpt[data-v-bd3e316a] .el-input__inner{font-size:14px;padding-left:10px;padding-right:5px;padding-bottom:0;margin-right:0;background-color:#121212;color:#fff;border:1px solid hsla(0,0%,96.1%,.3)}.dropdown[data-v-bd3e316a]{box-shadow:none;background-color:#121212;color:#fff}.dropdown.selected[data-v-bd3e316a]{color:#ffb86c}.volumeSlider[data-v-bd3e316a]{width:200px}.el-slider__button[data-v-bd3e316a]{border:none;background-color:#ffb86c}.displayPreference[data-v-bd3e316a]{margin-top:15px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.displayPreference label[data-v-bd3e316a]{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}.displayPreference input[type=radio][data-v-bd3e316a]{display:none}.displayPreference img[data-v-bd3e316a]{width:250px;border:3px solid transparent;border-radius:10px;transition:border-color .3s ease}.displayPreference input[type=radio]:checked+img[data-v-bd3e316a]{border-color:#ffb86c}.displayPreference span[data-v-bd3e316a]{margin-top:10px;font-size:16px}@media only screen and (max-width:480px){.optDesc[data-v-bd3e316a]{font-size:12px}}@media only screen and (max-width:620px){.displayPreference[data-v-bd3e316a]{grid-template-columns:repeat(1,1fr)}}.tagContainer[data-v-5f41dc17]{border-radius:10px;padding:7px 11px 7px 16px;color:hsla(0,0%,100%,.87);font-size:15px;box-shadow:inset 0 0 0 1px rgba(188,188,201,.18);height:50px;margin-bottom:10px;width:100%;display:flex;flex-direction:row;align-items:center}.editModeContainer[data-v-5f41dc17],.viewModeContainer[data-v-5f41dc17]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tagInfoContainer[data-v-5f41dc17]{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}.tagNameText[data-v-5f41dc17]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:5px;padding:0;margin:0;margin-left:10px}.dot[data-v-5f41dc17]{height:10px;min-width:10px;background-color:var(--background-color);border-radius:50%;display:inline-block}.editDeleteButtonsContainer[data-v-5f41dc17]{height:100%;display:flex;align-items:center}.buttonIcon[data-v-5f41dc17]{font-size:20px;margin-right:10px;cursor:pointer}.buttonIcon[data-v-5f41dc17]:hover{color:#ffb86c}.editButtonsContainer[data-v-5f41dc17]{display:flex}.editFields[data-v-5f41dc17]{display:flex;flex-direction:row}.tagNameInput[data-v-5f41dc17]{height:10px;border-color:hsla(0,0%,100%,.7)}.tagNameInput[data-v-5f41dc17] .el-input__inner{height:30px;color:#fff;border:1px solid;border-color:hsla(0,0%,100%,.3);padding-left:5px;font-size:15px}.colorPicker[data-v-5f41dc17]{height:30px;margin-right:5px}.colorPicker[data-v-5f41dc17] .el-color-picker__trigger{height:30px;width:30px;border:none}.tagSettingsWrapper[data-v-caaf738c]{height:100%;overflow-y:auto;overflow-x:hidden;padding-left:5px;padding-right:15px}.tagSettingsWrapper[data-v-caaf738c]::-webkit-scrollbar-track{padding-left:10px;margin-top:30px;background-color:rgba(40,42,54,.7);border-radius:20px}.tagSettingsWrapper[data-v-caaf738c]::-webkit-scrollbar{width:4px;border-radius:20px}.tagSettingsWrapper[data-v-caaf738c]::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,96.1%,.3)}.titleRow[data-v-caaf738c]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.emptyTagsWrapper[data-v-caaf738c]{height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:center;align-items:center}.emptyTagTitle[data-v-caaf738c]{margin-top:10px}.tagItemsWrapper[data-v-caaf738c]{overflow-y:auto;overflow-x:hidden}.tagItemsWrapper[data-v-caaf738c]::-webkit-scrollbar{width:2px}.tagItemsWrapper[data-v-caaf738c]{scrollbar-width:2px}.optHeader[data-v-caaf738c]{font-size:14px;font-weight:700}.switch[data-v-caaf738c]{margin-right:20px}.dropdownField[data-v-caaf738c]{width:-moz-fit-content;width:fit-content;margin-left:2px;margin-bottom:5px;background-color:#121212;border:none;box-shadow:0 0 .5px .5px rgba(255,184,108,.6),0 0 3px 3px rgba(255,184,108,.19);color:#fff}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.settingsWrapper[data-v-caaf738c]{max-height:74vh}}.pomoSettingsWrapper[data-v-9517ede8]{overflow-y:auto;overflow-x:hidden;height:100%;padding-left:5px;padding-right:15px;row-gap:30px;display:flex;flex-direction:column}.pomoSettingsWrapper[data-v-9517ede8]::-webkit-scrollbar-track{padding-left:10px;margin-top:30px;background-color:rgba(40,42,54,.7);border-radius:20px}.pomoSettingsWrapper[data-v-9517ede8]::-webkit-scrollbar{width:4px;border-radius:20px}.pomoSettingsWrapper[data-v-9517ede8]::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,96.1%,.1)}h4[data-v-9517ede8]{margin-bottom:0}.headerBuffer[data-v-9517ede8]{margin-top:20px}.formSection[data-v-9517ede8]{row-gap:10px;display:flex;flex-direction:column}.formRow[data-v-9517ede8]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;-moz-column-gap:20px;column-gap:20px}.switch.is-checked[data-v-9517ede8] .el-switch__core:after{background-color:#ffb86c}.optInfo[data-v-9517ede8]{display:flex;flex-direction:column}.optHeader[data-v-9517ede8]{font-size:14px;font-weight:700;margin-bottom:0}.optDesc[data-v-9517ede8]{color:#afafaf;margin-bottom:0}.defaultOpt[data-v-9517ede8] .el-input__inner{font-size:14px;padding-left:10px;padding-right:5px;padding-bottom:0;margin-right:0;background-color:#121212;color:#fff;border:1px solid hsla(0,0%,96.1%,.3)}.dropdown[data-v-9517ede8]{box-shadow:none;background-color:#121212;color:#fff}.dropdown.selected[data-v-9517ede8]{color:#ffb86c}.volumeSlider[data-v-9517ede8]{width:200px}.el-slider__button[data-v-9517ede8]{border:none;background-color:#ffb86c}@media only screen and (max-width:480px){.optDesc[data-v-9517ede8]{font-size:12px}}.trackSettingsWrapper[data-v-eedd377e]{overflow-y:auto;overflow-x:hidden;height:100%;padding-left:5px;padding-right:15px;padding-bottom:30px;row-gap:30px;display:flex;flex-direction:column}.trackSettingsWrapper[data-v-eedd377e]::-webkit-scrollbar-track{padding-left:10px;background-color:rgba(40,42,54,.7);border-radius:20px}.trackSettingsWrapper[data-v-eedd377e]::-webkit-scrollbar{width:4px;border-radius:20px}.trackSettingsWrapper[data-v-eedd377e]::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,96.1%,.1)}h4[data-v-eedd377e]{margin-bottom:0}.headerBuffer[data-v-eedd377e]{margin-top:30px}.formSection[data-v-eedd377e]{row-gap:10px;display:flex;flex-direction:column}.formRow[data-v-eedd377e]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;-moz-column-gap:20px;column-gap:20px}.switch.is-checked[data-v-eedd377e] .el-switch__core:after{background-color:#ffb86c}.optInfo[data-v-eedd377e]{display:flex;flex-direction:column}.optHeader[data-v-eedd377e]{font-size:14px;font-weight:700;margin-bottom:0}.optDesc[data-v-eedd377e]{color:#afafaf;margin-bottom:0}.dropdownField[data-v-eedd377e]{width:-moz-fit-content;width:fit-content;background-color:#121212;border:none;box-shadow:0 0 .5px .5px rgba(255,184,108,.6),0 0 3px 3px rgba(255,184,108,.19);color:#fff}.volumeSlider[data-v-eedd377e]{width:200px}.el-slider__button[data-v-eedd377e]{border:none;background-color:#ffb86c}@media only screen and (max-width:480px){.optDesc[data-v-eedd377e]{font-size:12px}}h2[data-v-2bb92c42]{font-size:40px}h5[data-v-2bb92c42]{font-size:11px;color:hsla(0,0%,100%,.87)}.material-symbols-outlined[data-v-2bb92c42]{font-size:20px}.compactMenuRow[data-v-2bb92c42]{display:flex;flex-direction:row;width:100%;padding-left:5px}.compactMenu[data-v-2bb92c42] .el-input__inner{padding:0;font-family:Karla,Roboto,sans-serif;font-size:18px;color:#ffb86c;background-color:transparent;border:none}.dropdown[data-v-2bb92c42]{box-shadow:none;background-color:#121212;color:#fff}.dropdown.selected[data-v-2bb92c42]{color:#ffb86c}.dropdown.hover[data-v-2bb92c42]{background-color:transparent}.menuButton[data-v-2bb92c42]{display:flex;align-items:center;padding:5px;padding-left:10px;margin-bottom:10px;font-size:12px;color:hsla(0,0%,100%,.87);border-radius:8px;background-color:transparent;border-color:transparent;cursor:pointer;transition:.3s}.menuButton[data-v-2bb92c42]:hover{border-color:rgba(255,184,108,.7803921568627451);background-color:rgba(18,18,18,.7568627450980392);animation:flash-shadow .1s 3 alternate forwards}.menuButtonSelected[data-v-2bb92c42]{font-weight:700;color:#ffb86c;border:1px solid;border-color:rgba(255,184,108,.5372549019607843);background-color:rgba(18,18,18,.7568627450980392)}.menuCol[data-v-2bb92c42]{width:140px;height:100%;padding-right:20px}.contentCol[data-v-2bb92c42]{height:100%;width:calc(100% - 130px)}.contentColCompact[data-v-2bb92c42]{width:100%}.settingsWrapper[data-v-2bb92c42]{display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word;height:100%}.settingsWithMenuRow[data-v-2bb92c42]{height:100%;display:flex;flex-direction:row}@media only screen and (max-width:768px){.settingsWithMenuRow[data-v-2bb92c42]{height:calc(100% - 40px)}}@media only screen and (min-device-width:480px){.settingsMenu[data-v-2bb92c42] .el-dialog{height:80vh;max-width:800px}}