[class*=asb]{text-decoration:none;padding:12px 15px;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;border:none;background:none;width:auto;color:inherit;white-space:nowrap;border-radius:10px;cursor:pointer;z-index:1;font-weight:400;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg);color:var(--btn-color);--icon-color: rgb(160,160,160);--svn-color: var(--icon-color);gap:10px;transition:background var(--transition),color var(--transition)}[class*=asb][class*=-block]{width:100%}[class*=asb]+[class*=asb]{margin-left:5px}[class*=asb]:after{transition:transform var(--transition);color:var(--icon-color);border-color:var(--icon-color)}[class*=asb][class*=-small]{padding:5px 10px;min-height:30px}[class*=asb][class*=-basic]{--btn-bg: var(--bg-color-base);--btn-color: var(--color)}[class*=asb][class*=-primary]{--btn-bg: var(--primary);--btn-color: var(--primary-text);--icon-color: var(--primary-text)}[class*=asb][class*=primary-color]{--btn-color: var(--primary);--icon-color: var(--primary);--btn-bg: transparent}[class*=asb][class*=-light]{--btn-bg: var(--bg-color-light);--btn-color: var(--color);--icon-color: var(--primary)}[class*=asb][class*=-accent]{--btn-bg: var(--primary-light);--btn-color: var(--color);--icon-color:var(--primary)}[class*=asb][class*=-accent][class*=-icon]{--btn-bg: var(--primary-1A)}[class*=asb][class*=accent-color]{--btn-color: var(--primary);--btn-bg: transparent}[class*=asb][class*=-warn]{--btn-bg: #ef5350;--btn-color: white;--icon-color: var(--primary-text)}[class*=asb][class*=warn-color]{--btn-color: #ef5350;--btn-bg: transparent;--icon-color: #ef5350}[class*=asb][class*=-round],[class*=asb][class*=-icon]{padding:0;margin:0;width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px;border-radius:100%;align-items:center;justify-content:center}[class*=asb][class*=-type]:not([class*=-icon]):not(:empty){padding-right:10px}[class*=asb][class*=-stretch]{height:auto;min-height:auto}[class*=asb].asb-selected,[class*=asb].asb-selected[class*=-icon]{--btn-bg: var(--primary);--btn-color: var(--primary-text);--icon-color: var(--primary-text)}[class*=asb].asb-selected-accent{--btn-bg: var(--primary-light);--btn-color: var(--color);--icon-color: var(--primary)}[class*=asb]:hover,[class*=asb][class*=-type]:hover{--btn-bg: var(--btn-hover);--btn-color: var(--primary-text);--icon-color: var(--primary-text)}[class*=asb][class*=-text]{padding:0;margin:0;color:inherit}[class*=asb][disabled],[class*=asb][disabled]:hover{cursor:default;--icon-color: rgb(150, 150, 150) !important;box-shadow:none;--btn-color: rgb(150, 150, 150);--btn-bg: transparent}[class*=asb][disabled]:before,[class*=asb][disabled]:hover:before{display:none}[class*=asb][disabled][class*=-primary],[class*=asb][disabled][class*=-accent],[class*=asb][disabled][class*=-warn],[class*=asb][disabled][class*=-basic],[class*=asb][disabled]:hover[class*=-primary],[class*=asb][disabled]:hover[class*=-accent],[class*=asb][disabled]:hover[class*=-warn],[class*=asb][disabled]:hover[class*=-basic]{--btn-bg: rgb(230, 230, 230)}[class*=asb].asb-rotate180:after{transition:var(--transition);transform:scaleY(-1)}[class*=asb].asb-rotate180x:after{transition:var(--transition);transform:scaleX(-1)}[class*=asb][class*=-link]{padding:4px 8px;--btn-color: var(--primary);min-height:auto}[class*=asb][class*=-link]:hover{--btn-bg: transparent;--btn-color: var(--primary);--icon-color: var(--primary);text-decoration:underline;box-shadow:none}[class*=asb][class*=-type-drop]{color:var(--primary);cursor:move}[class*=asb][class*=-type-bookmarks]:after{content:"\f02e";font-family:"Font Awesome 5 Free";font-weight:400}[class*=asb][class*=-type-bookmarks].asb-selected:after{font-weight:900}[class*=asb][class*=-back]:after{content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-arrow-left]:after{content:"\f104";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-arrow-right]:after{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-arrow-down]:after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-random]:after{content:"\f074";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-list]:after{content:"\f03a";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-calendar]:after{content:"\f073";font-family:"Font Awesome 5 Free";font-weight:400}[class*=asb][class*=-check]:after{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-search]:after{content:"\f002";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-menu]:after{content:"\f142";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-copy]:after{content:"\f0c5";font-family:"Font Awesome 5 Free";font-weight:500}[class*=asb][class*=-type-like]:after{content:"\f004";font-family:"Font Awesome 5 Free";font-weight:400}[class*=asb][class*=-type-like].asb-selected:after,[class*=asb][class*=-type-like].asb-selected-accent:after{font-weight:900}[class*=asb][class*=-type-comment]:after{content:"\f075";font-family:"Font Awesome 5 Free";font-weight:400}[class*=asb][class*=-type-comment].asb-selected:after,[class*=asb][class*=-type-comment].asb-selected-accent:after{font-weight:900}[class*=asb][class*=-type-share]:after{content:"\f064";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-preview]:after{content:"\f06e";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-drop]{color:var(--primary)}[class*=asb][class*=-type-drop]:after{content:"\f52c";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-undo]:after{content:"\f0e2";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-remove]:after{content:"\f2ed";font-family:"Font Awesome 5 Free";font-weight:400}[class*=asb][class*=-type-video]:after{content:"\f03d";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-archive]:after{content:"\f187";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-cloud]:after{content:"\f0c2";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-filter]:after{content:"\f0b0";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-times]:after{content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-attach]:after{content:"\f0c6";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-edit]:after{content:"\f304";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-select]:after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-print]:after{content:"\f02f";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-download]:after{content:"\f019";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-reply]:after{content:"\f3e5";font-family:"Font Awesome 5 Free";font-weight:900}[class*=asb][class*=-type-add]:not([class*=-icon]){min-width:55px}[class*=asb][class*=-type-add]:not([class*=-icon]):not([class*=-small]):not([class*=-stretch]){min-height:50px}[class*=asb][class*=-type-add][class*=-type]:not(:empty){padding-right:50px}[class*=asb][class*=-type-add]:after{position:absolute;right:10px;top:50%;transform:translate3d(0,-50%,0);content:"\f067";font-family:"Font Awesome 5 Free";font-weight:900;border-style:dashed;border-width:1px;width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:100%}[class*=asb][class*=-type-add][class*=-small]:after{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}[class*=asb][class*=-type-add][class*=-icon]:after{width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px;left:50%;right:auto;transform:translate3d(-50%,-50%,0)}[class*=asb][class*=-big]{width:var(--btn-size, 100px);max-width:var(--btn-size, 100px);min-width:var(--btn-size, 100px);height:var(--btn-size, 100px);max-height:var(--btn-size, 100px);min-height:var(--btn-size, 100px);position:relative;background:var(--primary-light);display:flex;align-items:flex-end;justify-content:center;border-radius:var(--radius10)}[class*=asb][class*=-big] label{position:absolute;left:8px;right:8px;bottom:8px;font-size:var(--font-size-12);text-align:center;display:-webkit-box;max-width:90%;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces;color:var(--color)}[class*=asb][class*=-big] input[type=file]{left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2;opacity:0}[class*=asb][class*=-big] app-svg,[class*=asb][class*=-big] .fas,[class*=asb][class*=-big] .far{border:1px solid var(--primary);width:calc(var(--btn-size, 100px) / 2);max-width:calc(var(--btn-size, 100px) / 2);min-width:calc(var(--btn-size, 100px) / 2);height:calc(var(--btn-size, 100px) / 2);max-height:calc(var(--btn-size, 100px) / 2);min-height:calc(var(--btn-size, 100px) / 2);display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;--svg-color: var(--primary);color:var(--primary);left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-4px;margin-left:1px}[class*=asb][class*=-big].selected{background:var(--primary);color:var(--primary-text);transition:background var(--transition)}[class*=asb][class*=-big].selected app-svg,[class*=asb][class*=-big].selected .fas,[class*=asb][class*=-big].selected .far{--svg-color: var(--primary-text);color:var(--primary-text);border:1px solid var(--bg-color-light)}[class*=asb][class*=-big].selected label{color:var(--bg-color-light);--svg-color: var(--primary-text)}body.dark [class*=asb][disabled][class*=-primary],body.dark [class*=asb][disabled][class*=-accent],body.dark [class*=asb][disabled][class*=-warn],body.dark [class*=asb][disabled][class*=-basic],body.dark [class*=asb][disabled]:hover[class*=-primary],body.dark [class*=asb][disabled]:hover[class*=-accent],body.dark [class*=asb][disabled]:hover[class*=-warn],body.dark [class*=asb][disabled]:hover[class*=-basic]{--btn-bg: rgb(50, 50, 50)}