.record-player-container{border-left:5px solid var(--border-color);border-right:5px solid var(--border-color);border-bottom:5px solid var(--border-color);background-color:#0000;flex-direction:column;flex:1;align-items:center;display:flex}.record-player-record{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:auto;padding:15px 0;animation:20s linear infinite paused record-spin;display:flex}.record-player-spinning{animation-play-state:running}.record-player-reset-rotation{animation:none;transform:rotate(0)}@keyframes record-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-player-controls{align-items:center;gap:15px;display:flex}.record-player-play-button{cursor:pointer;justify-content:center;align-items:center;display:flex}.record-player-volume-parent{align-items:center;display:flex}.record-player-slider{appearance:none;background:0 0;background:color-mix(in srgb,var(--accent-color)50%,transparent);--progress-width:75%;border-radius:0;outline:none;width:130px;height:9px;position:relative;overflow:hidden}.record-player-slider:hover{cursor:pointer}.record-player-slider::-webkit-slider-runnable-track{cursor:pointer;width:100%}.record-player-slider::-moz-range-track{background:color-mix(in srgb,var(--accent-color)50%,transparent);height:8px}.record-player-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:0;height:0}.record-player-slider::-moz-range-thumb{appearance:none;background:0 0;border:none;width:0;height:0}.record-player-slider::-moz-range-thumb{width:0;height:0;box-shadow:none;opacity:0;background:0 0;border:none}.record-player-slider::-ms-thumb{appearance:none;width:0;height:0}.record-player-slider:before{content:"";height:100%;width:var(--progress-width);background-color:var(--accent-color);z-index:1;position:absolute;top:0;left:0}.record-player-slider::-moz-range-progress{content:"";height:100%;width:var(--progress-width);background-color:var(--accent-color);z-index:1;position:absolute;top:0;left:0}.record-player-volume{width:33px;color:var(--text-color);margin-left:9px;font-size:15px;position:relative;top:-.5px}.record-player-now-playing-header{color:var(--text-color);border-bottom:5px solid var(--border-color);box-sizing:border-box;background-color:var(--header-background-color);width:100%;padding:7.5px 10px;font-size:16px}
.custom-theme-creator{border-left:5px solid var(--border-color);border-right:5px solid var(--border-color);border-bottom:5px solid var(--border-color);flex-direction:column;display:flex}.custom-theme-creator-inner{flex-direction:column;gap:10px;padding:12px;display:flex}.custom-theme-creator-name{flex-direction:column;gap:4px;margin-top:-4px;display:flex}.custom-theme-creator-name-input{box-sizing:border-box;border:5px solid var(--border-color);width:100%;color:var(--text-color);background:0 0;outline:none;padding:6px 8px;font-family:inherit;font-size:16px}.custom-theme-creator-name-input::placeholder{color:color-mix(in srgb,var(--text-color)50%,transparent)}.custom-theme-creator-name-input:focus{border-color:var(--accent-color)}.custom-theme-creator-columns{gap:12px;display:flex}.custom-theme-creator-columns-stacked{flex-direction:column}.custom-theme-creator-columns-stacked .custom-theme-creator-picker-column{order:-1;width:100%}.custom-theme-creator-columns-stacked .custom-theme-creator-picker-column .react-colorful{width:100%;top:2px;left:0}.custom-theme-creator-columns-stacked .custom-theme-creator-colors{flex:unset}.custom-theme-creator-colors{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-4px;display:grid}.custom-theme-creator-picker-column{flex-shrink:0;justify-content:center;align-items:center;width:180px;display:flex}.custom-theme-creator-picker-column .react-colorful{width:180px;height:180px;position:relative;top:7px;left:-10px}.custom-theme-creator-row{flex-direction:column;gap:4px;display:flex;position:relative}.custom-theme-creator-label{color:var(--text-color);font-size:16px}.custom-theme-creator-swatch-wrapper{align-items:center;gap:8px;display:flex}.custom-theme-creator-swatch{cursor:pointer;border:none;flex-shrink:0;width:36px;height:36px}.custom-theme-creator-hex-input{border:5px solid var(--border-color);color:var(--text-color);background:0 0;outline:none;width:90px;padding:4px 6px;font-family:inherit;font-size:16px}.custom-theme-creator-hex-input:focus{border-color:var(--accent-color)}.custom-theme-creator-error{color:#ff6b6b;font-size:12px}.custom-theme-creator-btn{cursor:pointer;border:5px solid var(--accent-color);color:var(--text-color);background:0 0;padding:6px 12px;font-family:inherit;font-size:12px}.custom-theme-creator-btn:hover:not(:disabled){background:var(--accent-color)}.custom-theme-creator-btn:disabled{opacity:.5;cursor:default}.custom-theme-creator-btn-save{box-sizing:border-box;width:100%;margin-top:5px;font-size:16px}.custom-theme-creator-btn-save:disabled{border-color:color-mix(in srgb,var(--accent-color)50%,transparent);color:color-mix(in srgb,var(--text-color)50%,transparent);opacity:1;cursor:default;pointer-events:none}