/* BASIC */

:root {
    --halfgap: calc(var(--gap) / 2);
}

[hidden] {
    /* by default, setting the display property in css will override the hidden attribute */
    display: none !important;
}

/* TEXT */

body, input, select, button, textarea {
    font-family: var(--font);
    color: var(--text-color);
}

.wrap {
    overflow-wrap: anywhere;
}

p {
    margin: .2rem 0;
}

a {
    color: var(--text-color-link);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.text-center {
    text-align: center;
}

/* links that are buttons should not have special style */
a.button {
    color: var(--text-color);
}

a.button:hover {
    text-decoration: none;
}

.secondary {
    color: var(--text-color-secondary);
    font-size: .8em;
}

.secondary-large {
    color: var(--text-color-secondary);
}

kbd {
    background-color: var(--background-color);
    padding: .2rem .4rem .1rem .4rem;
    border-bottom: .2rem solid gray;
    border-radius: .2rem;
}

.resize-vertical {
    resize: vertical;
}

hr {
    color: transparent;
    border-top: 1px solid var(--separator-color);
}

/* limit to single line */
.line {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* BODY */

body {
    margin: 0;
    height: 100vh;
    background: var(--body-background);
}

main {
    background-color: var(--main-background);
    width: 100%;
    max-width: 110rem;
}

@media screen and (min-width: 110rem) {
    main {
        margin: var(--gap);
        border-radius: var(--border-radius);
    }
}

/* Noise overlay to reduce color banding in background */
.dither {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--body-dither);
    opacity: 0.2;
    mask: url('data:image/png;base64,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');
    image-rendering: pixelated;
}

/* CONTROLS */

select,
button,
.button,
input[type=submit],
input[type=checkbox],
label {
    cursor: pointer;
}

select,
button,
.button,
input,
.logbox,
textarea {
    appearance: none; /* no native design */

    padding: var(--smallgap);
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    font-size: .9rem;
    border: none;

    transition: transform .1s, background-color .1s, box-shadow .1s;
    box-shadow: var(--controls-box-shadow);
}

select:hover,
button:hover,
.button:hover,
input:hover:not([readonly]),
input[type=range]:focus {
    box-shadow: var(--controls-box-shadow-hover);
    background-color: var(--background-color-hover);
}

button:active,
.button:active,
input[type=submit]:active {
    transform: translate(1px, 1px);
    box-shadow: var(--controls-box-shadow-active);
}

select:focus,
button:focus,
.button:focus,
input:focus {
    border: none;
    outline: none;
    box-shadow: var(--controls-box-shadow-focus);
}

/* read-only or disabled inputs */
button:disabled,
input:disabled,
input[readonly],
.logbox {
    color: lightgray;
}

.logbox {
    white-space: pre-wrap; /* Render \n as <br> */
    overflow: auto;
    height: 20rem;
    font-family: monospace;
}

input[type=checkbox] {
    height: 1rem;
    width: 1.25rem;
}

input[type=checkbox]:checked {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmNoZWNrLWJvbGQ8L3RpdGxlPjxwYXRoIGQ9Ik05LDIwLjQyTDIuNzksMTQuMjFMNS42MiwxMS4zOEw5LDE0Ljc3TDE4Ljg4LDQuODhMMjEuNzEsNy43MUw5LDIwLjQyWiIgLz48L3N2Zz4=") no-repeat center, var(--background-color-active);
}

input[type=range] {
    --height: 1.4rem;
    --thumb-width: calc(var(--height) * 1.2);
    height: var(--height);
    padding: 0;
    overflow: hidden;
}

input[type=range]::-moz-range-thumb {
    background: var(--background-color-active);
    height: var(--height);
    width: var(--thumb-width);
    margin: 0;
    padding: 0;
    border-radius: var(--border-radius);
    border: none;
    box-shadow: var(--controls-box-shadow);
}

/* even though webkit is largely styled identically to mozilla, the two rules cannot be merged or webkit ignores styling */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--background-color-active);
    height: var(--height);
    width: var(--thumb-width);
    margin: 0;
    padding: 0;
    border-radius: var(--border-radius);
    border: none;
    box-shadow: var(--controls-box-shadow);
}

input[type=range]:focus {
    outline: none;
}

input[type=range] {
    cursor: ew-resize;
}

input::placeholder {
    color: #ccc;
}

select {
    appearance: auto;
}

/* VOLUME SLIDER */

.volume-slider {
    width: 6rem;
}

/* For some reason, ::-webkit-slider-thumb and ::-moz-range-thumb cannot be in the same selector (comma separated), or Chrome loses styling */

input[type=range].input-volume-high::-webkit-slider-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1oaWdoPC90aXRsZT48cGF0aCBkPSJNMTQsMy4yM1Y1LjI5QzE2Ljg5LDYuMTUgMTksOC44MyAxOSwxMkMxOSwxNS4xNyAxNi44OSwxNy44NCAxNCwxOC43VjIwLjc3QzE4LDE5Ljg2IDIxLDE2LjI4IDIxLDEyQzIxLDcuNzIgMTgsNC4xNCAxNCwzLjIzTTE2LjUsMTJDMTYuNSwxMC4yMyAxNS41LDguNzEgMTQsNy45N1YxNkMxNS41LDE1LjI5IDE2LjUsMTMuNzYgMTYuNSwxMk0zLDlWMTVIN0wxMiwyMFY0TDcsOUgzWiIgLz48L3N2Zz4=") no-repeat center, var(--background-color-active);
}

input[type=range].input-volume-high::-moz-range-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1oaWdoPC90aXRsZT48cGF0aCBkPSJNMTQsMy4yM1Y1LjI5QzE2Ljg5LDYuMTUgMTksOC44MyAxOSwxMkMxOSwxNS4xNyAxNi44OSwxNy44NCAxNCwxOC43VjIwLjc3QzE4LDE5Ljg2IDIxLDE2LjI4IDIxLDEyQzIxLDcuNzIgMTgsNC4xNCAxNCwzLjIzTTE2LjUsMTJDMTYuNSwxMC4yMyAxNS41LDguNzEgMTQsNy45N1YxNkMxNS41LDE1LjI5IDE2LjUsMTMuNzYgMTYuNSwxMk0zLDlWMTVIN0wxMiwyMFY0TDcsOUgzWiIgLz48L3N2Zz4=") no-repeat center, var(--background-color-active);
}

input[type=range].input-volume-medium::-webkit-slider-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1tZWRpdW08L3RpdGxlPjxwYXRoIGQ9Ik01LDlWMTVIOUwxNCwyMFY0TDksOU0xOC41LDEyQzE4LjUsMTAuMjMgMTcuNSw4LjcxIDE2LDcuOTdWMTZDMTcuNSwxNS4yOSAxOC41LDEzLjc2IDE4LjUsMTJaIiAvPjwvc3ZnPg==") no-repeat center, var(--background-color-active);
}

input[type=range].input-volume-medium::-moz-range-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1tZWRpdW08L3RpdGxlPjxwYXRoIGQ9Ik01LDlWMTVIOUwxNCwyMFY0TDksOU0xOC41LDEyQzE4LjUsMTAuMjMgMTcuNSw4LjcxIDE2LDcuOTdWMTZDMTcuNSwxNS4yOSAxOC41LDEzLjc2IDE4LjUsMTJaIiAvPjwvc3ZnPg==") no-repeat center, var(--background-color-active);
}

input[type=range].input-volume-low::-webkit-slider-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1sb3c8L3RpdGxlPjxwYXRoIGQ9Ik03LDlWMTVIMTFMMTYsMjBWNEwxMSw5SDdaIiAvPjwvc3ZnPg==") no-repeat center, var(--background-color-active);
}

input[type=range].input-volume-low::-moz-range-thumb {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1sb3c8L3RpdGxlPjxwYXRoIGQ9Ik03LDlWMTVIMTFMMTYsMjBWNEwxMSw5SDdaIiAvPjwvc3ZnPg==") no-repeat center, var(--background-color-active);
}

/* FORMS */

.form {
    width: 100%;
    max-width: 30rem;
    margin-top: var(--smallgap);
    margin-bottom: var(--smallgap);

    display: grid;
    grid-template-columns: auto;
    gap: var(--halfgap);
}

.form-gap {
    gap: var(--gap);
}

.form-wide {
    max-width: 60rem;
}

.form-span {
    grid-column: 1 / 3;
}

@media screen and (min-width: 40rem) {
    .form {
        grid-template-columns: auto auto;
        align-items: center; /* center vertically, if one element in a row is taller than another */
    }

    .form input[type=submit],
    .form button,
    .form .logbox,
    .form div {
        grid-column: 1 / 3;
    }
}

/* PLAYLIST CHECKBOXES */

.playlist-checkbox-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--halfgap);
}

.playlist-checkbox-row label {
    display: flex;
    gap: var(--smallgap);
    align-items: center;
}

.playlist-checkbox-row:last-child {
    margin-top: var(--halfgap);
    max-height: 20vh;
    overflow-y: auto;
}

/* ICONS */

.icon {
    --icon-size: 1.9rem;
    height: var(--icon-size);
    width: var(--icon-size);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    filter: invert(1);
}

.icon-small {
    --icon-size: 1.3rem;
}

/* icon classes are generated using scripts/convert-icon.py using an SVG from https://pictogrammers.com/library/mdi/ */
.icon-alert-circle { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLDEzSDExVjdIMTNNMTMsMTdIMTFWMTVIMTNNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJaIiAvPjwvc3ZnPg=="); }
.icon-account-cog { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDRBNCA0IDAgMCAwIDYgOEE0IDQgMCAwIDAgMTAgMTJBNCA0IDAgMCAwIDE0IDhBNCA0IDAgMCAwIDEwIDRNMTcgMTJDMTYuODcgMTIgMTYuNzYgMTIuMDkgMTYuNzQgMTIuMjFMMTYuNTUgMTMuNTNDMTYuMjUgMTMuNjYgMTUuOTYgMTMuODIgMTUuNyAxNEwxNC40NiAxMy41QzE0LjM1IDEzLjUgMTQuMjIgMTMuNSAxNC4xNSAxMy42M0wxMy4xNSAxNS4zNkMxMy4wOSAxNS40NyAxMy4xMSAxNS42IDEzLjIxIDE1LjY4TDE0LjI3IDE2LjVDMTQuMjUgMTYuNjcgMTQuMjQgMTYuODMgMTQuMjQgMTdDMTQuMjQgMTcuMTcgMTQuMjUgMTcuMzMgMTQuMjcgMTcuNUwxMy4yMSAxOC4zMkMxMy4xMiAxOC40IDEzLjA5IDE4LjUzIDEzLjE1IDE4LjY0TDE0LjE1IDIwLjM3QzE0LjIxIDIwLjUgMTQuMzQgMjAuNSAxNC40NiAyMC41TDE1LjcgMjBDMTUuOTYgMjAuMTggMTYuMjQgMjAuMzUgMTYuNTUgMjAuNDdMMTYuNzQgMjEuNzlDMTYuNzYgMjEuOTEgMTYuODYgMjIgMTcgMjJIMTlDMTkuMTEgMjIgMTkuMjIgMjEuOTEgMTkuMjQgMjEuNzlMMTkuNDMgMjAuNDdDMTkuNzMgMjAuMzQgMjAgMjAuMTggMjAuMjcgMjBMMjEuNSAyMC41QzIxLjYzIDIwLjUgMjEuNzYgMjAuNSAyMS44MyAyMC4zN0wyMi44MyAxOC42NEMyMi44OSAxOC41MyAyMi44NiAxOC40IDIyLjc3IDE4LjMyTDIxLjcgMTcuNUMyMS43MiAxNy4zMyAyMS43NCAxNy4xNyAyMS43NCAxN0MyMS43NCAxNi44MyAyMS43MyAxNi42NyAyMS43IDE2LjVMMjIuNzYgMTUuNjhDMjIuODUgMTUuNiAyMi44OCAxNS40NyAyMi44MiAxNS4zNkwyMS44MiAxMy42M0MyMS43NiAxMy41IDIxLjYzIDEzLjUgMjEuNSAxMy41TDIwLjI3IDE0QzIwIDEzLjgyIDE5LjczIDEzLjY1IDE5LjQyIDEzLjUzTDE5LjIzIDEyLjIxQzE5LjIyIDEyLjA5IDE5LjExIDEyIDE5IDEySDE3TTEwIDE0QzUuNTggMTQgMiAxNS43OSAyIDE4VjIwSDExLjY4QTcgNyAwIDAgMSAxMSAxN0E3IDcgMCAwIDEgMTEuNjQgMTQuMDlDMTEuMTEgMTQuMDMgMTAuNTYgMTQgMTAgMTRNMTggMTUuNUMxOC44MyAxNS41IDE5LjUgMTYuMTcgMTkuNSAxN0MxOS41IDE3LjgzIDE4LjgzIDE4LjUgMTggMTguNUMxNy4xNiAxOC41IDE2LjUgMTcuODMgMTYuNSAxN0MxNi41IDE2LjE3IDE3LjE3IDE1LjUgMTggMTUuNVoiIC8+PC9zdmc+"); }
.icon-account-multiple { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2IDE3VjE5SDJWMTdTMiAxMyA5IDEzIDE2IDE3IDE2IDE3TTEyLjUgNy41QTMuNSAzLjUgMCAxIDAgOSAxMUEzLjUgMy41IDAgMCAwIDEyLjUgNy41TTE1Ljk0IDEzQTUuMzIgNS4zMiAwIDAgMSAxOCAxN1YxOUgyMlYxN1MyMiAxMy4zNyAxNS45NCAxM00xNSA0QTMuMzkgMy4zOSAwIDAgMCAxMy4wNyA0LjU5QTUgNSAwIDAgMSAxMy4wNyAxMC40MUEzLjM5IDMuMzkgMCAwIDAgMTUgMTFBMy41IDMuNSAwIDAgMCAxNSA0WiIgLz48L3N2Zz4="); }
.icon-arrow-left { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLDExVjEzSDhMMTMuNSwxOC41TDEyLjA4LDE5LjkyTDQuMTYsMTJMMTIuMDgsNC4wOEwxMy41LDUuNUw4LDExSDIwWiIgLz48L3N2Zz4="); }
.icon-auto-fix { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNSw1LjZMNSw3TDYuNCw0LjVMNSwyTDcuNSwzLjRMMTAsMkw4LjYsNC41TDEwLDdMNy41LDUuNk0xOS41LDE1LjRMMjIsMTRMMjAuNiwxNi41TDIyLDE5TDE5LjUsMTcuNkwxNywxOUwxOC40LDE2LjVMMTcsMTRMMTkuNSwxNS40TTIyLDJMMjAuNiw0LjVMMjIsN0wxOS41LDUuNkwxNyw3TDE4LjQsNC41TDE3LDJMMTkuNSwzLjRMMjIsMk0xMy4zNCwxMi43OEwxNS43OCwxMC4zNEwxMy42Niw4LjIyTDExLjIyLDEwLjY2TDEzLjM0LDEyLjc4TTE0LjM3LDcuMjlMMTYuNzEsOS42M0MxNy4xLDEwIDE3LjEsMTAuNjUgMTYuNzEsMTEuMDRMNS4wNCwyMi43MUM0LjY1LDIzLjEgNCwyMy4xIDMuNjMsMjIuNzFMMS4yOSwyMC4zN0MwLjksMjAgMC45LDE5LjM1IDEuMjksMTguOTZMMTIuOTYsNy4yOUMxMy4zNSw2LjkgMTQsNi45IDE0LjM3LDcuMjlaIiAvPjwvc3ZnPg=="); }
.icon-dots-horizontal { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LDEyQTIsMiAwIDAsMSAxOCwxMEEyLDIgMCAwLDEgMjAsMTJBMiwyIDAgMCwxIDE4LDE0QTIsMiAwIDAsMSAxNiwxMk0xMCwxMkEyLDIgMCAwLDEgMTIsMTBBMiwyIDAgMCwxIDE0LDEyQTIsMiAwIDAsMSAxMiwxNEEyLDIgMCAwLDEgMTAsMTJNNCwxMkEyLDIgMCAwLDEgNiwxMEEyLDIgMCAwLDEgOCwxMkEyLDIgMCAwLDEgNiwxNEEyLDIgMCAwLDEgNCwxMloiIC8+PC9zdmc+"); }
.icon-calendar-clock { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LDEzSDE2LjVWMTUuODJMMTguOTQsMTcuMjNMMTguMTksMTguNTNMMTUsMTYuNjlWMTNNMTksOEg1VjE5SDkuNjdDOS4yNCwxOC4wOSA5LDE3LjA3IDksMTZBNyw3IDAgMCwxIDE2LDlDMTcuMDcsOSAxOC4wOSw5LjI0IDE5LDkuNjdWOE01LDIxQzMuODksMjEgMywyMC4xIDMsMTlWNUMzLDMuODkgMy44OSwzIDUsM0g2VjFIOFYzSDE2VjFIMThWM0gxOUEyLDIgMCAwLDEgMjEsNVYxMS4xQzIyLjI0LDEyLjM2IDIzLDE0LjA5IDIzLDE2QTcsNyAwIDAsMSAxNiwyM0MxNC4wOSwyMyAxMi4zNiwyMi4yNCAxMS4xLDIxSDVNMTYsMTEuMTVBNC44NSw0Ljg1IDAgMCwwIDExLjE1LDE2QzExLjE1LDE4LjY4IDEzLjMyLDIwLjg1IDE2LDIwLjg1QTQuODUsNC44NSAwIDAsMCAyMC44NSwxNkMyMC44NSwxMy4zMiAxOC42OCwxMS4xNSAxNiwxMS4xNVoiIC8+PC9zdmc+"); }
.icon-chart-bar { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyLDIxSDJWM0g0VjE5SDZWMTBIMTBWMTlIMTJWNkgxNlYxOUgxOFYxNEgyMlYyMVoiIC8+PC9zdmc+"); }
.icon-check { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WiIgLz48L3N2Zz4="); }
.icon-close { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LDYuNDFMMTcuNTksNUwxMiwxMC41OUw2LjQxLDVMNSw2LjQxTDEwLjU5LDEyTDUsMTcuNTlMNi40MSwxOUwxMiwxMy40MUwxNy41OSwxOUwxOSwxNy41OUwxMy40MSwxMkwxOSw2LjQxWiIgLz48L3N2Zz4="); }
.icon-cog { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDE1LjVBMy41LDMuNSAwIDAsMSA4LjUsMTJBMy41LDMuNSAwIDAsMSAxMiw4LjVBMy41LDMuNSAwIDAsMSAxNS41LDEyQTMuNSwzLjUgMCAwLDEgMTIsMTUuNU0xOS40MywxMi45N0MxOS40NywxMi42NSAxOS41LDEyLjMzIDE5LjUsMTJDMTkuNSwxMS42NyAxOS40NywxMS4zNCAxOS40MywxMUwyMS41NCw5LjM3QzIxLjczLDkuMjIgMjEuNzgsOC45NSAyMS42Niw4LjczTDE5LjY2LDUuMjdDMTkuNTQsNS4wNSAxOS4yNyw0Ljk2IDE5LjA1LDUuMDVMMTYuNTYsNi4wNUMxNi4wNCw1LjY2IDE1LjUsNS4zMiAxNC44Nyw1LjA3TDE0LjUsMi40MkMxNC40NiwyLjE4IDE0LjI1LDIgMTQsMkgxMEM5Ljc1LDIgOS41NCwyLjE4IDkuNSwyLjQyTDkuMTMsNS4wN0M4LjUsNS4zMiA3Ljk2LDUuNjYgNy40NCw2LjA1TDQuOTUsNS4wNUM0LjczLDQuOTYgNC40Niw1LjA1IDQuMzQsNS4yN0wyLjM0LDguNzNDMi4yMSw4Ljk1IDIuMjcsOS4yMiAyLjQ2LDkuMzdMNC41NywxMUM0LjUzLDExLjM0IDQuNSwxMS42NyA0LjUsMTJDNC41LDEyLjMzIDQuNTMsMTIuNjUgNC41NywxMi45N0wyLjQ2LDE0LjYzQzIuMjcsMTQuNzggMi4yMSwxNS4wNSAyLjM0LDE1LjI3TDQuMzQsMTguNzNDNC40NiwxOC45NSA0LjczLDE5LjAzIDQuOTUsMTguOTVMNy40NCwxNy45NEM3Ljk2LDE4LjM0IDguNSwxOC42OCA5LjEzLDE4LjkzTDkuNSwyMS41OEM5LjU0LDIxLjgyIDkuNzUsMjIgMTAsMjJIMTRDMTQuMjUsMjIgMTQuNDYsMjEuODIgMTQuNSwyMS41OEwxNC44NywxOC45M0MxNS41LDE4LjY3IDE2LjA0LDE4LjM0IDE2LjU2LDE3Ljk0TDE5LjA1LDE4Ljk1QzE5LjI3LDE5LjAzIDE5LjU0LDE4Ljk1IDE5LjY2LDE4LjczTDIxLjY2LDE1LjI3QzIxLjc4LDE1LjA1IDIxLjczLDE0Ljc4IDIxLjU0LDE0LjYzTDE5LjQzLDEyLjk3WiIgLz48L3N2Zz4="); }
.icon-content-duplicate { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTExLDE3SDRBMiwyIDAgMCwxIDIsMTVWM0EyLDIgMCAwLDEgNCwxSDE2VjNINFYxNUgxMVYxM0wxNSwxNkwxMSwxOVYxN00xOSwyMVY3SDhWMTNINlY3QTIsMiAwIDAsMSA4LDVIMTlBMiwyIDAgMCwxIDIxLDdWMjFBMiwyIDAgMCwxIDE5LDIzSDhBMiwyIDAgMCwxIDYsMjFWMTlIOFYyMUgxOVoiIC8+PC9zdmc+"); }
.icon-content-save { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LDlINVY1SDE1TTEyLDE5QTMsMyAwIDAsMSA5LDE2QTMsMyAwIDAsMSAxMiwxM0EzLDMgMCAwLDEgMTUsMTZBMywzIDAgMCwxIDEyLDE5TTE3LDNINUMzLjg5LDMgMywzLjkgMyw1VjE5QTIsMiAwIDAsMCA1LDIxSDE5QTIsMiAwIDAsMCAyMSwxOVY3TDE3LDNaIiAvPjwvc3ZnPg=="); }
.icon-delete-outline { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYsMTlBMiwyIDAgMCwwIDgsMjFIMTZBMiwyIDAgMCwwIDE4LDE5VjdINlYxOU04LDlIMTZWMTlIOFY5TTE1LjUsNEwxNC41LDNIOS41TDguNSw0SDVWNkgxOVY0SDE1LjVaIiAvPjwvc3ZnPg=="); }
.icon-delete-restore { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDE0SDE2TDEyLDEwTDgsMTRIMTBWMThIMTRWMTRNNiw3SDE4VjE5QzE4LDE5LjUgMTcuOCwyMCAxNy4zOSwyMC4zOUMxNywyMC44IDE2LjUsMjEgMTYsMjFIOEM3LjUsMjEgNywyMC44IDYuNjEsMjAuMzlDNi4yLDIwIDYsMTkuNSA2LDE5VjdNMTksNFY2SDVWNEg4LjVMOS41LDNIMTQuNUwxNS41LDRIMTlaIiAvPjwvc3ZnPg=="); }
.icon-delete { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LDRIMTUuNUwxNC41LDNIOS41TDguNSw0SDVWNkgxOU02LDE5QTIsMiAwIDAsMCA4LDIxSDE2QTIsMiAwIDAsMCAxOCwxOVY3SDZWMTlaIiAvPjwvc3ZnPg=="); }
.icon-dice-multiple { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5Ljc4LDNIMTEuMjJDMTAuNTUsMyAxMCwzLjU1IDEwLDQuMjJWOEgxNlYxNEgxOS43OEMyMC40NSwxNCAyMSwxMy40NSAyMSwxMi43OFY0LjIyQzIxLDMuNTUgMjAuNDUsMyAxOS43OCwzTTEyLjQ0LDYuNjdDMTEuNzYsNi42NyAxMS4yMSw2LjEyIDExLjIxLDUuNDRDMTEuMjEsNC43NiAxMS43Niw0LjIxIDEyLjQ0LDQuMjFBMS4yMywxLjIzIDAgMCwxIDEzLjY3LDUuNDRDMTMuNjcsNi4xMiAxMy4xMiw2LjY3IDEyLjQ0LDYuNjdNMTguNTYsMTIuNzhDMTcuODgsMTIuNzkgMTcuMzMsMTIuMjQgMTcuMzIsMTEuNTZDMTcuMzEsMTAuODggMTcuODYsMTAuMzMgMTguNTQsMTAuMzJDMTkuMjIsMTAuMzEgMTkuNzcsMTAuODYgMTkuNzgsMTEuNTZDMTkuNzcsMTIuMjMgMTkuMjMsMTIuNzcgMTguNTYsMTIuNzhNMTguNTYsNi42N0MxNy44OCw2LjY4IDE3LjMzLDYuMTMgMTcuMzIsNS40NUMxNy4zMSw0Ljc3IDE3Ljg2LDQuMjIgMTguNTQsNC4yMUMxOS4yMiw0LjIgMTkuNzcsNC43NSAxOS43OCw1LjQ0QzE5Ljc4LDYuMTIgMTkuMjQsNi42NiAxOC41Niw2LjY3TTQuMjIsMTBIMTIuNzhBMS4yMiwxLjIyIDAgMCwxIDE0LDExLjIyVjE5Ljc4QzE0LDIwLjQ1IDEzLjQ1LDIxIDEyLjc4LDIxSDQuMjJDMy41NSwyMSAzLDIwLjQ1IDMsMTkuNzhWMTEuMjJDMywxMC41NSAzLjU1LDEwIDQuMjIsMTBNOC41LDE0LjI4QzcuODMsMTQuMjggNy4yOCwxNC44MyA3LjI4LDE1LjVDNy4yOCwxNi4xNyA3LjgzLDE2LjcyIDguNSwxNi43MkM5LjE3LDE2LjcyIDkuNzIsMTYuMTcgOS43MiwxNS41QTEuMjIsMS4yMiAwIDAsMCA4LjUsMTQuMjhNNS40NCwxMS4yMkM0Ljc3LDExLjIyIDQuMjIsMTEuNzcgNC4yMiwxMi40NEExLjIyLDEuMjIgMCAwLDAgNS40NCwxMy42NkM2LjExLDEzLjY2IDYuNjYsMTMuMTEgNi42NiwxMi40NFYxMi40NEM2LjY2LDExLjc3IDYuMTEsMTEuMjIgNS40NCwxMS4yMk0xMS41NSwxNy4zM0MxMC44OCwxNy4zMyAxMC4zMywxNy44OCAxMC4zMywxOC41NUMxMC4zMywxOS4yMiAxMC44OCwxOS43NyAxMS41NSwxOS43N0ExLjIyLDEuMjIgMCAwLDAgMTIuNzcsMTguNTVIMTIuNzdDMTIuNzcsMTcuODggMTIuMjMsMTcuMzQgMTEuNTYsMTcuMzNIMTEuNTVaIiAvPjwvc3ZnPg=="); }
.icon-download { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTUsMjBIMTlWMThINU0xOSw5SDE1VjNIOVY5SDVMMTIsMTZMMTksOVoiIC8+PC9zdmc+"); }
.icon-earbuds { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDhWMjBDMTAgMjAuNTUgOS41NSAyMSA5IDIxSDhDNy40NSAyMSA3IDIwLjU1IDcgMjBWMTMuMjdDNi4zMiAxMy43MiA1LjYxIDE0IDUgMTRDMyAxNCAyIDEyIDIgMTFWNkMyIDUgMyAzIDUgM1MxMCA2IDEwIDhNMTYuNSAzQzEzLjQ2IDMgMTEgNS40NiAxMSA4LjVTMTMuNDYgMTQgMTYuNSAxNCAyMiAxMS41NCAyMiA4LjUgMTkuNTQgMyAxNi41IDNNMTQuNSAxNC42OFYyMEMxNC41IDIwLjU1IDE0Ljk1IDIxIDE1LjUgMjFIMTcuNUMxOC4wNSAyMSAxOC41IDIwLjU1IDE4LjUgMjBWMTQuNjhDMTcuODcgMTQuODkgMTcuMiAxNSAxNi41IDE1UzE1LjEzIDE0Ljg5IDE0LjUgMTQuNjhaIiAvPjwvc3ZnPg=="); }
.icon-emoticon { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDJDNi40NywyIDIsNi41IDIsMTJBMTAsMTAgMCAwLDAgMTIsMjJBMTAsMTAgMCAwLDAgMjIsMTJBMTAsMTAgMCAwLDAgMTIsMk0xNS41LDhBMS41LDEuNSAwIDAsMSAxNyw5LjVBMS41LDEuNSAwIDAsMSAxNS41LDExQTEuNSwxLjUgMCAwLDEgMTQsOS41QTEuNSwxLjUgMCAwLDEgMTUuNSw4TTguNSw4QTEuNSwxLjUgMCAwLDEgMTAsOS41QTEuNSwxLjUgMCAwLDEgOC41LDExQTEuNSwxLjUgMCAwLDEgNyw5LjVBMS41LDEuNSAwIDAsMSA4LjUsOE0xMiwxNy41QzkuNjcsMTcuNSA3LjY5LDE2LjA0IDYuODksMTRIMTcuMTFDMTYuMywxNi4wNCAxNC4zMywxNy41IDEyLDE3LjVaIiAvPjwvc3ZnPg=="); }
.icon-file-chart { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLDlIMTguNUwxMywzLjVWOU02LDJIMTRMMjAsOFYyMEEyLDIgMCAwLDEgMTgsMjJINkM0Ljg5LDIyIDQsMjEuMSA0LDIwVjRDNCwyLjg5IDQuODksMiA2LDJNNywyMEg5VjE0SDdWMjBNMTEsMjBIMTNWMTJIMTFWMjBNMTUsMjBIMTdWMTZIMTVWMjBaIiAvPjwvc3ZnPg=="); }
.icon-file-edit { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYgMkM0LjkgMiA0IDIuOSA0IDRWMjBDNCAyMS4xIDQuOSAyMiA2IDIySDEwVjIwLjFMMjAgMTAuMVY4TDE0IDJINk0xMyAzLjVMMTguNSA5SDEzVjMuNU0yMC4xIDEzQzIwIDEzIDE5LjggMTMuMSAxOS43IDEzLjJMMTguNyAxNC4yTDIwLjggMTYuM0wyMS44IDE1LjNDMjIgMTUuMSAyMiAxNC43IDIxLjggMTQuNUwyMC41IDEzLjJDMjAuNCAxMy4xIDIwLjMgMTMgMjAuMSAxM00xOC4xIDE0LjhMMTIgMjAuOVYyM0gxNC4xTDIwLjIgMTYuOUwxOC4xIDE0LjhaIiAvPjwvc3ZnPg=="); }
.icon-file-question { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYsMkM0Ljg5LDIgNCwyLjg5IDQsNFYyMEEyLDIgMCAwLDAgNiwyMkgxOEEyLDIgMCAwLDAgMjAsMjBWOEwxNCwySDZNMTMsMy41TDE4LjUsOUgxM1YzLjVNMTIsMTFBMywzIDAgMCwxIDE1LDE0QzE1LDE1Ljg4IDEyLjc1LDE2LjA2IDEyLjc1LDE3Ljc1SDExLjI1QzExLjI1LDE1LjMxIDEzLjUsMTUuNSAxMy41LDE0QTEuNSwxLjUgMCAwLDAgMTIsMTIuNUExLjUsMS41IDAgMCwwIDEwLjUsMTRIOUEzLDMgMCAwLDEgMTIsMTFNMTEuMjUsMTguNUgxMi43NVYyMEgxMS4yNVYxOC41WiIgLz48L3N2Zz4="); }
.icon-folder { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLDRINEMyLjg5LDQgMiw0Ljg5IDIsNlYxOEEyLDIgMCAwLDAgNCwyMEgyMEEyLDIgMCAwLDAgMjIsMThWOEMyMiw2Ljg5IDIxLjEsNiAyMCw2SDEyTDEwLDRaIiAvPjwvc3ZnPg=="); }
.icon-fullscreen { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTUsNUgxMFY3SDdWMTBINVY1TTE0LDVIMTlWMTBIMTdWN0gxNFY1TTE3LDE0SDE5VjE5SDE0VjE3SDE3VjE0TTEwLDE3VjE5SDVWMTRIN1YxN0gxMFoiIC8+PC9zdmc+"); }
.icon-fullscreen-exit { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDE0SDE5VjE2SDE2VjE5SDE0VjE0TTUsMTRIMTBWMTlIOFYxNkg1VjE0TTgsNUgxMFYxMEg1VjhIOFY1TTE5LDhWMTBIMTRWNUgxNlY4SDE5WiIgLz48L3N2Zz4="); }
.icon-help-circle { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LjA3LDExLjI1TDE0LjE3LDEyLjE3QzEzLjQ1LDEyLjg5IDEzLDEzLjUgMTMsMTVIMTFWMTQuNUMxMSwxMy4zOSAxMS40NSwxMi4zOSAxMi4xNywxMS42N0wxMy40MSwxMC40MUMxMy43OCwxMC4wNSAxNCw5LjU1IDE0LDlDMTQsNy44OSAxMy4xLDcgMTIsN0EyLDIgMCAwLDAgMTAsOUg4QTQsNCAwIDAsMSAxMiw1QTQsNCAwIDAsMSAxNiw5QzE2LDkuODggMTUuNjQsMTAuNjcgMTUuMDcsMTEuMjVNMTMsMTlIMTFWMTdIMTNNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQzIyLDYuNDcgMTcuNSwyIDEyLDJaIiAvPjwvc3ZnPg=="); }
.icon-history { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjUsOEgxMlYxM0wxNi4yOCwxNS41NEwxNywxNC4zM0wxMy41LDEyLjI1VjhNMTMsM0E5LDkgMCAwLDAgNCwxMkgxTDQuOTYsMTYuMDNMOSwxMkg2QTcsNyAwIDAsMSAxMyw1QTcsNyAwIDAsMSAyMCwxMkE3LDcgMCAwLDEgMTMsMTlDMTEuMDcsMTkgOS4zMiwxOC4yMSA4LjA2LDE2Ljk0TDYuNjQsMTguMzZDOC4yNywyMCAxMC41LDIxIDEzLDIxQTksOSAwIDAsMCAyMiwxMkE5LDkgMCAwLDAgMTMsMyIgLz48L3N2Zz4="); }
.icon-home { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmhvbWU8L3RpdGxlPjxwYXRoIGQ9Ik0xMCwyMFYxNEgxNFYyMEgxOVYxMkgyMkwxMiwzTDIsMTJINVYyMEgxMFoiIC8+PC9zdmc+"); }
.icon-loading { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDRWMkExMCwxMCAwIDAsMCAyLDEySDRBOCw4IDAgMCwxIDEyLDRaIiAvPjwvc3ZnPg=="); }
.icon-music { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxLDNWMTUuNUEzLjUsMy41IDAgMCwxIDE3LjUsMTlBMy41LDMuNSAwIDAsMSAxNCwxNS41QTMuNSwzLjUgMCAwLDEgMTcuNSwxMkMxOC4wNCwxMiAxOC41NSwxMi4xMiAxOSwxMi4zNFY2LjQ3TDksOC42VjE3LjVBMy41LDMuNSAwIDAsMSA1LjUsMjFBMy41LDMuNSAwIDAsMSAyLDE3LjVBMy41LDMuNSAwIDAsMSA1LjUsMTRDNi4wNCwxNCA2LjU1LDE0LjEyIDcsMTQuMzRWNkwyMSwzWiIgLz48L3N2Zz4="); }
.icon-monitor-arrow-down-variant { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3IDE0TDIyIDlMMjAuNiA3LjZMMTggMTAuMlYzSDE2VjEwLjJMMTMuNCA3LjZMMTIgOUwxNyAxNE0yMyAxNFYxNkMyMyAxNy4xIDIyLjEgMTggMjEgMThIMTRWMjBIMTZWMjJIOFYyMEgxMFYxOEgzQzEuOSAxOCAxIDE3LjEgMSAxNlY0QzEgMi45IDEuOSAyIDMgMkgxMlY0SDNWMTZIMjFWMTRIMjNaIiAvPjwvc3ZnPg=="); }
.icon-pause { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEgMSAyMiAyMiI+PHBhdGggZD0iTTE0LDE5SDE4VjVIMTRNNiwxOUgxMFY1SDZWMTlaIiAvPjwvc3ZnPgo="); }
.icon-pencil { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLjcxLDcuMDRDMjEuMSw2LjY1IDIxLjEsNiAyMC43MSw1LjYzTDE4LjM3LDMuMjlDMTgsMi45IDE3LjM1LDIuOSAxNi45NiwzLjI5TDE1LjEyLDUuMTJMMTguODcsOC44N00zLDE3LjI1VjIxSDYuNzVMMTcuODEsOS45M0wxNC4wNiw2LjE4TDMsMTcuMjVaIiAvPjwvc3ZnPg=="); }
.icon-play { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggZD0iTTgsNS4xNFYxOS4xNEwxOSwxMi4xNEw4LDUuMTRaIiAvPjwvc3ZnPgo="); }
.icon-playlist-music { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LDZIM1Y4SDE1VjZNMTUsMTBIM1YxMkgxNVYxME0zLDE2SDExVjE0SDNWMTZNMTcsNlYxNC4xOEMxNi42OSwxNC4wNyAxNi4zNSwxNCAxNiwxNEEzLDMgMCAwLDAgMTMsMTdBMywzIDAgMCwwIDE2LDIwQTMsMyAwIDAsMCAxOSwxN1Y4SDIyVjZIMTdaIiAvPjwvc3ZnPg=="); }
.icon-playlist-plus { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMgMTZIMTBWMTRIM00xOCAxNFYxMEgxNlYxNEgxMlYxNkgxNlYyMEgxOFYxNkgyMlYxNE0xNCA2SDNWOEgxNE0xNCAxMEgzVjEySDE0VjEwWiIgLz48L3N2Zz4="); }
.icon-playlist-remove { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0IDEwSDNWMTJIMTRWMTBNMTQgNkgzVjhIMTRWNk0zIDE2SDEwVjE0SDNWMTZNMTQuNCAyMkwxNyAxOS40TDE5LjYgMjJMMjEgMjAuNkwxOC40IDE4TDIxIDE1LjRMMTkuNiAxNEwxNyAxNi42TDE0LjQgMTRMMTMgMTUuNEwxNS42IDE4TDEzIDIwLjZMMTQuNCAyMloiIC8+PC9zdmc+"); }
.icon-radio { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLDZBMiwyIDAgMCwxIDIyLDhWMjBBMiwyIDAgMCwxIDIwLDIySDRBMiwyIDAgMCwxIDIsMjBWOEMyLDcuMTUgMi41Myw2LjQyIDMuMjgsNi4xM0wxNS43MSwxTDE2LjQ3LDIuODNMOC44Myw2SDIwTTIwLDhINFYxMkgxNlYxMEgxOFYxMkgyMFY4TTcsMTRBMywzIDAgMCwwIDQsMTdBMywzIDAgMCwwIDcsMjBBMywzIDAgMCwwIDEwLDE3QTMsMyAwIDAsMCA3LDE0WiIgLz48L3N2Zz4="); }
.icon-reload { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIgMTJDMiAxNi45NyA2LjAzIDIxIDExIDIxQzEzLjM5IDIxIDE1LjY4IDIwLjA2IDE3LjQgMTguNEwxNS45IDE2LjlDMTQuNjMgMTguMjUgMTIuODYgMTkgMTEgMTlDNC43NiAxOSAxLjY0IDExLjQ2IDYuMDUgNy4wNUMxMC40NiAyLjY0IDE4IDUuNzcgMTggMTJIMTVMMTkgMTZIMTkuMUwyMyAxMkgyMEMyMCA3LjAzIDE1Ljk3IDMgMTEgM0M2LjAzIDMgMiA3LjAzIDIgMTJaIiAvPjwvc3ZnPg=="); }
.icon-remote { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDBDOC45NiwwIDYuMjEsMS4yMyA0LjIyLDMuMjJMNS42Myw0LjYzQzcuMjYsMyA5LjUsMiAxMiwyQzE0LjUsMiAxNi43NCwzIDE4LjM2LDQuNjRMMTkuNzcsMy4yM0MxNy43OSwxLjIzIDE1LjA0LDAgMTIsME03LjA1LDYuMDVMOC40Niw3LjQ2QzkuMzcsNi41NiAxMC42Miw2IDEyLDZDMTMuMzgsNiAxNC42Myw2LjU2IDE1LjU0LDcuNDZMMTYuOTUsNi4wNUMxNS42OCw0Ljc4IDEzLjkzLDQgMTIsNEMxMC4wNyw0IDguMzIsNC43OCA3LjA1LDYuMDVNMTIsMTVBMiwyIDAgMCwxIDEwLDEzQTIsMiAwIDAsMSAxMiwxMUEyLDIgMCAwLDEgMTQsMTNBMiwyIDAgMCwxIDEyLDE1TTE1LDlIOUExLDEgMCAwLDAgOCwxMFYyMkExLDEgMCAwLDAgOSwyM0gxNUExLDEgMCAwLDAgMTYsMjJWMTBBMSwxIDAgMCwwIDE1LDlaIiAvPjwvc3ZnPg=="); }
.icon-rename-box { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LDE3SDEwLjVMMTIuNSwxNUgxOE02LDE3VjE0LjVMMTMuODgsNi42NUMxNC4wNyw2LjQ1IDE0LjM5LDYuNDUgMTQuNTksNi42NUwxNi4zNSw4LjQxQzE2LjU1LDguNjEgMTYuNTUsOC45MiAxNi4zNSw5LjEyTDguNDcsMTdNMTksM0g1QzMuODksMyAzLDMuODkgMyw1VjE5QTIsMiAwIDAsMCA1LDIxSDE5QTIsMiAwIDAsMCAyMSwxOVY1QzIxLDMuODkgMjAuMSwzIDE5LDNaIiAvPjwvc3ZnPg=="); }
.icon-share { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LDE2LjA4QzE3LjI0LDE2LjA4IDE2LjU2LDE2LjM4IDE2LjA0LDE2Ljg1TDguOTEsMTIuN0M4Ljk2LDEyLjQ3IDksMTIuMjQgOSwxMkM5LDExLjc2IDguOTYsMTEuNTMgOC45MSwxMS4zTDE1Ljk2LDcuMTlDMTYuNSw3LjY5IDE3LjIxLDggMTgsOEEzLDMgMCAwLDAgMjEsNUEzLDMgMCAwLDAgMTgsMkEzLDMgMCAwLDAgMTUsNUMxNSw1LjI0IDE1LjA0LDUuNDcgMTUuMDksNS43TDguMDQsOS44MUM3LjUsOS4zMSA2Ljc5LDkgNiw5QTMsMyAwIDAsMCAzLDEyQTMsMyAwIDAsMCA2LDE1QzYuNzksMTUgNy41LDE0LjY5IDguMDQsMTQuMTlMMTUuMTYsMTguMzRDMTUuMTEsMTguNTUgMTUuMDgsMTguNzcgMTUuMDgsMTlDMTUuMDgsMjAuNjEgMTYuMzksMjEuOTEgMTgsMjEuOTFDMTkuNjEsMjEuOTEgMjAuOTIsMjAuNjEgMjAuOTIsMTlBMi45MiwyLjkyIDAgMCwwIDE4LDE2LjA4WiIgLz48L3N2Zz4="); }
.icon-skip-next { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggZD0iTTE2LDE4SDE4VjZIMTZNNiwxOEwxNC41LDEyTDYsNlYxOFoiIC8+PC9zdmc+Cg=="); }
.icon-skip-previous { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggZD0iTTYsMThWNkg4VjE4SDZNOS41LDEyTDE4LDZWMThMOS41LDEyWiIgLz48L3N2Zz4K"); }
.icon-spotify { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LjksMTAuOUMxNC43LDkgOS4zNSw4LjggNi4zLDkuNzVDNS44LDkuOSA1LjMsOS42IDUuMTUsOS4xNUM1LDguNjUgNS4zLDguMTUgNS43NSw4QzkuMyw2Ljk1IDE1LjE1LDcuMTUgMTguODUsOS4zNUMxOS4zLDkuNiAxOS40NSwxMC4yIDE5LjIsMTAuNjVDMTguOTUsMTEgMTguMzUsMTEuMTUgMTcuOSwxMC45TTE3LjgsMTMuN0MxNy41NSwxNC4wNSAxNy4xLDE0LjIgMTYuNzUsMTMuOTVDMTQuMDUsMTIuMyA5Ljk1LDExLjggNi44LDEyLjhDNi40LDEyLjkgNS45NSwxMi43IDUuODUsMTIuM0M1Ljc1LDExLjkgNS45NSwxMS40NSA2LjM1LDExLjM1QzEwLDEwLjI1IDE0LjUsMTAuOCAxNy42LDEyLjdDMTcuOSwxMi44NSAxOC4wNSwxMy4zNSAxNy44LDEzLjdNMTYuNiwxNi40NUMxNi40LDE2Ljc1IDE2LjA1LDE2Ljg1IDE1Ljc1LDE2LjY1QzEzLjQsMTUuMiAxMC40NSwxNC45IDYuOTUsMTUuN0M2LjYsMTUuOCA2LjMsMTUuNTUgNi4yLDE1LjI1QzYuMSwxNC45IDYuMzUsMTQuNiA2LjY1LDE0LjVDMTAuNDUsMTMuNjUgMTMuNzUsMTQgMTYuMzUsMTUuNkMxNi43LDE1Ljc1IDE2Ljc1LDE2LjE1IDE2LjYsMTYuNDVNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJaIiAvPjwvc3ZnPg=="); }
.icon-sync { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDE4QTYsNiAwIDAsMSA2LDEyQzYsMTEgNi4yNSwxMC4wMyA2LjcsOS4yTDUuMjQsNy43NEM0LjQ2LDguOTcgNCwxMC40MyA0LDEyQTgsOCAwIDAsMCAxMiwyMFYyM0wxNiwxOUwxMiwxNU0xMiw0VjFMOCw1TDEyLDlWNkE2LDYgMCAwLDEgMTgsMTJDMTgsMTMgMTcuNzUsMTMuOTcgMTcuMywxNC44TDE4Ljc2LDE2LjI2QzE5LjU0LDE1LjAzIDIwLDEzLjU3IDIwLDEyQTgsOCAwIDAsMCAxMiw0WiIgLz48L3N2Zz4="); }
.icon-table-column-remove { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQsMkgxMUEyLDIgMCAwLDEgMTMsNFYyMEEyLDIgMCAwLDEgMTEsMjJINEEyLDIgMCAwLDEgMiwyMFY0QTIsMiAwIDAsMSA0LDJNNCwxMFYxNEgxMVYxMEg0TTQsMTZWMjBIMTFWMTZINE00LDRWOEgxMVY0SDRNMTcuNTksMTJMMTUsOS40MUwxNi40MSw4TDE5LDEwLjU5TDIxLjU5LDhMMjMsOS40MUwyMC40MSwxMkwyMywxNC41OUwyMS41OSwxNkwxOSwxMy40MUwxNi40MSwxNkwxNSwxNC41OUwxNy41OSwxMloiIC8+PC9zdmc+"); }
.icon-tag-multiple { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTUuNSw5QTEuNSwxLjUgMCAwLDAgNyw3LjVBMS41LDEuNSAwIDAsMCA1LjUsNkExLjUsMS41IDAgMCwwIDQsNy41QTEuNSwxLjUgMCAwLDAgNS41LDlNMTcuNDEsMTEuNThDMTcuNzcsMTEuOTQgMTgsMTIuNDQgMTgsMTNDMTgsMTMuNTUgMTcuNzgsMTQuMDUgMTcuNDEsMTQuNDFMMTIuNDEsMTkuNDFDMTIuMDUsMTkuNzcgMTEuNTUsMjAgMTEsMjBDMTAuNDUsMjAgOS45NSwxOS43OCA5LjU4LDE5LjQxTDIuNTksMTIuNDJDMi4yMiwxMi4wNSAyLDExLjU1IDIsMTFWNkMyLDQuODkgMi44OSw0IDQsNEg5QzkuNTUsNCAxMC4wNSw0LjIyIDEwLjQxLDQuNThMMTcuNDEsMTEuNThNMTMuNTQsNS43MUwxNC41NCw0LjcxTDIxLjQxLDExLjU4QzIxLjc4LDExLjk0IDIyLDEyLjQ1IDIyLDEzQzIyLDEzLjU1IDIxLjc4LDE0LjA1IDIxLjQyLDE0LjQxTDE2LjA0LDE5Ljc5TDE1LjA0LDE4Ljc5TDIwLjc1LDEzTDEzLjU0LDUuNzFaIiAvPjwvc3ZnPg=="); }
.icon-text-box { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDE3SDdWMTVIMTRNMTcsMTNIN1YxMUgxN00xNyw5SDdWN0gxN00xOSwzSDVDMy44OSwzIDMsMy44OSAzLDVWMTlBMiwyIDAgMCwwIDUsMjFIMTlBMiwyIDAgMCwwIDIxLDE5VjVDMjEsMy44OSAyMC4xLDMgMTksM1oiIC8+PC9zdmc+"); }
.icon-text-search { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjMxIDE4LjlMMjIuMzkgMjJMMjEgMjMuMzlMMTcuODggMjAuMzJDMTcuMTkgMjAuNzUgMTYuMzcgMjEgMTUuNSAyMUMxMyAyMSAxMSAxOSAxMSAxNi41QzExIDE0IDEzIDEyIDE1LjUgMTJDMTggMTIgMjAgMTQgMjAgMTYuNUMyMCAxNy4zOCAxOS43NSAxOC4yMSAxOS4zMSAxOC45TTE1LjUgMTlDMTYuODggMTkgMTggMTcuODggMTggMTYuNUMxOCAxNS4xMiAxNi44OCAxNCAxNS41IDE0QzE0LjEyIDE0IDEzIDE1LjEyIDEzIDE2LjVDMTMgMTcuODggMTQuMTIgMTkgMTUuNSAxOU0yMSA0VjZIM1Y0SDIxTTMgMTZWMTRIOVYxNkgzTTMgMTFWOUgyMVYxMUgxOC45N0MxNy45NiAxMC4zNyAxNi43NyAxMCAxNS41IDEwQzE0LjIzIDEwIDEzLjA0IDEwLjM3IDEyLjAzIDExSDNaIiAvPjwvc3ZnPg=="); }
.icon-thumb-down { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDI2IDI2Ij48cGF0aCBkPSJNMTksMTVIMjNWM0gxOU0xNSwzSDZDNS4xNywzIDQuNDYsMy41IDQuMTYsNC4yMkwxLjE0LDExLjI3QzEuMDUsMTEuNSAxLDExLjc0IDEsMTJWMTRBMiwyIDAgMCwwIDMsMTZIOS4zMUw4LjM2LDIwLjU3QzguMzQsMjAuNjcgOC4zMywyMC43NyA4LjMzLDIwLjg4QzguMzMsMjEuMyA4LjUsMjEuNjcgOC43NywyMS45NEw5LjgzLDIzTDE2LjQxLDE2LjQxQzE2Ljc4LDE2LjA1IDE3LDE1LjU1IDE3LDE1VjVDMTcsMy44OSAxNi4xLDMgMTUsM1oiIC8+PC9zdmc+Cg=="); }
.icon-thumb-up { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLDEwQzIzLDguODkgMjIuMSw4IDIxLDhIMTQuNjhMMTUuNjQsMy40M0MxNS42NiwzLjMzIDE1LjY3LDMuMjIgMTUuNjcsMy4xMUMxNS42NywyLjcgMTUuNSwyLjMyIDE1LjIzLDIuMDVMMTQuMTcsMUw3LjU5LDcuNThDNy4yMiw3Ljk1IDcsOC40NSA3LDlWMTlBMiwyIDAgMCwwIDksMjFIMThDMTguODMsMjEgMTkuNTQsMjAuNSAxOS44NCwxOS43OEwyMi44NiwxMi43M0MyMi45NSwxMi41IDIzLDEyLjI2IDIzLDEyVjEwTTEsMjFINVY5SDFWMjFaIiAvPjwvc3ZnPg=="); }
.icon-transit-transfer { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjUsMTUuNUgyMlYxN0gxNi41VjE4Ljc1TDE0LDE2LjI1TDE2LjUsMTMuNzVWMTUuNU0xOS41LDE5Ljc1VjE4TDIyLDIwLjVMMTkuNSwyM1YyMS4yNUgxNFYxOS43NUgxOS41TTkuNSw1LjVBMiwyIDAgMCwxIDcuNSwzLjVBMiwyIDAgMCwxIDkuNSwxLjVBMiwyIDAgMCwxIDExLjUsMy41QTIsMiAwIDAsMSA5LjUsNS41TTUuNzUsOC45TDQsOS42NVYxM0gyVjguM0w3LjI1LDYuMTVDNy41LDYuMDUgNy43NSw2IDgsNkM4LjcsNiA5LjM1LDYuMzUgOS43LDYuOTVMMTAuNjUsOC41NUMxMS41NSwxMCAxMy4xNSwxMSAxNSwxMVYxM0MxMi44LDEzIDEwLjg1LDEyIDkuNTUsMTAuNEw4Ljk1LDEzLjRMMTEsMTUuNDVWMjNIOVYxN0w2Ljg1LDE1TDUuMSwyM0gzTDUuNzUsOC45WiIgLz48L3N2Zz4="); }
.icon-video { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LDEwLjVWN0ExLDEgMCAwLDAgMTYsNkg0QTEsMSAwIDAsMCAzLDdWMTdBMSwxIDAgMCwwIDQsMThIMTZBMSwxIDAgMCwwIDE3LDE3VjEzLjVMMjEsMTcuNVY2LjVMMTcsMTAuNVoiIC8+PC9zdmc+"); }
.icon-volume { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPnZvbHVtZS1oaWdoPC90aXRsZT48cGF0aCBkPSJNMTQsMy4yM1Y1LjI5QzE2Ljg5LDYuMTUgMTksOC44MyAxOSwxMkMxOSwxNS4xNyAxNi44OSwxNy44NCAxNCwxOC43VjIwLjc3QzE4LDE5Ljg2IDIxLDE2LjI4IDIxLDEyQzIxLDcuNzIgMTgsNC4xNCAxNCwzLjIzTTE2LjUsMTJDMTYuNSwxMC4yMyAxNS41LDguNzEgMTQsNy45N1YxNkMxNS41LDE1LjI5IDE2LjUsMTMuNzYgMTYuNSwxMk0zLDlWMTVIN0wxMiwyMFY0TDcsOUgzWiIgLz48L3N2Zz4="); }
.icon-web { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjM2LDE0QzE2LjQ0LDEzLjM0IDE2LjUsMTIuNjggMTYuNSwxMkMxNi41LDExLjMyIDE2LjQ0LDEwLjY2IDE2LjM2LDEwSDE5Ljc0QzE5LjksMTAuNjQgMjAsMTEuMzEgMjAsMTJDMjAsMTIuNjkgMTkuOSwxMy4zNiAxOS43NCwxNE0xNC41OSwxOS41NkMxNS4xOSwxOC40NSAxNS42NSwxNy4yNSAxNS45NywxNkgxOC45MkMxNy45NiwxNy42NSAxNi40MywxOC45MyAxNC41OSwxOS41Nk0xNC4zNCwxNEg5LjY2QzkuNTYsMTMuMzQgOS41LDEyLjY4IDkuNSwxMkM5LjUsMTEuMzIgOS41NiwxMC42NSA5LjY2LDEwSDE0LjM0QzE0LjQzLDEwLjY1IDE0LjUsMTEuMzIgMTQuNSwxMkMxNC41LDEyLjY4IDE0LjQzLDEzLjM0IDE0LjM0LDE0TTEyLDE5Ljk2QzExLjE3LDE4Ljc2IDEwLjUsMTcuNDMgMTAuMDksMTZIMTMuOTFDMTMuNSwxNy40MyAxMi44MywxOC43NiAxMiwxOS45Nk04LDhINS4wOEM2LjAzLDYuMzQgNy41Nyw1LjA2IDkuNCw0LjQ0QzguOCw1LjU1IDguMzUsNi43NSA4LDhNNS4wOCwxNkg4QzguMzUsMTcuMjUgOC44LDE4LjQ1IDkuNCwxOS41NkM3LjU3LDE4LjkzIDYuMDMsMTcuNjUgNS4wOCwxNk00LjI2LDE0QzQuMSwxMy4zNiA0LDEyLjY5IDQsMTJDNCwxMS4zMSA0LjEsMTAuNjQgNC4yNiwxMEg3LjY0QzcuNTYsMTAuNjYgNy41LDExLjMyIDcuNSwxMkM3LjUsMTIuNjggNy41NiwxMy4zNCA3LjY0LDE0TTEyLDQuMDNDMTIuODMsNS4yMyAxMy41LDYuNTcgMTMuOTEsOEgxMC4wOUMxMC41LDYuNTcgMTEuMTcsNS4yMyAxMiw0LjAzTTE4LjkyLDhIMTUuOTdDMTUuNjUsNi43NSAxNS4xOSw1LjU1IDE0LjU5LDQuNDRDMTYuNDMsNS4wNyAxNy45Niw2LjM0IDE4LjkyLDhNMTIsMkM2LjQ3LDIgMiw2LjUgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4="); }
.icon-wrench { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyLjcsMTlMMTMuNiw5LjlDMTQuNSw3LjYgMTQsNC45IDEyLjEsM0MxMC4xLDEgNy4xLDAuNiA0LjcsMS43TDksNkw2LDlMMS42LDQuN0MwLjQsNy4xIDAuOSwxMC4xIDIuOSwxMi4xQzQuOCwxNCA3LjUsMTQuNSA5LjgsMTMuNkwxOC45LDIyLjdDMTkuMywyMy4xIDE5LjksMjMuMSAyMC4zLDIyLjdMMjIuNiwyMC40QzIzLjEsMjAgMjMuMSwxOS4zIDIyLjcsMTlaIiAvPjwvc3ZnPg=="); }

.icon-text-button {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    font-size: 1.2em;
    margin-right: var(--smallgap);
}

/* TABLES */

table {
    width: 100%;
    border-spacing: 0;
}

.table {
    border-radius: var(--border-radius);
    overflow: clip;
}

.table thead {
    position: sticky; /* stay visible when scrolling */
    top: 0;
    z-index: 1; /* heading should be above table content */
    background: black;
    border-radius: var(--border-radius);
}

.table tbody {
    background-color: var(--table-background-color);
}

.table td,
.table th {
    padding: var(--halfgap);
}

.table .icon-col {
    width: 2rem;
    height: 2rem;
}

.table .button-col {
    width: 2.75rem;
    height: 2.75rem;
}

.table th {
    text-align: left;
}

.table th[colspan] {
    text-align: center;
}

.table tbody tr {
    transition: background-color var(--transition-duration);
}

.table tbody tr:hover {
    background-color: var(--background-color-hover);
}

/* .collapse to remove column on small screen */
@media screen and (max-width: 800px) {
    th.collapse, td.collapse {
        display: none;
    }
}

/* .expand to show column on small screen */
@media screen and (min-width: 801px) {
    th.expand, td.expand {
        display: none;
    }
}

/* BOXES */

.box {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    background-color: var(--background-color);
    overflow: hidden;
    width: 100%;
    contain: content;
}

.box-header {
    background: var(--header-background);
    color: var(--header-color);
    padding: var(--halfgap);
    font-size: 1.2em;
}

.boxes {
    display: flex;
    gap: var(--gap);
    flex-wrap: wrap;
    width: 100%;
}

.padding {
    padding: var(--gap);
    box-sizing: border-box;
}

/* POSITIONING */

.flex-space-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.flex-space-between > * {
    display: inline;
}

.flex-vcenter {
    display: flex;
    align-items: center;
}

.flex-hcenter {
    display: flex;
    justify-content: center;
}

.flex-end {
    display: flex;
    justify-content: end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-gap {
    display: flex;
    gap: var(--gap);
}

.flex-halfgap {
    display: flex;
    gap: var(--halfgap);
}

.flex-smallgap {
    display: flex;
    gap: var(--smallgap);
}

/* HEADINGS */

.page-heading {
    display: flex;
    justify-content: left;
    align-items: center;
}

.page-heading > * {
    display: inline-block;
}

/* margin between back button and heading text */
.page-heading > *:first-child {
    margin-right: .5rem;
}

/* LOADING */

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spinning {
    animation: rotate 1s linear infinite;
}

/* TOAST NOTIFICATIONS */

#toasts {
    position: fixed;
    bottom: var(--gap);
    left: var(--gap);
    z-index: 1000;
    pointer-events: none;
    max-height: 50vh;
}

.toast {
    margin-top: var(--gap);
    max-width: min(30rem, 100%);
    transition: opacity var(--transition-duration), transform var(--transition-duration);
    backdrop-filter: blur(1rem);

    display: flex;
    align-items: center;
    gap: var(--gap);
}

.toast.hidden {
    transform: translateY(20px);
    opacity: 0;
}

/* MISC */

.cover-img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    aspect-ratio: 1/1;
}

.no-scroll {
    overflow: hidden;
}

.inline {
    display: inline;
}

/* NOW PLAYING CARDS */

.nowplaying-body {
    display: flex;
    padding: var(--halfgap);
}

.nowplaying-coverimg {
    --coversize: 8rem;
    height: var(--coversize);
    width: var(--coversize);
    border-radius: var(--border-radius);
    flex-shrink: 0;
}

.nowplaying-body-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.nowplaying-controls {
    display: flex;
    gap: var(--smallgap);
    /* justify-content: end; */
}

.nowplaying-progress {
    height: 2px;
}

/* CONTEXT MENU */

.context-menu {
    position: fixed;
    background: var(--background-color-window);
    backdrop-filter: blur(1rem);
    border-radius: var(--border-radius);
    box-shadow: var(--controls-box-shadow);
    cursor: initial;
    z-index: 1000;
    contain: paint;
}

.context-menu > div {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--halfgap);
    padding: var(--halfgap);
    cursor: pointer;
}

.context-menu > div:hover {
    background: var(--background-color-hover);
}