/* Shared classic 3D edges; all colors are supplied by theme.js. */
:root{--text:#000;--window-content:#fff;--window-text:#000;--button-text:#000;--selection-text:#fff;--highlight:#fff;--light:#dfdfdf;--shadow:#808080;--dark-shadow:#0a0a0a;--disabled-text:#808080}
.theme-ui{color:var(--text)}
.theme-ui button:not(.webamp-native *):not(.start-item):not(.start-system button):not(.start-footer button):not(.desktop-context button):not(.music-picker-entry):not(.tab):not(.task-button){
  color:var(--button-text);background-color:var(--button-face)!important;
  box-shadow:inset -1px -1px var(--dark-shadow),inset 1px 1px var(--highlight),inset -2px -2px var(--shadow),inset 2px 2px var(--light)
}
.theme-ui button:not(.webamp-native *):not(.start-item):not(.start-system button):not(.start-footer button):not(.desktop-context button):not(.music-picker-entry):not(.tab):not(.task-button):active,
.theme-ui .task-button.active{box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--dark-shadow),inset -2px -2px var(--light),inset 2px 2px var(--shadow)}
.theme-ui :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea,select):not(.webamp-native *){
  appearance:none;border:0;border-radius:0;box-sizing:border-box;padding:3px 4px;
  color:var(--window-text);background-color:var(--window-content)!important;
  box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--shadow),inset -2px -2px var(--light),inset 2px 2px var(--dark-shadow)
}
.theme-ui :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],select):not(.webamp-native *){height:21px}
.theme-ui select:not(.webamp-native *){padding-right:22px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 2px center}
.theme-ui input[type=checkbox]+label::before{background:var(--window-content);box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--shadow),inset -2px -2px var(--light),inset 2px 2px var(--dark-shadow)}
.theme-ui input[type=checkbox]:checked+label::after{background:var(--window-text);mask:var(--checkbox-check) center/7px 7px no-repeat}
.theme-ui input:disabled+label{color:var(--disabled-text);text-shadow:1px 1px var(--highlight)}
.theme-ui input[type=checkbox]:disabled+label::before{background:var(--window-face)}
.theme-ui :is(button,input,select,textarea):disabled:not(.webamp-native *){color:var(--disabled-text);text-shadow:1px 1px var(--highlight)}
.theme-ui ::selection{background:var(--selection-bg);color:var(--selection-text)}

.theme-ui input[type=checkbox]:disabled+label::after{background:var(--disabled-text)}
.theme-ui a{color:var(--hot-tracking)}
.theme-ui [role=tooltip]{background:var(--info-window);color:var(--info-text);border:1px solid var(--window-frame)}
.theme-ui :not(.webamp-native *)::-webkit-scrollbar{width:16px;height:16px}
.theme-ui :not(.webamp-native *)::-webkit-scrollbar-track{background:var(--scrollbar)}
.theme-ui :not(.webamp-native *)::-webkit-scrollbar-thumb{background:var(--button-face);box-shadow:inset -1px -1px var(--dark-shadow),inset 1px 1px var(--highlight),inset -2px -2px var(--shadow),inset 2px 2px var(--light)}
.theme-ui :not(.webamp-native *)::-webkit-scrollbar-corner{background:var(--window-face)}

/* Preserve the original caption artwork while respecting ButtonText. */
.theme-ui .title-bar-controls button:not(.webamp-native *){position:relative;background-image:none}
.theme-ui .title-bar-controls button:not(.webamp-native *)::after{content:'';position:absolute;background:var(--button-text);pointer-events:none;mask-repeat:no-repeat}
.theme-ui .title-bar-controls button:disabled:not(.webamp-native *)::after{background:var(--disabled-text)}
.theme-ui .title-bar-controls button:active:not(.webamp-native *)::after{transform:translate(1px,1px)}
.theme-ui .title-bar-controls button[aria-label=Minimize]:not(.webamp-native *)::after{width:6px;height:2px;left:4px;bottom:3px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E")}
.theme-ui .title-bar-controls button[aria-label=Maximize]:not(.webamp-native *)::after{width:9px;height:9px;left:3px;top:2px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E")}
.theme-ui .title-bar-controls button[aria-label=Restore]:not(.webamp-native *)::after{width:8px;height:9px;left:3px;top:2px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E")}
.theme-ui .title-bar-controls button[aria-label=Close]:not(.webamp-native *)::after{width:8px;height:7px;left:4px;top:3px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E")}
.theme-ui input[type=color]{appearance:none;border:0;border-radius:0;background:var(--button-face);box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--shadow),inset -2px -2px var(--light),inset 2px 2px var(--dark-shadow)}
.theme-ui input[type=color]::-webkit-color-swatch-wrapper{padding:3px}
.theme-ui input[type=color]::-webkit-color-swatch{border:0}