ngwr 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,41 +1,62 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
2
- import { BaseComponent, BooleanInput, OnChangeType, OnTouchedType, SafeAny } from '../_core';
3
- import { ControlValueAccessor } from '@angular/forms';
4
1
  import { FocusMonitor } from '@angular/cdk/a11y';
2
+ import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
3
+ import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
4
+ import { BaseComponent, BooleanInput, OnChangeType, OnTouchedType, SafeAny, WrInputAutocomplete, WrInputModeType, WrInputType } from '../_core';
5
5
  import * as i0 from "@angular/core";
6
- export declare class WrInputComponent extends BaseComponent implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy {
6
+ export declare class WrInputComponent extends BaseComponent implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy, Validator {
7
7
  private readonly cdr;
8
8
  private readonly elRef;
9
9
  private readonly focusMonitor;
10
10
  private readonly ngZone;
11
- value: string | null;
12
- type: 'text' | 'number' | 'password' | 'email';
13
- autocomplete: 'on' | 'off';
14
- inputmode: 'text' | 'numeric' | 'tel' | 'email' | 'url';
15
- disabled: BooleanInput;
16
- readonly: BooleanInput;
17
- autofocus: BooleanInput;
18
- passwordIcons: BooleanInput;
19
- placeholder: string | undefined;
11
+ placeholder: string;
20
12
  prefix: string | null;
21
13
  suffix: string | null;
14
+ passwordIcons: BooleanInput;
15
+ get type(): WrInputType;
16
+ set type(type: WrInputType);
17
+ get inputmode(): WrInputModeType;
18
+ set inputmode(mode: WrInputModeType);
19
+ get disabled(): boolean;
20
+ set disabled(disabled: BooleanInput);
21
+ get readonly(): boolean;
22
+ set readonly(readonly: BooleanInput);
23
+ get required(): boolean;
24
+ set required(required: BooleanInput);
25
+ get autofocus(): boolean;
26
+ set autofocus(autofocus: BooleanInput);
27
+ get autocomplete(): WrInputAutocomplete;
28
+ set autocomplete(autofocus: WrInputAutocomplete);
29
+ get value(): string | number;
30
+ set value(val: string | number);
31
+ get valueAsString(): string;
32
+ get valueAsNumber(): number;
33
+ get isBadInput(): boolean;
22
34
  inputElement: ElementRef<HTMLInputElement>;
23
35
  get elClasses(): SafeAny;
24
36
  eyeOn: boolean;
25
- onChange: OnChangeType;
26
- onTouch: OnTouchedType;
37
+ private _value;
38
+ private _disabled;
39
+ private _readonly;
40
+ private _required;
41
+ private _autofocus;
42
+ private _focused;
43
+ private _autocomplete;
44
+ private _type;
45
+ private _mode;
46
+ private onChangeCallback;
47
+ private onTouchedCallback;
27
48
  constructor(cdr: ChangeDetectorRef, elRef: ElementRef<HTMLInputElement>, focusMonitor: FocusMonitor, ngZone: NgZone);
28
49
  ngOnInit(): void;
29
50
  ngAfterViewInit(): void;
30
51
  ngOnDestroy(): void;
31
- writeValue(value: string | null): void;
52
+ onFocus(event?: FocusEvent): void;
53
+ onBlur(event?: Event): void;
54
+ validate(control: AbstractControl): ValidationErrors | null;
55
+ writeValue(value: string): void;
32
56
  registerOnChange(fn: OnChangeType): void;
33
57
  registerOnTouched(fn: OnTouchedType): void;
58
+ onPasswordVisibilityChange(): void;
34
59
  setDisabledState(isDisabled: boolean): void;
35
- focus(): void;
36
- blur(): void;
37
- onPasswordVisibilityChange(event: Event): void;
38
- onModelChange(value: string | null): void;
39
60
  static ɵfac: i0.ɵɵFactoryDeclaration<WrInputComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<WrInputComponent, "wr-input", ["wrInput"], { "value": "value"; "type": "type"; "autocomplete": "autocomplete"; "inputmode": "inputmode"; "disabled": "disabled"; "readonly": "readonly"; "autofocus": "autofocus"; "passwordIcons": "passwordIcons"; "placeholder": "placeholder"; "prefix": "prefix"; "suffix": "suffix"; }, {}, never, never, false>;
61
+ static ɵcmp: i0.ɵɵComponentDeclaration<WrInputComponent, "wr-input", ["wrInput"], { "placeholder": "placeholder"; "prefix": "prefix"; "suffix": "suffix"; "passwordIcons": "passwordIcons"; "type": "type"; "inputmode": "inputmode"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "autofocus": "autofocus"; "autocomplete": "autocomplete"; "value": "value"; }, {}, never, never, false>;
41
62
  }
package/ngwr.min.css CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under MIT
6
6
  *
7
7
  * https://github.com/thekhegay/ngwr
8
- */:root{--wr-body-bg:#f3f4f6;--wr-color-white:#fff;--wr-color-white-rgb:255,255,255;--wr-color-black:#000;--wr-color-black-rgb:0,0,0;--wr-color-primary:#3969e2;--wr-color-primary-rgb:57,105,226;--wr-color-secondary:#f51c6a;--wr-color-secondary-rgb:245,28,106;--wr-color-light:#dee0e8;--wr-color-light-rgb:222,224,232;--wr-color-medium:#b5bccc;--wr-color-medium-rgb:181,188,204;--wr-color-dark:#322e4f;--wr-color-dark-rgb:50,46,79;--wr-color-success:#36c40e;--wr-color-success-rgb:54,196,14;--wr-color-warning:#ff9100;--wr-color-warning-rgb:255,145,0;--wr-color-danger:#e01d34;--wr-color-danger-rgb:224,29,52;--wr-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--wr-font-family-mono:SFMono-Regular,Consolas,"Liberation Mono",Courier,Menlo,Monaco,monospace;--wr-font-size-base:1rem;--wr-font-weight-base:400;--wr-line-height-base:1.8;--wr-letter-spacing-base:-0.02em;--wr-transition-base:all 0.15s linear;--wr-transition-short:all 0.1s linear;--wr-transition-long:all 0.2s linear;--wr-border-radius-base:0.625rem;--wr-grid-gutter:1.5rem;--wr-grid-columns:12;--wr-grid-rows:1;--wr-btn-padding-y:0.375rem;--wr-btn-padding-x:0.75rem;--wr-btn-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--wr-btn-font-size-base:1rem;--wr-btn-font-size-small:0.8rem;--wr-btn-font-weight-base:500;--wr-btn-line-height-base:1.8;--wr-btn-line-height-small:1.44;--wr-btn-border-radius-base:0.5rem;--wr-btn-rounded-padding-y:0.375rem;--wr-btn-rounded-padding-x:1.125rem;--wr-btn-rounded-border-radius:50rem;--wr-tag-padding-y:0.25rem;--wr-tag-padding-x:0.5rem;--wr-tag-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--wr-tag-font-size-base:0.75rem;--wr-tag-font-weight-base:600;--wr-tag-line-height-base:1rem;--wr-tag-border-radius-base:0.25rem;--wr-tag-rounded-padding-y:0.25rem;--wr-tag-rounded-padding-x:0.625rem;--wr-tag-rounded-border-radius:50rem;--wr-checkbox-border-radius:0.3125rem;--wr-checkbox-font-size:1rem;--wr-checkbox-width:1.375rem;--wr-checkbox-height:1.375rem;--wr-input-padding-y:0.46875rem;--wr-input-padding-x:0.75rem;--wr-input-border-radius:0.5rem;--wr-input-font-size:1rem;--wr-input-font-weight:400;font-size:var(--wr-font-size-base);scroll-behavior:smooth}body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;background-color:var(--wr-body-bg);color:var(--wr-color-dark);direction:ltr;font-family:var(--wr-font-family-base);font-size:var(--wr-font-size-base);font-weight:var(--wr-font-weight-base);letter-spacing:var(--wr-letter-spacing-base);line-height:var(--wr-line-height-base);margin:0;padding:0;text-align:left}*,:after,:before{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;resize:vertical;vertical-align:top}audio:not([controls]){display:none;height:0}[hidden]{display:none}img{border:none}.container{flex-grow:1;margin:0 auto;padding-left:var(--wr-grid-gutter);padding-right:var(--wr-grid-gutter);position:relative;width:100%}.container-fluid{max-width:none!important}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1530px}}@media (min-width:1920px){.container,.container-fhd,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1830px}}@media (min-width:2560px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:2470px}}.grid{display:grid;gap:var(--wr-grid-gutter);grid-template-columns:repeat(var(--wr-grid-columns),1fr);grid-template-rows:repeat(var(--wr-grid-rows),1fr)}.grid .col-1{grid-column:auto/span 1}.grid .col-2{grid-column:auto/span 2}.grid .col-3{grid-column:auto/span 3}.grid .col-4{grid-column:auto/span 4}.grid .col-5{grid-column:auto/span 5}.grid .col-6{grid-column:auto/span 6}.grid .col-7{grid-column:auto/span 7}.grid .col-8{grid-column:auto/span 8}.grid .col-9{grid-column:auto/span 9}.grid .col-10{grid-column:auto/span 10}.grid .col-11{grid-column:auto/span 11}.grid .col-12{grid-column:auto/span 12}.grid .col-start-1{grid-column-start:1}.grid .col-start-2{grid-column-start:2}.grid .col-start-3{grid-column-start:3}.grid .col-start-4{grid-column-start:4}.grid .col-start-5{grid-column-start:5}.grid .col-start-6{grid-column-start:6}.grid .col-start-7{grid-column-start:7}.grid .col-start-8{grid-column-start:8}.grid .col-start-9{grid-column-start:9}.grid .col-start-10{grid-column-start:10}.grid .col-start-11{grid-column-start:11}@media (min-width:576px){.grid .col-sm-1{grid-column:auto/span 1}.grid .col-sm-2{grid-column:auto/span 2}.grid .col-sm-3{grid-column:auto/span 3}.grid .col-sm-4{grid-column:auto/span 4}.grid .col-sm-5{grid-column:auto/span 5}.grid .col-sm-6{grid-column:auto/span 6}.grid .col-sm-7{grid-column:auto/span 7}.grid .col-sm-8{grid-column:auto/span 8}.grid .col-sm-9{grid-column:auto/span 9}.grid .col-sm-10{grid-column:auto/span 10}.grid .col-sm-11{grid-column:auto/span 11}.grid .col-sm-12{grid-column:auto/span 12}.grid .col-start-sm-1{grid-column-start:1}.grid .col-start-sm-2{grid-column-start:2}.grid .col-start-sm-3{grid-column-start:3}.grid .col-start-sm-4{grid-column-start:4}.grid .col-start-sm-5{grid-column-start:5}.grid .col-start-sm-6{grid-column-start:6}.grid .col-start-sm-7{grid-column-start:7}.grid .col-start-sm-8{grid-column-start:8}.grid .col-start-sm-9{grid-column-start:9}.grid .col-start-sm-10{grid-column-start:10}.grid .col-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .col-md-1{grid-column:auto/span 1}.grid .col-md-2{grid-column:auto/span 2}.grid .col-md-3{grid-column:auto/span 3}.grid .col-md-4{grid-column:auto/span 4}.grid .col-md-5{grid-column:auto/span 5}.grid .col-md-6{grid-column:auto/span 6}.grid .col-md-7{grid-column:auto/span 7}.grid .col-md-8{grid-column:auto/span 8}.grid .col-md-9{grid-column:auto/span 9}.grid .col-md-10{grid-column:auto/span 10}.grid .col-md-11{grid-column:auto/span 11}.grid .col-md-12{grid-column:auto/span 12}.grid .col-start-md-1{grid-column-start:1}.grid .col-start-md-2{grid-column-start:2}.grid .col-start-md-3{grid-column-start:3}.grid .col-start-md-4{grid-column-start:4}.grid .col-start-md-5{grid-column-start:5}.grid .col-start-md-6{grid-column-start:6}.grid .col-start-md-7{grid-column-start:7}.grid .col-start-md-8{grid-column-start:8}.grid .col-start-md-9{grid-column-start:9}.grid .col-start-md-10{grid-column-start:10}.grid .col-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .col-lg-1{grid-column:auto/span 1}.grid .col-lg-2{grid-column:auto/span 2}.grid .col-lg-3{grid-column:auto/span 3}.grid .col-lg-4{grid-column:auto/span 4}.grid .col-lg-5{grid-column:auto/span 5}.grid .col-lg-6{grid-column:auto/span 6}.grid .col-lg-7{grid-column:auto/span 7}.grid .col-lg-8{grid-column:auto/span 8}.grid .col-lg-9{grid-column:auto/span 9}.grid .col-lg-10{grid-column:auto/span 10}.grid .col-lg-11{grid-column:auto/span 11}.grid .col-lg-12{grid-column:auto/span 12}.grid .col-start-lg-1{grid-column-start:1}.grid .col-start-lg-2{grid-column-start:2}.grid .col-start-lg-3{grid-column-start:3}.grid .col-start-lg-4{grid-column-start:4}.grid .col-start-lg-5{grid-column-start:5}.grid .col-start-lg-6{grid-column-start:6}.grid .col-start-lg-7{grid-column-start:7}.grid .col-start-lg-8{grid-column-start:8}.grid .col-start-lg-9{grid-column-start:9}.grid .col-start-lg-10{grid-column-start:10}.grid .col-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .col-xl-1{grid-column:auto/span 1}.grid .col-xl-2{grid-column:auto/span 2}.grid .col-xl-3{grid-column:auto/span 3}.grid .col-xl-4{grid-column:auto/span 4}.grid .col-xl-5{grid-column:auto/span 5}.grid .col-xl-6{grid-column:auto/span 6}.grid .col-xl-7{grid-column:auto/span 7}.grid .col-xl-8{grid-column:auto/span 8}.grid .col-xl-9{grid-column:auto/span 9}.grid .col-xl-10{grid-column:auto/span 10}.grid .col-xl-11{grid-column:auto/span 11}.grid .col-xl-12{grid-column:auto/span 12}.grid .col-start-xl-1{grid-column-start:1}.grid .col-start-xl-2{grid-column-start:2}.grid .col-start-xl-3{grid-column-start:3}.grid .col-start-xl-4{grid-column-start:4}.grid .col-start-xl-5{grid-column-start:5}.grid .col-start-xl-6{grid-column-start:6}.grid .col-start-xl-7{grid-column-start:7}.grid .col-start-xl-8{grid-column-start:8}.grid .col-start-xl-9{grid-column-start:9}.grid .col-start-xl-10{grid-column-start:10}.grid .col-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .col-xxl-1{grid-column:auto/span 1}.grid .col-xxl-2{grid-column:auto/span 2}.grid .col-xxl-3{grid-column:auto/span 3}.grid .col-xxl-4{grid-column:auto/span 4}.grid .col-xxl-5{grid-column:auto/span 5}.grid .col-xxl-6{grid-column:auto/span 6}.grid .col-xxl-7{grid-column:auto/span 7}.grid .col-xxl-8{grid-column:auto/span 8}.grid .col-xxl-9{grid-column:auto/span 9}.grid .col-xxl-10{grid-column:auto/span 10}.grid .col-xxl-11{grid-column:auto/span 11}.grid .col-xxl-12{grid-column:auto/span 12}.grid .col-start-xxl-1{grid-column-start:1}.grid .col-start-xxl-2{grid-column-start:2}.grid .col-start-xxl-3{grid-column-start:3}.grid .col-start-xxl-4{grid-column-start:4}.grid .col-start-xxl-5{grid-column-start:5}.grid .col-start-xxl-6{grid-column-start:6}.grid .col-start-xxl-7{grid-column-start:7}.grid .col-start-xxl-8{grid-column-start:8}.grid .col-start-xxl-9{grid-column-start:9}.grid .col-start-xxl-10{grid-column-start:10}.grid .col-start-xxl-11{grid-column-start:11}}@media (min-width:1600px){.grid .col-xga-1{grid-column:auto/span 1}.grid .col-xga-2{grid-column:auto/span 2}.grid .col-xga-3{grid-column:auto/span 3}.grid .col-xga-4{grid-column:auto/span 4}.grid .col-xga-5{grid-column:auto/span 5}.grid .col-xga-6{grid-column:auto/span 6}.grid .col-xga-7{grid-column:auto/span 7}.grid .col-xga-8{grid-column:auto/span 8}.grid .col-xga-9{grid-column:auto/span 9}.grid .col-xga-10{grid-column:auto/span 10}.grid .col-xga-11{grid-column:auto/span 11}.grid .col-xga-12{grid-column:auto/span 12}.grid .col-start-xga-1{grid-column-start:1}.grid .col-start-xga-2{grid-column-start:2}.grid .col-start-xga-3{grid-column-start:3}.grid .col-start-xga-4{grid-column-start:4}.grid .col-start-xga-5{grid-column-start:5}.grid .col-start-xga-6{grid-column-start:6}.grid .col-start-xga-7{grid-column-start:7}.grid .col-start-xga-8{grid-column-start:8}.grid .col-start-xga-9{grid-column-start:9}.grid .col-start-xga-10{grid-column-start:10}.grid .col-start-xga-11{grid-column-start:11}}@media (min-width:1920px){.grid .col-fhd-1{grid-column:auto/span 1}.grid .col-fhd-2{grid-column:auto/span 2}.grid .col-fhd-3{grid-column:auto/span 3}.grid .col-fhd-4{grid-column:auto/span 4}.grid .col-fhd-5{grid-column:auto/span 5}.grid .col-fhd-6{grid-column:auto/span 6}.grid .col-fhd-7{grid-column:auto/span 7}.grid .col-fhd-8{grid-column:auto/span 8}.grid .col-fhd-9{grid-column:auto/span 9}.grid .col-fhd-10{grid-column:auto/span 10}.grid .col-fhd-11{grid-column:auto/span 11}.grid .col-fhd-12{grid-column:auto/span 12}.grid .col-start-fhd-1{grid-column-start:1}.grid .col-start-fhd-2{grid-column-start:2}.grid .col-start-fhd-3{grid-column-start:3}.grid .col-start-fhd-4{grid-column-start:4}.grid .col-start-fhd-5{grid-column-start:5}.grid .col-start-fhd-6{grid-column-start:6}.grid .col-start-fhd-7{grid-column-start:7}.grid .col-start-fhd-8{grid-column-start:8}.grid .col-start-fhd-9{grid-column-start:9}.grid .col-start-fhd-10{grid-column-start:10}.grid .col-start-fhd-11{grid-column-start:11}}@media (min-width:2560px){.grid .col-rt-1{grid-column:auto/span 1}.grid .col-rt-2{grid-column:auto/span 2}.grid .col-rt-3{grid-column:auto/span 3}.grid .col-rt-4{grid-column:auto/span 4}.grid .col-rt-5{grid-column:auto/span 5}.grid .col-rt-6{grid-column:auto/span 6}.grid .col-rt-7{grid-column:auto/span 7}.grid .col-rt-8{grid-column:auto/span 8}.grid .col-rt-9{grid-column:auto/span 9}.grid .col-rt-10{grid-column:auto/span 10}.grid .col-rt-11{grid-column:auto/span 11}.grid .col-rt-12{grid-column:auto/span 12}.grid .col-start-rt-1{grid-column-start:1}.grid .col-start-rt-2{grid-column-start:2}.grid .col-start-rt-3{grid-column-start:3}.grid .col-start-rt-4{grid-column-start:4}.grid .col-start-rt-5{grid-column-start:5}.grid .col-start-rt-6{grid-column-start:6}.grid .col-start-rt-7{grid-column-start:7}.grid .col-start-rt-8{grid-column-start:8}.grid .col-start-rt-9{grid-column-start:9}.grid .col-start-rt-10{grid-column-start:10}.grid .col-start-rt-11{grid-column-start:11}}@-webkit-keyframes shimmer{to{transform:translateX(100%)}}@keyframes shimmer{to{transform:translateX(100%)}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.wr-btn{border:none;border-radius:var(--wr-btn-border-radius-base);cursor:pointer;display:inline-block;font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);padding:var(--wr-btn-padding-y) var(--wr-btn-padding-x);position:relative;text-align:center;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.wr-btn,.wr-btn:hover{text-decoration:none}.wr-btn.disabled,.wr-btn:disabled,.wr-btn[disabled],fieldset:disabled .wr-btn{background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.wr-btn__icon{height:1rem!important;min-height:1rem!important;min-width:1rem!important;transition:var(--wr-transition-base);width:1rem!important}.wr-btn--icon-start .wr-btn__icon{margin-right:.25rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__icon,.wr-btn--loading .wr-btn__text{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small);padding:calc(var(--wr-btn-padding-y)/1.5) calc(var(--wr-btn-padding-x)/1.5)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{background-color:var(--wr-color-primary);color:#fff}.wr-btn--primary:hover{background-color:#3059c0;color:#fff}.wr-btn--primary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375);color:var(--wr-color-primary)}.wr-btn--primary.wr-btn--outlined:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-btn--secondary{background-color:var(--wr-color-secondary);color:#fff}.wr-btn--secondary:hover{background-color:#d0185a;color:#fff}.wr-btn--secondary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375);color:var(--wr-color-secondary)}.wr-btn--secondary.wr-btn--outlined:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-btn--light{background-color:var(--wr-color-light);color:#322e4f}.wr-btn--light:hover{background-color:#bdbec5;color:#322e4f}.wr-btn--light.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375);color:var(--wr-color-light)}.wr-btn--light.wr-btn--outlined:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-btn--medium{background-color:var(--wr-color-medium);color:#322e4f}.wr-btn--medium:hover{background-color:#9aa0ad;color:#322e4f}.wr-btn--medium.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375);color:var(--wr-color-medium)}.wr-btn--medium.wr-btn--outlined:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-btn--dark{background-color:var(--wr-color-dark);color:#fff}.wr-btn--dark:hover{background-color:#2b2743;color:#fff}.wr-btn--dark.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375);color:var(--wr-color-dark)}.wr-btn--dark.wr-btn--outlined:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-btn--success{background-color:var(--wr-color-success);color:#322e4f}.wr-btn--success:hover{background-color:#2ea70c;color:#322e4f}.wr-btn--success.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375);color:var(--wr-color-success)}.wr-btn--success.wr-btn--outlined:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-btn--warning{background-color:var(--wr-color-warning);color:#322e4f}.wr-btn--warning:hover{background-color:#d97b00;color:#322e4f}.wr-btn--warning.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375);color:var(--wr-color-warning)}.wr-btn--warning.wr-btn--outlined:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-btn--danger{background-color:var(--wr-color-danger);color:#fff}.wr-btn--danger:hover{background-color:#be192c;color:#fff}.wr-btn--danger.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375);color:var(--wr-color-danger)}.wr-btn--danger.wr-btn--outlined:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}.wr-checkbox{display:inline-block}.wr-checkbox-container{align-items:center;color:var(--wr-color-dark);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:400;line-height:1rem;margin:0;padding:0}.wr-checkbox-container__input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.wr-checkbox-container-inner{align-items:center;border-radius:var(--wr-checkbox-border-radius);box-shadow:inset 0 0 0 1px var(--wr-color-medium);display:inline-flex;flex-direction:column;height:var(--wr-checkbox-height);justify-content:center;margin-right:calc(var(--wr-checkbox-width)/4);transition:var(--wr-transition-base);width:var(--wr-checkbox-width)}.wr-checkbox-container-inner__mark{border-bottom:.2rem solid var(--wr-color-white);border-right:.2rem solid var(--wr-color-white);display:inline-block;height:calc(var(--wr-checkbox-height)/2);opacity:0;transform:rotate(45deg) translateX(-.05rem) translateY(-.05rem) scale(.1);transition:var(--wr-transition-short);width:calc(var(--wr-checkbox-height)/3)}.wr-checkbox-container:hover .wr-checkbox-container-inner{box-shadow:inset 0 0 0 1px var(--wr-color-primary)}.wr-checkbox-container--checked .wr-checkbox-container-inner{background:var(--wr-color-primary);box-shadow:none}.wr-checkbox-container--checked .wr-checkbox-container-inner__mark{opacity:1;transform:rotate(45deg) translateX(-.05rem) translateY(-.05rem) scale(1)}.wr-checkbox-container--checked:hover .wr-checkbox-container-inner{background:rgba(var(--wr-color-primary-rgb),.75);box-shadow:none}.wr-checkbox-container--disabled{pointer-events:none}.wr-checkbox-container--disabled .wr-checkbox-container-inner{background:var(--wr-color-light);box-shadow:inset 0 0 0 1px var(--wr-color-medium)}.wr-checkbox-container--disabled .wr-checkbox-container-inner__mark{border-bottom:.2rem solid var(--wr-color-medium);border-right:.2rem solid var(--wr-color-medium)}.wr-divider{--wr-divider-width:1px;border-bottom-width:var(--wr-divider-width);display:block;margin-bottom:.5rem;margin-top:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-divider--solid{border-bottom-style:solid}.wr-divider--dashed{border-bottom-style:dashed}.wr-divider--dotted{border-bottom-style:dotted}.wr-divider--primary{border-bottom-color:var(--wr-color-primary)}.wr-divider--secondary{border-bottom-color:var(--wr-color-secondary)}.wr-divider--light{border-bottom-color:var(--wr-color-light)}.wr-divider--medium{border-bottom-color:var(--wr-color-medium)}.wr-divider--dark{border-bottom-color:var(--wr-color-dark)}.wr-divider--success{border-bottom-color:var(--wr-color-success)}.wr-divider--warning{border-bottom-color:var(--wr-color-warning)}.wr-divider--danger{border-bottom-color:var(--wr-color-danger)}.wr-form-item{align-items:baseline;display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.wr-form-item>*{width:100%}.wr-form-item>label{align-items:center;color:var(--wr-color-medium);display:inline-flex;font-size:.875rem;font-weight:400;line-height:1;margin-bottom:.5rem;transition:var(--wr-transition-base)}.wr-form-item--has-error>label{color:var(--wr-color-danger)}.wr-form-item--has-error>wr-input{box-shadow:inset 0 0 0 1px var(--wr-color-danger)}.wr-form-item--has-error>wr-input-prefix,.wr-form-item--has-error>wr-input-suffix{background:rgba(var(--wr-color-danger-rgb),.25);border-color:var(--wr-color-danger)}.wr-form-error,.wr-form-item--has-error>wr-input-prefix__text,.wr-form-item--has-error>wr-input-suffix__text{color:var(--wr-color-danger)}.wr-form-error{font-size:.75rem;margin-top:.25rem;opacity:.75}.wr-icon{fill:currentColor;box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1.5rem;line-height:0;text-align:center;text-transform:none;vertical-align:-.125rem;width:1.5rem}.wr-icon *{line-height:1}.wr-icon svg{display:inline-block;height:100%;width:100%}.wr-input{--input-icon-size:1rem;align-items:stretch;background:var(--wr-color-white);border-radius:var(--wr-input-border-radius);display:flex;flex-wrap:nowrap;margin:0;padding:0;position:relative;width:100%}.wr-input--disabled{pointer-events:none}.wr-input--password .wr-input-el__native{padding-right:calc(var(--input-icon-size) + var(--wr-input-padding-x)*2)}.wr-input--has-prefix .wr-input-el__native{border-bottom-left-radius:0;border-top-left-radius:0}.wr-input--has-suffix .wr-input-el__native{border-bottom-right-radius:0;border-top-right-radius:0}.wr-input-prefix,.wr-input-suffix{background:rgba(var(--wr-color-light-rgb),.5);border:1px solid var(--wr-color-light);display:flex;margin:0;max-width:15%;padding:var(--wr-input-padding-y) var(--wr-input-padding-x)}.wr-input-prefix__text,.wr-input-suffix__text{color:var(--wr-color-medium);font-size:var(--wr-input-font-size);font-weight:var(--wr-input-font-weight);line-height:var(--wr-input-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-input-prefix{border-bottom-left-radius:var(--wr-input-border-radius);border-right:0;border-top-left-radius:var(--wr-input-border-radius)}.wr-input-suffix{border-bottom-right-radius:var(--wr-input-border-radius);border-left:0;border-top-right-radius:var(--wr-input-border-radius)}.wr-input-el{flex:1;margin:0;padding:0;position:relative}.wr-input-el,.wr-input-el-icon{align-items:center;display:flex;height:100%}.wr-input-el-icon{color:var(--wr-color-medium);cursor:pointer;flex-direction:column;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--wr-input-padding-x)*2 + var(--input-icon-size));z-index:3}.wr-input-el-icon__icon{height:var(--input-icon-size);transition:var(--wr-transition-base);width:var(--input-icon-size)}.wr-input-el-icon:hover{color:var(--wr-color-secondary)}.wr-input-el__native{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--wr-color-light);border-radius:var(--wr-input-border-radius);box-shadow:none;color:var(--wr-color-dark);display:inline-block;font-family:var(--wr-font-family-base);font-size:var(--wr-input-font-size);font-weight:var(--wr-input-font-weight);line-height:var(--wr-input-font-size);padding:var(--wr-input-padding-y) var(--wr-input-padding-x);position:relative;resize:none;transition:var(--wr-transition-base);width:100%;z-index:2}.wr-input-el__native::-moz-placeholder{color:var(--wr-color-light)}.wr-input-el__native::placeholder{color:var(--wr-color-light)}.wr-input-el__native.disabled,.wr-input-el__native:disabled,.wr-input-el__native[disabled]{background:rgba(var(--wr-color-light-rgb),.5);color:var(--wr-color-medium)}.wr-input-el__native:active,.wr-input-el__native:focus{border-color:var(--wr-color-primary);box-shadow:0 0 0 2px rgba(var(--wr-color-primary-rgb),.125)}.wr-skeleton{border-radius:var(--wr-border-radius-base);display:block;height:var(--wr-font-size-base);margin-bottom:.25rem;margin-top:.25rem;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-skeleton:after{-webkit-animation:none;animation:none;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.wr-skeleton--animated:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}.wr-skeleton--primary{background:rgba(var(--wr-color-primary-rgb),.125)}.wr-skeleton--primary:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-primary-rgb),0) 0,rgba(var(--wr-color-primary-rgb),.125) 20%,rgba(var(--wr-color-primary-rgb),.25) 60%,rgba(var(--wr-color-primary-rgb),0))}.wr-skeleton--secondary{background:rgba(var(--wr-color-secondary-rgb),.125)}.wr-skeleton--secondary:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-secondary-rgb),0) 0,rgba(var(--wr-color-secondary-rgb),.125) 20%,rgba(var(--wr-color-secondary-rgb),.25) 60%,rgba(var(--wr-color-secondary-rgb),0))}.wr-skeleton--light{background:rgba(var(--wr-color-light-rgb),.125)}.wr-skeleton--light:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-light-rgb),0) 0,rgba(var(--wr-color-light-rgb),.125) 20%,rgba(var(--wr-color-light-rgb),.25) 60%,rgba(var(--wr-color-light-rgb),0))}.wr-skeleton--medium{background:rgba(var(--wr-color-medium-rgb),.125)}.wr-skeleton--medium:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-medium-rgb),0) 0,rgba(var(--wr-color-medium-rgb),.125) 20%,rgba(var(--wr-color-medium-rgb),.25) 60%,rgba(var(--wr-color-medium-rgb),0))}.wr-skeleton--dark{background:rgba(var(--wr-color-dark-rgb),.125)}.wr-skeleton--dark:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-dark-rgb),0) 0,rgba(var(--wr-color-dark-rgb),.125) 20%,rgba(var(--wr-color-dark-rgb),.25) 60%,rgba(var(--wr-color-dark-rgb),0))}.wr-skeleton--success{background:rgba(var(--wr-color-success-rgb),.125)}.wr-skeleton--success:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-success-rgb),0) 0,rgba(var(--wr-color-success-rgb),.125) 20%,rgba(var(--wr-color-success-rgb),.25) 60%,rgba(var(--wr-color-success-rgb),0))}.wr-skeleton--warning{background:rgba(var(--wr-color-warning-rgb),.125)}.wr-skeleton--warning:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-warning-rgb),0) 0,rgba(var(--wr-color-warning-rgb),.125) 20%,rgba(var(--wr-color-warning-rgb),.25) 60%,rgba(var(--wr-color-warning-rgb),0))}.wr-skeleton--danger{background:rgba(var(--wr-color-danger-rgb),.125)}.wr-skeleton--danger:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-danger-rgb),0) 0,rgba(var(--wr-color-danger-rgb),.125) 20%,rgba(var(--wr-color-danger-rgb),.25) 60%,rgba(var(--wr-color-danger-rgb),0))}.wr-spin{box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1em;line-height:0;text-align:center;text-transform:none;vertical-align:-.1rem;width:1em}.wr-spin *{line-height:1}.wr-spin svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;display:inline-block;height:100%;width:100%}.wr-spin svg .path{stroke:currentColor;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}.wr-tag{border:none;border-radius:var(--wr-tag-border-radius-base);cursor:pointer;display:inline-block;font-family:var(--wr-tag-font-family-base);font-size:var(--wr-tag-font-size-base);font-weight:var(--wr-tag-font-weight-base);line-height:var(--wr-tag-line-height-base);padding:var(--wr-tag-padding-y) var(--wr-tag-padding-x);pointer-events:none;position:relative;text-align:center;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.wr-tag,.wr-tag:hover{text-decoration:none}.wr-tag__icon,.wr-tag__spin{height:.75rem!important;min-height:.75rem!important;min-width:.75rem!important;transition:var(--wr-transition-base);width:.75rem!important}.wr-tag--icon-start .wr-tag__icon,.wr-tag--icon-start .wr-tag__spin{margin-right:.25rem}.wr-tag--icon-end .wr-tag__icon,.wr-tag--icon-end .wr-tag__spin{margin-left:.25rem}.wr-tag--hoverable{pointer-events:all}.wr-tag--rounded{border-radius:var(--wr-tag-rounded-border-radius);padding:var(--wr-tag-rounded-padding-y) var(--wr-tag-rounded-padding-x)}.wr-tag--primary{background-color:var(--wr-color-primary);color:#fff}.wr-tag--primary:hover{background-color:#3059c0;color:#fff}.wr-tag--primary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375);color:var(--wr-color-primary)}.wr-tag--primary.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-primary-rgb),.125)}.wr-tag--primary.wr-tag--outlined:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-tag--primary.wr-tag--transparent{background-color:rgba(var(--wr-color-primary-rgb),.125);color:var(--wr-color-primary)}.wr-tag--primary.wr-tag--transparent:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-tag--secondary{background-color:var(--wr-color-secondary);color:#fff}.wr-tag--secondary:hover{background-color:#d0185a;color:#fff}.wr-tag--secondary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375);color:var(--wr-color-secondary)}.wr-tag--secondary.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-secondary-rgb),.125)}.wr-tag--secondary.wr-tag--outlined:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-tag--secondary.wr-tag--transparent{background-color:rgba(var(--wr-color-secondary-rgb),.125);color:var(--wr-color-secondary)}.wr-tag--secondary.wr-tag--transparent:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-tag--light{background-color:var(--wr-color-light);color:#322e4f}.wr-tag--light:hover{background-color:#bdbec5;color:#322e4f}.wr-tag--light.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375);color:var(--wr-color-light)}.wr-tag--light.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-light-rgb),.125)}.wr-tag--light.wr-tag--outlined:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-tag--light.wr-tag--transparent{background-color:rgba(var(--wr-color-light-rgb),.125);color:var(--wr-color-light)}.wr-tag--light.wr-tag--transparent:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-tag--medium{background-color:var(--wr-color-medium);color:#322e4f}.wr-tag--medium:hover{background-color:#9aa0ad;color:#322e4f}.wr-tag--medium.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375);color:var(--wr-color-medium)}.wr-tag--medium.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-medium-rgb),.125)}.wr-tag--medium.wr-tag--outlined:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-tag--medium.wr-tag--transparent{background-color:rgba(var(--wr-color-medium-rgb),.125);color:var(--wr-color-medium)}.wr-tag--medium.wr-tag--transparent:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-tag--dark{background-color:var(--wr-color-dark);color:#fff}.wr-tag--dark:hover{background-color:#2b2743;color:#fff}.wr-tag--dark.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375);color:var(--wr-color-dark)}.wr-tag--dark.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-dark-rgb),.125)}.wr-tag--dark.wr-tag--outlined:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-tag--dark.wr-tag--transparent{background-color:rgba(var(--wr-color-dark-rgb),.125);color:var(--wr-color-dark)}.wr-tag--dark.wr-tag--transparent:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-tag--success{background-color:var(--wr-color-success);color:#322e4f}.wr-tag--success:hover{background-color:#2ea70c;color:#322e4f}.wr-tag--success.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375);color:var(--wr-color-success)}.wr-tag--success.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-success-rgb),.125)}.wr-tag--success.wr-tag--outlined:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-tag--success.wr-tag--transparent{background-color:rgba(var(--wr-color-success-rgb),.125);color:var(--wr-color-success)}.wr-tag--success.wr-tag--transparent:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-tag--warning{background-color:var(--wr-color-warning);color:#322e4f}.wr-tag--warning:hover{background-color:#d97b00;color:#322e4f}.wr-tag--warning.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375);color:var(--wr-color-warning)}.wr-tag--warning.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-warning-rgb),.125)}.wr-tag--warning.wr-tag--outlined:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-tag--warning.wr-tag--transparent{background-color:rgba(var(--wr-color-warning-rgb),.125);color:var(--wr-color-warning)}.wr-tag--warning.wr-tag--transparent:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-tag--danger{background-color:var(--wr-color-danger);color:#fff}.wr-tag--danger:hover{background-color:#be192c;color:#fff}.wr-tag--danger.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375);color:var(--wr-color-danger)}.wr-tag--danger.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-danger-rgb),.125)}.wr-tag--danger.wr-tag--outlined:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}.wr-tag--danger.wr-tag--transparent{background-color:rgba(var(--wr-color-danger-rgb),.125);color:var(--wr-color-danger)}.wr-tag--danger.wr-tag--transparent:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}
8
+ */:root{--wr-body-bg:#f3f4f6;--wr-color-white:#fff;--wr-color-white-rgb:255,255,255;--wr-color-black:#000;--wr-color-black-rgb:0,0,0;--wr-color-primary:#3969e2;--wr-color-primary-rgb:57,105,226;--wr-color-secondary:#f51c6a;--wr-color-secondary-rgb:245,28,106;--wr-color-light:#dee0e8;--wr-color-light-rgb:222,224,232;--wr-color-medium:#b5bccc;--wr-color-medium-rgb:181,188,204;--wr-color-dark:#322e4f;--wr-color-dark-rgb:50,46,79;--wr-color-success:#36c40e;--wr-color-success-rgb:54,196,14;--wr-color-warning:#ff9100;--wr-color-warning-rgb:255,145,0;--wr-color-danger:#e01d34;--wr-color-danger-rgb:224,29,52;--wr-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--wr-font-family-mono:SFMono-Regular,Consolas,"Liberation Mono",Courier,Menlo,Monaco,monospace;--wr-font-size-base:1rem;--wr-font-weight-base:400;--wr-line-height-base:1.8;--wr-letter-spacing-base:-0.02em;--wr-transition-base:all 0.15s linear;--wr-transition-short:all 0.1s linear;--wr-transition-long:all 0.2s linear;--wr-border-radius-base:0.625rem;--wr-grid-gutter:1.5rem;--wr-grid-columns:12;--wr-grid-rows:1;--wr-btn-padding-y:0.375rem;--wr-btn-padding-x:0.75rem;--wr-btn-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--wr-btn-font-size-base:1rem;--wr-btn-font-size-small:0.8rem;--wr-btn-font-weight-base:500;--wr-btn-line-height-base:1.8;--wr-btn-line-height-small:1.44;--wr-btn-border-radius-base:0.5rem;--wr-btn-rounded-padding-y:0.375rem;--wr-btn-rounded-padding-x:1.125rem;--wr-btn-rounded-border-radius:50rem;--wr-tag-padding-y:0.25rem;--wr-tag-padding-x:0.5rem;--wr-tag-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--wr-tag-font-size-base:0.75rem;--wr-tag-font-weight-base:600;--wr-tag-line-height-base:1rem;--wr-tag-border-radius-base:0.25rem;--wr-tag-rounded-padding-y:0.25rem;--wr-tag-rounded-padding-x:0.625rem;--wr-tag-rounded-border-radius:50rem;--wr-checkbox-border-radius:0.3125rem;--wr-checkbox-font-size:1rem;--wr-checkbox-width:1.375rem;--wr-checkbox-height:1.375rem;--wr-input-padding-y:0.46875rem;--wr-input-padding-x:0.75rem;--wr-input-border-radius:0.5rem;--wr-input-font-size:1rem;--wr-input-font-weight:400;font-size:var(--wr-font-size-base);scroll-behavior:smooth}body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;background-color:var(--wr-body-bg);color:var(--wr-color-dark);direction:ltr;font-family:var(--wr-font-family-base);font-size:var(--wr-font-size-base);font-weight:var(--wr-font-weight-base);letter-spacing:var(--wr-letter-spacing-base);line-height:var(--wr-line-height-base);margin:0;padding:0;text-align:left}*,:after,:before{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;resize:vertical;vertical-align:top}audio:not([controls]){display:none;height:0}[hidden]{display:none}img{border:none}.container{flex-grow:1;margin:0 auto;padding-left:var(--wr-grid-gutter);padding-right:var(--wr-grid-gutter);position:relative;width:100%}.container-fluid{max-width:none!important}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1530px}}@media (min-width:1920px){.container,.container-fhd,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1830px}}@media (min-width:2560px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:2470px}}.grid{display:grid;gap:var(--wr-grid-gutter);grid-template-columns:repeat(var(--wr-grid-columns),1fr);grid-template-rows:repeat(var(--wr-grid-rows),1fr)}.grid .col-1{grid-column:auto/span 1}.grid .col-2{grid-column:auto/span 2}.grid .col-3{grid-column:auto/span 3}.grid .col-4{grid-column:auto/span 4}.grid .col-5{grid-column:auto/span 5}.grid .col-6{grid-column:auto/span 6}.grid .col-7{grid-column:auto/span 7}.grid .col-8{grid-column:auto/span 8}.grid .col-9{grid-column:auto/span 9}.grid .col-10{grid-column:auto/span 10}.grid .col-11{grid-column:auto/span 11}.grid .col-12{grid-column:auto/span 12}.grid .col-start-1{grid-column-start:1}.grid .col-start-2{grid-column-start:2}.grid .col-start-3{grid-column-start:3}.grid .col-start-4{grid-column-start:4}.grid .col-start-5{grid-column-start:5}.grid .col-start-6{grid-column-start:6}.grid .col-start-7{grid-column-start:7}.grid .col-start-8{grid-column-start:8}.grid .col-start-9{grid-column-start:9}.grid .col-start-10{grid-column-start:10}.grid .col-start-11{grid-column-start:11}@media (min-width:576px){.grid .col-sm-1{grid-column:auto/span 1}.grid .col-sm-2{grid-column:auto/span 2}.grid .col-sm-3{grid-column:auto/span 3}.grid .col-sm-4{grid-column:auto/span 4}.grid .col-sm-5{grid-column:auto/span 5}.grid .col-sm-6{grid-column:auto/span 6}.grid .col-sm-7{grid-column:auto/span 7}.grid .col-sm-8{grid-column:auto/span 8}.grid .col-sm-9{grid-column:auto/span 9}.grid .col-sm-10{grid-column:auto/span 10}.grid .col-sm-11{grid-column:auto/span 11}.grid .col-sm-12{grid-column:auto/span 12}.grid .col-start-sm-1{grid-column-start:1}.grid .col-start-sm-2{grid-column-start:2}.grid .col-start-sm-3{grid-column-start:3}.grid .col-start-sm-4{grid-column-start:4}.grid .col-start-sm-5{grid-column-start:5}.grid .col-start-sm-6{grid-column-start:6}.grid .col-start-sm-7{grid-column-start:7}.grid .col-start-sm-8{grid-column-start:8}.grid .col-start-sm-9{grid-column-start:9}.grid .col-start-sm-10{grid-column-start:10}.grid .col-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .col-md-1{grid-column:auto/span 1}.grid .col-md-2{grid-column:auto/span 2}.grid .col-md-3{grid-column:auto/span 3}.grid .col-md-4{grid-column:auto/span 4}.grid .col-md-5{grid-column:auto/span 5}.grid .col-md-6{grid-column:auto/span 6}.grid .col-md-7{grid-column:auto/span 7}.grid .col-md-8{grid-column:auto/span 8}.grid .col-md-9{grid-column:auto/span 9}.grid .col-md-10{grid-column:auto/span 10}.grid .col-md-11{grid-column:auto/span 11}.grid .col-md-12{grid-column:auto/span 12}.grid .col-start-md-1{grid-column-start:1}.grid .col-start-md-2{grid-column-start:2}.grid .col-start-md-3{grid-column-start:3}.grid .col-start-md-4{grid-column-start:4}.grid .col-start-md-5{grid-column-start:5}.grid .col-start-md-6{grid-column-start:6}.grid .col-start-md-7{grid-column-start:7}.grid .col-start-md-8{grid-column-start:8}.grid .col-start-md-9{grid-column-start:9}.grid .col-start-md-10{grid-column-start:10}.grid .col-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .col-lg-1{grid-column:auto/span 1}.grid .col-lg-2{grid-column:auto/span 2}.grid .col-lg-3{grid-column:auto/span 3}.grid .col-lg-4{grid-column:auto/span 4}.grid .col-lg-5{grid-column:auto/span 5}.grid .col-lg-6{grid-column:auto/span 6}.grid .col-lg-7{grid-column:auto/span 7}.grid .col-lg-8{grid-column:auto/span 8}.grid .col-lg-9{grid-column:auto/span 9}.grid .col-lg-10{grid-column:auto/span 10}.grid .col-lg-11{grid-column:auto/span 11}.grid .col-lg-12{grid-column:auto/span 12}.grid .col-start-lg-1{grid-column-start:1}.grid .col-start-lg-2{grid-column-start:2}.grid .col-start-lg-3{grid-column-start:3}.grid .col-start-lg-4{grid-column-start:4}.grid .col-start-lg-5{grid-column-start:5}.grid .col-start-lg-6{grid-column-start:6}.grid .col-start-lg-7{grid-column-start:7}.grid .col-start-lg-8{grid-column-start:8}.grid .col-start-lg-9{grid-column-start:9}.grid .col-start-lg-10{grid-column-start:10}.grid .col-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .col-xl-1{grid-column:auto/span 1}.grid .col-xl-2{grid-column:auto/span 2}.grid .col-xl-3{grid-column:auto/span 3}.grid .col-xl-4{grid-column:auto/span 4}.grid .col-xl-5{grid-column:auto/span 5}.grid .col-xl-6{grid-column:auto/span 6}.grid .col-xl-7{grid-column:auto/span 7}.grid .col-xl-8{grid-column:auto/span 8}.grid .col-xl-9{grid-column:auto/span 9}.grid .col-xl-10{grid-column:auto/span 10}.grid .col-xl-11{grid-column:auto/span 11}.grid .col-xl-12{grid-column:auto/span 12}.grid .col-start-xl-1{grid-column-start:1}.grid .col-start-xl-2{grid-column-start:2}.grid .col-start-xl-3{grid-column-start:3}.grid .col-start-xl-4{grid-column-start:4}.grid .col-start-xl-5{grid-column-start:5}.grid .col-start-xl-6{grid-column-start:6}.grid .col-start-xl-7{grid-column-start:7}.grid .col-start-xl-8{grid-column-start:8}.grid .col-start-xl-9{grid-column-start:9}.grid .col-start-xl-10{grid-column-start:10}.grid .col-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .col-xxl-1{grid-column:auto/span 1}.grid .col-xxl-2{grid-column:auto/span 2}.grid .col-xxl-3{grid-column:auto/span 3}.grid .col-xxl-4{grid-column:auto/span 4}.grid .col-xxl-5{grid-column:auto/span 5}.grid .col-xxl-6{grid-column:auto/span 6}.grid .col-xxl-7{grid-column:auto/span 7}.grid .col-xxl-8{grid-column:auto/span 8}.grid .col-xxl-9{grid-column:auto/span 9}.grid .col-xxl-10{grid-column:auto/span 10}.grid .col-xxl-11{grid-column:auto/span 11}.grid .col-xxl-12{grid-column:auto/span 12}.grid .col-start-xxl-1{grid-column-start:1}.grid .col-start-xxl-2{grid-column-start:2}.grid .col-start-xxl-3{grid-column-start:3}.grid .col-start-xxl-4{grid-column-start:4}.grid .col-start-xxl-5{grid-column-start:5}.grid .col-start-xxl-6{grid-column-start:6}.grid .col-start-xxl-7{grid-column-start:7}.grid .col-start-xxl-8{grid-column-start:8}.grid .col-start-xxl-9{grid-column-start:9}.grid .col-start-xxl-10{grid-column-start:10}.grid .col-start-xxl-11{grid-column-start:11}}@media (min-width:1600px){.grid .col-xga-1{grid-column:auto/span 1}.grid .col-xga-2{grid-column:auto/span 2}.grid .col-xga-3{grid-column:auto/span 3}.grid .col-xga-4{grid-column:auto/span 4}.grid .col-xga-5{grid-column:auto/span 5}.grid .col-xga-6{grid-column:auto/span 6}.grid .col-xga-7{grid-column:auto/span 7}.grid .col-xga-8{grid-column:auto/span 8}.grid .col-xga-9{grid-column:auto/span 9}.grid .col-xga-10{grid-column:auto/span 10}.grid .col-xga-11{grid-column:auto/span 11}.grid .col-xga-12{grid-column:auto/span 12}.grid .col-start-xga-1{grid-column-start:1}.grid .col-start-xga-2{grid-column-start:2}.grid .col-start-xga-3{grid-column-start:3}.grid .col-start-xga-4{grid-column-start:4}.grid .col-start-xga-5{grid-column-start:5}.grid .col-start-xga-6{grid-column-start:6}.grid .col-start-xga-7{grid-column-start:7}.grid .col-start-xga-8{grid-column-start:8}.grid .col-start-xga-9{grid-column-start:9}.grid .col-start-xga-10{grid-column-start:10}.grid .col-start-xga-11{grid-column-start:11}}@media (min-width:1920px){.grid .col-fhd-1{grid-column:auto/span 1}.grid .col-fhd-2{grid-column:auto/span 2}.grid .col-fhd-3{grid-column:auto/span 3}.grid .col-fhd-4{grid-column:auto/span 4}.grid .col-fhd-5{grid-column:auto/span 5}.grid .col-fhd-6{grid-column:auto/span 6}.grid .col-fhd-7{grid-column:auto/span 7}.grid .col-fhd-8{grid-column:auto/span 8}.grid .col-fhd-9{grid-column:auto/span 9}.grid .col-fhd-10{grid-column:auto/span 10}.grid .col-fhd-11{grid-column:auto/span 11}.grid .col-fhd-12{grid-column:auto/span 12}.grid .col-start-fhd-1{grid-column-start:1}.grid .col-start-fhd-2{grid-column-start:2}.grid .col-start-fhd-3{grid-column-start:3}.grid .col-start-fhd-4{grid-column-start:4}.grid .col-start-fhd-5{grid-column-start:5}.grid .col-start-fhd-6{grid-column-start:6}.grid .col-start-fhd-7{grid-column-start:7}.grid .col-start-fhd-8{grid-column-start:8}.grid .col-start-fhd-9{grid-column-start:9}.grid .col-start-fhd-10{grid-column-start:10}.grid .col-start-fhd-11{grid-column-start:11}}@media (min-width:2560px){.grid .col-rt-1{grid-column:auto/span 1}.grid .col-rt-2{grid-column:auto/span 2}.grid .col-rt-3{grid-column:auto/span 3}.grid .col-rt-4{grid-column:auto/span 4}.grid .col-rt-5{grid-column:auto/span 5}.grid .col-rt-6{grid-column:auto/span 6}.grid .col-rt-7{grid-column:auto/span 7}.grid .col-rt-8{grid-column:auto/span 8}.grid .col-rt-9{grid-column:auto/span 9}.grid .col-rt-10{grid-column:auto/span 10}.grid .col-rt-11{grid-column:auto/span 11}.grid .col-rt-12{grid-column:auto/span 12}.grid .col-start-rt-1{grid-column-start:1}.grid .col-start-rt-2{grid-column-start:2}.grid .col-start-rt-3{grid-column-start:3}.grid .col-start-rt-4{grid-column-start:4}.grid .col-start-rt-5{grid-column-start:5}.grid .col-start-rt-6{grid-column-start:6}.grid .col-start-rt-7{grid-column-start:7}.grid .col-start-rt-8{grid-column-start:8}.grid .col-start-rt-9{grid-column-start:9}.grid .col-start-rt-10{grid-column-start:10}.grid .col-start-rt-11{grid-column-start:11}}@-webkit-keyframes shimmer{to{transform:translateX(100%)}}@keyframes shimmer{to{transform:translateX(100%)}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.wr-btn{border:none;border-radius:var(--wr-btn-border-radius-base);cursor:pointer;display:inline-block;font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);padding:var(--wr-btn-padding-y) var(--wr-btn-padding-x);position:relative;text-align:center;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.wr-btn,.wr-btn:hover{text-decoration:none}.wr-btn.disabled,.wr-btn:disabled,.wr-btn[disabled],fieldset:disabled .wr-btn{background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.wr-btn__icon{height:1rem!important;min-height:1rem!important;min-width:1rem!important;transition:var(--wr-transition-base);width:1rem!important}.wr-btn--icon-start .wr-btn__icon{margin-right:.25rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__icon,.wr-btn--loading .wr-btn__text{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small);padding:calc(var(--wr-btn-padding-y)/1.5) calc(var(--wr-btn-padding-x)/1.5)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{background-color:var(--wr-color-primary);color:#fff}.wr-btn--primary:hover{background-color:#3059c0;color:#fff}.wr-btn--primary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375);color:var(--wr-color-primary)}.wr-btn--primary.wr-btn--outlined:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-btn--secondary{background-color:var(--wr-color-secondary);color:#fff}.wr-btn--secondary:hover{background-color:#d0185a;color:#fff}.wr-btn--secondary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375);color:var(--wr-color-secondary)}.wr-btn--secondary.wr-btn--outlined:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-btn--light{background-color:var(--wr-color-light);color:#322e4f}.wr-btn--light:hover{background-color:#bdbec5;color:#322e4f}.wr-btn--light.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375);color:var(--wr-color-light)}.wr-btn--light.wr-btn--outlined:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-btn--medium{background-color:var(--wr-color-medium);color:#322e4f}.wr-btn--medium:hover{background-color:#9aa0ad;color:#322e4f}.wr-btn--medium.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375);color:var(--wr-color-medium)}.wr-btn--medium.wr-btn--outlined:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-btn--dark{background-color:var(--wr-color-dark);color:#fff}.wr-btn--dark:hover{background-color:#2b2743;color:#fff}.wr-btn--dark.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375);color:var(--wr-color-dark)}.wr-btn--dark.wr-btn--outlined:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-btn--success{background-color:var(--wr-color-success);color:#322e4f}.wr-btn--success:hover{background-color:#2ea70c;color:#322e4f}.wr-btn--success.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375);color:var(--wr-color-success)}.wr-btn--success.wr-btn--outlined:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-btn--warning{background-color:var(--wr-color-warning);color:#322e4f}.wr-btn--warning:hover{background-color:#d97b00;color:#322e4f}.wr-btn--warning.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375);color:var(--wr-color-warning)}.wr-btn--warning.wr-btn--outlined:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-btn--danger{background-color:var(--wr-color-danger);color:#fff}.wr-btn--danger:hover{background-color:#be192c;color:#fff}.wr-btn--danger.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375);color:var(--wr-color-danger)}.wr-btn--danger.wr-btn--outlined:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}.wr-checkbox{display:inline-block}.wr-checkbox-container{align-items:center;color:var(--wr-color-dark);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:400;line-height:1rem;margin:0;padding:0}.wr-checkbox-container__input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.wr-checkbox-container-inner{align-items:center;border-radius:var(--wr-checkbox-border-radius);box-shadow:inset 0 0 0 1px var(--wr-color-medium);display:inline-flex;flex-direction:column;height:var(--wr-checkbox-height);justify-content:center;margin-right:calc(var(--wr-checkbox-width)/4);transition:var(--wr-transition-base);width:var(--wr-checkbox-width)}.wr-checkbox-container-inner__mark{border-bottom:.2rem solid var(--wr-color-white);border-right:.2rem solid var(--wr-color-white);display:inline-block;height:calc(var(--wr-checkbox-height)/2);opacity:0;transform:rotate(45deg) translateX(-.05rem) translateY(-.05rem) scale(.1);transition:var(--wr-transition-short);width:calc(var(--wr-checkbox-height)/3)}.wr-checkbox-container:hover .wr-checkbox-container-inner{box-shadow:inset 0 0 0 1px var(--wr-color-primary)}.wr-checkbox-container--checked .wr-checkbox-container-inner{background:var(--wr-color-primary);box-shadow:none}.wr-checkbox-container--checked .wr-checkbox-container-inner__mark{opacity:1;transform:rotate(45deg) translateX(-.05rem) translateY(-.05rem) scale(1)}.wr-checkbox-container--checked:hover .wr-checkbox-container-inner{background:rgba(var(--wr-color-primary-rgb),.75);box-shadow:none}.wr-checkbox-container--disabled{pointer-events:none}.wr-checkbox-container--disabled .wr-checkbox-container-inner{background:var(--wr-color-light);box-shadow:inset 0 0 0 1px var(--wr-color-medium)}.wr-checkbox-container--disabled .wr-checkbox-container-inner__mark{border-bottom:.2rem solid var(--wr-color-medium);border-right:.2rem solid var(--wr-color-medium)}.wr-divider{--wr-divider-width:1px;border-bottom-width:var(--wr-divider-width);display:block;margin-bottom:.5rem;margin-top:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-divider--solid{border-bottom-style:solid}.wr-divider--dashed{border-bottom-style:dashed}.wr-divider--dotted{border-bottom-style:dotted}.wr-divider--primary{border-bottom-color:var(--wr-color-primary)}.wr-divider--secondary{border-bottom-color:var(--wr-color-secondary)}.wr-divider--light{border-bottom-color:var(--wr-color-light)}.wr-divider--medium{border-bottom-color:var(--wr-color-medium)}.wr-divider--dark{border-bottom-color:var(--wr-color-dark)}.wr-divider--success{border-bottom-color:var(--wr-color-success)}.wr-divider--warning{border-bottom-color:var(--wr-color-warning)}.wr-divider--danger{border-bottom-color:var(--wr-color-danger)}.wr-form-item{align-items:baseline;display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.wr-form-item>*{width:100%}.wr-form-item>label{align-items:center;color:var(--wr-color-medium);display:inline-flex;font-size:.875rem;font-weight:400;line-height:1;margin-bottom:.5rem;transition:var(--wr-transition-base)}.wr-form-item--has-error>label{color:var(--wr-color-danger)}.wr-form-item--has-error .wr-input-el__native,.wr-form-item--has-error .wr-input-prefix,.wr-form-item--has-error .wr-input-suffix{border-color:var(--wr-color-danger)}.wr-form-error,.wr-form-item--has-error .wr-input-prefix__text,.wr-form-item--has-error .wr-input-suffix__text{color:var(--wr-color-danger)}.wr-form-error{font-size:.75rem;margin-top:.25rem;opacity:.75}.wr-icon{fill:currentColor;box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1.5rem;line-height:0;text-align:center;text-transform:none;vertical-align:-.125rem;width:1.5rem}.wr-icon *{line-height:1}.wr-icon svg{display:inline-block;height:100%;width:100%}.wr-input{--input-icon-size:1rem;align-items:stretch;background:var(--wr-color-white);border-radius:var(--wr-input-border-radius);display:flex;flex-wrap:nowrap;margin:0;padding:0;position:relative;width:100%}.wr-input--disabled{pointer-events:none}.wr-input--password .wr-input-el__native{padding-right:calc(var(--input-icon-size) + var(--wr-input-padding-x)*2)}.wr-input--has-prefix .wr-input-el__native{border-bottom-left-radius:0;border-top-left-radius:0}.wr-input--has-suffix .wr-input-el__native{border-bottom-right-radius:0;border-top-right-radius:0}.wr-input-prefix,.wr-input-suffix{background:rgba(var(--wr-color-light-rgb),.5);border:1px solid var(--wr-color-light);display:flex;margin:0;max-width:15%;padding:var(--wr-input-padding-y) var(--wr-input-padding-x)}.wr-input-prefix__text,.wr-input-suffix__text{color:var(--wr-color-medium);font-size:var(--wr-input-font-size);font-weight:var(--wr-input-font-weight);line-height:var(--wr-input-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-input-prefix{border-bottom-left-radius:var(--wr-input-border-radius);border-right:0;border-top-left-radius:var(--wr-input-border-radius)}.wr-input-suffix{border-bottom-right-radius:var(--wr-input-border-radius);border-left:0;border-top-right-radius:var(--wr-input-border-radius)}.wr-input-el{flex:1;margin:0;padding:0;position:relative}.wr-input-el,.wr-input-el-icon{align-items:center;display:flex;height:100%}.wr-input-el-icon{color:var(--wr-color-medium);cursor:pointer;flex-direction:column;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--wr-input-padding-x)*2 + var(--input-icon-size));z-index:3}.wr-input-el-icon__icon{height:var(--input-icon-size);transition:var(--wr-transition-base);width:var(--input-icon-size)}.wr-input-el-icon:hover{color:var(--wr-color-secondary)}.wr-input-el__native{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--wr-color-light);border-radius:var(--wr-input-border-radius);box-shadow:none;color:var(--wr-color-dark);display:inline-block;font-family:var(--wr-font-family-base);font-size:var(--wr-input-font-size);font-weight:var(--wr-input-font-weight);line-height:var(--wr-input-font-size);padding:var(--wr-input-padding-y) var(--wr-input-padding-x);position:relative;resize:none;transition:var(--wr-transition-base);width:100%;z-index:2}.wr-input-el__native::-moz-placeholder{color:var(--wr-color-light)}.wr-input-el__native::placeholder{color:var(--wr-color-light)}.wr-input-el__native.disabled,.wr-input-el__native:disabled,.wr-input-el__native[disabled]{background:rgba(var(--wr-color-light-rgb),.5);color:var(--wr-color-medium)}.wr-input-el__native:active,.wr-input-el__native:focus{border-color:var(--wr-color-primary);box-shadow:0 0 0 2px rgba(var(--wr-color-primary-rgb),.125)}.wr-skeleton{border-radius:var(--wr-border-radius-base);display:block;height:var(--wr-font-size-base);margin-bottom:.25rem;margin-top:.25rem;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-skeleton:after{-webkit-animation:none;animation:none;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.wr-skeleton--animated:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}.wr-skeleton--primary{background:rgba(var(--wr-color-primary-rgb),.125)}.wr-skeleton--primary:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-primary-rgb),0) 0,rgba(var(--wr-color-primary-rgb),.125) 20%,rgba(var(--wr-color-primary-rgb),.25) 60%,rgba(var(--wr-color-primary-rgb),0))}.wr-skeleton--secondary{background:rgba(var(--wr-color-secondary-rgb),.125)}.wr-skeleton--secondary:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-secondary-rgb),0) 0,rgba(var(--wr-color-secondary-rgb),.125) 20%,rgba(var(--wr-color-secondary-rgb),.25) 60%,rgba(var(--wr-color-secondary-rgb),0))}.wr-skeleton--light{background:rgba(var(--wr-color-light-rgb),.125)}.wr-skeleton--light:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-light-rgb),0) 0,rgba(var(--wr-color-light-rgb),.125) 20%,rgba(var(--wr-color-light-rgb),.25) 60%,rgba(var(--wr-color-light-rgb),0))}.wr-skeleton--medium{background:rgba(var(--wr-color-medium-rgb),.125)}.wr-skeleton--medium:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-medium-rgb),0) 0,rgba(var(--wr-color-medium-rgb),.125) 20%,rgba(var(--wr-color-medium-rgb),.25) 60%,rgba(var(--wr-color-medium-rgb),0))}.wr-skeleton--dark{background:rgba(var(--wr-color-dark-rgb),.125)}.wr-skeleton--dark:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-dark-rgb),0) 0,rgba(var(--wr-color-dark-rgb),.125) 20%,rgba(var(--wr-color-dark-rgb),.25) 60%,rgba(var(--wr-color-dark-rgb),0))}.wr-skeleton--success{background:rgba(var(--wr-color-success-rgb),.125)}.wr-skeleton--success:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-success-rgb),0) 0,rgba(var(--wr-color-success-rgb),.125) 20%,rgba(var(--wr-color-success-rgb),.25) 60%,rgba(var(--wr-color-success-rgb),0))}.wr-skeleton--warning{background:rgba(var(--wr-color-warning-rgb),.125)}.wr-skeleton--warning:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-warning-rgb),0) 0,rgba(var(--wr-color-warning-rgb),.125) 20%,rgba(var(--wr-color-warning-rgb),.25) 60%,rgba(var(--wr-color-warning-rgb),0))}.wr-skeleton--danger{background:rgba(var(--wr-color-danger-rgb),.125)}.wr-skeleton--danger:after{background-image:linear-gradient(90deg,rgba(var(--wr-color-danger-rgb),0) 0,rgba(var(--wr-color-danger-rgb),.125) 20%,rgba(var(--wr-color-danger-rgb),.25) 60%,rgba(var(--wr-color-danger-rgb),0))}.wr-spin{box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1em;line-height:0;text-align:center;text-transform:none;vertical-align:-.1rem;width:1em}.wr-spin *{line-height:1}.wr-spin svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;display:inline-block;height:100%;width:100%}.wr-spin svg .path{stroke:currentColor;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}.wr-tag{border:none;border-radius:var(--wr-tag-border-radius-base);cursor:pointer;display:inline-block;font-family:var(--wr-tag-font-family-base);font-size:var(--wr-tag-font-size-base);font-weight:var(--wr-tag-font-weight-base);line-height:var(--wr-tag-line-height-base);padding:var(--wr-tag-padding-y) var(--wr-tag-padding-x);pointer-events:none;position:relative;text-align:center;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.wr-tag,.wr-tag:hover{text-decoration:none}.wr-tag__icon,.wr-tag__spin{height:.75rem!important;min-height:.75rem!important;min-width:.75rem!important;transition:var(--wr-transition-base);width:.75rem!important}.wr-tag--icon-start .wr-tag__icon,.wr-tag--icon-start .wr-tag__spin{margin-right:.25rem}.wr-tag--icon-end .wr-tag__icon,.wr-tag--icon-end .wr-tag__spin{margin-left:.25rem}.wr-tag--hoverable{pointer-events:all}.wr-tag--rounded{border-radius:var(--wr-tag-rounded-border-radius);padding:var(--wr-tag-rounded-padding-y) var(--wr-tag-rounded-padding-x)}.wr-tag--primary{background-color:var(--wr-color-primary);color:#fff}.wr-tag--primary:hover{background-color:#3059c0;color:#fff}.wr-tag--primary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375);color:var(--wr-color-primary)}.wr-tag--primary.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-primary-rgb),.125)}.wr-tag--primary.wr-tag--outlined:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-tag--primary.wr-tag--transparent{background-color:rgba(var(--wr-color-primary-rgb),.125);color:var(--wr-color-primary)}.wr-tag--primary.wr-tag--transparent:hover{background-color:var(--wr-color-primary);box-shadow:none;color:#fff}.wr-tag--secondary{background-color:var(--wr-color-secondary);color:#fff}.wr-tag--secondary:hover{background-color:#d0185a;color:#fff}.wr-tag--secondary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375);color:var(--wr-color-secondary)}.wr-tag--secondary.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-secondary-rgb),.125)}.wr-tag--secondary.wr-tag--outlined:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-tag--secondary.wr-tag--transparent{background-color:rgba(var(--wr-color-secondary-rgb),.125);color:var(--wr-color-secondary)}.wr-tag--secondary.wr-tag--transparent:hover{background-color:var(--wr-color-secondary);box-shadow:none;color:#fff}.wr-tag--light{background-color:var(--wr-color-light);color:#322e4f}.wr-tag--light:hover{background-color:#bdbec5;color:#322e4f}.wr-tag--light.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375);color:var(--wr-color-light)}.wr-tag--light.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-light-rgb),.125)}.wr-tag--light.wr-tag--outlined:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-tag--light.wr-tag--transparent{background-color:rgba(var(--wr-color-light-rgb),.125);color:var(--wr-color-light)}.wr-tag--light.wr-tag--transparent:hover{background-color:var(--wr-color-light);box-shadow:none;color:#322e4f}.wr-tag--medium{background-color:var(--wr-color-medium);color:#322e4f}.wr-tag--medium:hover{background-color:#9aa0ad;color:#322e4f}.wr-tag--medium.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375);color:var(--wr-color-medium)}.wr-tag--medium.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-medium-rgb),.125)}.wr-tag--medium.wr-tag--outlined:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-tag--medium.wr-tag--transparent{background-color:rgba(var(--wr-color-medium-rgb),.125);color:var(--wr-color-medium)}.wr-tag--medium.wr-tag--transparent:hover{background-color:var(--wr-color-medium);box-shadow:none;color:#322e4f}.wr-tag--dark{background-color:var(--wr-color-dark);color:#fff}.wr-tag--dark:hover{background-color:#2b2743;color:#fff}.wr-tag--dark.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375);color:var(--wr-color-dark)}.wr-tag--dark.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-dark-rgb),.125)}.wr-tag--dark.wr-tag--outlined:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-tag--dark.wr-tag--transparent{background-color:rgba(var(--wr-color-dark-rgb),.125);color:var(--wr-color-dark)}.wr-tag--dark.wr-tag--transparent:hover{background-color:var(--wr-color-dark);box-shadow:none;color:#fff}.wr-tag--success{background-color:var(--wr-color-success);color:#322e4f}.wr-tag--success:hover{background-color:#2ea70c;color:#322e4f}.wr-tag--success.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375);color:var(--wr-color-success)}.wr-tag--success.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-success-rgb),.125)}.wr-tag--success.wr-tag--outlined:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-tag--success.wr-tag--transparent{background-color:rgba(var(--wr-color-success-rgb),.125);color:var(--wr-color-success)}.wr-tag--success.wr-tag--transparent:hover{background-color:var(--wr-color-success);box-shadow:none;color:#322e4f}.wr-tag--warning{background-color:var(--wr-color-warning);color:#322e4f}.wr-tag--warning:hover{background-color:#d97b00;color:#322e4f}.wr-tag--warning.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375);color:var(--wr-color-warning)}.wr-tag--warning.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-warning-rgb),.125)}.wr-tag--warning.wr-tag--outlined:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-tag--warning.wr-tag--transparent{background-color:rgba(var(--wr-color-warning-rgb),.125);color:var(--wr-color-warning)}.wr-tag--warning.wr-tag--transparent:hover{background-color:var(--wr-color-warning);box-shadow:none;color:#322e4f}.wr-tag--danger{background-color:var(--wr-color-danger);color:#fff}.wr-tag--danger:hover{background-color:#be192c;color:#fff}.wr-tag--danger.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375);color:var(--wr-color-danger)}.wr-tag--danger.wr-tag--outlined.wr-tag--transparent{background-color:rgba(var(--wr-color-danger-rgb),.125)}.wr-tag--danger.wr-tag--outlined:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}.wr-tag--danger.wr-tag--transparent{background-color:rgba(var(--wr-color-danger-rgb),.125);color:var(--wr-color-danger)}.wr-tag--danger.wr-tag--transparent:hover{background-color:var(--wr-color-danger);box-shadow:none;color:#fff}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngwr",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "license": "MIT",
5
5
  "description": "NGWR – Angular UI components library",
6
6
  "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev/)",