ngx-slice-kit/esm2020/lib/layout/loading/loading.component.mjs

[](https://badge.fury.io/js/ngx-slice-kit)

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LoadingComponent {
    constructor() {
        this.loader = 'default';
    }
}
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: LoadingComponent, selector: "sdk-loading", ngImport: i0, template: "<ng-container *ngIf=\"loader === 'text'\">\n    <p>Loading...</p>\n</ng-container>\n<ng-container *ngIf=\"loader === 'circle'\">\n    <p>Not implemented</p>\n</ng-container>\n<ng-container *ngIf=\"loader === 'default'\">\n    <div class=\"loading\">\n        <span id=\"dot_1\"></span>\n        <span id=\"dot_2\"></span>\n        <span id=\"dot_3\"></span>\n    </div>\n</ng-container>\n\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden}input,button,textarea{outline:none;border:none}input.hidden{position:absolute;z-index:-10;top:-10000 px;left:-10000 px;height:1px;width:1px;opacity:0}ul,ol{list-style:none}b,i,strong{font-size:inherit;color:inherit}[hidden],.hide{display:none!important}[disabled]{pointer-events:none;opacity:.5}a,a:hover,a:visited,a:active,a:focus{text-decoration:none;outline:none;color:inherit}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes modal{0%{transform:scale(.5) translateY(100px);opacity:0}}@keyframes sdk-menu-more{0%{opacity:0;transform:scale(.9)}}@keyframes sdk-slide-in-right{0%{opacity:0;transform:translate(-1000px)}}@keyframes sdk-slide-in-left{0%{opacity:0;transform:translate(1000px)}}@keyframes sdk-slide-out-left{to{opacity:1;transform:translate(-1000px)}0%{transform:translate(0)}}@keyframes sdk-slide-out-right{to{opacity:1;transform:translate(1000px)}0%{transform:translate(0)}}@keyframes sdk-painting{0%{width:0%}to{width:100%}}@keyframes dot{0%{width:10px;height:10px;background-color:rgba(var(--base-rgb),1);transform:translateY(0)}to{width:23px;height:23px;background-color:rgba(var(--base-rgb),0);transform:translateY(-20 px)}}.flex,.flex-row,.flex-row-reverse,.flex-column,.flex-column-reverse{position:relative;display:flex}.flex-row{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}@media screen and (max-width: 1024px){.flex-row{flex-wrap:wrap}.sdk-xl-2,.sdk-xl-3,.sdk-xm-2{width:100%}.sdk-xl-4,.sdk-xm-3{width:50%}.sdk-xm-4{width:33.3333333333%}}@media screen and (max-width: 675.84px){.sdk-xl-4,.sdk-xm-3,.sdk-xs-2{width:100%}.sdk-xm-4,.sdk-xs-3{width:50%}.sdk-xs-4{width:33.3333333333%}}@media screen and (max-width: 512px){.sdk-xm-4,.sdk-xs-3{width:100%}.sdk-xs-4{width:50%}}h1,.sdk-h1{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-.5px}h2,.sdk-h2{font-size:34px;font-weight:700;line-height:40px;letter-spacing:-.5px}h3,.sdk-h3{font-size:22px;font-weight:700;line-height:26px;letter-spacing:-.5px}h4,.sdk-h4{font-size:17px;font-weight:700;line-height:20px;letter-spacing:-.5px}.sdk-text{letter-spacing:-.1px;line-height:20px}.sdk-text--large{font-size:22px;line-height:32px}.sdk-text--medium{font-size:17px;line-height:24px}p,label,.sdk-paragraph,.sdk-label,.sdk-text--regular{font-size:17px;line-height:22px}small,.sdk-text--small{font-size:13px;line-height:20px}.sdk-regular-color{color:var(--regular-a90-rgb)}.sdk-regular-color:hover{color:var(--regular-a100-rgb);background-color:var(--regular-a10-rgb)}.sdk-regular-color.active,.sdk-regular-color--active{color:var(--regular-a80-rgb)}.sdk-regular-color.disabled,.sdk-regular-color[disabled],.sdk-regular-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-background{background-color:var(--regular-a90-rgb);color:var(--regular-text)}.sdk-regular-background:hover{background-color:var(--regular-a100-rgb);color:var(--regular-text)}.sdk-regular-background.active,.sdk-regular-background--active{background-color:var(--regular-a80-rgb);color:var(--regular-text)}.sdk-regular-background.disabled,.sdk-regular-background[disabled],.sdk-regular-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-border{border-color:var(--regular-a90-rgb)}.sdk-regular-border:hover{border-color:var(--regular-a100-rgb)}.sdk-regular-border.active,.sdk-regular-border--active{border-color:var(--regular-a80-rgb)}.sdk-regular-border.disabled,.sdk-regular-border[disabled],.sdk-regular-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-color{color:var(--primary-a90-rgb)}.sdk-primary-color:hover{color:var(--primary-a100-rgb);background-color:var(--primary-a10-rgb)}.sdk-primary-color.active,.sdk-primary-color--active{color:var(--primary-a80-rgb)}.sdk-primary-color.disabled,.sdk-primary-color[disabled],.sdk-primary-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-background{background-color:var(--primary-a90-rgb);color:var(--primary-text)}.sdk-primary-background:hover{background-color:var(--primary-a100-rgb);color:var(--primary-text)}.sdk-primary-background.active,.sdk-primary-background--active{background-color:var(--primary-a80-rgb);color:var(--primary-text)}.sdk-primary-background.disabled,.sdk-primary-background[disabled],.sdk-primary-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-border{border-color:var(--primary-a90-rgb)}.sdk-primary-border:hover{border-color:var(--primary-a100-rgb)}.sdk-primary-border.active,.sdk-primary-border--active{border-color:var(--primary-a80-rgb)}.sdk-primary-border.disabled,.sdk-primary-border[disabled],.sdk-primary-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-color{color:var(--success-a90-rgb)}.sdk-success-color:hover{color:var(--success-a100-rgb);background-color:var(--success-a10-rgb)}.sdk-success-color.active,.sdk-success-color--active{color:var(--success-a80-rgb)}.sdk-success-color.disabled,.sdk-success-color[disabled],.sdk-success-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-background{background-color:var(--success-a90-rgb);color:var(--success-text)}.sdk-success-background:hover{background-color:var(--success-a100-rgb);color:var(--success-text)}.sdk-success-background.active,.sdk-success-background--active{background-color:var(--success-a80-rgb);color:var(--success-text)}.sdk-success-background.disabled,.sdk-success-background[disabled],.sdk-success-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-border{border-color:var(--success-a90-rgb)}.sdk-success-border:hover{border-color:var(--success-a100-rgb)}.sdk-success-border.active,.sdk-success-border--active{border-color:var(--success-a80-rgb)}.sdk-success-border.disabled,.sdk-success-border[disabled],.sdk-success-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-color{color:var(--accent-a90-rgb)}.sdk-accent-color:hover{color:var(--accent-a100-rgb);background-color:var(--accent-a10-rgb)}.sdk-accent-color.active,.sdk-accent-color--active{color:var(--accent-a80-rgb)}.sdk-accent-color.disabled,.sdk-accent-color[disabled],.sdk-accent-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-background{background-color:var(--accent-a90-rgb);color:var(--accent-text)}.sdk-accent-background:hover{background-color:var(--accent-a100-rgb);color:var(--accent-text)}.sdk-accent-background.active,.sdk-accent-background--active{background-color:var(--accent-a80-rgb);color:var(--accent-text)}.sdk-accent-background.disabled,.sdk-accent-background[disabled],.sdk-accent-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-border{border-color:var(--accent-a90-rgb)}.sdk-accent-border:hover{border-color:var(--accent-a100-rgb)}.sdk-accent-border.active,.sdk-accent-border--active{border-color:var(--accent-a80-rgb)}.sdk-accent-border.disabled,.sdk-accent-border[disabled],.sdk-accent-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-color{color:var(--warn-a90-rgb)}.sdk-warn-color:hover{color:var(--warn-a100-rgb);background-color:var(--warn-a10-rgb)}.sdk-warn-color.active,.sdk-warn-color--active{color:var(--warn-a80-rgb)}.sdk-warn-color.disabled,.sdk-warn-color[disabled],.sdk-warn-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-background{background-color:var(--warn-a90-rgb);color:var(--warn-text)}.sdk-warn-background:hover{background-color:var(--warn-a100-rgb);color:var(--warn-text)}.sdk-warn-background.active,.sdk-warn-background--active{background-color:var(--warn-a80-rgb);color:var(--warn-text)}.sdk-warn-background.disabled,.sdk-warn-background[disabled],.sdk-warn-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-border{border-color:var(--warn-a90-rgb)}.sdk-warn-border:hover{border-color:var(--warn-a100-rgb)}.sdk-warn-border.active,.sdk-warn-border--active{border-color:var(--warn-a80-rgb)}.sdk-warn-border.disabled,.sdk-warn-border[disabled],.sdk-warn-border--disabled{pointer-events:none;cursor:default;opacity:.5}body{color:var(--base-rgb);background-color:var(--background-rgb)}.on-hover-opacity{transition:opacity .3s ease;cursor:pointer}@media only screen and (min-width: 960px){.on-hover-opacity:hover{opacity:.75}.on-hover-opacity:hover.disabled,.on-hover-opacity:hover[disabled],.on-hover-opacity:hover--disabled{pointer-events:none;cursor:default;opacity:.5}}.sdk-tooltip{padding:5px 12px;max-width:312px;display:inline-block;border-radius:6px;background-color:var(--background-a90);box-shadow:0 1px 3px #0b0b0b99,0 0 #0b0b0b99;color:var(--base);position:absolute;top:0;left:0;z-index:99;animation:sdk-menu-more .2s}.sdk-tooltip .sdk-tooltip__content{line-height:22px}.sdk-tooltip:after{content:\"\";position:absolute;width:0;height:0;border:6px solid black;transform-origin:0 0}.sdk-tooltip--bottom:after{margin-left:-.5em;top:1px;left:50%;border-color:var(--background-a90) var(--background-a90) transparent transparent;transform:rotate(-45deg);box-shadow:1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--top:after{margin-left:-.5em;bottom:-11px;left:50%;border-color:transparent transparent var(--background-a90) var(--background-a90);transform:rotate(-45deg);box-shadow:-2px 2px 2px -1px #1a1a1a99,0 0 #1a1a1a99}.sdk-tooltip--right:after{top:50%;left:-7px;border-color:var(--background-a90) transparent transparent var(--background-a90);transform:rotate(-45deg);box-shadow:-1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--left:after{top:50%;right:-3px;border-color:transparent var(--background-a90) var(--background-a90) transparent;transform:rotate(-45deg);box-shadow:1px 1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-menu-more__item,.sdk-dropdown-menu-item{text-align:left;font-size:14px;min-width:132px;background-color:transparent;white-space:nowrap;padding:4px 8px;transition:color .2s;cursor:pointer;border:none;outline:none;color:var(--regular-full-color)}.sdk-menu-more__item:hover .sdk-menu-more__item-name,.sdk-menu-more__item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name,.sdk-dropdown-menu-item:hover .sdk-menu-more__item-name,.sdk-dropdown-menu-item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name{background-color:var(--primary);color:#f6f6f6}.sdk-menu-more__item.sdk-menu-more__item--active,.sdk-dropdown-menu-item.sdk-menu-more__item--active{color:var(--regular-active)}.sdk-dropdown-menu-item{padding:6px 8px;margin:4px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-menu-more__item-name{padding:6px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-dropdown-menu-item--highlighted,.sdk-dropdown-submenu-trigger--highlighted{background-color:var(--regular-active)}.sdk-dropdown-submenu-trigger{position:relative}.sdk-dropdown-submenu-trigger:after{content:\"\";position:absolute;right:8px;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--regular);display:inline-block;top:calc(50% - 5px)}.sdk-caption{margin-left:4px;color:var(--base-a40);font-size:15px;margin-top:4px}.sdk-error{margin-left:4px;color:var(--warn);font-size:15px;margin-top:4px}.sdk-custom-scroll *::-webkit-scrollbar{width:14px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.sdk-custom-scroll *::-webkit-scrollbar-track{background-color:var(--regular-disabled)}.sdk-custom-scroll *::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--regular-hover);border:3px solid var(--regular-disabled)}.loading{display:flex;align-items:center;justify-content:space-around;width:78px;height:80px;padding:32px 0;margin:auto}.loading span{width:10px;height:10px;margin:24px auto;background:rgba(var(--base-rgb),1);border-radius:48px;-o-border-radius:48px;-ms-border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;animation:dot 1.5s infinite alternate;-o-animation:dot 1.5s infinite alternate;-ms-animation:dot 1.5s infinite alternate;-webkit-animation:dot 1.5s infinite alternate;-moz-animation:dot 1.5s infinite alternate}#dot_1{animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s}#dot_2{animation-delay:.45s;-o-animation-delay:.45s;-ms-animation-delay:.45s;-webkit-animation-delay:.45s;-moz-animation-delay:.45s}#dot_3{animation-delay:.9s;-o-animation-delay:.9s;-ms-animation-delay:.9s;-webkit-animation-delay:.9s;-moz-animation-delay:.9s}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LoadingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'sdk-loading', template: "<ng-container *ngIf=\"loader === 'text'\">\n    <p>Loading...</p>\n</ng-container>\n<ng-container *ngIf=\"loader === 'circle'\">\n    <p>Not implemented</p>\n</ng-container>\n<ng-container *ngIf=\"loader === 'default'\">\n    <div class=\"loading\">\n        <span id=\"dot_1\"></span>\n        <span id=\"dot_2\"></span>\n        <span id=\"dot_3\"></span>\n    </div>\n</ng-container>\n\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden}input,button,textarea{outline:none;border:none}input.hidden{position:absolute;z-index:-10;top:-10000 px;left:-10000 px;height:1px;width:1px;opacity:0}ul,ol{list-style:none}b,i,strong{font-size:inherit;color:inherit}[hidden],.hide{display:none!important}[disabled]{pointer-events:none;opacity:.5}a,a:hover,a:visited,a:active,a:focus{text-decoration:none;outline:none;color:inherit}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes modal{0%{transform:scale(.5) translateY(100px);opacity:0}}@keyframes sdk-menu-more{0%{opacity:0;transform:scale(.9)}}@keyframes sdk-slide-in-right{0%{opacity:0;transform:translate(-1000px)}}@keyframes sdk-slide-in-left{0%{opacity:0;transform:translate(1000px)}}@keyframes sdk-slide-out-left{to{opacity:1;transform:translate(-1000px)}0%{transform:translate(0)}}@keyframes sdk-slide-out-right{to{opacity:1;transform:translate(1000px)}0%{transform:translate(0)}}@keyframes sdk-painting{0%{width:0%}to{width:100%}}@keyframes dot{0%{width:10px;height:10px;background-color:rgba(var(--base-rgb),1);transform:translateY(0)}to{width:23px;height:23px;background-color:rgba(var(--base-rgb),0);transform:translateY(-20 px)}}.flex,.flex-row,.flex-row-reverse,.flex-column,.flex-column-reverse{position:relative;display:flex}.flex-row{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}@media screen and (max-width: 1024px){.flex-row{flex-wrap:wrap}.sdk-xl-2,.sdk-xl-3,.sdk-xm-2{width:100%}.sdk-xl-4,.sdk-xm-3{width:50%}.sdk-xm-4{width:33.3333333333%}}@media screen and (max-width: 675.84px){.sdk-xl-4,.sdk-xm-3,.sdk-xs-2{width:100%}.sdk-xm-4,.sdk-xs-3{width:50%}.sdk-xs-4{width:33.3333333333%}}@media screen and (max-width: 512px){.sdk-xm-4,.sdk-xs-3{width:100%}.sdk-xs-4{width:50%}}h1,.sdk-h1{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-.5px}h2,.sdk-h2{font-size:34px;font-weight:700;line-height:40px;letter-spacing:-.5px}h3,.sdk-h3{font-size:22px;font-weight:700;line-height:26px;letter-spacing:-.5px}h4,.sdk-h4{font-size:17px;font-weight:700;line-height:20px;letter-spacing:-.5px}.sdk-text{letter-spacing:-.1px;line-height:20px}.sdk-text--large{font-size:22px;line-height:32px}.sdk-text--medium{font-size:17px;line-height:24px}p,label,.sdk-paragraph,.sdk-label,.sdk-text--regular{font-size:17px;line-height:22px}small,.sdk-text--small{font-size:13px;line-height:20px}.sdk-regular-color{color:var(--regular-a90-rgb)}.sdk-regular-color:hover{color:var(--regular-a100-rgb);background-color:var(--regular-a10-rgb)}.sdk-regular-color.active,.sdk-regular-color--active{color:var(--regular-a80-rgb)}.sdk-regular-color.disabled,.sdk-regular-color[disabled],.sdk-regular-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-background{background-color:var(--regular-a90-rgb);color:var(--regular-text)}.sdk-regular-background:hover{background-color:var(--regular-a100-rgb);color:var(--regular-text)}.sdk-regular-background.active,.sdk-regular-background--active{background-color:var(--regular-a80-rgb);color:var(--regular-text)}.sdk-regular-background.disabled,.sdk-regular-background[disabled],.sdk-regular-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-border{border-color:var(--regular-a90-rgb)}.sdk-regular-border:hover{border-color:var(--regular-a100-rgb)}.sdk-regular-border.active,.sdk-regular-border--active{border-color:var(--regular-a80-rgb)}.sdk-regular-border.disabled,.sdk-regular-border[disabled],.sdk-regular-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-color{color:var(--primary-a90-rgb)}.sdk-primary-color:hover{color:var(--primary-a100-rgb);background-color:var(--primary-a10-rgb)}.sdk-primary-color.active,.sdk-primary-color--active{color:var(--primary-a80-rgb)}.sdk-primary-color.disabled,.sdk-primary-color[disabled],.sdk-primary-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-background{background-color:var(--primary-a90-rgb);color:var(--primary-text)}.sdk-primary-background:hover{background-color:var(--primary-a100-rgb);color:var(--primary-text)}.sdk-primary-background.active,.sdk-primary-background--active{background-color:var(--primary-a80-rgb);color:var(--primary-text)}.sdk-primary-background.disabled,.sdk-primary-background[disabled],.sdk-primary-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-border{border-color:var(--primary-a90-rgb)}.sdk-primary-border:hover{border-color:var(--primary-a100-rgb)}.sdk-primary-border.active,.sdk-primary-border--active{border-color:var(--primary-a80-rgb)}.sdk-primary-border.disabled,.sdk-primary-border[disabled],.sdk-primary-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-color{color:var(--success-a90-rgb)}.sdk-success-color:hover{color:var(--success-a100-rgb);background-color:var(--success-a10-rgb)}.sdk-success-color.active,.sdk-success-color--active{color:var(--success-a80-rgb)}.sdk-success-color.disabled,.sdk-success-color[disabled],.sdk-success-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-background{background-color:var(--success-a90-rgb);color:var(--success-text)}.sdk-success-background:hover{background-color:var(--success-a100-rgb);color:var(--success-text)}.sdk-success-background.active,.sdk-success-background--active{background-color:var(--success-a80-rgb);color:var(--success-text)}.sdk-success-background.disabled,.sdk-success-background[disabled],.sdk-success-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-border{border-color:var(--success-a90-rgb)}.sdk-success-border:hover{border-color:var(--success-a100-rgb)}.sdk-success-border.active,.sdk-success-border--active{border-color:var(--success-a80-rgb)}.sdk-success-border.disabled,.sdk-success-border[disabled],.sdk-success-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-color{color:var(--accent-a90-rgb)}.sdk-accent-color:hover{color:var(--accent-a100-rgb);background-color:var(--accent-a10-rgb)}.sdk-accent-color.active,.sdk-accent-color--active{color:var(--accent-a80-rgb)}.sdk-accent-color.disabled,.sdk-accent-color[disabled],.sdk-accent-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-background{background-color:var(--accent-a90-rgb);color:var(--accent-text)}.sdk-accent-background:hover{background-color:var(--accent-a100-rgb);color:var(--accent-text)}.sdk-accent-background.active,.sdk-accent-background--active{background-color:var(--accent-a80-rgb);color:var(--accent-text)}.sdk-accent-background.disabled,.sdk-accent-background[disabled],.sdk-accent-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-border{border-color:var(--accent-a90-rgb)}.sdk-accent-border:hover{border-color:var(--accent-a100-rgb)}.sdk-accent-border.active,.sdk-accent-border--active{border-color:var(--accent-a80-rgb)}.sdk-accent-border.disabled,.sdk-accent-border[disabled],.sdk-accent-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-color{color:var(--warn-a90-rgb)}.sdk-warn-color:hover{color:var(--warn-a100-rgb);background-color:var(--warn-a10-rgb)}.sdk-warn-color.active,.sdk-warn-color--active{color:var(--warn-a80-rgb)}.sdk-warn-color.disabled,.sdk-warn-color[disabled],.sdk-warn-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-background{background-color:var(--warn-a90-rgb);color:var(--warn-text)}.sdk-warn-background:hover{background-color:var(--warn-a100-rgb);color:var(--warn-text)}.sdk-warn-background.active,.sdk-warn-background--active{background-color:var(--warn-a80-rgb);color:var(--warn-text)}.sdk-warn-background.disabled,.sdk-warn-background[disabled],.sdk-warn-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-border{border-color:var(--warn-a90-rgb)}.sdk-warn-border:hover{border-color:var(--warn-a100-rgb)}.sdk-warn-border.active,.sdk-warn-border--active{border-color:var(--warn-a80-rgb)}.sdk-warn-border.disabled,.sdk-warn-border[disabled],.sdk-warn-border--disabled{pointer-events:none;cursor:default;opacity:.5}body{color:var(--base-rgb);background-color:var(--background-rgb)}.on-hover-opacity{transition:opacity .3s ease;cursor:pointer}@media only screen and (min-width: 960px){.on-hover-opacity:hover{opacity:.75}.on-hover-opacity:hover.disabled,.on-hover-opacity:hover[disabled],.on-hover-opacity:hover--disabled{pointer-events:none;cursor:default;opacity:.5}}.sdk-tooltip{padding:5px 12px;max-width:312px;display:inline-block;border-radius:6px;background-color:var(--background-a90);box-shadow:0 1px 3px #0b0b0b99,0 0 #0b0b0b99;color:var(--base);position:absolute;top:0;left:0;z-index:99;animation:sdk-menu-more .2s}.sdk-tooltip .sdk-tooltip__content{line-height:22px}.sdk-tooltip:after{content:\"\";position:absolute;width:0;height:0;border:6px solid black;transform-origin:0 0}.sdk-tooltip--bottom:after{margin-left:-.5em;top:1px;left:50%;border-color:var(--background-a90) var(--background-a90) transparent transparent;transform:rotate(-45deg);box-shadow:1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--top:after{margin-left:-.5em;bottom:-11px;left:50%;border-color:transparent transparent var(--background-a90) var(--background-a90);transform:rotate(-45deg);box-shadow:-2px 2px 2px -1px #1a1a1a99,0 0 #1a1a1a99}.sdk-tooltip--right:after{top:50%;left:-7px;border-color:var(--background-a90) transparent transparent var(--background-a90);transform:rotate(-45deg);box-shadow:-1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--left:after{top:50%;right:-3px;border-color:transparent var(--background-a90) var(--background-a90) transparent;transform:rotate(-45deg);box-shadow:1px 1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-menu-more__item,.sdk-dropdown-menu-item{text-align:left;font-size:14px;min-width:132px;background-color:transparent;white-space:nowrap;padding:4px 8px;transition:color .2s;cursor:pointer;border:none;outline:none;color:var(--regular-full-color)}.sdk-menu-more__item:hover .sdk-menu-more__item-name,.sdk-menu-more__item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name,.sdk-dropdown-menu-item:hover .sdk-menu-more__item-name,.sdk-dropdown-menu-item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name{background-color:var(--primary);color:#f6f6f6}.sdk-menu-more__item.sdk-menu-more__item--active,.sdk-dropdown-menu-item.sdk-menu-more__item--active{color:var(--regular-active)}.sdk-dropdown-menu-item{padding:6px 8px;margin:4px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-menu-more__item-name{padding:6px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-dropdown-menu-item--highlighted,.sdk-dropdown-submenu-trigger--highlighted{background-color:var(--regular-active)}.sdk-dropdown-submenu-trigger{position:relative}.sdk-dropdown-submenu-trigger:after{content:\"\";position:absolute;right:8px;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--regular);display:inline-block;top:calc(50% - 5px)}.sdk-caption{margin-left:4px;color:var(--base-a40);font-size:15px;margin-top:4px}.sdk-error{margin-left:4px;color:var(--warn);font-size:15px;margin-top:4px}.sdk-custom-scroll *::-webkit-scrollbar{width:14px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.sdk-custom-scroll *::-webkit-scrollbar-track{background-color:var(--regular-disabled)}.sdk-custom-scroll *::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--regular-hover);border:3px solid var(--regular-disabled)}.loading{display:flex;align-items:center;justify-content:space-around;width:78px;height:80px;padding:32px 0;margin:auto}.loading span{width:10px;height:10px;margin:24px auto;background:rgba(var(--base-rgb),1);border-radius:48px;-o-border-radius:48px;-ms-border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;animation:dot 1.5s infinite alternate;-o-animation:dot 1.5s infinite alternate;-ms-animation:dot 1.5s infinite alternate;-webkit-animation:dot 1.5s infinite alternate;-moz-animation:dot 1.5s infinite alternate}#dot_1{animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s}#dot_2{animation-delay:.45s;-o-animation-delay:.45s;-ms-animation-delay:.45s;-webkit-animation-delay:.45s;-moz-animation-delay:.45s}#dot_3{animation-delay:.9s;-o-animation-delay:.9s;-ms-animation-delay:.9s;-webkit-animation-delay:.9s;-moz-animation-delay:.9s}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL25neC1zbGljZS1raXQvc3JjL2xpYi9sYXlvdXQvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL2xheW91dC9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzFDLE1BQU0sT0FBTyxnQkFBZ0I7SUFJekI7UUFGTyxXQUFNLEdBQVcsU0FBUyxDQUFDO0lBR2xDLENBQUM7OzZHQUxRLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLG1EQ1A3Qix3WUFjQTsyRkRQYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0ksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Nkay1sb2FkaW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQge1xuXG4gICAgcHVibGljIGxvYWRlcjogc3RyaW5nID0gJ2RlZmF1bHQnO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRlciA9PT0gJ3RleHQnXCI+XG4gICAgPHA+TG9hZGluZy4uLjwvcD5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRlciA9PT0gJ2NpcmNsZSdcIj5cbiAgICA8cD5Ob3QgaW1wbGVtZW50ZWQ8L3A+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkZXIgPT09ICdkZWZhdWx0J1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsb2FkaW5nXCI+XG4gICAgICAgIDxzcGFuIGlkPVwiZG90XzFcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGlkPVwiZG90XzJcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGlkPVwiZG90XzNcIj48L3NwYW4+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuIl19