@esportsplus/ui 0.0.86 → 0.0.87

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.
Files changed (14) hide show
  1. package/build/components/tooltip/index.d.ts +4 -4
  2. package/css/components/styles.css +1 -26
  3. package/css/components/variables.css +1 -23
  4. package/css/fonts/montserrat.css +1 -1
  5. package/css/normalizer.css +1 -1
  6. package/css/utilities/styles.css +1 -15
  7. package/css/utilities/variables.css +1 -11
  8. package/package.json +3 -3
  9. package/css/0177605565c3081637cf.css +0 -1
  10. package/css/components/2dcc6798ba04880cdf5a.css +0 -23
  11. package/css/components/b296e959a632e7fdbe65.css +0 -26
  12. package/css/fonts/716af1291514abb1e027.css +0 -1
  13. package/css/utilities/822835c12ae0b64188b4.css +0 -11
  14. package/css/utilities/98f5bec25ab2703bc173.css +0 -15
package/build/components/tooltip/index.d.ts CHANGED
@@ -30,8 +30,8 @@ declare const _default: {
30
30
  render: boolean | undefined;
31
31
  dispose: () => void;
32
32
  nodes: {
33
- active: import("@esportsplus/reactivity/build/signal").Signal<false> | import("@esportsplus/reactivity/build/signal").Signal<true>;
34
- render: import("@esportsplus/reactivity/build/signal").Signal<false> | import("@esportsplus/reactivity/build/signal").Signal<true> | import("@esportsplus/reactivity/build/signal").Signal<undefined>;
33
+ active: import("@esportsplus/reactivity/build/types").Signal<false> | import("@esportsplus/reactivity/build/types").Signal<true>;
34
+ render: import("@esportsplus/reactivity/build/types").Signal<false> | import("@esportsplus/reactivity/build/types").Signal<true> | import("@esportsplus/reactivity/build/types").Signal<undefined>;
35
35
  };
36
36
  };
37
37
  };
@@ -42,8 +42,8 @@ declare const _default: {
42
42
  render: boolean | undefined;
43
43
  dispose: () => void;
44
44
  nodes: {
45
- active: import("@esportsplus/reactivity/build/signal").Signal<false> | import("@esportsplus/reactivity/build/signal").Signal<true>;
46
- render: import("@esportsplus/reactivity/build/signal").Signal<false> | import("@esportsplus/reactivity/build/signal").Signal<true> | import("@esportsplus/reactivity/build/signal").Signal<undefined>;
45
+ active: import("@esportsplus/reactivity/build/types").Signal<false> | import("@esportsplus/reactivity/build/types").Signal<true>;
46
+ render: import("@esportsplus/reactivity/build/types").Signal<false> | import("@esportsplus/reactivity/build/types").Signal<true> | import("@esportsplus/reactivity/build/types").Signal<undefined>;
47
47
  };
48
48
  };
49
49
  };
