@santinobch/os-window-angular
Version:
Create windows inside a browser window!
53 lines • 68.5 kB
JavaScript
import { Component, Input, ViewEncapsulation, } from '@angular/core';
import { StyleClass } from '../../classes/Style.class';
import * as i0 from "@angular/core";
import * as i1 from "../../services/os-config/os-config.service";
export class OsButtonComponent {
constructor(_componentElement, _renderer, _globalConfigService) {
this._componentElement = _componentElement;
this._renderer = _renderer;
this._globalConfigService = _globalConfigService;
this.componentElement = _componentElement;
this.renderer = _renderer;
this.globalConfigService = _globalConfigService;
this.styleConfig = new StyleClass(_componentElement, _renderer, _globalConfigService, 'button');
}
//////////////////////
//// Inputs ////
//////////////////////
//
// Component theme //
//
get theme() {
return this.styleConfig.style.name;
}
set theme(v) {
this.styleConfig.style.name = v;
}
get variant() {
return this.styleConfig.style.variant;
}
set variant(v) {
this.styleConfig.style.variant = v;
}
get color() {
return this.styleConfig.style.color || '';
}
set color(v) {
this.styleConfig.style.color = v;
}
ngOnInit() { }
ngAfterViewInit() {
this.styleConfig.loadStyles();
this.styleConfig.loadColor();
}
ngOnChanges(changes) {
this.styleConfig.onChanges(changes);
}
}
OsButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: OsButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.OsConfigService }], target: i0.ɵɵFactoryTarget.Component });
OsButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: OsButtonComponent, selector: "button[os-button], button[os-icon-button],\n a[os-button], a[os-icon-button]", inputs: { theme: "theme", variant: "variant", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["a[os-button],a[os-icon-button],a[os-warn-button],button[os-button],button[os-icon-button],button[os-warn-button]{outline:0;text-decoration:none;max-height:64px;padding:10px;margin:5px;display:inline-block}a[os-icon-button] img,button[os-icon-button] img{--imgWidth: 16px;--imgHeight: 16px;width:var(--imgWidth);height:var(--imgHeight)}\n", ".arc-light-os-button{font-family:Futura Bk bt,\"Open Sans\",sans,Sans-Serif;font-size:9pt;min-height:20px;padding:5px 32px;transition-duration:0;border-radius:2px}.arc-light-os-button{color:#5c616c;background-color:#fbfbfc;border:1px solid #cfd6e6;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:focus{color:#5c616c;background-color:#fbfbfc;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button:focus.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button:focus.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button:focus.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button:focus.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button:focus.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button:focus.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button:focus.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button:focus.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button:focus.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:hover{color:#5c616c;background-color:#fff;border:1px solid #cfd6e6;box-shadow:inset 0 2px 4px #ffffff0d}.arc-light-os-button:hover.red-os-button{background-color:#eeafaf;box-shadow:inset 0 2px 4px #eeafaf0d}.arc-light-os-button:hover.orange-os-button{background-color:#f0c77f;box-shadow:inset 0 2px 4px #f0c77f0d}.arc-light-os-button:hover.yellow-os-button{background-color:#c9fa75;box-shadow:inset 0 2px 4px #c9fa750d}.arc-light-os-button:hover.lime-os-button{background-color:#99ea71;box-shadow:inset 0 2px 4px #99ea710d}.arc-light-os-button:hover.green-os-button{background-color:#9af49a;box-shadow:inset 0 2px 4px #9af49a0d}.arc-light-os-button:hover.aqua-os-button{background-color:#77f3e7;box-shadow:inset 0 2px 4px #77f3e70d}.arc-light-os-button:hover.blue-os-button{background-color:#b8d5f9;box-shadow:inset 0 2px 4px #b8d5f90d}.arc-light-os-button:hover.purple-os-button{background-color:#d7afee;box-shadow:inset 0 2px 4px #d7afee0d}.arc-light-os-button:hover.magenta-os-button{background-color:#ed97cd;box-shadow:inset 0 2px 4px #ed97cd0d}.arc-light-os-button:hover:focus{color:#5c616c;background-color:#fbfbfc;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button:hover:focus.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button:hover:focus.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button:hover:focus.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button:hover:focus.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button:hover:focus.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button:hover:focus.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button:hover:focus.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button:hover:focus.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button:hover:focus.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:hover:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:hover:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:hover:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:hover:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:hover:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:hover:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:hover:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:hover:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:hover:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:not([disabled]):active,.arc-light-os-button:not([disabled]):active:focus{color:#fff;background-color:#5294e2;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #5294e2}.arc-light-os-button:not([disabled]):active.red-os-button,.arc-light-os-button:not([disabled]):active:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:not([disabled]):active.orange-os-button,.arc-light-os-button:not([disabled]):active:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:not([disabled]):active.yellow-os-button,.arc-light-os-button:not([disabled]):active:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:not([disabled]):active.lime-os-button,.arc-light-os-button:not([disabled]):active:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:not([disabled]):active.green-os-button,.arc-light-os-button:not([disabled]):active:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:not([disabled]):active.aqua-os-button,.arc-light-os-button:not([disabled]):active:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:not([disabled]):active.blue-os-button,.arc-light-os-button:not([disabled]):active:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:not([disabled]):active.purple-os-button,.arc-light-os-button:not([disabled]):active:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:not([disabled]):active.magenta-os-button,.arc-light-os-button:not([disabled]):active:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:not([disabled]):active.red-os-button,.arc-light-os-button:not([disabled]):active:focus.red-os-button{background-color:#cf7777;box-shadow:inset 0 2px 4px #cf7777}.arc-light-os-button:not([disabled]):active.orange-os-button,.arc-light-os-button:not([disabled]):active:focus.orange-os-button{background-color:#c3923c;box-shadow:inset 0 2px 4px #c3923c}.arc-light-os-button:not([disabled]):active.yellow-os-button,.arc-light-os-button:not([disabled]):active:focus.yellow-os-button{background-color:#8db842;box-shadow:inset 0 2px 4px #8db842}.arc-light-os-button:not([disabled]):active.lime-os-button,.arc-light-os-button:not([disabled]):active:focus.lime-os-button{background-color:#71c945;box-shadow:inset 0 2px 4px #71c945}.arc-light-os-button:not([disabled]):active.green-os-button,.arc-light-os-button:not([disabled]):active:focus.green-os-button{background-color:#6bd16b;box-shadow:inset 0 2px 4px #6bd16b}.arc-light-os-button:not([disabled]):active.aqua-os-button,.arc-light-os-button:not([disabled]):active:focus.aqua-os-button{background-color:#30d5c4;box-shadow:inset 0 2px 4px #30d5c4}.arc-light-os-button:not([disabled]):active.blue-os-button,.arc-light-os-button:not([disabled]):active:focus.blue-os-button{background-color:#6da2e3;box-shadow:inset 0 2px 4px #6da2e3}.arc-light-os-button:not([disabled]):active.purple-os-button,.arc-light-os-button:not([disabled]):active:focus.purple-os-button{background-color:#b87bdb;box-shadow:inset 0 2px 4px #b87bdb}.arc-light-os-button:not([disabled]):active.magenta-os-button,.arc-light-os-button:not([disabled]):active:focus.magenta-os-button{background-color:#dc5bad;box-shadow:inset 0 2px 4px #dc5bad}.arc-light-os-button[disabled]{color:#5c616c8c;border:1px solid rgba(207,214,230,.55);background-color:#fbfbfc8c;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button[disabled].red-os-button{background-color:#ea9a9a8c;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button[disabled].orange-os-button{background-color:#edbd688c;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button[disabled].yellow-os-button{background-color:#c0f95d8c;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button[disabled].lime-os-button{background-color:#89e65b8c;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button[disabled].green-os-button{background-color:#83f1838c;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button[disabled].aqua-os-button{background-color:#5ff1e38c;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button[disabled].blue-os-button{background-color:#a1c8f78c;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button[disabled].purple-os-button{background-color:#cc9aea8c;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button[disabled].magenta-os-button{background-color:#e981c38c;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button[os-icon-button]{display:flex;align-items:center;padding:8px}.arc-light-os-button[os-icon-button] *{margin:0}.arc-dark-os-button{font-family:Futura Bk bt,\"Open Sans\",sans,Sans-Serif;font-size:9pt;min-height:20px;padding:5px 32px;transition-duration:0;border-radius:2px}.arc-dark-os-button{color:#d3dae3;background-color:#444a58;border:1px solid #333741;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:focus{color:#d3dae3;background-color:#444a58;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button:focus.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button:focus.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button:focus.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button:focus.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button:focus.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button:focus.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button:focus.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button:focus.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button:focus.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:focus.yellow-os-button{border:1px solid hsl(82deg,51%,47%)}.arc-dark-os-button:focus.lime-os-button{border:1px solid hsl(100deg,62%,57%)}.arc-dark-os-button:focus.green-os-button{border:1px solid hsl(120deg,34%,54%)}.arc-dark-os-button:focus.aqua-os-button{border:1px solid hsl(174deg,43%,52%)}.arc-dark-os-button:focus.blue-os-button{border:1px solid hsl(213deg,71%,60%)}.arc-dark-os-button:focus.purple-os-button{border:1px solid hsl(278deg,62%,59%)}.arc-dark-os-button:focus.magenta-os-button{border:1px solid hsl(322deg,62%,57%)}.arc-dark-os-button:hover{color:#d3dae3;background-color:#505666;border:1px solid #333741;box-shadow:inset 0 2px 4px #5056660d}.arc-dark-os-button:hover.red-os-button{background-color:#a65959;box-shadow:inset 0 2px 4px #a659590d}.arc-dark-os-button:hover.orange-os-button{background-color:#a2834e;box-shadow:inset 0 2px 4px #a2834e0d}.arc-dark-os-button:hover.yellow-os-button{background-color:#809d4d;box-shadow:inset 0 2px 4px #809d4d0d}.arc-dark-os-button:hover.lime-os-button{background-color:#6a9852;box-shadow:inset 0 2px 4px #6a98520d}.arc-dark-os-button:hover.green-os-button{background-color:#509550;box-shadow:inset 0 2px 4px #5095500d}.arc-dark-os-button:hover.aqua-os-button{background-color:#4d8983;box-shadow:inset 0 2px 4px #4d89830d}.arc-dark-os-button:hover.blue-os-button{background-color:#4d76a8;box-shadow:inset 0 2px 4px #4d76a80d}.arc-dark-os-button:hover.purple-os-button{background-color:#8548a8;box-shadow:inset 0 2px 4px #8548a80d}.arc-dark-os-button:hover.magenta-os-button{background-color:#a1638a;box-shadow:inset 0 2px 4px #a1638a0d}.arc-dark-os-button:hover:focus{color:#d3dae3;background-color:#444a58;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button:hover:focus.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button:hover:focus.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button:hover:focus.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button:hover:focus.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button:hover:focus.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button:hover:focus.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button:hover:focus.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button:hover:focus.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button:hover:focus.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:hover:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:hover:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:hover:focus.yellow-os-button{border:1px solid hsl(82deg,51%,47%)}.arc-dark-os-button:hover:focus.lime-os-button{border:1px solid hsl(100deg,62%,57%)}.arc-dark-os-button:hover:focus.green-os-button{border:1px solid hsl(120deg,34%,54%)}.arc-dark-os-button:hover:focus.aqua-os-button{border:1px solid hsl(174deg,43%,52%)}.arc-dark-os-button:hover:focus.blue-os-button{border:1px solid hsl(213deg,71%,60%)}.arc-dark-os-button:hover:focus.purple-os-button{border:1px solid hsl(278deg,62%,59%)}.arc-dark-os-button:hover:focus.magenta-os-button{border:1px solid hsl(322deg,62%,57%)}.arc-dark-os-button:not([disabled]):active,.arc-dark-os-button:not([disabled]):active:focus{color:#fff;background-color:#5294e2;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #5294e2}.arc-dark-os-button:not([disabled]):active.red-os-button,.arc-dark-os-button:not([disabled]):active:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:not([disabled]):active.orange-os-button,.arc-dark-os-button:not([disabled]):active:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:not([disabled]):active.yellow-os-button,.arc-dark-os-button:not([disabled]):active:focus.yellow-os-button{border:1px solid hsl(82deg,51%,47%)}.arc-dark-os-button:not([disabled]):active.lime-os-button,.arc-dark-os-button:not([disabled]):active:focus.lime-os-button{border:1px solid hsl(100deg,62%,57%)}.arc-dark-os-button:not([disabled]):active.green-os-button,.arc-dark-os-button:not([disabled]):active:focus.green-os-button{border:1px solid hsl(120deg,34%,54%)}.arc-dark-os-button:not([disabled]):active.aqua-os-button,.arc-dark-os-button:not([disabled]):active:focus.aqua-os-button{border:1px solid hsl(174deg,43%,52%)}.arc-dark-os-button:not([disabled]):active.blue-os-button,.arc-dark-os-button:not([disabled]):active:focus.blue-os-button{border:1px solid hsl(213deg,71%,60%)}.arc-dark-os-button:not([disabled]):active.purple-os-button,.arc-dark-os-button:not([disabled]):active:focus.purple-os-button{border:1px solid hsl(278deg,62%,59%)}.arc-dark-os-button:not([disabled]):active.magenta-os-button,.arc-dark-os-button:not([disabled]):active:focus.magenta-os-button{border:1px solid hsl(322deg,62%,57%)}.arc-dark-os-button:not([disabled]):active.red-os-button,.arc-dark-os-button:not([disabled]):active:focus.red-os-button{background-color:#c96e6e;box-shadow:inset 0 2px 4px #c96e6e}.arc-dark-os-button:not([disabled]):active.orange-os-button,.arc-dark-os-button:not([disabled]):active:focus.orange-os-button{background-color:#cba157;box-shadow:inset 0 2px 4px #cba157}.arc-dark-os-button:not([disabled]):active.yellow-os-button,.arc-dark-os-button:not([disabled]):active:focus.yellow-os-button{background-color:#88b53b;box-shadow:inset 0 2px 4px #88b53b}.arc-dark-os-button:not([disabled]):active.lime-os-button,.arc-dark-os-button:not([disabled]):active:focus.lime-os-button{background-color:#7bd54d;box-shadow:inset 0 2px 4px #7bd54d}.arc-dark-os-button:not([disabled]):active.green-os-button,.arc-dark-os-button:not([disabled]):active:focus.green-os-button{background-color:#62b262;box-shadow:inset 0 2px 4px #62b262}.arc-dark-os-button:not([disabled]):active.aqua-os-button,.arc-dark-os-button:not([disabled]):active:focus.aqua-os-button{background-color:#50b9af;box-shadow:inset 0 2px 4px #50b9af}.arc-dark-os-button:not([disabled]):active.blue-os-button,.arc-dark-os-button:not([disabled]):active:focus.blue-os-button{background-color:#5192e1;box-shadow:inset 0 2px 4px #5192e1}.arc-dark-os-button:not([disabled]):active.purple-os-button,.arc-dark-os-button:not([disabled]):active:focus.purple-os-button{background-color:#a856d7;box-shadow:inset 0 2px 4px #a856d7}.arc-dark-os-button:not([disabled]):active.magenta-os-button,.arc-dark-os-button:not([disabled]):active:focus.magenta-os-button{background-color:#d54da3;box-shadow:inset 0 2px 4px #d54da3}.arc-dark-os-button[disabled]{color:#d3dae373;border:1px solid rgba(51,55,65,.55);background-color:#444a588c;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button[disabled].red-os-button{background-color:#9550508c;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button[disabled].orange-os-button{background-color:#9175468c;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button[disabled].yellow-os-button{background-color:#728c458c;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button[disabled].lime-os-button{background-color:#5e88498c;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button[disabled].green-os-button{background-color:#4785478c;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button[disabled].aqua-os-button{background-color:#4479738c;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button[disabled].blue-os-button{background-color:#456a968c;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button[disabled].purple-os-button{background-color:#7740968c;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button[disabled].magenta-os-button{background-color:#93587d8c;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button[os-icon-button]{display:flex;align-items:center;padding:8px}.arc-dark-os-button[os-icon-button] *{margin:0}\n", "@font-face{font-family:w95fa;src:url(/projects/os-window-angular/src/lib/themes/win98/fonts/w95fa.woff2)}.win98-classic-os-button{font-family:\"w95fa\",\"MS Sans Serif\",sans,Sans-Serif;font-size:10pt;border:0;background-color:silver;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray}.win98-classic-os-button.red-os-button{background-color:#af7474}.win98-classic-os-button.orange-os-button{background-color:#9b8e78}.win98-classic-os-button.yellow-os-button{background-color:#90a867}.win98-classic-os-button.lime-os-button{background-color:#77a460}.win98-classic-os-button.green-os-button{background-color:#609a60}.win98-classic-os-button.aqua-os-button{background-color:#5f9590}.win98-classic-os-button.blue-os-button{background-color:#5d81ac}.win98-classic-os-button.purple-os-button{background-color:#946eaa}.win98-classic-os-button.magenta-os-button{background-color:#a46a8f}.win98-classic-os-button:not([disabled]):active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset 2px 2px gray}.win98-classic-os-button:not([disabled]):active.red-os-button{background-color:#af7474}.win98-classic-os-button:not([disabled]):active.orange-os-button{background-color:#9b8e78}.win98-classic-os-button:not([disabled]):active.yellow-os-button{background-color:#90a867}.win98-classic-os-button:not([disabled]):active.lime-os-button{background-color:#77a460}.win98-classic-os-button:not([disabled]):active.green-os-button{background-color:#609a60}.win98-classic-os-button:not([disabled]):active.aqua-os-button{background-color:#5f9590}.win98-classic-os-button:not([disabled]):active.blue-os-button{background-color:#5d81ac}.win98-classic-os-button:not([disabled]):active.purple-os-button{background-color:#946eaa}.win98-classic-os-button:not([disabled]):active.magenta-os-button{background-color:#a46a8f}.win98-classic-os-button:not([disabled]):focus{outline:1px dotted #000000;outline-offset:-4px}.win98-classic-os-button:not([disabled]):focus.red-os-button{background-color:#af7474}.win98-classic-os-button:not([disabled]):focus.orange-os-button{background-color:#9b8e78}.win98-classic-os-button:not([disabled]):focus.yellow-os-button{background-color:#90a867}.win98-classic-os-button:not([disabled]):focus.lime-os-button{background-color:#77a460}.win98-classic-os-button:not([disabled]):focus.green-os-button{background-color:#609a60}.win98-classic-os-button:not([disabled]):focus.aqua-os-button{background-color:#5f9590}.win98-classic-os-button:not([disabled]):focus.blue-os-button{background-color:#5d81ac}.win98-classic-os-button:not([disabled]):focus.purple-os-button{background-color:#946eaa}.win98-classic-os-button:not([disabled]):focus.magenta-os-button{background-color:#a46a8f}.win98-classic-os-button:not([disabled]):focus.red-os-button{background-color:#955050}.win98-classic-os-button:not([disabled]):focus.orange-os-button{background-color:#917546}.win98-classic-os-button:not([disabled]):focus.yellow-os-button{background-color:#728c45}.win98-classic-os-button:not([disabled]):focus.lime-os-button{background-color:#5e8849}.win98-classic-os-button:not([disabled]):focus.green-os-button{background-color:#478547}.win98-classic-os-button:not([disabled]):focus.aqua-os-button{background-color:#447973}.win98-classic-os-button:not([disabled]):focus.blue-os-button{background-color:#456a96}.win98-classic-os-button:not([disabled]):focus.purple-os-button{background-color:#774096}.win98-classic-os-button:not([disabled]):focus.magenta-os-button{background-color:#93587d}.win98-classic-os-button[disabled]{color:gray;text-shadow:1px 1px 0 white}.win98-classic-os-button[disabled].red-os-button{background-color:#af7474}.win98-classic-os-button[disabled].orange-os-button{background-color:#9b8e78}.win98-classic-os-button[disabled].yellow-os-button{background-color:#90a867}.win98-classic-os-button[disabled].lime-os-button{background-color:#77a460}.win98-classic-os-button[disabled].green-os-button{background-color:#609a60}.win98-classic-os-button[disabled].aqua-os-button{background-color:#5f9590}.win98-classic-os-button[disabled].blue-os-button{background-color:#5d81ac}.win98-classic-os-button[disabled].purple-os-button{background-color:#946eaa}.win98-classic-os-button[disabled].magenta-os-button{background-color:#a46a8f}.win98-classic-os-button[os-icon-button]{display:flex;align-items:center;padding:8px}.win98-classic-os-button[os-icon-button] *{margin:0}.win98-vaporwave-os-button{font-family:\"w95fa\",\"MS Sans Serif\",sans,Sans-Serif;font-size:10pt;border:0;background-color:#c1bac4;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray}.win98-vaporwave-os-button.red-os-button{background-color:#af7474}.win98-vaporwave-os-button.orange-os-button{background-color:#9b8e78}.win98-vaporwave-os-button.yellow-os-button{background-color:#90a867}.win98-vaporwave-os-button.lime-os-button{background-color:#77a460}.win98-vaporwave-os-button.green-os-button{background-color:#609a60}.win98-vaporwave-os-button.aqua-os-button{background-color:#5f9590}.win98-vaporwave-os-button.blue-os-button{background-color:#5d81ac}.win98-vaporwave-os-button.purple-os-button{background-color:#946eaa}.win98-vaporwave-os-button.magenta-os-button{background-color:#a46a8f}.win98-vaporwave-os-button:not([disabled]):active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset 2px 2px gray}.win98-vaporwave-os-button:not([disabled]):active.red-os-button{background-color:#af7474}.win98-vaporwave-os-button:not([disabled]):active.orange-os-button{background-color:#9b8e78}.win98-vaporwave-os-button:not([disabled]):active.yellow-os-button{background-color:#90a867}.win98-vaporwave-os-button:not([disabled]):active.lime-os-button{background-color:#77a460}.win98-vaporwave-os-button:not([disabled]):active.green-os-button{background-color:#609a60}.win98-vaporwave-os-button:not([disabled]):active.aqua-os-button{background-color:#5f9590}.win98-vaporwave-os-button:not([disabled]):active.blue-os-button{background-color:#5d81ac}.win98-vaporwave-os-button:not([disabled]):active.purple-os-button{background-color:#946eaa}.win98-vaporwave-os-button:not([disabled]):active.magenta-os-button{background-color:#a46a8f}.win98-vaporwave-os-button:not([disabled]):focus{outline:1px dotted #000000;outline-offset:-4px}.win98-vaporwave-os-button:not([disabled]):focus.red-os-button{background-color:#af7474}.win98-vaporwave-os-button:not([disabled]):focus.orange-os-button{background-color:#9b8e78}.win98-vaporwave-os-button:not([disabled]):focus.yellow-os-button{background-color:#90a867}.win98-vaporwave-os-button:not([disabled]):focus.lime-os-button{background-color:#77a460}.win98-vaporwave-os-button:not([disabled]):focus.green-os-button{background-color:#609a60}.win98-vaporwave-os-button:not([disabled]):focus.aqua-os-button{background-color:#5f9590}.win98-vaporwave-os-button:not([disabled]):focus.blue-os-button{background-color:#5d81ac}.win98-vaporwave-os-button:not([disabled]):focus.purple-os-button{background-color:#946eaa}.win98-vaporwave-os-button:not([disabled]):focus.magenta-os-button{background-color:#a46a8f}.win98-vaporwave-os-button:not([disabled]):focus.red-os-button{background-color:#955050}.win98-vaporwave-os-button:not([disabled]):focus.orange-os-button{background-color:#917546}.win98-vaporwave-os-button:not([disabled]):focus.yellow-os-button{background-color:#728c45}.win98-vaporwave-os-button:not([disabled]):focus.lime-os-button{background-color:#5e8849}.win98-vaporwave-os-button:not([disabled]):focus.green-os-button{background-color:#478547}.win98-vaporwave-os-button:not([disabled]):focus.aqua-os-button{background-color:#447973}.win98-vaporwave-os-button:not([disabled]):focus.blue-os-button{background-color:#456a96}.win98-vaporwave-os-button:not([disabled]):focus.purple-os-button{background-color:#774096}.win98-vaporwave-os-button:not([disabled]):focus.magenta-os-button{background-color:#93587d}.win98-vaporwave-os-button[disabled]{color:#86758a;text-shadow:1px 1px 0 white}.win98-vaporwave-os-button[disabled].red-os-button{background-color:#af7474}.win98-vaporwave-os-button[disabled].orange-os-button{background-color:#9b8e78}.win98-vaporwave-os-button[disabled].yellow-os-button{background-color:#90a867}.win98-vaporwave-os-button[disabled].lime-os-button{background-color:#77a460}.win98-vaporwave-os-button[disabled].green-os-button{background-color:#609a60}.win98-vaporwave-os-button[disabled].aqua-os-button{background-color:#5f9590}.win98-vaporwave-os-button[disabled].blue-os-button{background-color:#5d81ac}.win98-vaporwave-os-button[disabled].purple-os-button{background-color:#946eaa}.win98-vaporwave-os-button[disabled].magenta-os-button{background-color:#a46a8f}.win98-vaporwave-os-button[os-icon-button]{display:flex;align-items:center;padding:8px}.win98-vaporwave-os-button[os-icon-button] *{margin:0}\n"], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: OsButtonComponent, decorators: [{
type: Component,
args: [{ selector: `button[os-button], button[os-icon-button],
a[os-button], a[os-icon-button]`, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ["a[os-button],a[os-icon-button],a[os-warn-button],button[os-button],button[os-icon-button],button[os-warn-button]{outline:0;text-decoration:none;max-height:64px;padding:10px;margin:5px;display:inline-block}a[os-icon-button] img,button[os-icon-button] img{--imgWidth: 16px;--imgHeight: 16px;width:var(--imgWidth);height:var(--imgHeight)}\n", ".arc-light-os-button{font-family:Futura Bk bt,\"Open Sans\",sans,Sans-Serif;font-size:9pt;min-height:20px;padding:5px 32px;transition-duration:0;border-radius:2px}.arc-light-os-button{color:#5c616c;background-color:#fbfbfc;border:1px solid #cfd6e6;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:focus{color:#5c616c;background-color:#fbfbfc;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button:focus.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button:focus.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button:focus.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button:focus.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button:focus.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button:focus.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button:focus.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button:focus.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button:focus.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:hover{color:#5c616c;background-color:#fff;border:1px solid #cfd6e6;box-shadow:inset 0 2px 4px #ffffff0d}.arc-light-os-button:hover.red-os-button{background-color:#eeafaf;box-shadow:inset 0 2px 4px #eeafaf0d}.arc-light-os-button:hover.orange-os-button{background-color:#f0c77f;box-shadow:inset 0 2px 4px #f0c77f0d}.arc-light-os-button:hover.yellow-os-button{background-color:#c9fa75;box-shadow:inset 0 2px 4px #c9fa750d}.arc-light-os-button:hover.lime-os-button{background-color:#99ea71;box-shadow:inset 0 2px 4px #99ea710d}.arc-light-os-button:hover.green-os-button{background-color:#9af49a;box-shadow:inset 0 2px 4px #9af49a0d}.arc-light-os-button:hover.aqua-os-button{background-color:#77f3e7;box-shadow:inset 0 2px 4px #77f3e70d}.arc-light-os-button:hover.blue-os-button{background-color:#b8d5f9;box-shadow:inset 0 2px 4px #b8d5f90d}.arc-light-os-button:hover.purple-os-button{background-color:#d7afee;box-shadow:inset 0 2px 4px #d7afee0d}.arc-light-os-button:hover.magenta-os-button{background-color:#ed97cd;box-shadow:inset 0 2px 4px #ed97cd0d}.arc-light-os-button:hover:focus{color:#5c616c;background-color:#fbfbfc;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button:hover:focus.red-os-button{background-color:#ea9a9a;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button:hover:focus.orange-os-button{background-color:#edbd68;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button:hover:focus.yellow-os-button{background-color:#c0f95d;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button:hover:focus.lime-os-button{background-color:#89e65b;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button:hover:focus.green-os-button{background-color:#83f183;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button:hover:focus.aqua-os-button{background-color:#5ff1e3;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button:hover:focus.blue-os-button{background-color:#a1c8f7;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button:hover:focus.purple-os-button{background-color:#cc9aea;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button:hover:focus.magenta-os-button{background-color:#e981c3;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button:hover:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:hover:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:hover:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:hover:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:hover:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:hover:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:hover:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:hover:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:hover:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:not([disabled]):active,.arc-light-os-button:not([disabled]):active:focus{color:#fff;background-color:#5294e2;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #5294e2}.arc-light-os-button:not([disabled]):active.red-os-button,.arc-light-os-button:not([disabled]):active:focus.red-os-button{border:1px solid hsl(0deg,48%,64%)}.arc-light-os-button:not([disabled]):active.orange-os-button,.arc-light-os-button:not([disabled]):active:focus.orange-os-button{border:1px solid hsl(38deg,53%,50%)}.arc-light-os-button:not([disabled]):active.yellow-os-button,.arc-light-os-button:not([disabled]):active:focus.yellow-os-button{border:1px solid hsl(82deg,47%,49%)}.arc-light-os-button:not([disabled]):active.lime-os-button,.arc-light-os-button:not([disabled]):active:focus.lime-os-button{border:1px solid hsl(100deg,55%,53%)}.arc-light-os-button:not([disabled]):active.green-os-button,.arc-light-os-button:not([disabled]):active:focus.green-os-button{border:1px solid hsl(120deg,53%,62%)}.arc-light-os-button:not([disabled]):active.aqua-os-button,.arc-light-os-button:not([disabled]):active:focus.aqua-os-button{border:1px solid hsl(174deg,66%,51%)}.arc-light-os-button:not([disabled]):active.blue-os-button,.arc-light-os-button:not([disabled]):active:focus.blue-os-button{border:1px solid hsl(213deg,68%,66%)}.arc-light-os-button:not([disabled]):active.purple-os-button,.arc-light-os-button:not([disabled]):active:focus.purple-os-button{border:1px solid hsl(278deg,57%,67%)}.arc-light-os-button:not([disabled]):active.magenta-os-button,.arc-light-os-button:not([disabled]):active:focus.magenta-os-button{border:1px solid hsl(322deg,65%,61%)}.arc-light-os-button:not([disabled]):active.red-os-button,.arc-light-os-button:not([disabled]):active:focus.red-os-button{background-color:#cf7777;box-shadow:inset 0 2px 4px #cf7777}.arc-light-os-button:not([disabled]):active.orange-os-button,.arc-light-os-button:not([disabled]):active:focus.orange-os-button{background-color:#c3923c;box-shadow:inset 0 2px 4px #c3923c}.arc-light-os-button:not([disabled]):active.yellow-os-button,.arc-light-os-button:not([disabled]):active:focus.yellow-os-button{background-color:#8db842;box-shadow:inset 0 2px 4px #8db842}.arc-light-os-button:not([disabled]):active.lime-os-button,.arc-light-os-button:not([disabled]):active:focus.lime-os-button{background-color:#71c945;box-shadow:inset 0 2px 4px #71c945}.arc-light-os-button:not([disabled]):active.green-os-button,.arc-light-os-button:not([disabled]):active:focus.green-os-button{background-color:#6bd16b;box-shadow:inset 0 2px 4px #6bd16b}.arc-light-os-button:not([disabled]):active.aqua-os-button,.arc-light-os-button:not([disabled]):active:focus.aqua-os-button{background-color:#30d5c4;box-shadow:inset 0 2px 4px #30d5c4}.arc-light-os-button:not([disabled]):active.blue-os-button,.arc-light-os-button:not([disabled]):active:focus.blue-os-button{background-color:#6da2e3;box-shadow:inset 0 2px 4px #6da2e3}.arc-light-os-button:not([disabled]):active.purple-os-button,.arc-light-os-button:not([disabled]):active:focus.purple-os-button{background-color:#b87bdb;box-shadow:inset 0 2px 4px #b87bdb}.arc-light-os-button:not([disabled]):active.magenta-os-button,.arc-light-os-button:not([disabled]):active:focus.magenta-os-button{background-color:#dc5bad;box-shadow:inset 0 2px 4px #dc5bad}.arc-light-os-button[disabled]{color:#5c616c8c;border:1px solid rgba(207,214,230,.55);background-color:#fbfbfc8c;box-shadow:inset 0 2px 4px #fbfbfc0d}.arc-light-os-button[disabled].red-os-button{background-color:#ea9a9a8c;box-shadow:inset 0 2px 4px #ea9a9a0d}.arc-light-os-button[disabled].orange-os-button{background-color:#edbd688c;box-shadow:inset 0 2px 4px #edbd680d}.arc-light-os-button[disabled].yellow-os-button{background-color:#c0f95d8c;box-shadow:inset 0 2px 4px #c0f95d0d}.arc-light-os-button[disabled].lime-os-button{background-color:#89e65b8c;box-shadow:inset 0 2px 4px #89e65b0d}.arc-light-os-button[disabled].green-os-button{background-color:#83f1838c;box-shadow:inset 0 2px 4px #83f1830d}.arc-light-os-button[disabled].aqua-os-button{background-color:#5ff1e38c;box-shadow:inset 0 2px 4px #5ff1e30d}.arc-light-os-button[disabled].blue-os-button{background-color:#a1c8f78c;box-shadow:inset 0 2px 4px #a1c8f70d}.arc-light-os-button[disabled].purple-os-button{background-color:#cc9aea8c;box-shadow:inset 0 2px 4px #cc9aea0d}.arc-light-os-button[disabled].magenta-os-button{background-color:#e981c38c;box-shadow:inset 0 2px 4px #e981c30d}.arc-light-os-button[os-icon-button]{display:flex;align-items:center;padding:8px}.arc-light-os-button[os-icon-button] *{margin:0}.arc-dark-os-button{font-family:Futura Bk bt,\"Open Sans\",sans,Sans-Serif;font-size:9pt;min-height:20px;padding:5px 32px;transition-duration:0;border-radius:2px}.arc-dark-os-button{color:#d3dae3;background-color:#444a58;border:1px solid #333741;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:focus{color:#d3dae3;background-color:#444a58;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button:focus.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button:focus.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button:focus.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button:focus.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button:focus.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button:focus.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button:focus.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button:focus.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button:focus.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:focus.yellow-os-button{border:1px solid hsl(82deg,51%,47%)}.arc-dark-os-button:focus.lime-os-button{border:1px solid hsl(100deg,62%,57%)}.arc-dark-os-button:focus.green-os-button{border:1px solid hsl(120deg,34%,54%)}.arc-dark-os-button:focus.aqua-os-button{border:1px solid hsl(174deg,43%,52%)}.arc-dark-os-button:focus.blue-os-button{border:1px solid hsl(213deg,71%,60%)}.arc-dark-os-button:focus.purple-os-button{border:1px solid hsl(278deg,62%,59%)}.arc-dark-os-button:focus.magenta-os-button{border:1px solid hsl(322deg,62%,57%)}.arc-dark-os-button:hover{color:#d3dae3;background-color:#505666;border:1px solid #333741;box-shadow:inset 0 2px 4px #5056660d}.arc-dark-os-button:hover.red-os-button{background-color:#a65959;box-shadow:inset 0 2px 4px #a659590d}.arc-dark-os-button:hover.orange-os-button{background-color:#a2834e;box-shadow:inset 0 2px 4px #a2834e0d}.arc-dark-os-button:hover.yellow-os-button{background-color:#809d4d;box-shadow:inset 0 2px 4px #809d4d0d}.arc-dark-os-button:hover.lime-os-button{background-color:#6a9852;box-shadow:inset 0 2px 4px #6a98520d}.arc-dark-os-button:hover.green-os-button{background-color:#509550;box-shadow:inset 0 2px 4px #5095500d}.arc-dark-os-button:hover.aqua-os-button{background-color:#4d8983;box-shadow:inset 0 2px 4px #4d89830d}.arc-dark-os-button:hover.blue-os-button{background-color:#4d76a8;box-shadow:inset 0 2px 4px #4d76a80d}.arc-dark-os-button:hover.purple-os-button{background-color:#8548a8;box-shadow:inset 0 2px 4px #8548a80d}.arc-dark-os-button:hover.magenta-os-button{background-color:#a1638a;box-shadow:inset 0 2px 4px #a1638a0d}.arc-dark-os-button:hover:focus{color:#d3dae3;background-color:#444a58;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #444a580d}.arc-dark-os-button:hover:focus.red-os-button{background-color:#955050;box-shadow:inset 0 2px 4px #9550500d}.arc-dark-os-button:hover:focus.orange-os-button{background-color:#917546;box-shadow:inset 0 2px 4px #9175460d}.arc-dark-os-button:hover:focus.yellow-os-button{background-color:#728c45;box-shadow:inset 0 2px 4px #728c450d}.arc-dark-os-button:hover:focus.lime-os-button{background-color:#5e8849;box-shadow:inset 0 2px 4px #5e88490d}.arc-dark-os-button:hover:focus.green-os-button{background-color:#478547;box-shadow:inset 0 2px 4px #4785470d}.arc-dark-os-button:hover:focus.aqua-os-button{background-color:#447973;box-shadow:inset 0 2px 4px #4479730d}.arc-dark-os-button:hover:focus.blue-os-button{background-color:#456a96;box-shadow:inset 0 2px 4px #456a960d}.arc-dark-os-button:hover:focus.purple-os-button{background-color:#774096;box-shadow:inset 0 2px 4px #7740960d}.arc-dark-os-button:hover:focus.magenta-os-button{background-color:#93587d;box-shadow:inset 0 2px 4px #93587d0d}.arc-dark-os-button:hover:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:hover:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:hover:focus.yellow-os-button{border:1px solid hsl(82deg,51%,47%)}.arc-dark-os-button:hover:focus.lime-os-button{border:1px solid hsl(100deg,62%,57%)}.arc-dark-os-button:hover:focus.green-os-button{border:1px solid hsl(120deg,34%,54%)}.arc-dark-os-button:hover:focus.aqua-os-button{border:1px solid hsl(174deg,43%,52%)}.arc-dark-os-button:hover:focus.blue-os-button{border:1px solid hsl(213deg,71%,60%)}.arc-dark-os-button:hover:focus.purple-os-button{border:1px solid hsl(278deg,62%,59%)}.arc-dark-os-button:hover:focus.magenta-os-button{border:1px solid hsl(322deg,62%,57%)}.arc-dark-os-button:not([disabled]):active,.arc-dark-os-button:not([disabled]):active:focus{color:#fff;background-color:#5294e2;border:1px solid #5294e2;box-shadow:inset 0 2px 4px #5294e2}.arc-dark-os-button:not([disabled]):active.red-os-button,.arc-dark-os-button:not([disabled]):active:focus.red-os-button{border:1px solid hsl(0deg,46%,61%)}.arc-dark-os-button:not([disabled]):active.orange-os-button,.arc-dark-os-button:not([disabled]):active:focus.orange-os-button{border:1px solid hsl(38deg,53%,57%)}.arc-dark-os-button:not([disabled]):active.yellow-os-button,.arc-dark-os-button:not([disabl