package/css/components/styles.css CHANGED
@@ -1,26 +1 @@
1
- .accordion{max-height:var(--max-height);opacity:0;pointer-events:none;transition:max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.accordion.--active{opacity:1;pointer-events:auto}
2
- .alert{max-width:calc(100% - var(--margin-horizontal)*2);width:var(--width)}.alert--deactivating{opacity:0;transform:translateY(-50%)}.alert--activating:not(.--active){transform:translateY(50%)}.alert-close{position:absolute;top:0;right:100%;bottom:0;animation:alert-close var(--transition-duration) ease-in-out;transition:transform var(--transition-duration) ease-in-out;z-index:0}.alert-message{opacity:0;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.alert-message:not(.--active){pointer-events:none;position:absolute;transform:translateX(-25%);left:0;top:0}.alert-message.--active{opacity:1}@keyframes alert-close{from{transform:translateX(150%)}to{transform:translateX(0)}}
3
- .anchor{max-height:calc(100% - var(--margin-vertical)*2);max-width:calc(100% - var(--margin-horizontal)*2);pointer-events:auto;position:absolute;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}
4
- .banner{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;z-index:-1}.banner--fixed{position:fixed}
5
- .border{border-top:var(--border-width) var(--border-style) var(--border-color);position:relative;width:100%}.border+.border{display:none}
6
- .bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}
7
- .button{align-content:center;align-items:center;background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);font-weight:var(--font-weight);justify-content:center;line-height:var(--line-height);min-width:var(--min-width);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:all var(--transition-duration) ease-in-out;width:var(--width)}.button::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.button--flat::after{display:none}.button--processing{color:rgba(0,0,0,0);pointer-events:none}.button--processing::before{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%);animation:button--processing var(--animation-duration) infinite linear;border:var(--border-width) solid var(--border-color);border-radius:100%;border-right-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);content:"";height:var(--size);width:var(--size)}.button--processing *{opacity:0}@keyframes button--processing{0%{transform:translate(50%, 50%) rotate(0deg)}100%{transform:translate(50%, 50%) rotate(359deg)}}.button--top-left,.button--top-right{position:absolute;top:calc((var(--padding-vertical) + var(--line-height)/2)*-1)}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}
8
- .card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out;width:var(--width)}.card::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.card--flat::after{display:none}
9
- .container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;width:100%}
10
- .ellipsis-dot:nth-child(1){animation:ellipsis-dot-one var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(2){animation:ellipsis-dot-two var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(3){animation:ellipsis-dot-three var(--animation-duration) linear infinite}@keyframes ellipsis-dot-one{0%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes ellipsis-dot-two{0%{opacity:0}21%{opacity:0}22%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes ellipsis-dot-three{0%{opacity:0}43%{opacity:0}44%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}
11
- button,input,select,textarea{background:rgba(0,0,0,0);border-radius:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,select,select:active,select:focus,select:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none}button:invalid,input:invalid,select:invalid,textarea:invalid{box-shadow:none}form{margin:0;padding:0;width:100%}label{cursor:pointer}.field{display:flex;position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width);z-index:1}.field:not(.--active):hover{z-index:8}.field.--active{z-index:9}.field--optional{max-height:var(--max-height);opacity:0;pointer-events:none;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.field.--active .field--optional{opacity:1;pointer-events:auto}.field-description,.field-error,.field-title{color:var(--color);font-size:var(--font-size);position:relative;width:100%;word-wrap:break-word}.field-description:empty,.field-error:empty,.field-title:empty{height:0px;margin:0}.field-error{animation:field-error .32s 1 linear}@keyframes field-error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}100%{transform:translate(0px)}}.field-mask::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;z-index:0}.field-mask--flat::after{display:none}.field-mask--outline::before{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 var(--outline-width) var(--border-color);border-radius:var(--border-radius);content:"";opacity:var(--outline-opacity);pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.field-required{background:var(--background);border-radius:var(--border-radius);height:var(--size);width:var(--size)}.field-tag--hidden{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}.field-title{font-weight:var(--font-weight);z-index:1}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width)}.field-mask--checkbox:invalid,.field-mask--checkbox:required,.field-mask--radio:invalid,.field-mask--radio:required,.field-mask--switch:invalid,.field-mask--switch:required{box-shadow:none}.field-mask--checkbox::before,.field-mask--radio::before,.field-mask--switch::before{box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX), var(--translateY)) rotate(var(--rotate)) scale(var(--scale));width:var(--width)}.field-mask--checkbox .field-tag,.field-mask--radio .field-tag,.field-mask--switch .field-tag{position:absolute;top:0;left:0;height:0px;opacity:0;pointer-events:none;width:0px;z-index:0}.field-mask--checkbox::before,.field-mask--radio::before{position:absolute;bottom:50%;right:50%}.field-mask--radio::before,.field-mask--switch::before{background:var(--accent);border-radius:inherit;transform-origin:center}.field-mask--checkbox::before{border-bottom:var(--border-width) solid var(--accent);border-right:var(--border-width) solid var(--accent);transform-origin:center left}.field-mask--switch::before{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal)}.field-mask--input,.field-mask--select{align-items:center;background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;font-size:var(--font-size);line-height:var(--line-height);position:relative;width:100%}.field-mask--input:invalid,.field-mask--input:required,.field-mask--select:invalid,.field-mask--select:required{box-shadow:none}.field-mask--input,.field-mask--input .field-tag,.field-mask--select,.field-mask--select .field-tag{color:var(--color)}.field-mask--input .field-tag,.field-mask--select .field-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-mask--input{cursor:text;min-height:calc(var(--padding-vertical)*2 + var(--size))}.field-mask--input .field-tag{flex:1 1 auto;padding:var(--padding-vertical) var(--padding-horizontal);min-width:0}.field-mask--input .field-tag[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.field-mask--input textarea.field-tag{white-space:normal}.field-mask--select{cursor:pointer;padding:var(--padding-vertical) calc(var(--padding-horizontal)/1.5 + var(--arrow-size)) var(--padding-vertical) var(--padding-horizontal)}.field-mask--select.--padding{padding-right:calc(var(--padding-horizontal)*1.5 + var(--arrow-size))}.field-mask-arrow{position:absolute;right:calc(var(--padding-horizontal) + var(--arrow-spacer));bottom:calc(50% + var(--arrow-spacer));border-color:var(--border-color);border-style:var(--border-style);border-width:0 var(--border-width) var(--border-width) 0;content:"";height:var(--arrow-size);transform:translateY(50%) rotate(45deg);width:var(--arrow-size)}.field-text{padding-right:var(--padding-horizontal)}
12
- .group{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 calc(var(--margin-horizontal)/-2);position:relative;width:calc(100% + var(--margin-horizontal))}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller .group-item:first-child{margin-left:0}.group--scroller .group-item:last-child{margin-right:0}.group-item{display:flex;margin:var(--margin-vertical) calc(var(--margin-horizontal)/2) 0;position:relative;width:var(--width)}.group-item[class*="--width"]{width:calc(var(--width) - var(--margin-horizontal))}
13
- .icon{color:var(--color);display:flex;flex:0 0 var(--width);height:var(--height);pointer-events:none;position:relative;transform:rotate(var(--rotate));width:var(--width)}.icon svg{color:currentColor;fill:currentColor;height:100%;width:100%}
14
- .link{align-content:center;background:var(--background);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);justify-content:flex-start;line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width)}.link--underline.--active,.link--underline:not(.--active):hover{text-decoration:underline}
15
- .loading{animation:loading var(--animation-duration) infinite linear;animation-delay:var(--animation-delay);border:var(--border-width) var(--border-style) var(--border-color);border-radius:100%;border-right-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);box-shadow:var(--box-shadow);height:var(--height);pointer-events:none;position:relative;transition:border-color var(--transition-duration) ease-in-out;width:var(--width);z-index:0}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
16
- .overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;pointer-events:none;width:100vw;z-index:9}
17
- .page{min-height:var(--min-height);position:relative;width:var(--width)}.page-subtitle,.page-suptitle,.page-title{color:var(--color);display:block;line-height:var(--line-height);position:relative;width:100%;z-index:1}.page-subtitle,.page-suptitle{font-size:var(--font-size)}
18
- .processing{height:var(--size);position:relative;width:var(--size);animation:processing var(--animation-duration) linear infinite}.processing-ring{clip:rect(calc(var(--size) / 2), var(--size), var(--size), 0)}.processing-ring,.processing-ring::after,.processing-ring::before{position:absolute;top:0;right:0;bottom:0;left:0}.processing-ring,.processing-ring::before{animation:processing calc(var(--animation-duration)/2) cubic-bezier(0.77, 0, 0.175, 1) infinite}.processing-ring::after,.processing-ring::before{border-radius:50%;content:""}.processing-ring::after{border:var(--border-width) var(--border-style) var(--border-color-secondary);opacity:var(--opacity)}.processing-ring::before{border-top:var(--border-width) var(--border-style) var(--border-color-primary)}@keyframes processing{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
19
- body,html{height:100%;overflow-x:hidden;width:100%}body{background-color:var(--background);color:var(--color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);min-width:var(--min-width);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::after,*::before{box-sizing:border-box;transition:inherit}section{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;width:var(--width)}h1,h2,h3,h4,h5{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);margin:0;padding:0;position:relative;width:100%;word-wrap:break-word}h1 sub,h1 sup,h2 sub,h2 sup,h3 sub,h3 sup,h4 sub,h4 sup,h5 sub,h5 sup{font-size:.64em}a{color:var(--color, inherit);cursor:pointer;outline:none;text-decoration:none}b,strong{color:var(--color, inherit);font-weight:var(--font-weight)}p{margin:0;padding:0;width:100%;word-wrap:break-word}pre{margin:0;overflow-wrap:break-word;padding:0;white-space:break-spaces;width:100%}sub,sup{font-size:.8em}sub{bottom:-0.48em}sup{top:-0.48em}
20
- .row{display:flex;flex-wrap:wrap;justify-content:flex-start;min-height:var(--min-height);position:relative;width:100%}
21
- ::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0);box-shadow:unset}.--scrollbar{height:100%;margin-right:calc(var(--scrollbar-width)*-1);overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width))}.scrollbar{height:100%;z-index:9}.scrollbar,.scrollbar::before{position:absolute;right:0;top:0;transition:opacity var(--transition-duration) ease-in-out;width:var(--width)}.scrollbar::before{background:var(--background-default);border-radius:var(--border-radius);content:"";height:var(--height);transform:var(--translate);transform-origin:top center}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}
22
- .sidebar{position:absolute;top:var(--position-vertical);bottom:var(--position-vertical);cursor:default;height:calc(100% - var(--position-vertical)*2);max-width:var(--width);overflow:hidden;pointer-events:auto;transition:max-width var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:calc(100% - var(--position-horizontal)*2);z-index:1}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--position-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--position-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translateX(calc(var(--width) * -1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}
23
- .site{z-index:0}
24
- .text{align-items:center;color:var(--color);display:flex;flex-flow:wrap;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);position:relative;transition:color var(--transition-duration) ease-in-out;width:var(--width)}
25
- .thumbnail{background:var(--background);border-radius:var(--border-radius);height:var(--height);position:relative;width:var(--width)}
26
- .tooltip{cursor:pointer;position:relative;z-index:8}.tooltip.--active{z-index:9}.tooltip.--active.tooltip--box::before{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%);content:"";height:calc(100% + var(--spacer)*2.5);width:calc(100% + var(--spacer)*2.5);z-index:-1}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(-90deg)}.tooltip-arrow{margin:0 -1px;transform:rotate(90deg)}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;overflow:hidden;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width);z-index:9}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--c,.tooltip-message--c{bottom:50%;position:absolute;right:50%;transform:translate(50%, 50%) scale(var(--scaleX), var(--scaleY));transform-origin:center center}.tooltip.--active>.tooltip-content--c,.tooltip.--active :not(.tooltip)>.tooltip-content--c,.tooltip.--active>.tooltip-message--c,.tooltip.--active :not(.tooltip)>.tooltip-message--c{transform:translate(50%, 50%) scale(1)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{transform:translateX(calc(var(--spacer) * 2))}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% - var(--spacer));position:absolute;transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center left}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{transform:translate(calc(var(--spacer) * 2), 50%) scale(1)}.tooltip-content--en,.tooltip-message--en{top:0;transform-origin:top left}.tooltip-content--es,.tooltip-message--es{bottom:0;transform-origin:bottom left}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{transform:translateY(calc(var(--spacer) * -2))}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% - var(--spacer));position:absolute;right:50%;transform:translateX(50%) scaleY(var(--scaleY));transform-origin:center bottom}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{transform:translate(50%, calc(var(--spacer) * -2)) scale(1)}.tooltip-content--ne,.tooltip-message--ne{right:0;transform-origin:bottom right}.tooltip-content--nw,.tooltip-message--nw{left:0;transform-origin:bottom left}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{position:absolute;top:calc(100% - var(--spacer));transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{transform:translateY(calc(var(--spacer) * 2))}.tooltip-content--s,.tooltip-message--s{position:absolute;right:50%;top:calc(100% - var(--spacer));transform:translateX(50%) scaleY(var(--scaleY));transform-origin:center top}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{transform:translate(50%, calc(var(--spacer) * 2)) scale(1)}.tooltip-content--se,.tooltip-message--se{right:0;transform-origin:top right}.tooltip-content--sw,.tooltip-message--sw{left:0;transform-origin:top left}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{position:absolute;right:calc(100% - var(--spacer));transform:scale(var(--scale))}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{transform:translateX(calc(var(--spacer) * -2))}.tooltip-content--w,.tooltip-message--w{bottom:50%;position:absolute;right:calc(100% - var(--spacer));transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center right}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{transform:translate(calc(var(--spacer) * -2), 50%) scale(1)}.tooltip-content--wn,.tooltip-message--wn{top:0;transform-origin:top right}.tooltip-content--ws,.tooltip-message--ws{bottom:0;transform-origin:bottom right}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);line-height:normal;padding:var(--padding-vertical) var(--padding-horizontal);pointer-events:none;white-space:nowrap}
1
+ .accordion{max-height:var(--max-height);opacity:0;pointer-events:none;transition:max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.accordion.--active{opacity:1;pointer-events:auto}.alert{max-width:calc(100% - var(--margin-horizontal)*2);width:var(--width)}.alert--deactivating{opacity:0;transform:translateY(-50%)}.alert--activating:not(.--active){transform:translateY(50%)}.alert-close{position:absolute;top:0;right:100%;bottom:0;animation:alert-close var(--transition-duration) ease-in-out;transition:transform var(--transition-duration) ease-in-out;z-index:0}.alert-message{opacity:0;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.alert-message:not(.--active){pointer-events:none;position:absolute;transform:translate(-25%);left:0;top:0}.alert-message.--active{opacity:1}@keyframes alert-close{0%{transform:translate(150%)}to{transform:translate(0)}}.anchor{max-height:calc(100% - var(--margin-vertical)*2);max-width:calc(100% - var(--margin-horizontal)*2);pointer-events:auto;position:absolute;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.banner{position:absolute;inset:0;background-position:center;background-size:cover;z-index:-1}.banner--fixed{position:fixed}.border{border-top:var(--border-width) var(--border-style) var(--border-color);position:relative;width:100%}.border+.border{display:none}.bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}.button{align-content:center;align-items:center;background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);font-weight:var(--font-weight);justify-content:center;line-height:var(--line-height);min-width:var(--min-width);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:all var(--transition-duration) ease-in-out;width:var(--width)}.button:after{position:absolute;inset:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.button--flat:after{display:none}.button--processing{color:#0000;pointer-events:none}.button--processing:before{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);animation:button--processing var(--animation-duration) infinite linear;border:var(--border-width) solid var(--border-color);border-radius:100%;border-right-color:#0000;border-top-color:#0000;content:"";height:var(--size);width:var(--size)}.button--processing *{opacity:0}@keyframes button--processing{0%{transform:translate(50%,50%) rotate(0)}to{transform:translate(50%,50%) rotate(359deg)}}.button--top-left,.button--top-right{position:absolute;top:calc((var(--padding-vertical) + var(--line-height)/2)*-1)}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}.card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out;width:var(--width)}.card:after{position:absolute;inset:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.card--flat:after{display:none}.container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;width:100%}.ellipsis-dot:nth-child(1){animation:ellipsis-dot-one var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(2){animation:ellipsis-dot-two var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(3){animation:ellipsis-dot-three var(--animation-duration) linear infinite}@keyframes ellipsis-dot-one{0%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes ellipsis-dot-two{0%{opacity:0}21%{opacity:0}22%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes ellipsis-dot-three{0%{opacity:0}43%{opacity:0}44%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}button,input,select,textarea{background:rgba(0,0,0,0);border-radius:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,select,select:active,select:focus,select:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none}button:invalid,input:invalid,select:invalid,textarea:invalid{box-shadow:none}form{margin:0;padding:0;width:100%}label{cursor:pointer}.field{display:flex;position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width);z-index:1}.field:not(.--active):hover{z-index:8}.field.--active{z-index:9}.field--optional{max-height:var(--max-height);opacity:0;pointer-events:none;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.field.--active .field--optional{opacity:1;pointer-events:auto}.field-description,.field-error,.field-title{color:var(--color);font-size:var(--font-size);position:relative;width:100%;word-wrap:break-word}.field-description:empty,.field-error:empty,.field-title:empty{height:0px;margin:0}.field-error{animation:field-error .32s 1 linear}@keyframes field-error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}.field-mask:after{position:absolute;inset:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;z-index:0}.field-mask--flat:after{display:none}.field-mask--outline:before{position:absolute;inset:0;box-shadow:0 0 0 var(--outline-width) var(--border-color);border-radius:var(--border-radius);content:"";opacity:var(--outline-opacity);pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.field-required{background:var(--background);border-radius:var(--border-radius);height:var(--size);width:var(--size)}.field-tag--hidden{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}.field-title{font-weight:var(--font-weight);z-index:1}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width)}.field-mask--checkbox:invalid,.field-mask--checkbox:required,.field-mask--radio:invalid,.field-mask--radio:required,.field-mask--switch:invalid,.field-mask--switch:required{box-shadow:none}.field-mask--checkbox:before,.field-mask--radio:before,.field-mask--switch:before{box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX),var(--translateY)) rotate(var(--rotate)) scale(var(--scale));width:var(--width)}.field-mask--checkbox .field-tag,.field-mask--radio .field-tag,.field-mask--switch .field-tag{position:absolute;top:0;left:0;height:0px;opacity:0;pointer-events:none;width:0px;z-index:0}.field-mask--checkbox:before,.field-mask--radio:before{position:absolute;bottom:50%;right:50%}.field-mask--radio:before,.field-mask--switch:before{background:var(--accent);border-radius:inherit;transform-origin:center}.field-mask--checkbox:before{border-bottom:var(--border-width) solid var(--accent);border-right:var(--border-width) solid var(--accent);transform-origin:center left}.field-mask--switch:before{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal)}.field-mask--input,.field-mask--select{align-items:center;background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;font-size:var(--font-size);line-height:var(--line-height);position:relative;width:100%}.field-mask--input:invalid,.field-mask--input:required,.field-mask--select:invalid,.field-mask--select:required{box-shadow:none}.field-mask--input,.field-mask--input .field-tag,.field-mask--select,.field-mask--select .field-tag{color:var(--color)}.field-mask--input .field-tag,.field-mask--select .field-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-mask--input{cursor:text;min-height:calc(var(--padding-vertical)*2 + var(--size))}.field-mask--input .field-tag{flex:1 1 auto;padding:var(--padding-vertical) var(--padding-horizontal);min-width:0}.field-mask--input .field-tag[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.field-mask--input textarea.field-tag{white-space:normal}.field-mask--select{cursor:pointer;padding:var(--padding-vertical) calc(var(--padding-horizontal)/1.5 + var(--arrow-size)) var(--padding-vertical) var(--padding-horizontal)}.field-mask--select.--padding{padding-right:calc(var(--padding-horizontal)*1.5 + var(--arrow-size))}.field-mask-arrow{position:absolute;right:calc(var(--padding-horizontal) + var(--arrow-spacer));bottom:calc(50% + var(--arrow-spacer));border-color:var(--border-color);border-style:var(--border-style);border-width:0 var(--border-width) var(--border-width) 0;content:"";height:var(--arrow-size);transform:translateY(50%) rotate(45deg);width:var(--arrow-size)}.field-text{padding-right:var(--padding-horizontal)}.group{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 calc(var(--margin-horizontal)/-2);position:relative;width:calc(100% + var(--margin-horizontal))}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller .group-item:first-child{margin-left:0}.group--scroller .group-item:last-child{margin-right:0}.group-item{display:flex;margin:var(--margin-vertical) calc(var(--margin-horizontal)/2) 0;position:relative;width:var(--width)}.group-item[class*=--width]{width:calc(var(--width) - var(--margin-horizontal))}.icon{color:var(--color);display:flex;flex:0 0 var(--width);height:var(--height);pointer-events:none;position:relative;transform:rotate(var(--rotate));width:var(--width)}.icon svg{color:currentColor;fill:currentColor;height:100%;width:100%}.link{align-content:center;background:var(--background);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);justify-content:flex-start;line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width)}.link--underline.--active,.link--underline:not(.--active):hover{text-decoration:underline}.loading{animation:loading var(--animation-duration) infinite linear;animation-delay:var(--animation-delay);border:var(--border-width) var(--border-style) var(--border-color);border-radius:100%;border-right-color:#0000;border-top-color:#0000;box-shadow:var(--box-shadow);height:var(--height);pointer-events:none;position:relative;transition:border-color var(--transition-duration) ease-in-out;width:var(--width);z-index:0}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;height:100vh;pointer-events:none;width:100vw;z-index:9}.page{min-height:var(--min-height);position:relative;width:var(--width)}.page-subtitle,.page-suptitle,.page-title{color:var(--color);display:block;line-height:var(--line-height);position:relative;width:100%;z-index:1}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.processing{height:var(--size);position:relative;width:var(--size);animation:processing var(--animation-duration) linear infinite}.processing-ring{clip:rect(calc(var(--size) / 2),var(--size),var(--size),0)}.processing-ring,.processing-ring:after,.processing-ring:before{position:absolute;inset:0}.processing-ring,.processing-ring:before{animation:processing calc(var(--animation-duration)/2) cubic-bezier(.77,0,.175,1) infinite}.processing-ring:after,.processing-ring:before{border-radius:50%;content:""}.processing-ring:after{border:var(--border-width) var(--border-style) var(--border-color-secondary);opacity:var(--opacity)}.processing-ring:before{border-top:var(--border-width) var(--border-style) var(--border-color-primary)}@keyframes processing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,html{height:100%;overflow-x:hidden;width:100%}body{background-color:var(--background);color:var(--color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);min-width:var(--min-width);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:after,*:before{box-sizing:border-box;transition:inherit}section{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;width:var(--width)}h1,h2,h3,h4,h5{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);margin:0;padding:0;position:relative;width:100%;word-wrap:break-word}h1 sub,h1 sup,h2 sub,h2 sup,h3 sub,h3 sup,h4 sub,h4 sup,h5 sub,h5 sup{font-size:.64em}a{color:var(--color, inherit);cursor:pointer;outline:none;text-decoration:none}b,strong{color:var(--color, inherit);font-weight:var(--font-weight)}p{margin:0;padding:0;width:100%;word-wrap:break-word}pre{margin:0;overflow-wrap:break-word;padding:0;white-space:break-spaces;width:100%}sub,sup{font-size:.8em}sub{bottom:-.48em}sup{top:-.48em}.row{display:flex;flex-wrap:wrap;justify-content:flex-start;min-height:var(--min-height);position:relative;width:100%}::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0);box-shadow:unset}.--scrollbar{height:100%;margin-right:calc(var(--scrollbar-width)*-1);overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width))}.scrollbar{height:100%;z-index:9}.scrollbar,.scrollbar:before{position:absolute;right:0;top:0;transition:opacity var(--transition-duration) ease-in-out;width:var(--width)}.scrollbar:before{background:var(--background-default);border-radius:var(--border-radius);content:"";height:var(--height);transform:var(--translate);transform-origin:top center}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.sidebar{position:absolute;top:var(--position-vertical);bottom:var(--position-vertical);cursor:default;height:calc(100% - var(--position-vertical)*2);max-width:var(--width);overflow:hidden;pointer-events:auto;transition:max-width var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:calc(100% - var(--position-horizontal)*2);z-index:1}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--position-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translate(var(--width))}.sidebar--w{left:var(--position-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translate(calc(var(--width) * -1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}.site{z-index:0}.text{align-items:center;color:var(--color);display:flex;flex-flow:wrap;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);position:relative;transition:color var(--transition-duration) ease-in-out;width:var(--width)}.thumbnail{background:var(--background);border-radius:var(--border-radius);height:var(--height);position:relative;width:var(--width)}.tooltip{cursor:pointer;position:relative;z-index:8}.tooltip.--active{z-index:9}.tooltip.--active.tooltip--box:before{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);content:"";height:calc(100% + var(--spacer)*2.5);width:calc(100% + var(--spacer)*2.5);z-index:-1}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(-90deg)}.tooltip-arrow{margin:0 -1px;transform:rotate(90deg)}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;overflow:hidden;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width);z-index:9}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--c,.tooltip-message--c{bottom:50%;position:absolute;right:50%;transform:translate(50%,50%) scale(var(--scaleX),var(--scaleY));transform-origin:center center}.tooltip.--active>.tooltip-content--c,.tooltip.--active :not(.tooltip)>.tooltip-content--c,.tooltip.--active>.tooltip-message--c,.tooltip.--active :not(.tooltip)>.tooltip-message--c{transform:translate(50%,50%) scale(1)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX),var(--scaleY))}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{transform:translate(calc(var(--spacer) * 2))}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% - var(--spacer));position:absolute;transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center left}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{transform:translate(calc(var(--spacer) * 2),50%) scale(1)}.tooltip-content--en,.tooltip-message--en{top:0;transform-origin:top left}.tooltip-content--es,.tooltip-message--es{bottom:0;transform-origin:bottom left}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX),var(--scaleY))}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{transform:translateY(calc(var(--spacer) * -2))}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% - var(--spacer));position:absolute;right:50%;transform:translate(50%) scaleY(var(--scaleY));transform-origin:center bottom}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{transform:translate(50%,calc(var(--spacer) * -2)) scale(1)}.tooltip-content--ne,.tooltip-message--ne{right:0;transform-origin:bottom right}.tooltip-content--nw,.tooltip-message--nw{left:0;transform-origin:bottom left}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{position:absolute;top:calc(100% - var(--spacer));transform:scale(var(--scaleX),var(--scaleY))}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{transform:translateY(calc(var(--spacer) * 2))}.tooltip-content--s,.tooltip-message--s{position:absolute;right:50%;top:calc(100% - var(--spacer));transform:translate(50%) scaleY(var(--scaleY));transform-origin:center top}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{transform:translate(50%,calc(var(--spacer) * 2)) scale(1)}.tooltip-content--se,.tooltip-message--se{right:0;transform-origin:top right}.tooltip-content--sw,.tooltip-message--sw{left:0;transform-origin:top left}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{position:absolute;right:calc(100% - var(--spacer));transform:scale(var(--scale))}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{transform:translate(calc(var(--spacer) * -2))}.tooltip-content--w,.tooltip-message--w{bottom:50%;position:absolute;right:calc(100% - var(--spacer));transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center right}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{transform:translate(calc(var(--spacer) * -2),50%) scale(1)}.tooltip-content--wn,.tooltip-message--wn{top:0;transform-origin:top right}.tooltip-content--ws,.tooltip-message--ws{bottom:0;transform-origin:bottom right}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);line-height:normal;padding:var(--padding-vertical) var(--padding-horizontal);pointer-events:none;white-space:nowrap}
package/css/components/variables.css CHANGED
@@ -1,23 +1 @@
1
- .accordion{--max-height: 0;--transition-duration: var(--transition-duration-400)}
2
- .alert{--width: 480px}.alert-close,.alert-message{--transition-duration: var(--transition-duration-400)}
3
- .anchor{--margin-horizontal: var(--size-400);--margin-vertical: var(--size-400);--transition-duration: var(--transition-duration-400)}
4
- .border{--border-color: var(--border-color-default);--border-color-default: var(--color-border-400);--border-style: solid;--border-width: var(--border-width-400)}
5
- .bubble{--background: var(--background-default);--background-default: var(--color-border-400);--border-radius: var(--border-radius-circle);--height: var(--size);--margin-horizontal: var(--size-100);--width: var(--size);--size: 6px}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal: calc(var(--size) / -2);--position-vertical: calc(var(--size) / -2)}
6
- .button{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: auto;--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.button.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active)}.button:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover)}.button:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed)}.button--processing{--animation-duration: 0.64s;--border-color: var(--color);--border-width: var(--border-width-400);--size: var(--size-400)}.button--processing-400{--border-width: var(--border-width-400)}.button--processing-500{--border-width: var(--border-width-500)}.button--processing-600{--border-width: var(--border-width-600)}.button--processing-700{--border-width: var(--border-width-700)}
7
- .card{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-300);--box-shadow-pressed: none;--padding-horizontal: 0px;--padding-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: auto}.card.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active)}.card:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover)}.card:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed)}
8
- .container{--max-width: 1400px;--padding-horizontal: var(--size-600);--padding-vertical: 0px}
9
- .ellipsis{--animation-duration: 2s}
10
- .field{--transition-duration: var(--transition-duration-400);--width: 100%}.field--optional{--max-height: 0;--max-height-active: 0}.field.--active .field--optional{--max-height: var(--max-height-active)}.field-description,.field-error{--font-size: var(--font-size-300)}.field-error{--color: var(--color-red-400)}.field-mask{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-default: var(--background);--border-radius: var(--border-radius-400);--border-style: solid;--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-400);--box-shadow-default: var(--box-shadow-300);--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--outline-opacity: var(--outline-opacity-default);--outline-opacity-active: 0.32;--outline-opacity-default: 0;--outline-opacity-hover: 0;--outline-opacity-pressed: 0;--outline-spacing: 0px;--outline-width: var(--outline-width-default);--outline-width-active: 4px;--outline-width-default: 0px;--outline-width-hover: 0px;--outline-width-pressed: 0px;--padding-horizontal: 0px;--padding-vertical: var(--size-400)}.field.--active>.field-mask,.field.--active *:not(.field) .field-mask{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active);--outline-opacity: var(--outline-opacity-active);--outline-width: var(--outline-width-active)}label.field:not(.--active):not(.--active):hover>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}label.field:not(.--active):not(.--active):active>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--outline:not(.--active):active{--border-color: var(--border-color-default)}.field-mask--outline:not(.--active):active::before{--outline-width: 0px}.field-required{--border-radius: var(--border-radius-circle);--size: 6px}.field-title{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500)}.field.--active .field-title{--color: var(--color-active)}.field:not(.--active):hover .field-title{--color: var(--color-hover)}.field:not(.--active):active .field-title{--color: var(--color-pressed)}.field label.field:not(.--active):hover,.field:not(label):not(.--active) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}.field label.field:not(.--active):active,.field:not(label):not(.--active) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{--accent: var(--accent-default);--accent-active: var(--accent-default);--accent-default: var(--color-white-400);--accent-hover: var(--accent-default);--accent-pressed: var(--accent-default);--height: var(--size);--opacity: var(--opacity-default);--opacity-active: var(--opacity-default);--opacity-default: 1;--opacity-hover: var(--opacity-default);--opacity-pressed: var(--opacity-default);--rotate: 0deg;--scale: var(--scale-default);--scale-active: var(--scale-default);--scale-default: 1;--scale-hover: var(--scale-default);--scale-pressed: var(--scale-default);--size: var(--size-600);--width-switch: 40px}.field-mask--checkbox::before,.field-mask--radio::before,.field-mask--switch::before{--translateX: 0px;--translateY: 0px}.field-mask--checkbox label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):hover,.field-mask--radio label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--radio:not(.--active):hover,.field-mask--switch label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--switch:not(.--active):hover{--accent: var(--accent-hover);--opacity: var(--opacity-hover);--scale: var(--scale-hover)}.field-mask--checkbox label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):active,.field-mask--radio label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--radio:not(.--active):active,.field-mask--switch label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--switch:not(.--active):active{--accent: var(--accent-pressed);--opacity: var(--opacity-pressed);--scale: var(--scale-pressed)}.field.--active .field-mask--checkbox,.field.--active .field-mask--radio,.field.--active .field-mask--switch{--accent: var(--accent-active);--opacity: var(--opacity-active);--scale: var(--scale-active)}.field-mask--checkbox,.field-mask--radio{--margin-horizontal: calc(var(--width-switch) - var(--width));--width: var(--height)}.field-mask--radio::before,.field-mask--switch::before{--box-shadow: 0 1px 0 rgba(0,0,0, 0.16)}.field-mask--checkbox{--border-radius: var(--border-radius-300);--rotate: 45deg;--scale-active: 1;--scale-default: 0;--scale-hover: 1.08;--scale-pressed: 0.98}.field-mask--checkbox::before{--box-shadow: 1px 1px 0 rgba(0,0,0, 0.16);--border-width: 5px;--height: 110%;--translateX: 108%;--translateY: 8%;--width: 50%}.field:not(.--active):not(:hover) .field-mask--checkbox::before{--translateY: 100%}.field-mask--radio{--border-radius: var(--border-radius-circle);--opacity-active: 1;--opacity-default: 0.4;--scale-active: 0.9;--scale-default: 0;--scale-hover: 0.8;--scale-pressed: 0.7}.field-mask--radio::before{--height: calc((var(--size) / 2) - (var(--border-width) * 2));--translateX: 50%;--translateY: 50%;--width: var(--height)}.field-mask--switch{--border-radius: var(--border-radius-curved);--padding-horizontal: var(--border-width-400);--padding-vertical: var(--border-width-400);--width: var(--width-switch)}.field-mask--switch::before{--height: calc(var(--size) - (var(--border-width) * 2) - (var(--padding-vertical) * 2));--width: var(--height)}.field.--active .field-mask--switch::before{--translateX: calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2))}.field-mask--input,.field-mask--select{--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.field-mask--input{--size: var(--size-400)}.field-mask--select{--arrow-spacer: 1px;--arrow-size: 6px}.field-mask-arrow{--border-width: var(--border-width-500)}
11
- .group{--margin-horizontal: var(--size-400);--width: auto}.group--column{--margin-horizontal: 0px}.group--column>.group-item{--margin-horizontal: 0px;--width: 100%}.group--scroller{--margin-horizontal: 0px}.group--scroller .group-item{--margin-vertical: 0px}
12
- .icon{--color: inherit;--height: var(--size);--margin-horizontal: var(--size-300);--rotate: 0deg;--size: var(--size-400);--width: var(--size)}
13
- .link{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500);--line-height: var(--line-height-400);--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.link.--active{--background: var(--background-active);--border-color: var(--border-color-active);--color: var(--color-active)}.link:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--color: var(--color-hover)}.link:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--color: var(--color-pressed)}
14
- .loading{--animation-delay: calc(0s + (0.032s * var(--i)));--animation-duration: calc(0.64s * (var(--i) + 1.5));--border-color: inherit;--border-style: solid;--border-width: var(--border-width-400);--box-shadow: none;--height: calc(var(--size) * var(--multiplier));--i: 0;--multiplier: calc(1 - (.2 * var(--i)));--size: var(--size-400);--transition-duration: var(--transition-duration-400);--width: calc(var(--size) * var(--multiplier))}.loading .loading{--i: 1;--size: inherit}.loading .loading .loading{--i: 2}.loading .loading .loading .loading{--i: 3}.loading .loading .loading .loading .loading{--i: 4}
15
- .page{--min-height: 100vh;--width: 100vw}.page-subtitle,.page-suptitle{--color: var(--color-default);--color-default: var(--color-text-400);--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.page-title{--color: var(--color-default);--color-default: var(--color-text-500);--line-height: var(--line-height-400)}
16
- .processing{--animation-duration: 2.64s;--border-color-primary: var(--color-black-500);--border-color-secondary: var(--color-border-300);--border-style: solid;--border-width: var(--border-width-600);--height: var(--size);--opacity: 0.64;--size: var(--size-600);--width: var(--size)}
17
- body{--border-radius-0px: 0px;--border-radius-circle: 100%;--border-radius-curved: 240px;--border-radius-100: 2px;--border-radius-200: 4px;--border-radius-300: 6px;--border-radius-400: 8px;--border-radius-500: 12px;--border-radius-600: 16px;--box-shadow-300: 0px 8px 16px -4px rgba(0, 3, 19, 0.016), 0px 4px 8px -2px rgba(0, 3, 19, 0.008);--box-shadow-400: 0px 16px 24px -4px rgba(0, 3, 19, 0.048), 0px 8px 8px -4px rgba(0, 3, 19, 0.024);--box-shadow-500: 0px 16px 32px -8px rgba(0, 3, 19, 0.16);--border-width-400: 1px;--border-width-500: 2px;--border-width-600: 3px;--border-width-700: 4px;--color-black-300: #0f1325;--color-black-400: #04081a;--color-black-500: #000313;--color-blue-300: #3453ff;--color-blue-400: #2a4bff;--color-blue-500: #2343f8;--color-border-300: #c4c9df;--color-border-400: #b4b9d2;--color-border-500: #a5a9c3;--color-green-300: #5fff81;--color-green-400: #2aff57;--color-green-500: #23f850;--color-grey-300: #f2f9ff;--color-grey-400: #e7f1fa;--color-grey-500: #dde8f0;--color-purple-300: #6634ff;--color-purple-400: #5e2aff;--color-purple-500: #5723f8;--color-red-300: #ff3446;--color-red-400: #ff2a3d;--color-red-500: #f82336;--color-text-300: #676c84;--color-text-400: #393d57;--color-text-500: #1f2542;--color-white-300: #fff;--color-white-400: #fff;--color-white-500: #fff;--color-yellow-300: #fff95f;--color-yellow-400: #fff92a;--color-yellow-500: #f8f123;--font-size-100: 8px;--font-size-200: 10px;--font-size-300: 12px;--font-size-400: 14px;--font-size-500: 16px;--font-size-600: 24px;--font-size-700: 32px;--font-size-800: 40px;--font-weight-300: 400;--font-weight-400: 500;--font-weight-500: 600;--font-weight-600: 700;--line-height-100: 1;--line-height-200: 1.2;--line-height-300: 1.4;--line-height-400: 1.6;--size-0px: 0px;--size-100: 4px;--size-200: 8px;--size-300: 12px;--size-400: 16px;--size-500: 20px;--size-600: 24px;--size-700: 32px;--size-800: 40px;--size-900: 48px;--transition-duration-300: 0.08s;--transition-duration-400: 0.16s;--transition-duration-500: 0.24s;--background: var(--color-grey-400);--color: var(--color-text-400);--font-family: "Montserrat", sans-serif;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: 320px;--scrollbar-width: 17px}section{--width: 100%}h1,h2,h3,h4,h5{--color: var(--color-text-400);--font-weight: var(--font-weight-600);--line-height: var(--line-height-300)}h1{--font-size: var(--font-size-800)}h2{--font-size: var(--font-size-700)}h3{--font-size: var(--font-size-600)}h4{--font-size: var(--font-size-500)}h5{--font-size: var(--font-size-400)}b,strong{--color: var(--color-text-400);--font-weight: var(--font-weight-500)}
18
- .row{--min-height: auto}
19
- .scrollbar{--background-default: transparent;--border-radius: 1px 0 0 1px;--height: 0;--transition-duration: var(--transition-duration-400);--translate: translate3d(0, 0, 0);--width: var(--size-100)}
20
- .sidebar{--position-horizontal: 0px;--position-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: var(--width-default);--width-closed: var(--width-default);--width-default: 400px}.sidebar:not(.--active):not(:hover){--width: var(--width-closed)}.sidebar--floating{--position-horizontal: var(--size-100);--position-vertical: var(--size-100)}
21
- .text{--color: var(--color-default);--color-default: inherit;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--transition-duration: var(--transition-duration-400);--width: auto}
22
- .thumbnail{--background: transparent;--border-radius: var(--border-radius-300);--height: var(--size);--size: var(--size-700);--width: var(--size)}
23
- .tooltip-content,.tooltip-message{--background: var(--background-default);--background-default: transparent;--border-radius: var(--border-radius-300);--box-shadow: var(--box-shadow-400);--max-width: calc(90vw - (var(--size-700) * 2));--min-width: auto;--scaleX: 0.64;--scaleY: 0.64;--spacer: var(--size-300);--transition-duration: var(--transition-duration-300);--width: auto}.tooltip-message{--background-default: var(--color-black-400);--color: var(--color-white-400);--font-size: var(--font-size-300);--font-weight: var(--font-weight-400);--padding-horizontal: var(--size-300);--padding-vertical: var(--size-300)}
1
+ .accordion{--max-height: 0;--transition-duration: var(--transition-duration-400)}.alert{--width: 480px}.alert-close,.alert-message{--transition-duration: var(--transition-duration-400)}.anchor{--margin-horizontal: var(--size-400);--margin-vertical: var(--size-400);--transition-duration: var(--transition-duration-400)}.border{--border-color: var(--border-color-default);--border-color-default: var(--color-border-400);--border-style: solid;--border-width: var(--border-width-400)}.bubble{--background: var(--background-default);--background-default: var(--color-border-400);--border-radius: var(--border-radius-circle);--height: var(--size);--margin-horizontal: var(--size-100);--width: var(--size);--size: 6px}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal: calc(var(--size) / -2);--position-vertical: calc(var(--size) / -2)}.button{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: auto;--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.button.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active)}.button:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover)}.button:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed)}.button--processing{--animation-duration: .64s;--border-color: var(--color);--border-width: var(--border-width-400);--size: var(--size-400)}.button--processing-400{--border-width: var(--border-width-400)}.button--processing-500{--border-width: var(--border-width-500)}.button--processing-600{--border-width: var(--border-width-600)}.button--processing-700{--border-width: var(--border-width-700)}.card{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-300);--box-shadow-pressed: none;--padding-horizontal: 0px;--padding-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: auto}.card.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active)}.card:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover)}.card:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed)}.container{--max-width: 1400px;--padding-horizontal: var(--size-600);--padding-vertical: 0px}.ellipsis{--animation-duration: 2s}.field{--transition-duration: var(--transition-duration-400);--width: 100%}.field--optional{--max-height: 0;--max-height-active: 0}.field.--active .field--optional{--max-height: var(--max-height-active)}.field-description,.field-error{--font-size: var(--font-size-300)}.field-error{--color: var(--color-red-400)}.field-mask{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-default: var(--background);--border-radius: var(--border-radius-400);--border-style: solid;--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-400);--box-shadow-default: var(--box-shadow-300);--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--outline-opacity: var(--outline-opacity-default);--outline-opacity-active: .32;--outline-opacity-default: 0;--outline-opacity-hover: 0;--outline-opacity-pressed: 0;--outline-spacing: 0px;--outline-width: var(--outline-width-default);--outline-width-active: 4px;--outline-width-default: 0px;--outline-width-hover: 0px;--outline-width-pressed: 0px;--padding-horizontal: 0px;--padding-vertical: var(--size-400)}.field.--active>.field-mask,.field.--active *:not(.field) .field-mask{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active);--outline-opacity: var(--outline-opacity-active);--outline-width: var(--outline-width-active)}label.field:not(.--active):not(.--active):hover>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}label.field:not(.--active):not(.--active):active>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--outline:not(.--active):active{--border-color: var(--border-color-default)}.field-mask--outline:not(.--active):active:before{--outline-width: 0px}.field-required{--border-radius: var(--border-radius-circle);--size: 6px}.field-title{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500)}.field.--active .field-title{--color: var(--color-active)}.field:not(.--active):hover .field-title{--color: var(--color-hover)}.field:not(.--active):active .field-title{--color: var(--color-pressed)}.field label.field:not(.--active):hover,.field:not(label):not(.--active) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}.field label.field:not(.--active):active,.field:not(label):not(.--active) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{--accent: var(--accent-default);--accent-active: var(--accent-default);--accent-default: var(--color-white-400);--accent-hover: var(--accent-default);--accent-pressed: var(--accent-default);--height: var(--size);--opacity: var(--opacity-default);--opacity-active: var(--opacity-default);--opacity-default: 1;--opacity-hover: var(--opacity-default);--opacity-pressed: var(--opacity-default);--rotate: 0deg;--scale: var(--scale-default);--scale-active: var(--scale-default);--scale-default: 1;--scale-hover: var(--scale-default);--scale-pressed: var(--scale-default);--size: var(--size-600);--width-switch: 40px}.field-mask--checkbox:before,.field-mask--radio:before,.field-mask--switch:before{--translateX: 0px;--translateY: 0px}.field-mask--checkbox label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):hover,.field-mask--radio label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--radio:not(.--active):hover,.field-mask--switch label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--switch:not(.--active):hover{--accent: var(--accent-hover);--opacity: var(--opacity-hover);--scale: var(--scale-hover)}.field-mask--checkbox label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):active,.field-mask--radio label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--radio:not(.--active):active,.field-mask--switch label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--switch:not(.--active):active{--accent: var(--accent-pressed);--opacity: var(--opacity-pressed);--scale: var(--scale-pressed)}.field.--active .field-mask--checkbox,.field.--active .field-mask--radio,.field.--active .field-mask--switch{--accent: var(--accent-active);--opacity: var(--opacity-active);--scale: var(--scale-active)}.field-mask--checkbox,.field-mask--radio{--margin-horizontal: calc(var(--width-switch) - var(--width));--width: var(--height)}.field-mask--radio:before,.field-mask--switch:before{--box-shadow: 0 1px 0 rgba(0,0,0, .16)}.field-mask--checkbox{--border-radius: var(--border-radius-300);--rotate: 45deg;--scale-active: 1;--scale-default: 0;--scale-hover: 1.08;--scale-pressed: .98}.field-mask--checkbox:before{--box-shadow: 1px 1px 0 rgba(0,0,0, .16);--border-width: 5px;--height: 110%;--translateX: 108%;--translateY: 8%;--width: 50%}.field:not(.--active):not(:hover) .field-mask--checkbox:before{--translateY: 100%}.field-mask--radio{--border-radius: var(--border-radius-circle);--opacity-active: 1;--opacity-default: .4;--scale-active: .9;--scale-default: 0;--scale-hover: .8;--scale-pressed: .7}.field-mask--radio:before{--height: calc((var(--size) / 2) - (var(--border-width) * 2));--translateX: 50%;--translateY: 50%;--width: var(--height)}.field-mask--switch{--border-radius: var(--border-radius-curved);--padding-horizontal: var(--border-width-400);--padding-vertical: var(--border-width-400);--width: var(--width-switch)}.field-mask--switch:before{--height: calc(var(--size) - (var(--border-width) * 2) - (var(--padding-vertical) * 2));--width: var(--height)}.field.--active .field-mask--switch:before{--translateX: calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2))}.field-mask--input,.field-mask--select{--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.field-mask--input{--size: var(--size-400)}.field-mask--select{--arrow-spacer: 1px;--arrow-size: 6px}.field-mask-arrow{--border-width: var(--border-width-500)}.group{--margin-horizontal: var(--size-400);--width: auto}.group--column{--margin-horizontal: 0px}.group--column>.group-item{--margin-horizontal: 0px;--width: 100%}.group--scroller{--margin-horizontal: 0px}.group--scroller .group-item{--margin-vertical: 0px}.icon{--color: inherit;--height: var(--size);--margin-horizontal: var(--size-300);--rotate: 0deg;--size: var(--size-400);--width: var(--size)}.link{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500);--line-height: var(--line-height-400);--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.link.--active{--background: var(--background-active);--border-color: var(--border-color-active);--color: var(--color-active)}.link:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--color: var(--color-hover)}.link:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--color: var(--color-pressed)}.loading{--animation-delay: calc(0s + (32ms * var(--i)));--animation-duration: calc(.64s * (var(--i) + 1.5));--border-color: inherit;--border-style: solid;--border-width: var(--border-width-400);--box-shadow: none;--height: calc(var(--size) * var(--multiplier));--i: 0;--multiplier: calc(1 - (.2 * var(--i)));--size: var(--size-400);--transition-duration: var(--transition-duration-400);--width: calc(var(--size) * var(--multiplier))}.loading .loading{--i: 1;--size: inherit}.loading .loading .loading{--i: 2}.loading .loading .loading .loading{--i: 3}.loading .loading .loading .loading .loading{--i: 4}.page{--min-height: 100vh;--width: 100vw}.page-subtitle,.page-suptitle{--color: var(--color-default);--color-default: var(--color-text-400);--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.page-title{--color: var(--color-default);--color-default: var(--color-text-500);--line-height: var(--line-height-400)}.processing{--animation-duration: 2.64s;--border-color-primary: var(--color-black-500);--border-color-secondary: var(--color-border-300);--border-style: solid;--border-width: var(--border-width-600);--height: var(--size);--opacity: .64;--size: var(--size-600);--width: var(--size)}body{--border-radius-0px: 0px;--border-radius-circle: 100%;--border-radius-curved: 240px;--border-radius-100: 2px;--border-radius-200: 4px;--border-radius-300: 6px;--border-radius-400: 8px;--border-radius-500: 12px;--border-radius-600: 16px;--box-shadow-300: 0px 8px 16px -4px rgba(0, 3, 19, .016), 0px 4px 8px -2px rgba(0, 3, 19, .008);--box-shadow-400: 0px 16px 24px -4px rgba(0, 3, 19, .048), 0px 8px 8px -4px rgba(0, 3, 19, .024);--box-shadow-500: 0px 16px 32px -8px rgba(0, 3, 19, .16);--border-width-400: 1px;--border-width-500: 2px;--border-width-600: 3px;--border-width-700: 4px;--color-black-300: #0f1325;--color-black-400: #04081a;--color-black-500: #000313;--color-blue-300: #3453ff;--color-blue-400: #2a4bff;--color-blue-500: #2343f8;--color-border-300: #c4c9df;--color-border-400: #b4b9d2;--color-border-500: #a5a9c3;--color-green-300: #5fff81;--color-green-400: #2aff57;--color-green-500: #23f850;--color-grey-300: #f2f9ff;--color-grey-400: #e7f1fa;--color-grey-500: #dde8f0;--color-purple-300: #6634ff;--color-purple-400: #5e2aff;--color-purple-500: #5723f8;--color-red-300: #ff3446;--color-red-400: #ff2a3d;--color-red-500: #f82336;--color-text-300: #676c84;--color-text-400: #393d57;--color-text-500: #1f2542;--color-white-300: #fff;--color-white-400: #fff;--color-white-500: #fff;--color-yellow-300: #fff95f;--color-yellow-400: #fff92a;--color-yellow-500: #f8f123;--font-size-100: 8px;--font-size-200: 10px;--font-size-300: 12px;--font-size-400: 14px;--font-size-500: 16px;--font-size-600: 24px;--font-size-700: 32px;--font-size-800: 40px;--font-weight-300: 400;--font-weight-400: 500;--font-weight-500: 600;--font-weight-600: 700;--line-height-100: 1;--line-height-200: 1.2;--line-height-300: 1.4;--line-height-400: 1.6;--size-0px: 0px;--size-100: 4px;--size-200: 8px;--size-300: 12px;--size-400: 16px;--size-500: 20px;--size-600: 24px;--size-700: 32px;--size-800: 40px;--size-900: 48px;--transition-duration-300: .08s;--transition-duration-400: .16s;--transition-duration-500: .24s;--background: var(--color-grey-400);--color: var(--color-text-400);--font-family: "Montserrat", sans-serif;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: 320px;--scrollbar-width: 17px}section{--width: 100%}h1,h2,h3,h4,h5{--color: var(--color-text-400);--font-weight: var(--font-weight-600);--line-height: var(--line-height-300)}h1{--font-size: var(--font-size-800)}h2{--font-size: var(--font-size-700)}h3{--font-size: var(--font-size-600)}h4{--font-size: var(--font-size-500)}h5{--font-size: var(--font-size-400)}b,strong{--color: var(--color-text-400);--font-weight: var(--font-weight-500)}.row{--min-height: auto}.scrollbar{--background-default: transparent;--border-radius: 1px 0 0 1px;--height: 0;--transition-duration: var(--transition-duration-400);--translate: translate3d(0, 0, 0);--width: var(--size-100)}.sidebar{--position-horizontal: 0px;--position-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: var(--width-default);--width-closed: var(--width-default);--width-default: 400px}.sidebar:not(.--active):not(:hover){--width: var(--width-closed)}.sidebar--floating{--position-horizontal: var(--size-100);--position-vertical: var(--size-100)}.text{--color: var(--color-default);--color-default: inherit;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--transition-duration: var(--transition-duration-400);--width: auto}.thumbnail{--background: transparent;--border-radius: var(--border-radius-300);--height: var(--size);--size: var(--size-700);--width: var(--size)}.tooltip-content,.tooltip-message{--background: var(--background-default);--background-default: transparent;--border-radius: var(--border-radius-300);--box-shadow: var(--box-shadow-400);--max-width: calc(90vw - (var(--size-700) * 2));--min-width: auto;--scaleX: .64;--scaleY: .64;--spacer: var(--size-300);--transition-duration: var(--transition-duration-300);--width: auto}.tooltip-message{--background-default: var(--color-black-400);--color: var(--color-white-400);--font-size: var(--font-size-300);--font-weight: var(--font-weight-400);--padding-horizontal: var(--size-300);--padding-vertical: var(--size-300)}
package/css/fonts/montserrat.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(../../assets/58a8d7ebc386843b62c5.woff2) format("woff2"),url(../../assets/a04b5e24af93da353f0e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:400;src:local("Montserrat Italic"),local("Montserrat-Italic"),url(../../assets/593de7c561e5ffe80c3e.woff2) format("woff2"),url(../../assets/f872e621917a45943fbc.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url(../../assets/e06c107cc50506570954.woff2) format("woff2"),url(../../assets/2a3e005f58bfca9c117e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:500;src:local("Montserrat MediumItalic"),local("Montserrat-MediumItalic"),url(../../assets/ecdfe4c05425592708aa.woff2) format("woff2"),url(../../assets/16663c3f6ab1da2d6c86.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:600;src:local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(../../assets/109e3207d9afea8524be.woff2) format("woff2"),url(../../assets/16e8721ef5837bc6375e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:600;src:local("Montserrat SemiBoldItalic"),local("Montserrat-SemiBoldItalic"),url(../../assets/68b7982c2b30b51bf932.woff2) format("woff2"),url(../../assets/c54b0f4340f2914802d1.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:700;src:local("Montserrat Bold"),local("Montserrat Bold"),url(../../assets/0af89c10df9bc2f8d646.woff2) format("woff2"),url(../../assets/f0032576ac7462ccbd0c.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:700;src:local("Montserrat BoldItalic"),local("Montserrat-BoldItalic"),url(../../assets/dd8646a41e4397b77fc4.woff2) format("woff2"),url(../../assets/bf331673b91821715c08.woff) format("woff")}
1
+ @font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(../../assets/58a8d7ebc386843b62c5.woff2) format("woff2"),url(../../assets/a04b5e24af93da353f0e.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local("Montserrat Italic"),local("Montserrat-Italic"),url(../../assets/593de7c561e5ffe80c3e.woff2) format("woff2"),url(../../assets/f872e621917a45943fbc.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url(../../assets/e06c107cc50506570954.woff2) format("woff2"),url(../../assets/2a3e005f58bfca9c117e.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local("Montserrat MediumItalic"),local("Montserrat-MediumItalic"),url(../../assets/ecdfe4c05425592708aa.woff2) format("woff2"),url(../../assets/16663c3f6ab1da2d6c86.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(../../assets/109e3207d9afea8524be.woff2) format("woff2"),url(../../assets/16e8721ef5837bc6375e.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local("Montserrat SemiBoldItalic"),local("Montserrat-SemiBoldItalic"),url(../../assets/68b7982c2b30b51bf932.woff2) format("woff2"),url(../../assets/c54b0f4340f2914802d1.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("Montserrat Bold"),local("Montserrat Bold"),url(../../assets/0af89c10df9bc2f8d646.woff2) format("woff2"),url(../../assets/f0032576ac7462ccbd0c.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local("Montserrat BoldItalic"),local("Montserrat-BoldItalic"),url(../../assets/dd8646a41e4397b77fc4.woff2) format("woff2"),url(../../assets/bf331673b91821715c08.woff) format("woff")}
package/css/normalizer.css CHANGED
@@ -1 +1 @@
1
- /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
1
+ /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
package/css/utilities/styles.css CHANGED
@@ -1,15 +1 @@
1
- .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}.--background-primary{--background-active: var(--color-primary-300);--background-default: var(--color-primary-400);--background-hover: var(--color-primary-300);--background-pressed: var(--color-primary-500)}.--background-secondary{--background-active: var(--color-secondary-300);--background-default: var(--color-secondary-400);--background-hover: var(--color-secondary-300);--background-pressed: var(--color-secondary-500)}.--background-black{--background-active: var(--color-black-300);--background-default: var(--color-black-400);--background-hover: var(--color-black-300);--background-pressed: var(--color-black-500)}.--background-blue{--background-active: var(--color-blue-300);--background-default: var(--color-blue-400);--background-hover: var(--color-blue-300);--background-pressed: var(--color-blue-500)}.--background-border{--background-active: var(--color-border-300);--background-default: var(--color-border-400);--background-hover: var(--color-border-300);--background-pressed: var(--color-border-500)}.--background-green{--background-active: var(--color-green-300);--background-default: var(--color-green-400);--background-hover: var(--color-green-300);--background-pressed: var(--color-green-500)}.--background-grey{--background-active: var(--color-grey-300);--background-default: var(--color-grey-400);--background-hover: var(--color-grey-300);--background-pressed: var(--color-grey-500)}.--background-purple{--background-active: var(--color-purple-300);--background-default: var(--color-purple-400);--background-hover: var(--color-purple-300);--background-pressed: var(--color-purple-500)}.--background-red{--background-active: var(--color-red-300);--background-default: var(--color-red-400);--background-hover: var(--color-red-300);--background-pressed: var(--color-red-500)}.--background-text{--background-active: var(--color-text-300);--background-default: var(--color-text-400);--background-hover: var(--color-text-300);--background-pressed: var(--color-text-500)}.--background-white{--background-active: var(--color-white-300);--background-default: var(--color-white-400);--background-hover: var(--color-white-300);--background-pressed: var(--color-white-500)}.--background-yellow{--background-active: var(--color-yellow-300);--background-default: var(--color-yellow-400);--background-hover: var(--color-yellow-300);--background-pressed: var(--color-yellow-500)}.--border-primary{--border-color-active: var(--color-primary-300);--border-color-default: var(--color-primary-400);--border-color-hover: var(--color-primary-300);--border-color-pressed: var(--color-primary-500)}.--border-secondary{--border-color-active: var(--color-secondary-300);--border-color-default: var(--color-secondary-400);--border-color-hover: var(--color-secondary-300);--border-color-pressed: var(--color-secondary-500)}.--border-black{--border-color-active: var(--color-black-300);--border-color-default: var(--color-black-400);--border-color-hover: var(--color-black-300);--border-color-pressed: var(--color-black-500)}.--border-blue{--border-color-active: var(--color-blue-300);--border-color-default: var(--color-blue-400);--border-color-hover: var(--color-blue-300);--border-color-pressed: var(--color-blue-500)}.--border-border{--border-color-active: var(--color-border-300);--border-color-default: var(--color-border-400);--border-color-hover: var(--color-border-300);--border-color-pressed: var(--color-border-500)}.--border-green{--border-color-active: var(--color-green-300);--border-color-default: var(--color-green-400);--border-color-hover: var(--color-green-300);--border-color-pressed: var(--color-green-500)}.--border-grey{--border-color-active: var(--color-grey-300);--border-color-default: var(--color-grey-400);--border-color-hover: var(--color-grey-300);--border-color-pressed: var(--color-grey-500)}.--border-purple{--border-color-active: var(--color-purple-300);--border-color-default: var(--color-purple-400);--border-color-hover: var(--color-purple-300);--border-color-pressed: var(--color-purple-500)}.--border-red{--border-color-active: var(--color-red-300);--border-color-default: var(--color-red-400);--border-color-hover: var(--color-red-300);--border-color-pressed: var(--color-red-500)}.--border-text{--border-color-active: var(--color-text-300);--border-color-default: var(--color-text-400);--border-color-hover: var(--color-text-300);--border-color-pressed: var(--color-text-500)}.--border-white{--border-color-active: var(--color-white-300);--border-color-default: var(--color-white-400);--border-color-hover: var(--color-white-300);--border-color-pressed: var(--color-white-500)}.--border-yellow{--border-color-active: var(--color-yellow-300);--border-color-default: var(--color-yellow-400);--border-color-hover: var(--color-yellow-300);--border-color-pressed: var(--color-yellow-500)}.--color-primary{--color-active: var(--color-primary-300);--color-default: var(--color-primary-400);--color-hover: var(--color-primary-300);--color-pressed: var(--color-primary-500)}.--color-secondary{--color-active: var(--color-secondary-300);--color-default: var(--color-secondary-400);--color-hover: var(--color-secondary-300);--color-pressed: var(--color-secondary-500)}.--color-black{--color-active: var(--color-black-300);--color-default: var(--color-black-400);--color-hover: var(--color-black-300);--color-pressed: var(--color-black-500)}.--color-blue{--color-active: var(--color-blue-300);--color-default: var(--color-blue-400);--color-hover: var(--color-blue-300);--color-pressed: var(--color-blue-500)}.--color-border{--color-active: var(--color-border-300);--color-default: var(--color-border-400);--color-hover: var(--color-border-300);--color-pressed: var(--color-border-500)}.--color-green{--color-active: var(--color-green-300);--color-default: var(--color-green-400);--color-hover: var(--color-green-300);--color-pressed: var(--color-green-500)}.--color-grey{--color-active: var(--color-grey-300);--color-default: var(--color-grey-400);--color-hover: var(--color-grey-300);--color-pressed: var(--color-grey-500)}.--color-purple{--color-active: var(--color-purple-300);--color-default: var(--color-purple-400);--color-hover: var(--color-purple-300);--color-pressed: var(--color-purple-500)}.--color-red{--color-active: var(--color-red-300);--color-default: var(--color-red-400);--color-hover: var(--color-red-300);--color-pressed: var(--color-red-500)}.--color-text{--color-active: var(--color-text-300);--color-default: var(--color-text-400);--color-hover: var(--color-text-300);--color-pressed: var(--color-text-500)}.--color-white{--color-active: var(--color-white-300);--color-default: var(--color-white-400);--color-hover: var(--color-white-300);--color-pressed: var(--color-white-500)}.--color-yellow{--color-active: var(--color-yellow-300);--color-default: var(--color-yellow-400);--color-hover: var(--color-yellow-300);--color-pressed: var(--color-yellow-500)}
2
- .--absolute-bottom,.--absolute-top{left:0;position:absolute;right:0}.--absolute-left,.--absolute-right{bottom:0;position:absolute;top:0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%)}.--absolute-full{position:absolute;top:0;right:0;bottom:0;left:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translateX(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom,.--absolute-horizontal-bottom{bottom:0}.--absolute-top,.--absolute-horizontal-top{top:0}.--absolute-left,.--absolute-vertical-left{left:0}.--absolute-right,.--absolute-vertical-right{right:0}
3
- .--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width)*-1)}.--border-offset-left{margin-left:calc(var(--border-width)*-1)}.--border-offset-right{margin-right:calc(var(--border-width)*-1)}.--border-offset-top{margin-top:calc(var(--border-width)*-1)}.--border-radius{border-radius:var(--border-radius)}
4
- .--disabled{opacity:var(--opacity);pointer-events:none}
5
- .--flex-center{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.--flex-column{display:flex;flex-flow:column}.--flex-end{display:flex;flex-wrap:wrap;justify-content:flex-end}.--flex-fill{display:flex;flex:1;min-width:0}.--flex-fixed{display:flex;flex:0 0 var(--width)}.--flex-horizontal{display:flex;flex-wrap:wrap;justify-content:center}.--flex-horizontal-space-between{display:flex;flex-wrap:wrap;justify-content:space-between}.--flex-row{display:flex;flex-flow:row}.--flex-start{display:flex;flex-wrap:wrap;justify-content:flex-start}.--flex-vertical{align-items:center;display:flex;flex-wrap:wrap}.--flex-vertical-space-between{align-items:space-between;display:flex;flex-wrap:wrap}
6
- .--hidden{display:none}.--hidden-active.--active{display:none}.--hidden-inactive:not(.--active){display:none}.--hidden-visibility{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}
7
- .--inline{display:inline;font-size:inherit;line-height:inherit;margin:0;padding:0}
8
- .--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}
9
- .--overflow-hidden{overflow:hidden}
10
- .--pointer-none{pointer-events:none}
11
- .--slide-in{animation-duration:var(--transition-duration);animation-name:--slide-in;animation-timing-function:ease-in-out;transform-origin:top center}@keyframes --slide-in{from{opacity:0;transform:translateY(var(--translateY))}to{opacity:1;transform:translateY(0)}}
12
- .--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop::after,.--text-crop::before,.--text-crop-bottom::after,.--text-crop-top::before{content:"";display:block;height:0;width:100%}.--text-crop::after,.--text-crop-bottom::after{margin-bottom:calc((1 - var(--line-height))*.618em)}.--text-crop::before,.--text-crop-top::before{margin-top:calc((1 - var(--line-height))*.618em)}.--text-italic{font-style:italic}.--text-linethrough{text-decoration:line-through}.--text-multiplier{font-size:calc(var(--font-size)*var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports(-webkit-text-stroke-width: 1px){.--text-outline{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-strike-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-truncate{line-height:var(--size);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--text-underline{text-decoration:underline}.--text-underline-dotted{text-decoration:underline;text-decoration-style:dotted}.--text-uppercase{text-transform:uppercase}
13
- .--width{width:var(--width)}
14
- .--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}
15
- .--max-height{max-height:var(--max-height)}.--max-width{max-width:var(--max-width)}.--min-height{min-height:var(--min-height)}.--min-width{min-width:var(--min-width)}
1
+ .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width,.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}.--background-primary{--background-active: var(--color-primary-300);--background-default: var(--color-primary-400);--background-hover: var(--color-primary-300);--background-pressed: var(--color-primary-500)}.--background-secondary{--background-active: var(--color-secondary-300);--background-default: var(--color-secondary-400);--background-hover: var(--color-secondary-300);--background-pressed: var(--color-secondary-500)}.--background-black{--background-active: var(--color-black-300);--background-default: var(--color-black-400);--background-hover: var(--color-black-300);--background-pressed: var(--color-black-500)}.--background-blue{--background-active: var(--color-blue-300);--background-default: var(--color-blue-400);--background-hover: var(--color-blue-300);--background-pressed: var(--color-blue-500)}.--background-border{--background-active: var(--color-border-300);--background-default: var(--color-border-400);--background-hover: var(--color-border-300);--background-pressed: var(--color-border-500)}.--background-green{--background-active: var(--color-green-300);--background-default: var(--color-green-400);--background-hover: var(--color-green-300);--background-pressed: var(--color-green-500)}.--background-grey{--background-active: var(--color-grey-300);--background-default: var(--color-grey-400);--background-hover: var(--color-grey-300);--background-pressed: var(--color-grey-500)}.--background-purple{--background-active: var(--color-purple-300);--background-default: var(--color-purple-400);--background-hover: var(--color-purple-300);--background-pressed: var(--color-purple-500)}.--background-red{--background-active: var(--color-red-300);--background-default: var(--color-red-400);--background-hover: var(--color-red-300);--background-pressed: var(--color-red-500)}.--background-text{--background-active: var(--color-text-300);--background-default: var(--color-text-400);--background-hover: var(--color-text-300);--background-pressed: var(--color-text-500)}.--background-white{--background-active: var(--color-white-300);--background-default: var(--color-white-400);--background-hover: var(--color-white-300);--background-pressed: var(--color-white-500)}.--background-yellow{--background-active: var(--color-yellow-300);--background-default: var(--color-yellow-400);--background-hover: var(--color-yellow-300);--background-pressed: var(--color-yellow-500)}.--border-primary{--border-color-active: var(--color-primary-300);--border-color-default: var(--color-primary-400);--border-color-hover: var(--color-primary-300);--border-color-pressed: var(--color-primary-500)}.--border-secondary{--border-color-active: var(--color-secondary-300);--border-color-default: var(--color-secondary-400);--border-color-hover: var(--color-secondary-300);--border-color-pressed: var(--color-secondary-500)}.--border-black{--border-color-active: var(--color-black-300);--border-color-default: var(--color-black-400);--border-color-hover: var(--color-black-300);--border-color-pressed: var(--color-black-500)}.--border-blue{--border-color-active: var(--color-blue-300);--border-color-default: var(--color-blue-400);--border-color-hover: var(--color-blue-300);--border-color-pressed: var(--color-blue-500)}.--border-border{--border-color-active: var(--color-border-300);--border-color-default: var(--color-border-400);--border-color-hover: var(--color-border-300);--border-color-pressed: var(--color-border-500)}.--border-green{--border-color-active: var(--color-green-300);--border-color-default: var(--color-green-400);--border-color-hover: var(--color-green-300);--border-color-pressed: var(--color-green-500)}.--border-grey{--border-color-active: var(--color-grey-300);--border-color-default: var(--color-grey-400);--border-color-hover: var(--color-grey-300);--border-color-pressed: var(--color-grey-500)}.--border-purple{--border-color-active: var(--color-purple-300);--border-color-default: var(--color-purple-400);--border-color-hover: var(--color-purple-300);--border-color-pressed: var(--color-purple-500)}.--border-red{--border-color-active: var(--color-red-300);--border-color-default: var(--color-red-400);--border-color-hover: var(--color-red-300);--border-color-pressed: var(--color-red-500)}.--border-text{--border-color-active: var(--color-text-300);--border-color-default: var(--color-text-400);--border-color-hover: var(--color-text-300);--border-color-pressed: var(--color-text-500)}.--border-white{--border-color-active: var(--color-white-300);--border-color-default: var(--color-white-400);--border-color-hover: var(--color-white-300);--border-color-pressed: var(--color-white-500)}.--border-yellow{--border-color-active: var(--color-yellow-300);--border-color-default: var(--color-yellow-400);--border-color-hover: var(--color-yellow-300);--border-color-pressed: var(--color-yellow-500)}.--color-primary{--color-active: var(--color-primary-300);--color-default: var(--color-primary-400);--color-hover: var(--color-primary-300);--color-pressed: var(--color-primary-500)}.--color-secondary{--color-active: var(--color-secondary-300);--color-default: var(--color-secondary-400);--color-hover: var(--color-secondary-300);--color-pressed: var(--color-secondary-500)}.--color-black{--color-active: var(--color-black-300);--color-default: var(--color-black-400);--color-hover: var(--color-black-300);--color-pressed: var(--color-black-500)}.--color-blue{--color-active: var(--color-blue-300);--color-default: var(--color-blue-400);--color-hover: var(--color-blue-300);--color-pressed: var(--color-blue-500)}.--color-border{--color-active: var(--color-border-300);--color-default: var(--color-border-400);--color-hover: var(--color-border-300);--color-pressed: var(--color-border-500)}.--color-green{--color-active: var(--color-green-300);--color-default: var(--color-green-400);--color-hover: var(--color-green-300);--color-pressed: var(--color-green-500)}.--color-grey{--color-active: var(--color-grey-300);--color-default: var(--color-grey-400);--color-hover: var(--color-grey-300);--color-pressed: var(--color-grey-500)}.--color-purple{--color-active: var(--color-purple-300);--color-default: var(--color-purple-400);--color-hover: var(--color-purple-300);--color-pressed: var(--color-purple-500)}.--color-red{--color-active: var(--color-red-300);--color-default: var(--color-red-400);--color-hover: var(--color-red-300);--color-pressed: var(--color-red-500)}.--color-text{--color-active: var(--color-text-300);--color-default: var(--color-text-400);--color-hover: var(--color-text-300);--color-pressed: var(--color-text-500)}.--color-white{--color-active: var(--color-white-300);--color-default: var(--color-white-400);--color-hover: var(--color-white-300);--color-pressed: var(--color-white-500)}.--color-yellow{--color-active: var(--color-yellow-300);--color-default: var(--color-yellow-400);--color-hover: var(--color-yellow-300);--color-pressed: var(--color-yellow-500)}.--absolute-bottom,.--absolute-top{left:0;position:absolute;right:0}.--absolute-left,.--absolute-right{bottom:0;position:absolute;top:0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom,.--absolute-horizontal-bottom{bottom:0}.--absolute-top,.--absolute-horizontal-top{top:0}.--absolute-left,.--absolute-vertical-left{left:0}.--absolute-right,.--absolute-vertical-right{right:0}.--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width)*-1)}.--border-offset-left{margin-left:calc(var(--border-width)*-1)}.--border-offset-right{margin-right:calc(var(--border-width)*-1)}.--border-offset-top{margin-top:calc(var(--border-width)*-1)}.--border-radius{border-radius:var(--border-radius)}.--disabled{opacity:var(--opacity);pointer-events:none}.--flex-center{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.--flex-column{display:flex;flex-flow:column}.--flex-end{display:flex;flex-wrap:wrap;justify-content:flex-end}.--flex-fill{display:flex;flex:1;min-width:0}.--flex-fixed{display:flex;flex:0 0 var(--width)}.--flex-horizontal{display:flex;flex-wrap:wrap;justify-content:center}.--flex-horizontal-space-between{display:flex;flex-wrap:wrap;justify-content:space-between}.--flex-row{display:flex;flex-flow:row}.--flex-start{display:flex;flex-wrap:wrap;justify-content:flex-start}.--flex-vertical{align-items:center;display:flex;flex-wrap:wrap}.--flex-vertical-space-between{align-items:space-between;display:flex;flex-wrap:wrap}.--hidden,.--hidden-active.--active{display:none}.--hidden-inactive:not(.--active){display:none}.--hidden-visibility{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}.--inline{display:inline;font-size:inherit;line-height:inherit;margin:0;padding:0}.--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}.--overflow-hidden{overflow:hidden}.--pointer-none{pointer-events:none}.--slide-in{animation-duration:var(--transition-duration);animation-name:--slide-in;animation-timing-function:ease-in-out;transform-origin:top center}@keyframes --slide-in{0%{opacity:0;transform:translateY(var(--translateY))}to{opacity:1;transform:translateY(0)}}.--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-top:before{content:"";display:block;height:0;width:100%}.--text-crop:after,.--text-crop-bottom:after{margin-bottom:calc((1 - var(--line-height))*.618em)}.--text-crop:before,.--text-crop-top:before{margin-top:calc((1 - var(--line-height))*.618em)}.--text-italic{font-style:italic}.--text-linethrough{text-decoration:line-through}.--text-multiplier{font-size:calc(var(--font-size)*var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports (-webkit-text-stroke-width: 1px){.--text-outline{color:#0000;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-strike-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-truncate{line-height:var(--size);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--text-underline{text-decoration:underline}.--text-underline-dotted{text-decoration:underline;text-decoration-style:dotted}.--text-uppercase{text-transform:uppercase}.--width{width:var(--width)}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}.--max-height{max-height:var(--max-height)}.--max-width{max-width:var(--max-width)}.--min-height{min-height:var(--min-height)}.--min-width{min-width:var(--min-width)}
package/css/utilities/variables.css CHANGED
@@ -1,11 +1 @@
1
- .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}
2
- .--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}
3
- .--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}
4
- .--disabled{--opacity: 0.64}
5
- .--line-height-100{--line-height: var(--line-height-100)}.--line-height-200{--line-height: var(--line-height-200)}.--line-height-300{--line-height: var(--line-height-300)}.--line-height-400{--line-height: var(--line-height-400)}
6
- .--size{--size: var(--size-400)}.--size-0px{--size: var(--size-0px)}.--size-100{--size: var(--size-100)}.--size-200{--size: var(--size-200)}.--size-300{--size: var(--size-300)}.--size-400{--size: var(--size-400)}.--size-500{--size: var(--size-500)}.--size-600{--size: var(--size-600)}.--size-700{--size: var(--size-700)}.--size-800{--size: var(--size-800)}.--size-900{--size: var(--size-900)}
7
- .--slide-in{--transition-duration: var(--transition-duration-400);--translateY: var(--size-400)}
8
- .--text-100{--font-size: var(--font-size-100)}.--text-200{--font-size: var(--font-size-200)}.--text-300{--font-size: var(--font-size-300)}.--text-400{--font-size: var(--font-size-400)}.--text-500{--font-size: var(--font-size-500)}.--text-600{--font-size: var(--font-size-600)}.--text-700{--font-size: var(--font-size-700)}.--text-800{--font-size: var(--font-size-800)}.--text-outline{--color: inherit;--stroke-width: var(--border-width-400)}.--text-outline-400{--stroke-width: var(--border-width-400)}.--text-outline-500{--stroke-width: var(--border-width-500)}.--text-outline-600{--stroke-width: var(--border-width-600)}.--text-outline-700{--stroke-width: var(--border-width-700)}.--text-strike-through{--line-width: var(--border-width-400)}.--text-strike-through-400{--line-width: var(--border-width-400)}.--text-strike-through-500{--line-width: var(--border-width-500)}.--text-strike-through-600{--line-width: var(--border-width-600)}.--text-strike-through-700{--line-width: var(--border-width-700)}
9
- .--width-full{--width: 100%}.--width-half{--width: 50%}
10
- .--margin-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-400,.--margin-border-width-horizontal-400{--margin-horizontal: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-horizontal-500{--margin-horizontal: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-horizontal-600{--margin-horizontal: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-horizontal-700{--margin-horizontal: var(--border-width-700)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal: var(--size-0px)}.--margin-100,.--margin-horizontal-100{--margin-horizontal: var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal: var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal: var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal: var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal: var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal: var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal: var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal: var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal: var(--size-900)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal: inherit}.--margin-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-400,.--margin-border-width-vertical-400{--margin-vertical: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-vertical-500{--margin-vertical: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-vertical-600{--margin-vertical: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-vertical-700{--margin-vertical: var(--border-width-700)}.--margin-0px,.--margin-vertical-0px{--margin-vertical: var(--size-0px)}.--margin-100,.--margin-vertical-100{--margin-vertical: var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical: var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical: var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical: var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical: var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical: var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical: var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical: var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical: var(--size-900)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical: inherit}.--padding-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-400,.--padding-border-width-horizontal-400{--padding-horizontal: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-horizontal-500{--padding-horizontal: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-horizontal-600{--padding-horizontal: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-horizontal-700{--padding-horizontal: var(--border-width-700)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal: var(--size-0px)}.--padding-100,.--padding-horizontal-100{--padding-horizontal: var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal: var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal: var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal: var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal: var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal: var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal: var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal: var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal: var(--size-900)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal: inherit}.--padding-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-400,.--padding-border-width-vertical-400{--padding-vertical: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-vertical-500{--padding-vertical: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-vertical-600{--padding-vertical: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-vertical-700{--padding-vertical: var(--border-width-700)}.--padding-0px,.--padding-vertical-0px{--padding-vertical: var(--size-0px)}.--padding-100,.--padding-vertical-100{--padding-vertical: var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical: var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical: var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical: var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical: var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical: var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical: var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical: var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical: var(--size-900)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical: inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal: auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical: auto}
11
- .--max-height-full{--max-height: 100%}.--max-height-viewport{--max-height: 100vh}.--max-width-full{--max-width: 100%}.--max-width-viewport{--max-width: 100vw}.--min-height-full{--min-height: 100%}.--min-height-viewport{--min-height: 100vh}.--min-width-full{--min-width: 100%}.--min-width-viewport{--min-width: 100vw}
1
+ .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width,.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}.--disabled{--opacity: .64}.--line-height-100{--line-height: var(--line-height-100)}.--line-height-200{--line-height: var(--line-height-200)}.--line-height-300{--line-height: var(--line-height-300)}.--line-height-400{--line-height: var(--line-height-400)}.--size{--size: var(--size-400)}.--size-0px{--size: var(--size-0px)}.--size-100{--size: var(--size-100)}.--size-200{--size: var(--size-200)}.--size-300{--size: var(--size-300)}.--size-400{--size: var(--size-400)}.--size-500{--size: var(--size-500)}.--size-600{--size: var(--size-600)}.--size-700{--size: var(--size-700)}.--size-800{--size: var(--size-800)}.--size-900{--size: var(--size-900)}.--slide-in{--transition-duration: var(--transition-duration-400);--translateY: var(--size-400)}.--text-100{--font-size: var(--font-size-100)}.--text-200{--font-size: var(--font-size-200)}.--text-300{--font-size: var(--font-size-300)}.--text-400{--font-size: var(--font-size-400)}.--text-500{--font-size: var(--font-size-500)}.--text-600{--font-size: var(--font-size-600)}.--text-700{--font-size: var(--font-size-700)}.--text-800{--font-size: var(--font-size-800)}.--text-outline{--color: inherit;--stroke-width: var(--border-width-400)}.--text-outline-400{--stroke-width: var(--border-width-400)}.--text-outline-500{--stroke-width: var(--border-width-500)}.--text-outline-600{--stroke-width: var(--border-width-600)}.--text-outline-700{--stroke-width: var(--border-width-700)}.--text-strike-through,.--text-strike-through-400{--line-width: var(--border-width-400)}.--text-strike-through-500{--line-width: var(--border-width-500)}.--text-strike-through-600{--line-width: var(--border-width-600)}.--text-strike-through-700{--line-width: var(--border-width-700)}.--width-full{--width: 100%}.--width-half{--width: 50%}.--margin-border-width,.--margin-border-width-400,.--margin-border-width-horizontal-400{--margin-horizontal: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-horizontal-500{--margin-horizontal: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-horizontal-600{--margin-horizontal: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-horizontal-700{--margin-horizontal: var(--border-width-700)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal: var(--size-0px)}.--margin-100,.--margin-horizontal-100{--margin-horizontal: var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal: var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal: var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal: var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal: var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal: var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal: var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal: var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal: var(--size-900)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal: inherit}.--margin-border-width,.--margin-border-width-400,.--margin-border-width-vertical-400{--margin-vertical: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-vertical-500{--margin-vertical: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-vertical-600{--margin-vertical: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-vertical-700{--margin-vertical: var(--border-width-700)}.--margin-0px,.--margin-vertical-0px{--margin-vertical: var(--size-0px)}.--margin-100,.--margin-vertical-100{--margin-vertical: var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical: var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical: var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical: var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical: var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical: var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical: var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical: var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical: var(--size-900)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical: inherit}.--padding-border-width,.--padding-border-width-400,.--padding-border-width-horizontal-400{--padding-horizontal: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-horizontal-500{--padding-horizontal: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-horizontal-600{--padding-horizontal: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-horizontal-700{--padding-horizontal: var(--border-width-700)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal: var(--size-0px)}.--padding-100,.--padding-horizontal-100{--padding-horizontal: var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal: var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal: var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal: var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal: var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal: var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal: var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal: var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal: var(--size-900)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal: inherit}.--padding-border-width,.--padding-border-width-400,.--padding-border-width-vertical-400{--padding-vertical: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-vertical-500{--padding-vertical: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-vertical-600{--padding-vertical: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-vertical-700{--padding-vertical: var(--border-width-700)}.--padding-0px,.--padding-vertical-0px{--padding-vertical: var(--size-0px)}.--padding-100,.--padding-vertical-100{--padding-vertical: var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical: var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical: var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical: var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical: var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical: var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical: var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical: var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical: var(--size-900)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical: inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal: auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical: auto}.--max-height-full{--max-height: 100%}.--max-height-viewport{--max-height: 100vh}.--max-width-full{--max-width: 100%}.--max-width-viewport{--max-width: 100vw}.--min-height-full{--min-height: 100%}.--min-height-viewport{--min-height: 100vh}.--min-width-full{--min-width: 100%}.--min-width-viewport{--min-width: 100vw}
package/package.json CHANGED
@@ -3,12 +3,12 @@
3
3
  "dependencies": {
4
4
  "@esportsplus/action": "^0.0.38",
5
5
  "@esportsplus/delegated-events": "^0.0.19",
6
- "@esportsplus/reactivity": "^0.1.13",
6
+ "@esportsplus/reactivity": "^0.1.17",
7
7
  "@esportsplus/template": "^0.1.8"
8
8
  },
9
9
  "description": "UI",
10
10
  "devDependencies": {
11
- "@esportsplus/webpack": "^0.1.16",
11
+ "@esportsplus/webpack": "^0.1.20",
12
12
  "modern-normalize": "^2.0.0"
13
13
  },
14
14
  "main": "build/index.js",
@@ -22,5 +22,5 @@
22
22
  "prepublishOnly": "npm run build"
23
23
  },
24
24
  "types": "build/index.d.ts",
25
- "version": "0.0.86"
25
+ "version": "0.0.87"
26
26
  }
package/css/0177605565c3081637cf.css DELETED
@@ -1 +0,0 @@
1
- /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
package/css/components/2dcc6798ba04880cdf5a.css DELETED
@@ -1,23 +0,0 @@
1
- .accordion{--max-height: 0;--transition-duration: var(--transition-duration-400)}
2
- .alert{--width: 480px}.alert-close,.alert-message{--transition-duration: var(--transition-duration-400)}
3
- .anchor{--margin-horizontal: var(--size-400);--margin-vertical: var(--size-400);--transition-duration: var(--transition-duration-400)}
4
- .border{--border-color: var(--border-color-default);--border-color-default: var(--color-border-400);--border-style: solid;--border-width: var(--border-width-400)}
5
- .bubble{--background: var(--background-default);--background-default: var(--color-border-400);--border-radius: var(--border-radius-circle);--height: var(--size);--margin-horizontal: var(--size-100);--width: var(--size);--size: 6px}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal: calc(var(--size) / -2);--position-vertical: calc(var(--size) / -2)}
6
- .button{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: auto;--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.button.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active)}.button:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover)}.button:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed)}.button--processing{--animation-duration: 0.64s;--border-color: var(--color);--border-width: var(--border-width-400);--size: var(--size-400)}.button--processing-400{--border-width: var(--border-width-400)}.button--processing-500{--border-width: var(--border-width-500)}.button--processing-600{--border-width: var(--border-width-600)}.button--processing-700{--border-width: var(--border-width-700)}
7
- .card{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-300);--box-shadow-default: none;--box-shadow-hover: var(--box-shadow-300);--box-shadow-pressed: none;--padding-horizontal: 0px;--padding-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: auto}.card.--active{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active)}.card:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover)}.card:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed)}
8
- .container{--max-width: 1400px;--padding-horizontal: var(--size-600);--padding-vertical: 0px}
9
- .ellipsis{--animation-duration: 2s}
10
- .field{--transition-duration: var(--transition-duration-400);--width: 100%}.field--optional{--max-height: 0;--max-height-active: 0}.field.--active .field--optional{--max-height: var(--max-height-active)}.field-description,.field-error{--font-size: var(--font-size-300)}.field-error{--color: var(--color-red-400)}.field-mask{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-default: var(--background);--border-radius: var(--border-radius-400);--border-style: solid;--border-width: 0px;--box-shadow: var(--box-shadow-default);--box-shadow-active: var(--box-shadow-400);--box-shadow-default: var(--box-shadow-300);--box-shadow-hover: var(--box-shadow-400);--box-shadow-pressed: none;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--outline-opacity: var(--outline-opacity-default);--outline-opacity-active: 0.32;--outline-opacity-default: 0;--outline-opacity-hover: 0;--outline-opacity-pressed: 0;--outline-spacing: 0px;--outline-width: var(--outline-width-default);--outline-width-active: 4px;--outline-width-default: 0px;--outline-width-hover: 0px;--outline-width-pressed: 0px;--padding-horizontal: 0px;--padding-vertical: var(--size-400)}.field.--active>.field-mask,.field.--active *:not(.field) .field-mask{--background: var(--background-active);--border-color: var(--border-color-active);--box-shadow: var(--box-shadow-active);--color: var(--color-active);--outline-opacity: var(--outline-opacity-active);--outline-width: var(--outline-width-active)}label.field:not(.--active):not(.--active):hover>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}label.field:not(.--active):not(.--active):active>.field-mask,.field:not(.--active):not(label) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--outline:not(.--active):active{--border-color: var(--border-color-default)}.field-mask--outline:not(.--active):active::before{--outline-width: 0px}.field-required{--border-radius: var(--border-radius-circle);--size: 6px}.field-title{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500)}.field.--active .field-title{--color: var(--color-active)}.field:not(.--active):hover .field-title{--color: var(--color-hover)}.field:not(.--active):active .field-title{--color: var(--color-pressed)}.field label.field:not(.--active):hover,.field:not(label):not(.--active) .field-mask:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--box-shadow: var(--box-shadow-hover);--color: var(--color-hover);--outline-opacity: var(--outline-opacity-hover);--outline-width: var(--outline-width-hover)}.field label.field:not(.--active):active,.field:not(label):not(.--active) .field-mask:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--box-shadow: var(--box-shadow-pressed);--color: var(--color-pressed);--outline-opacity: var(--outline-opacity-pressed);--outline-width: var(--outline-width-pressed)}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{--accent: var(--accent-default);--accent-active: var(--accent-default);--accent-default: var(--color-white-400);--accent-hover: var(--accent-default);--accent-pressed: var(--accent-default);--height: var(--size);--opacity: var(--opacity-default);--opacity-active: var(--opacity-default);--opacity-default: 1;--opacity-hover: var(--opacity-default);--opacity-pressed: var(--opacity-default);--rotate: 0deg;--scale: var(--scale-default);--scale-active: var(--scale-default);--scale-default: 1;--scale-hover: var(--scale-default);--scale-pressed: var(--scale-default);--size: var(--size-600);--width-switch: 40px}.field-mask--checkbox::before,.field-mask--radio::before,.field-mask--switch::before{--translateX: 0px;--translateY: 0px}.field-mask--checkbox label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):hover,.field-mask--radio label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--radio:not(.--active):hover,.field-mask--switch label.field:not(.--active):not(.--active):hover,.field:not(label):not(.--active) .field-mask--switch:not(.--active):hover{--accent: var(--accent-hover);--opacity: var(--opacity-hover);--scale: var(--scale-hover)}.field-mask--checkbox label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--checkbox:not(.--active):active,.field-mask--radio label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--radio:not(.--active):active,.field-mask--switch label.field:not(.--active):not(.--active):active,.field:not(label):not(.--active) .field-mask--switch:not(.--active):active{--accent: var(--accent-pressed);--opacity: var(--opacity-pressed);--scale: var(--scale-pressed)}.field.--active .field-mask--checkbox,.field.--active .field-mask--radio,.field.--active .field-mask--switch{--accent: var(--accent-active);--opacity: var(--opacity-active);--scale: var(--scale-active)}.field-mask--checkbox,.field-mask--radio{--margin-horizontal: calc(var(--width-switch) - var(--width));--width: var(--height)}.field-mask--radio::before,.field-mask--switch::before{--box-shadow: 0 1px 0 rgba(0,0,0, 0.16)}.field-mask--checkbox{--border-radius: var(--border-radius-300);--rotate: 45deg;--scale-active: 1;--scale-default: 0;--scale-hover: 1.08;--scale-pressed: 0.98}.field-mask--checkbox::before{--box-shadow: 1px 1px 0 rgba(0,0,0, 0.16);--border-width: 5px;--height: 110%;--translateX: 108%;--translateY: 8%;--width: 50%}.field:not(.--active):not(:hover) .field-mask--checkbox::before{--translateY: 100%}.field-mask--radio{--border-radius: var(--border-radius-circle);--opacity-active: 1;--opacity-default: 0.4;--scale-active: 0.9;--scale-default: 0;--scale-hover: 0.8;--scale-pressed: 0.7}.field-mask--radio::before{--height: calc((var(--size) / 2) - (var(--border-width) * 2));--translateX: 50%;--translateY: 50%;--width: var(--height)}.field-mask--switch{--border-radius: var(--border-radius-curved);--padding-horizontal: var(--border-width-400);--padding-vertical: var(--border-width-400);--width: var(--width-switch)}.field-mask--switch::before{--height: calc(var(--size) - (var(--border-width) * 2) - (var(--padding-vertical) * 2));--width: var(--height)}.field.--active .field-mask--switch::before{--translateX: calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2))}.field-mask--input,.field-mask--select{--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.field-mask--input{--size: var(--size-400)}.field-mask--select{--arrow-spacer: 1px;--arrow-size: 6px}.field-mask-arrow{--border-width: var(--border-width-500)}
11
- .group{--margin-horizontal: var(--size-400);--width: auto}.group--column{--margin-horizontal: 0px}.group--column>.group-item{--margin-horizontal: 0px;--width: 100%}.group--scroller{--margin-horizontal: 0px}.group--scroller .group-item{--margin-vertical: 0px}
12
- .icon{--color: inherit;--height: var(--size);--margin-horizontal: var(--size-300);--rotate: 0deg;--size: var(--size-400);--width: var(--size)}
13
- .link{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default);--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: var(--background);--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default);--border-radius: var(--border-radius-400);--border-width: 0px;--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default);--font-size: var(--font-size-400);--font-weight: var(--font-weight-500);--line-height: var(--line-height-400);--padding-horizontal: var(--size-400);--padding-vertical: var(--size-400);--transition-duration: var(--transition-duration-400);--width: auto}.link.--active{--background: var(--background-active);--border-color: var(--border-color-active);--color: var(--color-active)}.link:not(.--active):hover{--background: var(--background-hover);--border-color: var(--border-color-hover);--color: var(--color-hover)}.link:not(.--active):active{--background: var(--background-pressed);--border-color: var(--border-color-pressed);--color: var(--color-pressed)}
14
- .loading{--animation-delay: calc(0s + (0.032s * var(--i)));--animation-duration: calc(0.64s * (var(--i) + 1.5));--border-color: inherit;--border-style: solid;--border-width: var(--border-width-400);--box-shadow: none;--height: calc(var(--size) * var(--multiplier));--i: 0;--multiplier: calc(1 - (.2 * var(--i)));--size: var(--size-400);--transition-duration: var(--transition-duration-400);--width: calc(var(--size) * var(--multiplier))}.loading .loading{--i: 1;--size: inherit}.loading .loading .loading{--i: 2}.loading .loading .loading .loading{--i: 3}.loading .loading .loading .loading .loading{--i: 4}
15
- .page{--min-height: 100vh;--width: 100vw}.page-subtitle,.page-suptitle{--color: var(--color-default);--color-default: var(--color-text-400);--font-size: var(--font-size-400);--line-height: var(--line-height-400)}.page-title{--color: var(--color-default);--color-default: var(--color-text-500);--line-height: var(--line-height-400)}
16
- .processing{--animation-duration: 2.64s;--border-color-primary: var(--color-black-500);--border-color-secondary: var(--color-border-300);--border-style: solid;--border-width: var(--border-width-600);--height: var(--size);--opacity: 0.64;--size: var(--size-600);--width: var(--size)}
17
- body{--border-radius-0px: 0px;--border-radius-circle: 100%;--border-radius-curved: 240px;--border-radius-100: 2px;--border-radius-200: 4px;--border-radius-300: 6px;--border-radius-400: 8px;--border-radius-500: 12px;--border-radius-600: 16px;--box-shadow-300: 0px 8px 16px -4px rgba(0, 3, 19, 0.016), 0px 4px 8px -2px rgba(0, 3, 19, 0.008);--box-shadow-400: 0px 16px 24px -4px rgba(0, 3, 19, 0.048), 0px 8px 8px -4px rgba(0, 3, 19, 0.024);--box-shadow-500: 0px 16px 32px -8px rgba(0, 3, 19, 0.16);--border-width-400: 1px;--border-width-500: 2px;--border-width-600: 3px;--border-width-700: 4px;--color-black-300: #0f1325;--color-black-400: #04081a;--color-black-500: #000313;--color-blue-300: #3453ff;--color-blue-400: #2a4bff;--color-blue-500: #2343f8;--color-border-300: #c4c9df;--color-border-400: #b4b9d2;--color-border-500: #a5a9c3;--color-green-300: #5fff81;--color-green-400: #2aff57;--color-green-500: #23f850;--color-grey-300: #f2f9ff;--color-grey-400: #e7f1fa;--color-grey-500: #dde8f0;--color-purple-300: #6634ff;--color-purple-400: #5e2aff;--color-purple-500: #5723f8;--color-red-300: #ff3446;--color-red-400: #ff2a3d;--color-red-500: #f82336;--color-text-300: #676c84;--color-text-400: #393d57;--color-text-500: #1f2542;--color-white-300: #fff;--color-white-400: #fff;--color-white-500: #fff;--color-yellow-300: #fff95f;--color-yellow-400: #fff92a;--color-yellow-500: #f8f123;--font-size-100: 8px;--font-size-200: 10px;--font-size-300: 12px;--font-size-400: 14px;--font-size-500: 16px;--font-size-600: 24px;--font-size-700: 32px;--font-size-800: 40px;--font-weight-300: 400;--font-weight-400: 500;--font-weight-500: 600;--font-weight-600: 700;--line-height-100: 1;--line-height-200: 1.2;--line-height-300: 1.4;--line-height-400: 1.6;--size-0px: 0px;--size-100: 4px;--size-200: 8px;--size-300: 12px;--size-400: 16px;--size-500: 20px;--size-600: 24px;--size-700: 32px;--size-800: 40px;--size-900: 48px;--transition-duration-300: 0.08s;--transition-duration-400: 0.16s;--transition-duration-500: 0.24s;--background: var(--color-grey-400);--color: var(--color-text-400);--font-family: "Montserrat", sans-serif;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--min-width: 320px;--scrollbar-width: 17px}section{--width: 100%}h1,h2,h3,h4,h5{--color: var(--color-text-400);--font-weight: var(--font-weight-600);--line-height: var(--line-height-300)}h1{--font-size: var(--font-size-800)}h2{--font-size: var(--font-size-700)}h3{--font-size: var(--font-size-600)}h4{--font-size: var(--font-size-500)}h5{--font-size: var(--font-size-400)}b,strong{--color: var(--color-text-400);--font-weight: var(--font-weight-500)}
18
- .row{--min-height: auto}
19
- .scrollbar{--background-default: transparent;--border-radius: 1px 0 0 1px;--height: 0;--transition-duration: var(--transition-duration-400);--translate: translate3d(0, 0, 0);--width: var(--size-100)}
20
- .sidebar{--position-horizontal: 0px;--position-vertical: 0px;--transition-duration: var(--transition-duration-400);--width: var(--width-default);--width-closed: var(--width-default);--width-default: 400px}.sidebar:not(.--active):not(:hover){--width: var(--width-closed)}.sidebar--floating{--position-horizontal: var(--size-100);--position-vertical: var(--size-100)}
21
- .text{--color: var(--color-default);--color-default: inherit;--font-size: var(--font-size-400);--font-weight: var(--font-weight-400);--line-height: var(--line-height-400);--transition-duration: var(--transition-duration-400);--width: auto}
22
- .thumbnail{--background: transparent;--border-radius: var(--border-radius-300);--height: var(--size);--size: var(--size-700);--width: var(--size)}
23
- .tooltip-content,.tooltip-message{--background: var(--background-default);--background-default: transparent;--border-radius: var(--border-radius-300);--box-shadow: var(--box-shadow-400);--max-width: calc(90vw - (var(--size-700) * 2));--min-width: auto;--scaleX: 0.64;--scaleY: 0.64;--spacer: var(--size-300);--transition-duration: var(--transition-duration-300);--width: auto}.tooltip-message{--background-default: var(--color-black-400);--color: var(--color-white-400);--font-size: var(--font-size-300);--font-weight: var(--font-weight-400);--padding-horizontal: var(--size-300);--padding-vertical: var(--size-300)}
package/css/components/b296e959a632e7fdbe65.css DELETED
@@ -1,26 +0,0 @@
1
- .accordion{max-height:var(--max-height);opacity:0;pointer-events:none;transition:max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.accordion.--active{opacity:1;pointer-events:auto}
2
- .alert{max-width:calc(100% - var(--margin-horizontal)*2);width:var(--width)}.alert--deactivating{opacity:0;transform:translateY(-50%)}.alert--activating:not(.--active){transform:translateY(50%)}.alert-close{position:absolute;top:0;right:100%;bottom:0;animation:alert-close var(--transition-duration) ease-in-out;transition:transform var(--transition-duration) ease-in-out;z-index:0}.alert-message{opacity:0;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.alert-message:not(.--active){pointer-events:none;position:absolute;transform:translateX(-25%);left:0;top:0}.alert-message.--active{opacity:1}@keyframes alert-close{from{transform:translateX(150%)}to{transform:translateX(0)}}
3
- .anchor{max-height:calc(100% - var(--margin-vertical)*2);max-width:calc(100% - var(--margin-horizontal)*2);pointer-events:auto;position:absolute;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}
4
- .banner{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;z-index:-1}.banner--fixed{position:fixed}
5
- .border{border-top:var(--border-width) var(--border-style) var(--border-color);position:relative;width:100%}.border+.border{display:none}
6
- .bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}
7
- .button{align-content:center;align-items:center;background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);font-weight:var(--font-weight);justify-content:center;line-height:var(--line-height);min-width:var(--min-width);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:all var(--transition-duration) ease-in-out;width:var(--width)}.button::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.button--flat::after{display:none}.button--processing{color:rgba(0,0,0,0);pointer-events:none}.button--processing::before{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%);animation:button--processing var(--animation-duration) infinite linear;border:var(--border-width) solid var(--border-color);border-radius:100%;border-right-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);content:"";height:var(--size);width:var(--size)}.button--processing *{opacity:0}@keyframes button--processing{0%{transform:translate(50%, 50%) rotate(0deg)}100%{transform:translate(50%, 50%) rotate(359deg)}}.button--top-left,.button--top-right{position:absolute;top:calc((var(--padding-vertical) + var(--line-height)/2)*-1)}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}
8
- .card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out;width:var(--width)}.card::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.card--flat::after{display:none}
9
- .container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;width:100%}
10
- .ellipsis-dot:nth-child(1){animation:ellipsis-dot-one var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(2){animation:ellipsis-dot-two var(--animation-duration) linear infinite}.ellipsis-dot:nth-child(3){animation:ellipsis-dot-three var(--animation-duration) linear infinite}@keyframes ellipsis-dot-one{0%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes ellipsis-dot-two{0%{opacity:0}21%{opacity:0}22%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes ellipsis-dot-three{0%{opacity:0}43%{opacity:0}44%{opacity:1}65%{opacity:1}66%{opacity:0}100%{opacity:0}}
11
- button,input,select,textarea{background:rgba(0,0,0,0);border-radius:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,select,select:active,select:focus,select:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none}button:invalid,input:invalid,select:invalid,textarea:invalid{box-shadow:none}form{margin:0;padding:0;width:100%}label{cursor:pointer}.field{display:flex;position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width);z-index:1}.field:not(.--active):hover{z-index:8}.field.--active{z-index:9}.field--optional{max-height:var(--max-height);opacity:0;pointer-events:none;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,max-height var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out}.field.--active .field--optional{opacity:1;pointer-events:auto}.field-description,.field-error,.field-title{color:var(--color);font-size:var(--font-size);position:relative;width:100%;word-wrap:break-word}.field-description:empty,.field-error:empty,.field-title:empty{height:0px;margin:0}.field-error{animation:field-error .32s 1 linear}@keyframes field-error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}100%{transform:translate(0px)}}.field-mask::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;z-index:0}.field-mask--flat::after{display:none}.field-mask--outline::before{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 var(--outline-width) var(--border-color);border-radius:var(--border-radius);content:"";opacity:var(--outline-opacity);pointer-events:none;transition:box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;z-index:0}.field-required{background:var(--background);border-radius:var(--border-radius);height:var(--size);width:var(--size)}.field-tag--hidden{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}.field-title{font-weight:var(--font-weight);z-index:1}.field-mask--checkbox,.field-mask--radio,.field-mask--switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,box-shadow var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width)}.field-mask--checkbox:invalid,.field-mask--checkbox:required,.field-mask--radio:invalid,.field-mask--radio:required,.field-mask--switch:invalid,.field-mask--switch:required{box-shadow:none}.field-mask--checkbox::before,.field-mask--radio::before,.field-mask--switch::before{box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX), var(--translateY)) rotate(var(--rotate)) scale(var(--scale));width:var(--width)}.field-mask--checkbox .field-tag,.field-mask--radio .field-tag,.field-mask--switch .field-tag{position:absolute;top:0;left:0;height:0px;opacity:0;pointer-events:none;width:0px;z-index:0}.field-mask--checkbox::before,.field-mask--radio::before{position:absolute;bottom:50%;right:50%}.field-mask--radio::before,.field-mask--switch::before{background:var(--accent);border-radius:inherit;transform-origin:center}.field-mask--checkbox::before{border-bottom:var(--border-width) solid var(--accent);border-right:var(--border-width) solid var(--accent);transform-origin:center left}.field-mask--switch::before{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal)}.field-mask--input,.field-mask--select{align-items:center;background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;font-size:var(--font-size);line-height:var(--line-height);position:relative;width:100%}.field-mask--input:invalid,.field-mask--input:required,.field-mask--select:invalid,.field-mask--select:required{box-shadow:none}.field-mask--input,.field-mask--input .field-tag,.field-mask--select,.field-mask--select .field-tag{color:var(--color)}.field-mask--input .field-tag,.field-mask--select .field-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-mask--input{cursor:text;min-height:calc(var(--padding-vertical)*2 + var(--size))}.field-mask--input .field-tag{flex:1 1 auto;padding:var(--padding-vertical) var(--padding-horizontal);min-width:0}.field-mask--input .field-tag[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.field-mask--input textarea.field-tag{white-space:normal}.field-mask--select{cursor:pointer;padding:var(--padding-vertical) calc(var(--padding-horizontal)/1.5 + var(--arrow-size)) var(--padding-vertical) var(--padding-horizontal)}.field-mask--select.--padding{padding-right:calc(var(--padding-horizontal)*1.5 + var(--arrow-size))}.field-mask-arrow{position:absolute;right:calc(var(--padding-horizontal) + var(--arrow-spacer));bottom:calc(50% + var(--arrow-spacer));border-color:var(--border-color);border-style:var(--border-style);border-width:0 var(--border-width) var(--border-width) 0;content:"";height:var(--arrow-size);transform:translateY(50%) rotate(45deg);width:var(--arrow-size)}.field-text{padding-right:var(--padding-horizontal)}
12
- .group{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 calc(var(--margin-horizontal)/-2);position:relative;width:calc(100% + var(--margin-horizontal))}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller .group-item:first-child{margin-left:0}.group--scroller .group-item:last-child{margin-right:0}.group-item{display:flex;margin:var(--margin-vertical) calc(var(--margin-horizontal)/2) 0;position:relative;width:var(--width)}.group-item[class*="--width"]{width:calc(var(--width) - var(--margin-horizontal))}
13
- .icon{color:var(--color);display:flex;flex:0 0 var(--width);height:var(--height);pointer-events:none;position:relative;transform:rotate(var(--rotate));width:var(--width)}.icon svg{color:currentColor;fill:currentColor;height:100%;width:100%}
14
- .link{align-content:center;background:var(--background);color:var(--color);cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--font-size);justify-content:flex-start;line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width)) calc(var(--padding-horizontal) - var(--border-width));position:relative;transition:background var(--transition-duration) ease-in-out,border-color var(--transition-duration) ease-in-out,color var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;width:var(--width)}.link--underline.--active,.link--underline:not(.--active):hover{text-decoration:underline}
15
- .loading{animation:loading var(--animation-duration) infinite linear;animation-delay:var(--animation-delay);border:var(--border-width) var(--border-style) var(--border-color);border-radius:100%;border-right-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);box-shadow:var(--box-shadow);height:var(--height);pointer-events:none;position:relative;transition:border-color var(--transition-duration) ease-in-out;width:var(--width);z-index:0}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
16
- .overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;pointer-events:none;width:100vw;z-index:9}
17
- .page{min-height:var(--min-height);position:relative;width:var(--width)}.page-subtitle,.page-suptitle,.page-title{color:var(--color);display:block;line-height:var(--line-height);position:relative;width:100%;z-index:1}.page-subtitle,.page-suptitle{font-size:var(--font-size)}
18
- .processing{height:var(--size);position:relative;width:var(--size);animation:processing var(--animation-duration) linear infinite}.processing-ring{clip:rect(calc(var(--size) / 2), var(--size), var(--size), 0)}.processing-ring,.processing-ring::after,.processing-ring::before{position:absolute;top:0;right:0;bottom:0;left:0}.processing-ring,.processing-ring::before{animation:processing calc(var(--animation-duration)/2) cubic-bezier(0.77, 0, 0.175, 1) infinite}.processing-ring::after,.processing-ring::before{border-radius:50%;content:""}.processing-ring::after{border:var(--border-width) var(--border-style) var(--border-color-secondary);opacity:var(--opacity)}.processing-ring::before{border-top:var(--border-width) var(--border-style) var(--border-color-primary)}@keyframes processing{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
19
- body,html{height:100%;overflow-x:hidden;width:100%}body{background-color:var(--background);color:var(--color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);min-width:var(--min-width);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::after,*::before{box-sizing:border-box;transition:inherit}section{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;width:var(--width)}h1,h2,h3,h4,h5{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);margin:0;padding:0;position:relative;width:100%;word-wrap:break-word}h1 sub,h1 sup,h2 sub,h2 sup,h3 sub,h3 sup,h4 sub,h4 sup,h5 sub,h5 sup{font-size:.64em}a{color:var(--color, inherit);cursor:pointer;outline:none;text-decoration:none}b,strong{color:var(--color, inherit);font-weight:var(--font-weight)}p{margin:0;padding:0;width:100%;word-wrap:break-word}pre{margin:0;overflow-wrap:break-word;padding:0;white-space:break-spaces;width:100%}sub,sup{font-size:.8em}sub{bottom:-0.48em}sup{top:-0.48em}
20
- .row{display:flex;flex-wrap:wrap;justify-content:flex-start;min-height:var(--min-height);position:relative;width:100%}
21
- ::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0);box-shadow:unset}.--scrollbar{height:100%;margin-right:calc(var(--scrollbar-width)*-1);overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width))}.scrollbar{height:100%;z-index:9}.scrollbar,.scrollbar::before{position:absolute;right:0;top:0;transition:opacity var(--transition-duration) ease-in-out;width:var(--width)}.scrollbar::before{background:var(--background-default);border-radius:var(--border-radius);content:"";height:var(--height);transform:var(--translate);transform-origin:top center}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}
22
- .sidebar{position:absolute;top:var(--position-vertical);bottom:var(--position-vertical);cursor:default;height:calc(100% - var(--position-vertical)*2);max-width:var(--width);overflow:hidden;pointer-events:auto;transition:max-width var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:calc(100% - var(--position-horizontal)*2);z-index:1}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--position-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--position-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translateX(calc(var(--width) * -1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}
23
- .site{z-index:0}
24
- .text{align-items:center;color:var(--color);display:flex;flex-flow:wrap;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);position:relative;transition:color var(--transition-duration) ease-in-out;width:var(--width)}
25
- .thumbnail{background:var(--background);border-radius:var(--border-radius);height:var(--height);position:relative;width:var(--width)}
26
- .tooltip{cursor:pointer;position:relative;z-index:8}.tooltip.--active{z-index:9}.tooltip.--active.tooltip--box::before{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%);content:"";height:calc(100% + var(--spacer)*2.5);width:calc(100% + var(--spacer)*2.5);z-index:-1}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(-90deg)}.tooltip-arrow{margin:0 -1px;transform:rotate(90deg)}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;overflow:hidden;transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out;width:var(--width);z-index:9}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--c,.tooltip-message--c{bottom:50%;position:absolute;right:50%;transform:translate(50%, 50%) scale(var(--scaleX), var(--scaleY));transform-origin:center center}.tooltip.--active>.tooltip-content--c,.tooltip.--active :not(.tooltip)>.tooltip-content--c,.tooltip.--active>.tooltip-message--c,.tooltip.--active :not(.tooltip)>.tooltip-message--c{transform:translate(50%, 50%) scale(1)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{transform:translateX(calc(var(--spacer) * 2))}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% - var(--spacer));position:absolute;transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center left}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{transform:translate(calc(var(--spacer) * 2), 50%) scale(1)}.tooltip-content--en,.tooltip-message--en{top:0;transform-origin:top left}.tooltip-content--es,.tooltip-message--es{bottom:0;transform-origin:bottom left}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));position:absolute;transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{transform:translateY(calc(var(--spacer) * -2))}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% - var(--spacer));position:absolute;right:50%;transform:translateX(50%) scaleY(var(--scaleY));transform-origin:center bottom}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{transform:translate(50%, calc(var(--spacer) * -2)) scale(1)}.tooltip-content--ne,.tooltip-message--ne{right:0;transform-origin:bottom right}.tooltip-content--nw,.tooltip-message--nw{left:0;transform-origin:bottom left}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{position:absolute;top:calc(100% - var(--spacer));transform:scale(var(--scaleX), var(--scaleY))}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{transform:translateY(calc(var(--spacer) * 2))}.tooltip-content--s,.tooltip-message--s{position:absolute;right:50%;top:calc(100% - var(--spacer));transform:translateX(50%) scaleY(var(--scaleY));transform-origin:center top}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{transform:translate(50%, calc(var(--spacer) * 2)) scale(1)}.tooltip-content--se,.tooltip-message--se{right:0;transform-origin:top right}.tooltip-content--sw,.tooltip-message--sw{left:0;transform-origin:top left}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{position:absolute;right:calc(100% - var(--spacer));transform:scale(var(--scale))}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{transform:translateX(calc(var(--spacer) * -2))}.tooltip-content--w,.tooltip-message--w{bottom:50%;position:absolute;right:calc(100% - var(--spacer));transform:translateY(50%) scaleX(var(--scaleX));transform-origin:center right}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{transform:translate(calc(var(--spacer) * -2), 50%) scale(1)}.tooltip-content--wn,.tooltip-message--wn{top:0;transform-origin:top right}.tooltip-content--ws,.tooltip-message--ws{bottom:0;transform-origin:bottom right}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);line-height:normal;padding:var(--padding-vertical) var(--padding-horizontal);pointer-events:none;white-space:nowrap}
package/css/fonts/716af1291514abb1e027.css DELETED
@@ -1 +0,0 @@
1
- @font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(../../assets/58a8d7ebc386843b62c5.woff2) format("woff2"),url(../../assets/a04b5e24af93da353f0e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:400;src:local("Montserrat Italic"),local("Montserrat-Italic"),url(../../assets/593de7c561e5ffe80c3e.woff2) format("woff2"),url(../../assets/f872e621917a45943fbc.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url(../../assets/e06c107cc50506570954.woff2) format("woff2"),url(../../assets/2a3e005f58bfca9c117e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:500;src:local("Montserrat MediumItalic"),local("Montserrat-MediumItalic"),url(../../assets/ecdfe4c05425592708aa.woff2) format("woff2"),url(../../assets/16663c3f6ab1da2d6c86.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:600;src:local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(../../assets/109e3207d9afea8524be.woff2) format("woff2"),url(../../assets/16e8721ef5837bc6375e.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:600;src:local("Montserrat SemiBoldItalic"),local("Montserrat-SemiBoldItalic"),url(../../assets/68b7982c2b30b51bf932.woff2) format("woff2"),url(../../assets/c54b0f4340f2914802d1.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:700;src:local("Montserrat Bold"),local("Montserrat Bold"),url(../../assets/0af89c10df9bc2f8d646.woff2) format("woff2"),url(../../assets/f0032576ac7462ccbd0c.woff) format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:italic;font-weight:700;src:local("Montserrat BoldItalic"),local("Montserrat-BoldItalic"),url(../../assets/dd8646a41e4397b77fc4.woff2) format("woff2"),url(../../assets/bf331673b91821715c08.woff) format("woff")}
package/css/utilities/822835c12ae0b64188b4.css DELETED
@@ -1,11 +0,0 @@
1
- .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}
2
- .--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}
3
- .--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}
4
- .--disabled{--opacity: 0.64}
5
- .--line-height-100{--line-height: var(--line-height-100)}.--line-height-200{--line-height: var(--line-height-200)}.--line-height-300{--line-height: var(--line-height-300)}.--line-height-400{--line-height: var(--line-height-400)}
6
- .--size{--size: var(--size-400)}.--size-0px{--size: var(--size-0px)}.--size-100{--size: var(--size-100)}.--size-200{--size: var(--size-200)}.--size-300{--size: var(--size-300)}.--size-400{--size: var(--size-400)}.--size-500{--size: var(--size-500)}.--size-600{--size: var(--size-600)}.--size-700{--size: var(--size-700)}.--size-800{--size: var(--size-800)}.--size-900{--size: var(--size-900)}
7
- .--slide-in{--transition-duration: var(--transition-duration-400);--translateY: var(--size-400)}
8
- .--text-100{--font-size: var(--font-size-100)}.--text-200{--font-size: var(--font-size-200)}.--text-300{--font-size: var(--font-size-300)}.--text-400{--font-size: var(--font-size-400)}.--text-500{--font-size: var(--font-size-500)}.--text-600{--font-size: var(--font-size-600)}.--text-700{--font-size: var(--font-size-700)}.--text-800{--font-size: var(--font-size-800)}.--text-outline{--color: inherit;--stroke-width: var(--border-width-400)}.--text-outline-400{--stroke-width: var(--border-width-400)}.--text-outline-500{--stroke-width: var(--border-width-500)}.--text-outline-600{--stroke-width: var(--border-width-600)}.--text-outline-700{--stroke-width: var(--border-width-700)}.--text-strike-through{--line-width: var(--border-width-400)}.--text-strike-through-400{--line-width: var(--border-width-400)}.--text-strike-through-500{--line-width: var(--border-width-500)}.--text-strike-through-600{--line-width: var(--border-width-600)}.--text-strike-through-700{--line-width: var(--border-width-700)}
9
- .--width-full{--width: 100%}.--width-half{--width: 50%}
10
- .--margin-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-400,.--margin-border-width-horizontal-400{--margin-horizontal: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-horizontal-500{--margin-horizontal: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-horizontal-600{--margin-horizontal: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-horizontal-700{--margin-horizontal: var(--border-width-700)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal: var(--size-0px)}.--margin-100,.--margin-horizontal-100{--margin-horizontal: var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal: var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal: var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal: var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal: var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal: var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal: var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal: var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal: var(--size-900)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal: inherit}.--margin-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-400,.--margin-border-width-vertical-400{--margin-vertical: var(--border-width-400)}.--margin-border-width-500,.--margin-border-width-vertical-500{--margin-vertical: var(--border-width-500)}.--margin-border-width-600,.--margin-border-width-vertical-600{--margin-vertical: var(--border-width-600)}.--margin-border-width-700,.--margin-border-width-vertical-700{--margin-vertical: var(--border-width-700)}.--margin-0px,.--margin-vertical-0px{--margin-vertical: var(--size-0px)}.--margin-100,.--margin-vertical-100{--margin-vertical: var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical: var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical: var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical: var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical: var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical: var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical: var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical: var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical: var(--size-900)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical: inherit}.--padding-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-400,.--padding-border-width-horizontal-400{--padding-horizontal: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-horizontal-500{--padding-horizontal: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-horizontal-600{--padding-horizontal: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-horizontal-700{--padding-horizontal: var(--border-width-700)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal: var(--size-0px)}.--padding-100,.--padding-horizontal-100{--padding-horizontal: var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal: var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal: var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal: var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal: var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal: var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal: var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal: var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal: var(--size-900)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal: inherit}.--padding-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-400,.--padding-border-width-vertical-400{--padding-vertical: var(--border-width-400)}.--padding-border-width-500,.--padding-border-width-vertical-500{--padding-vertical: var(--border-width-500)}.--padding-border-width-600,.--padding-border-width-vertical-600{--padding-vertical: var(--border-width-600)}.--padding-border-width-700,.--padding-border-width-vertical-700{--padding-vertical: var(--border-width-700)}.--padding-0px,.--padding-vertical-0px{--padding-vertical: var(--size-0px)}.--padding-100,.--padding-vertical-100{--padding-vertical: var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical: var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical: var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical: var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical: var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical: var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical: var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical: var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical: var(--size-900)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical: inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal: auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical: auto}
11
- .--max-height-full{--max-height: 100%}.--max-height-viewport{--max-height: 100vh}.--max-width-full{--max-width: 100%}.--max-width-viewport{--max-width: 100vw}.--min-height-full{--min-height: 100%}.--min-height-viewport{--min-height: 100vh}.--min-width-full{--min-width: 100%}.--min-width-viewport{--min-width: 100vw}
package/css/utilities/98f5bec25ab2703bc173.css DELETED
@@ -1,15 +0,0 @@
1
- .--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}.--background-primary{--background-active: var(--color-primary-300);--background-default: var(--color-primary-400);--background-hover: var(--color-primary-300);--background-pressed: var(--color-primary-500)}.--background-secondary{--background-active: var(--color-secondary-300);--background-default: var(--color-secondary-400);--background-hover: var(--color-secondary-300);--background-pressed: var(--color-secondary-500)}.--background-black{--background-active: var(--color-black-300);--background-default: var(--color-black-400);--background-hover: var(--color-black-300);--background-pressed: var(--color-black-500)}.--background-blue{--background-active: var(--color-blue-300);--background-default: var(--color-blue-400);--background-hover: var(--color-blue-300);--background-pressed: var(--color-blue-500)}.--background-border{--background-active: var(--color-border-300);--background-default: var(--color-border-400);--background-hover: var(--color-border-300);--background-pressed: var(--color-border-500)}.--background-green{--background-active: var(--color-green-300);--background-default: var(--color-green-400);--background-hover: var(--color-green-300);--background-pressed: var(--color-green-500)}.--background-grey{--background-active: var(--color-grey-300);--background-default: var(--color-grey-400);--background-hover: var(--color-grey-300);--background-pressed: var(--color-grey-500)}.--background-purple{--background-active: var(--color-purple-300);--background-default: var(--color-purple-400);--background-hover: var(--color-purple-300);--background-pressed: var(--color-purple-500)}.--background-red{--background-active: var(--color-red-300);--background-default: var(--color-red-400);--background-hover: var(--color-red-300);--background-pressed: var(--color-red-500)}.--background-text{--background-active: var(--color-text-300);--background-default: var(--color-text-400);--background-hover: var(--color-text-300);--background-pressed: var(--color-text-500)}.--background-white{--background-active: var(--color-white-300);--background-default: var(--color-white-400);--background-hover: var(--color-white-300);--background-pressed: var(--color-white-500)}.--background-yellow{--background-active: var(--color-yellow-300);--background-default: var(--color-yellow-400);--background-hover: var(--color-yellow-300);--background-pressed: var(--color-yellow-500)}.--border-primary{--border-color-active: var(--color-primary-300);--border-color-default: var(--color-primary-400);--border-color-hover: var(--color-primary-300);--border-color-pressed: var(--color-primary-500)}.--border-secondary{--border-color-active: var(--color-secondary-300);--border-color-default: var(--color-secondary-400);--border-color-hover: var(--color-secondary-300);--border-color-pressed: var(--color-secondary-500)}.--border-black{--border-color-active: var(--color-black-300);--border-color-default: var(--color-black-400);--border-color-hover: var(--color-black-300);--border-color-pressed: var(--color-black-500)}.--border-blue{--border-color-active: var(--color-blue-300);--border-color-default: var(--color-blue-400);--border-color-hover: var(--color-blue-300);--border-color-pressed: var(--color-blue-500)}.--border-border{--border-color-active: var(--color-border-300);--border-color-default: var(--color-border-400);--border-color-hover: var(--color-border-300);--border-color-pressed: var(--color-border-500)}.--border-green{--border-color-active: var(--color-green-300);--border-color-default: var(--color-green-400);--border-color-hover: var(--color-green-300);--border-color-pressed: var(--color-green-500)}.--border-grey{--border-color-active: var(--color-grey-300);--border-color-default: var(--color-grey-400);--border-color-hover: var(--color-grey-300);--border-color-pressed: var(--color-grey-500)}.--border-purple{--border-color-active: var(--color-purple-300);--border-color-default: var(--color-purple-400);--border-color-hover: var(--color-purple-300);--border-color-pressed: var(--color-purple-500)}.--border-red{--border-color-active: var(--color-red-300);--border-color-default: var(--color-red-400);--border-color-hover: var(--color-red-300);--border-color-pressed: var(--color-red-500)}.--border-text{--border-color-active: var(--color-text-300);--border-color-default: var(--color-text-400);--border-color-hover: var(--color-text-300);--border-color-pressed: var(--color-text-500)}.--border-white{--border-color-active: var(--color-white-300);--border-color-default: var(--color-white-400);--border-color-hover: var(--color-white-300);--border-color-pressed: var(--color-white-500)}.--border-yellow{--border-color-active: var(--color-yellow-300);--border-color-default: var(--color-yellow-400);--border-color-hover: var(--color-yellow-300);--border-color-pressed: var(--color-yellow-500)}.--color-primary{--color-active: var(--color-primary-300);--color-default: var(--color-primary-400);--color-hover: var(--color-primary-300);--color-pressed: var(--color-primary-500)}.--color-secondary{--color-active: var(--color-secondary-300);--color-default: var(--color-secondary-400);--color-hover: var(--color-secondary-300);--color-pressed: var(--color-secondary-500)}.--color-black{--color-active: var(--color-black-300);--color-default: var(--color-black-400);--color-hover: var(--color-black-300);--color-pressed: var(--color-black-500)}.--color-blue{--color-active: var(--color-blue-300);--color-default: var(--color-blue-400);--color-hover: var(--color-blue-300);--color-pressed: var(--color-blue-500)}.--color-border{--color-active: var(--color-border-300);--color-default: var(--color-border-400);--color-hover: var(--color-border-300);--color-pressed: var(--color-border-500)}.--color-green{--color-active: var(--color-green-300);--color-default: var(--color-green-400);--color-hover: var(--color-green-300);--color-pressed: var(--color-green-500)}.--color-grey{--color-active: var(--color-grey-300);--color-default: var(--color-grey-400);--color-hover: var(--color-grey-300);--color-pressed: var(--color-grey-500)}.--color-purple{--color-active: var(--color-purple-300);--color-default: var(--color-purple-400);--color-hover: var(--color-purple-300);--color-pressed: var(--color-purple-500)}.--color-red{--color-active: var(--color-red-300);--color-default: var(--color-red-400);--color-hover: var(--color-red-300);--color-pressed: var(--color-red-500)}.--color-text{--color-active: var(--color-text-300);--color-default: var(--color-text-400);--color-hover: var(--color-text-300);--color-pressed: var(--color-text-500)}.--color-white{--color-active: var(--color-white-300);--color-default: var(--color-white-400);--color-hover: var(--color-white-300);--color-pressed: var(--color-white-500)}.--color-yellow{--color-active: var(--color-yellow-300);--color-default: var(--color-yellow-400);--color-hover: var(--color-yellow-300);--color-pressed: var(--color-yellow-500)}
2
- .--absolute-bottom,.--absolute-top{left:0;position:absolute;right:0}.--absolute-left,.--absolute-right{bottom:0;position:absolute;top:0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%)}.--absolute-full{position:absolute;top:0;right:0;bottom:0;left:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translateX(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom,.--absolute-horizontal-bottom{bottom:0}.--absolute-top,.--absolute-horizontal-top{top:0}.--absolute-left,.--absolute-vertical-left{left:0}.--absolute-right,.--absolute-vertical-right{right:0}
3
- .--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width)*-1)}.--border-offset-left{margin-left:calc(var(--border-width)*-1)}.--border-offset-right{margin-right:calc(var(--border-width)*-1)}.--border-offset-top{margin-top:calc(var(--border-width)*-1)}.--border-radius{border-radius:var(--border-radius)}
4
- .--disabled{opacity:var(--opacity);pointer-events:none}
5
- .--flex-center{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.--flex-column{display:flex;flex-flow:column}.--flex-end{display:flex;flex-wrap:wrap;justify-content:flex-end}.--flex-fill{display:flex;flex:1;min-width:0}.--flex-fixed{display:flex;flex:0 0 var(--width)}.--flex-horizontal{display:flex;flex-wrap:wrap;justify-content:center}.--flex-horizontal-space-between{display:flex;flex-wrap:wrap;justify-content:space-between}.--flex-row{display:flex;flex-flow:row}.--flex-start{display:flex;flex-wrap:wrap;justify-content:flex-start}.--flex-vertical{align-items:center;display:flex;flex-wrap:wrap}.--flex-vertical-space-between{align-items:space-between;display:flex;flex-wrap:wrap}
6
- .--hidden{display:none}.--hidden-active.--active{display:none}.--hidden-inactive:not(.--active){display:none}.--hidden-visibility{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}
7
- .--inline{display:inline;font-size:inherit;line-height:inherit;margin:0;padding:0}
8
- .--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}
9
- .--overflow-hidden{overflow:hidden}
10
- .--pointer-none{pointer-events:none}
11
- .--slide-in{animation-duration:var(--transition-duration);animation-name:--slide-in;animation-timing-function:ease-in-out;transform-origin:top center}@keyframes --slide-in{from{opacity:0;transform:translateY(var(--translateY))}to{opacity:1;transform:translateY(0)}}
12
- .--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop::after,.--text-crop::before,.--text-crop-bottom::after,.--text-crop-top::before{content:"";display:block;height:0;width:100%}.--text-crop::after,.--text-crop-bottom::after{margin-bottom:calc((1 - var(--line-height))*.618em)}.--text-crop::before,.--text-crop-top::before{margin-top:calc((1 - var(--line-height))*.618em)}.--text-italic{font-style:italic}.--text-linethrough{text-decoration:line-through}.--text-multiplier{font-size:calc(var(--font-size)*var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports(-webkit-text-stroke-width: 1px){.--text-outline{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-strike-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-truncate{line-height:var(--size);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--text-underline{text-decoration:underline}.--text-underline-dotted{text-decoration:underline;text-decoration-style:dotted}.--text-uppercase{text-transform:uppercase}
13
- .--width{width:var(--width)}
14
- .--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}
15
- .--max-height{max-height:var(--max-height)}.--max-width{max-width:var(--max-width)}.--min-height{min-height:var(--min-height)}.--min-width{min-width:var(--min-width)}