@esportsplus/ui 0.15.1 → 0.15.3
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.
- package/build/components/accordion/scss/index.scss +1 -1
- package/build/components/anchor/scss/index.scss +1 -1
- package/build/components/banner/scss/index.scss +1 -1
- package/build/components/border/scss/index.scss +1 -1
- package/build/components/bubble/scss/index.scss +1 -1
- package/build/components/button/scss/index.scss +1 -1
- package/build/components/card/scss/index.scss +1 -1
- package/build/components/container/scss/index.scss +1 -1
- package/build/components/counter/scss/index.scss +1 -1
- package/build/components/ellipsis/scss/index.scss +1 -1
- package/build/components/field/scss/index.scss +1 -1
- package/build/components/footer/scss/index.scss +1 -1
- package/build/components/frame/scss/index.scss +1 -1
- package/build/components/grid/scss/index.scss +1 -1
- package/build/components/group/scss/index.scss +1 -1
- package/build/components/highlight/scss/index.scss +1 -1
- package/build/components/icon/scss/index.scss +1 -1
- package/build/components/link/scss/index.scss +1 -1
- package/build/components/loader/scss/index.scss +1 -1
- package/build/components/loading/scss/index.scss +1 -1
- package/build/components/magnet/scss/index.scss +1 -1
- package/build/components/modal/scss/index.scss +1 -1
- package/build/components/overlay/scss/index.scss +1 -1
- package/build/components/page/scss/index.scss +1 -1
- package/build/components/root/scss/index.scss +1 -1
- package/build/components/row/scss/index.scss +1 -1
- package/build/components/scrollbar/scss/index.scss +1 -1
- package/build/components/sidebar/scss/index.scss +1 -1
- package/build/components/text/scss/index.scss +1 -1
- package/build/components/thumbnail/scss/index.scss +1 -1
- package/build/components/tooltip/scss/index.scss +1 -1
- package/build/components/typewriter/scss/index.scss +1 -1
- package/build/css-utilities/[margin,padding]/scss/index.scss +1 -1
- package/build/css-utilities/background/scss/index.scss +1 -1
- package/build/css-utilities/border/scss/index.scss +1 -1
- package/build/css-utilities/color/scss/index.scss +1 -1
- package/build/css-utilities/flex/scss/index.scss +1 -1
- package/build/css-utilities/flicker/scss/index.scss +1 -1
- package/build/css-utilities/glass/scss/index.scss +1 -1
- package/build/css-utilities/hidden/scss/index.scss +1 -1
- package/build/css-utilities/inline/scss/index.scss +1 -1
- package/build/css-utilities/line-height/scss/index.scss +1 -1
- package/build/css-utilities/size/scss/index.scss +1 -1
- package/build/css-utilities/squircle/scss/index.scss +1 -1
- package/build/css-utilities/text/scss/index.scss +1 -1
- package/build/css-utilities/viewport/scss/index.scss +1 -1
- package/build/css-utilities/width/scss/index.scss +1 -1
- package/build/fonts/montserrat/scss/index.scss +1 -1
- package/build/normalize/scss/index.scss +2 -2
- package/package.json +2 -1
- package/src/components/modal/scss/index.scss +2 -2
- package/src/components/overlay/scss/index.scss +4 -7
- package/src/components/sidebar/scss/index.scss +1 -1
- package/vite.config.ts +3 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.accordion
|
|
1
|
+
@layer components {.accordion,.accordion:not(.--active){--max-height:0}.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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.anchor{--margin-horizontal:
|
|
1
|
+
@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical)*2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal)*2);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;z-index:9;position:absolute}.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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.banner--blur{--blur:
|
|
1
|
+
@layer components {.banner--blur{--blur:24px}.banner--gradient{--from:#03001352;--to:var(--color-black-500)}.banner{z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.banner--backdrop{background-position:bottom;height:80svh}.banner--blur{filter:blur(var(--blur));top:-2svh;left:-2svh;right:-2svh}.banner--blur.banner--backdrop{height:90svh}.banner--fixed{position:fixed}.banner--gradient:before{background:radial-gradient(circle at top,transparent 64%,var(--to)88%),linear-gradient(to bottom,var(--from)0%,var(--to)100%);content:"";z-index:0;position:absolute;inset:0}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.border{--border-color:
|
|
1
|
+
@layer components {.border{--border-color:var(--border-color-default);--border-color-default:var(--color-border-400);--border-style:solid;--border-width:var(--border-width-400);border-top:var(--border-width)var(--border-style)var(--border-color);width:100%;position:relative}.border+.border{display:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.bubble{--background:
|
|
1
|
+
@layer components {.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);--size:6px;--width:var(--size)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal:calc(var(--size)/-2);--position-vertical:calc(var(--size)/-2)}.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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.button{--background:
|
|
1
|
+
@layer components {.button{--background:var(--background-default);--background-default:transparent;--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-default:transparent;--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--width:auto}.button.--active{--background:var(--background-active);--border-color:var(--border-color-active);--color:var(--color-active)}.button:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--color:var(--color-hover)}.button:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--color:var(--color-pressed)}.button--processing{--animation-duration:.64s;--border-width:var(--border-width-400);--processing-color:var(--color);--size:var(--size-400)}.button--skeleton{--animation-duration:6.4s}.button{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));transition:all var(--transition-duration)ease-in-out;width:var(--width);flex-wrap:wrap;place-content:center;align-items:center;display:flex;position:relative}.button:after{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:-1;position:absolute;inset:0}.button--flat:after{display:none}.button--processing{color:#0000;pointer-events:none}.button--processing:before{animation:buttonProcessing var(--animation-duration)infinite linear;border:var(--border-width)solid color-mix(in srgb,var(--processing-color),transparent 90%);border-left-color:var(--processing-color);content:"";height:var(--size);width:var(--size);border-top-color:#0000;border-right-color:#0000;border-radius:100%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.button--processing *{opacity:0}@keyframes buttonProcessing{0%{transform:translate(50%,50%)rotate(0)}to{transform:translate(50%,50%)rotate(359deg)}}.button--skeleton{animation:var(--animation-duration)ease-in-out infinite buttonSkeleton;background-image:linear-gradient(270deg,var(--background-pressed),var(--background-default),var(--background-default),var(--background-pressed));color:#0000;pointer-events:none;background-size:400% 100%}.button--skeleton *{opacity:0}@keyframes buttonSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.button--top-left,.button--top-right{top:calc((var(--padding-vertical) + var(--line-height)/2)*-1);position:absolute}.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}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.card{--background:
|
|
1
|
+
@layer components {.card{--background:var(--background-default);--background-default:transparent;--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--padding-horizontal:0px;--padding-vertical:0px;--width:auto}.card.--active{--background:var(--background-active);--border-color:var(--border-color-active)}.card:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover)}.card:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed)}.card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical)var(--padding-horizontal);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);position:relative}.card:after{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:-1;position:absolute;inset:0}.card--flat:after{display:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.container{--margin-horizontal:
|
|
1
|
+
@layer components {.container{--margin-horizontal:var(--size-600);--margin-vertical:0px;--max-width:1400px;margin:var(--margin-vertical)auto;width:min(var(--max-width),100% - var(--margin-horizontal)*2);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.counter{--font-size:
|
|
1
|
+
@layer components {.counter{--font-size:clamp(2rem,4vw + 1rem,8rem);--font-weight:var(--font-weight-400);--line-height:calc(var(--font-size)*1.5);--mask-size:.24;--timing-function:var(--timing-bounce-out);--transition-duration:2s}.counter-character{--scale:1}.counter-character--fraction,.counter-character--symbol{--opacity:.8}.counter-character--fraction{--font-weight:var(--font-weight-300);--scale:.75}.counter-character--symbol:first-child{--scale:.8}.counter{transition:transform calc(var(--transition-duration)/4)var(--transition-duration);transform-style:flat;place-items:center;gap:2px;display:flex}.counter-character,.counter-character-track span{color:#0000;transform-style:flat;background:linear-gradient(#fafafa 50%,#737373) fixed;-webkit-background-clip:text;background-clip:text}.counter-character{font-size:var(--font-size);font-variant:tabular-nums;font-weight:var(--font-weight);height:1lh;line-height:var(--line-height);-webkit-mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);-webkit-mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);transform-style:flat;display:grid;overflow:hidden}.counter-character--fraction{font-size:calc(var(--font-size)*var(--scale));font-weight:var(--font-weight-300);opacity:var(--opacity);height:var(--line-height);overflow:visible}.counter-character--fraction .counter-character-track span{padding:calc((var(--line-height) - var(--font-size))*.2)0;flex-direction:column;align-items:end;display:flex}.counter-character--symbol{font-size:calc(var(--font-size)*var(--scale));opacity:var(--opacity);margin-right:.1ch}.counter-character-track{translate:0 calc((var(--value) + 1)*var(--line-height)*-1);transition:translate var(--transition-duration)var(--timing-function);display:grid}.counter-character-track span{transform-style:flat;height:1lh}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.ellipsis{--animation-duration:
|
|
1
|
+
@layer components {.ellipsis{--animation-duration:1.24s;--margin-horizontal:var(--size-100);--size:var(--size-200)}.ellipsis span{animation:ellipsis var(--animation-duration)infinite linear;background-color:var(--color);height:var(--size);margin:0 var(--margin-horizontal);width:var(--size);border-radius:100%;display:inline-block}.ellipsis span :nth-child(2){animation-delay:.24s}.ellipsis span :nth-child(3){animation-delay:.48s}@keyframes ellipsis{0%,to{opacity:.16}20%{opacity:1}}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.field{--margin-horizontal: 0px;--margin-vertical: var(--size-300);--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-default: 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)}button,input,select,textarea{background:transparent;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;gap:var(--margin-vertical) var(--margin-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,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:fieldError .32s 1 linear}@keyframes fieldError{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:-1}.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:1}.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)}}
|
|
1
|
+
@layer components {.field{--margin-horizontal:0px;--margin-vertical:var(--size-300);--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-default: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 #00000029}.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 #00000029;--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)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;border-radius:0;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{width:100%;margin:0;padding:0}label{cursor:pointer}.field{gap:var(--margin-vertical)var(--margin-horizontal);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;display:flex;position:relative}.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);word-wrap:break-word;width:100%;position:relative}.field-description:empty,.field-error:empty,.field-title:empty{height:0;margin:0}.field-error{animation:.32s linear fieldError}@keyframes fieldError{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{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:-1;position:absolute;inset:0}.field-mask--flat:after{display:none}.field-mask--outline:before{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:1;position:absolute;inset:0}.field-required{background:var(--background);border-radius:var(--border-radius);height:var(--size);width:var(--size)}.field-tag--hidden{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}.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);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);position:relative}.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{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left: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:50%}.field-mask--checkbox:before{border-bottom:var(--border-width)solid var(--accent);border-right:var(--border-width)solid var(--accent);transform-origin:0}.field-mask--switch:before{top:var(--padding-vertical);left:var(--padding-horizontal);position:absolute}.field-mask--input,.field-mask--select{background:var(--background);border:var(--border-width)var(--border-style)var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size);line-height:var(--line-height);flex-wrap:wrap;align-items:center;width:100%;display:flex;position:relative}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-mask--input{cursor:text;min-height:calc(var(--padding-vertical)*2 + var(--size))}.field-mask--input .field-tag{padding:var(--padding-vertical)var(--padding-horizontal);flex:auto;min-width:0}.field-mask--input .field-tag[type=number]{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{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);width:var(--arrow-size);position:absolute;transform:translateY(50%)rotate(45deg)}.field-text{padding-right:var(--padding-horizontal)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.footer,.footer-break{width:100%}@media (max-width:
|
|
1
|
+
@layer components {.footer,.footer-break{width:100%}@media (max-width:640px){.footer-copyright:first-child{--width:100%}}@media (min-width:640px){.footer-copyright:first-child{margin-right:auto}}.footer-copyright:first-child+.footer-break{display:none}.footer-copyright:last-child{--width:100%}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.frame{
|
|
1
|
+
@layer components {.frame{flex-wrap:wrap;justify-content:flex-start;width:100%;display:none;position:relative}.frame.--active{display:flex}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.grid{--margin-horizontal:
|
|
1
|
+
@layer components {.grid{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);--max-width:1fr;--min-width:200px;grid-gap:var(--margin-horizontal)var(--margin-vertical);grid-template-columns:repeat(auto-fit,minmax(var(--min-width),var(--max-width)));display:grid;position:relative}.grid .grid-item{width:100%}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.group{--margin-horizontal:
|
|
1
|
+
@layer components {.group{--margin-horizontal:var(--size-400);--width:auto}.group.--flex-column .group-item{--width:100%}.group--scroller .group-item{--margin-vertical:0px}.group{margin:0 calc(var(--margin-horizontal)/-2);width:calc(100% + var(--margin-horizontal));flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller{margin-bottom:calc(var(--scrollbar-width)*-1);padding-bottom:var(--scrollbar-width);flex-flow:row;overflow-y:hidden}.group-item{margin:var(--margin-vertical)calc(var(--margin-horizontal)/2)0;width:var(--width);display:flex;position:relative}.group-item[class*=--width]{width:calc(var(--width) - var(--margin-horizontal))}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.highlight{--background:
|
|
1
|
+
@layer components {.highlight{--background:transparent;--highlight:1;background:linear-gradient(90deg,var(--background)50%,transparent 50%)110% 0/200% 100% no-repeat;background-position:calc((1 - var(--highlight))*110%)0;transition:background-position .32s}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.icon{--color:
|
|
1
|
+
@layer components {.icon{--color:inherit;--height:var(--size);--margin-horizontal:var(--size-300);--size:var(--size-400);--width:var(--size);color:var(--color);flex:0 0 var(--width);height:var(--height);width:var(--width);display:flex;position:relative}.icon svg{color:currentColor;fill:currentColor;width:100%;height:100%}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.link{--background:
|
|
1
|
+
@layer components {.link{--background:var(--background-default);--background-default:transparent;--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--color:var(--color-default);--font-size:var(--font-size-400);--font-weight:var(--font-weight-500);--line-height:var(--line-height-400);--padding-horizontal:0px;--padding-vertical:var(--size-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)}.link{background:var(--background);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));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);flex-wrap:wrap;place-content:center flex-start;display:flex;position:relative}.link--hover.tooltip:hover .link-hover--one,.link--hover:not(.--active):hover .link-hover--one{opacity:0;transform:translateY(-75%)}.link--hover.tooltip:hover .link-hover--two,.link--hover:not(.--active):hover .link-hover--two{opacity:1;transform:translate(50%,50%)}.link--underline.--active,.link--underline:not(.--active):hover{text-decoration:underline}.link-hover{transition:opacity .3s ease-in-out,all .3s cubic-bezier(.23,.65,.74,1.09)}.link-hover--one{transform:translateY(0)}.link-hover--two{opacity:0;padding:0 var(--padding-horizontal);white-space:nowrap;position:absolute;bottom:50%;right:50%;transform:translate(50%,125%)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.loader-logo{--size:
|
|
1
|
+
@layer components {.loader-logo{--size:10svh;--translateY:8px}.loader{background-color:var(--color-black-500);opacity:1;pointer-events:none;visibility:visible;z-index:9999;transition:all .3s ease-in-out;position:fixed;inset:0}.loader--load{animation:.6s ease-in-out .2s both move}.loader--load .loader--load{animation:.6s ease-in-out both move}@keyframes move{0%{transform:translateY(0)}80%{transform:translateY(-102%)}to{transform:translateY(-102%)}}.loader .loader{background-color:var(--color-black-400)}.loader-content{position:absolute;inset:50% auto auto 50%;transform:translate(-50%)translateY(-50%)}.loader-logo{color:#fff}.loader-logo--scale{animation:.32s both scale}@keyframes scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale3d(1.8,1.8,1.8)}}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.loading{--animation-duration
|
|
1
|
+
@layer components {.loading{--animation-duration:.64s;--border-color:var(--color);--border-width:var(--border-width-400);--size:var(--size-400);animation:loading var(--animation-duration)linear infinite;border:var(--border-width)solid color-mix(in srgb,var(--border-color),transparent 90%);border-left-color:var(--border-color);height:var(--size);width:var(--size);border-radius:100%}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.magnet{--background:
|
|
1
|
+
@layer components {.magnet{--background:transparent;--border-radius:var(--border-radius-400);--timing-function:var(--timing-circ);background:var(--background);border-radius:var(--border-radius);opacity:0;height:0;transition:height var(--transition-duration)var(--timing-function),opacity var(--transition-duration)var(--timing-function),transform var(--transition-duration)var(--timing-function),width var(--transition-duration)var(--timing-function);z-index:-1;width:0;position:absolute;top:0;left:0}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.modal{--margin-horizontal:
|
|
1
|
+
@layer components {.modal{--margin-horizontal:0px;--margin-vertical:0px;--max-width:480px;transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%;width:min(var(--max-width),100% - var(--margin-horizontal)*2);z-index:9}.modal:not(.--active){opacity:0;pointer-events:none;transform:translateY(var(--margin-vertical))scale(.8)}.modal:not(.--active) input[type=password]{display:none}.modal-frame{transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%}.modal-frame:not(.--active){display:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.overlay{position:fixed;inset:0;
|
|
1
|
+
@layer components {.overlay{cursor:default;z-index:9;flex-wrap:wrap;justify-content:flex-start;display:flex;position:fixed;inset:0;overflow:hidden}.overlay:not(.--active) input[type=password]{display:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.page-subtitle,.page-suptitle{--color:
|
|
1
|
+
@layer components {.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)}.page{width:100vw;min-height:100svh;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);line-height:var(--line-height);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-suptitle+.page-title,.page-title+.page-subtitle{margin-top:var(--margin-vertical)}.page-title{text-wrap:balance}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {:root{--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: 10px;--border-radius-600: 12px;--border-radius-700: 16px;--border-radius-800: 20px;--border-width-400: 1px;--border-width-500: 2px;--border-width-600: 3px;--border-width-700: 4px;--box-shadow-100: 0 1px 2px 0 rgba(16, 18, 33, .24);--box-shadow-200: 0 1px 3px 0 rgba(16, 18, 33, .24), 0 1px 2px -1px rgba(16, 18, 33, .24);--box-shadow-300: 0 4px 6px -1px rgba(16, 18, 33, .24), 0 2px 4px -2px rgba(16, 18, 33, .24);--box-shadow-400: 0 10px 15px -3px rgba(16, 18, 33, .24), 0 10px 15px -3px rgba(16, 18, 33, .24), 0 4px 6px -4px rgba(16, 18, 33, .24);--box-shadow-500: 0 20px 25px -5px rgba(16, 18, 33, .24), 0 8px 10px -6px rgba(16, 18, 33, .24);--box-shadow-600: 0 25px 50px -12px rgba(1, 2, 9, .24);--box-shadow-glow: 0px 0px 128px 32px var(--box-shadow-color, #fff), 0px 0px 32px 8px var(--box-shadow-color, #fff), 0px 0px 8px 0px var(--box-shadow-color, #fff);--color-black-300: #101221;--color-black-400: #020412;--color-black-500: #010209;--color-blue-300: #3755ff;--color-blue-400: #2545ff;--color-blue-500: #1e3def;--color-border-300: #bec3dd;--color-border-400: #b4b9d2;--color-border-500: #a5a9c2;--color-green-300: #6aff5c;--color-green-400: #15ff00;--color-green-500: #13eb00;--color-grey-300: #f4f9ff;--color-grey-400: #e7f1fa;--color-grey-500: #d4dde6;--color-purple-300: #7d15ff;--color-purple-400: #7300ff;--color-purple-500: #6a00eb;--color-red-300: #ff2a3d;--color-red-400: #ff0017;--color-red-500: #eb0015;--color-text-300: #1e243f;--color-text-400: #171d39;--color-text-500: #121832;--color-white-300: #fff;--color-white-400: #fff;--color-white-500: #fff;--color-yellow-300: #fbff5e;--color-yellow-400: #f9ff00;--color-yellow-500: #e3eb00;--font-size-100: clamp(.48rem, -.16vi + .52rem, .38rem);--font-size-200: clamp(.56rem, -.09vi + .58rem, .5rem);--font-size-300: clamp(.65rem, .03vi + .64rem, .66rem);--font-size-400: clamp(.75rem, .2vi + .7rem, .88rem);--font-size-500: clamp(.87rem, .46vi + .76rem, 1.16rem);--font-size-600: clamp(1.01rem, .82vi + .8rem, 1.52rem);--font-size-700: clamp(1.17rem, 1.35vi + .83rem, 2.01rem);--font-size-800: clamp(1.36rem, 2.08vi + .84rem, 2.66rem);--font-size-900: clamp(1.58rem, 3.09vi + .8rem, 3.51rem);--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;--spacer-200: 60px;--spacer-300: 80px;--spacer-400: 120px;--spacer-500: 160px;--spacer-600: 180px;--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;--transition-duration: .16s;--timing-back: linear( 0, -.0059 4.51%, -.0418 15.63%, -.0499 20.72%, -.0476 23.51%, -.0395 26.12%, -.0255 28.59%, -.0055 30.95%, .0281 33.76%, .0717 36.47%, .1901 41.63%, .344 46.32%, .6156 52.65%, .7495 56.35%, .8757 60.97%, .9663 65.85%, 1.0006 68.58%, 1.0256 71.43%, 1.0417 74.43%, 1.0493 77.65%, 1.0452 83.02%, 1.0077 94.8%, 1 );--timing-back-in: linear( 0, -.0029 4.31%, -.0119 9.02%, -.0837 31.27%, -.0954 36.64%, -.0998 41.45%, -.0951 47.03%, -.079 52.25%, -.051 57.19%, -.0108 61.92%, .0515 67.19%, .1312 72.27%, .2286 77.18%, .3445 81.96%, .4792 86.62%, .633 91.17%, .8066 95.63%, 1 );--timing-back-out: linear( 0, .1934 4.37%, .367 8.83%, .5208 13.38%, .6555 18.04%, .7714 22.82%, .8688 27.73%, .9485 32.81%, 1.0108 38.08%, 1.051 42.81%, 1.079 47.75%, 1.0951 52.97%, 1.0998 58.55%, 1.0954 63.36%, 1.0837 68.73%, 1.0119 90.98%, 1.0029 95.69%, 1 );--timing-bounce: linear( 0, .0078, 0, .0235, .0313, .0235, .0001 13.63%, .0549 15.92%, .0938, .1172, .125, .1172, .0939 27.26%, .0554 29.51%, .0003 31.82%, .2192, .3751 40.91%, .4332, .4734 45.8%, .4947 48.12%, .5027 51.35%, .5153 53.19%, .5437, .5868 57.58%, .6579, .7504 62.87%, .9999 68.19%, .9453, .9061, .8828, .875, .8828, .9063, .9451 84.08%, .9999 86.37%, .9765, .9688, .9765, 1, .9922, 1 );--timing-bounce-in: linear( 0, .0117, .0156, .0117, 0, .0273, .0468, .0586, .0625, .0586, .0468, .0273, 0 27.27%, .1093, .1875 36.36%, .2148, .2343, .2461, .25, .2461, .2344, .2148 52.28%, .1875 54.55%, .1095, 0, .2341, .4375, .6092, .75, .8593, .9375 90.91%, .9648, .9843, .9961, 1 );--timing-bounce-out: linear( 0, .0039, .0157, .0352, .0625 9.09%, .1407, .25, .3908, .5625, .7654, 1, .8907, .8125 45.45%, .7852, .7657, .7539, .75, .7539, .7657, .7852, .8125 63.64%, .8905, 1 72.73%, .9727, .9532, .9414, .9375, .9414, .9531, .9726, 1, .9883, .9844, .9883, 1 );--timing-circ: linear( -0, .0033 5.75%, .0132 11.43%, .0296 16.95%, .0522 22.25%, .0808 27.25%, .1149 31.89%, .1542 36.11%, .1981 39.85%, .2779 44.79%, .3654 48.15%, .4422 49.66%, .5807 50.66%, .6769 53.24%, .7253 55.37%, .7714 58.01%, .8142 61.11%, .8536 64.65%, .9158 72.23%, .9619 80.87%, .9904 90.25%, 1 );--timing-circ-in: linear( -0, .0048 9.8%, .0192 19.5%, .043 29.02%, .0761 38.26%, .1181 47.13%, .1685 55.56%, .227 63.44%, .2929 70.71%, .3656 77.3%, .4445 83.15%, .5285 88.19%, .6173 92.39%, .7099 95.7%, .805 98.08%, .9021 99.52%, 1 );--timing-circ-out: linear( 0, .0979 .48%, .195 1.92%, .2901 4.3%, .3827 7.61%, .4715 11.81%, .5555 16.85%, .6344 22.7%, .7071 29.29%, .773 36.56%, .8315 44.44%, .8819 52.87%, .9239 61.74%, .957 70.98%, .9808 80.5%, .9952 90.2%, 1 );--timing-elastic: linear( 0, -.0028 13.88%, .0081 21.23%, .002 23.37%, -.0208 27.14%, -.023 28.64%, -.0178, -.0061 30.83%, .0588 34.64%, .0651 35.39%, .0653 36.07%, .0514, .0184 38.3%, -.1687 42.21%, -.1857 43.04%, -.181 43.8%, -.1297 44.93%, -.0201 46.08%, 1.0518 54.2%, 1.1471, 1.1853 56.48%, 1.1821 57.25%, 1.1573 58.11%, .9709 62%, .9458, .9347 63.92%, .9349 64.61%, .9412 65.36%, 1.0061 69.17%, 1.0178, 1.023 71.36%, 1.0208 72.86%, .998 76.63%, .9919 78.77%, 1.0028 86.12%, 1 );--timing-elastic-in: linear( 0, .0019 13.34%, -.0056 27.76%, -.0012 31.86%, .0147 39.29%, .0161 42.46%, .0039 46.74%, -.0416 54.3%, -.046 57.29%, -.0357, -.0122 61.67%, .1176 69.29%, .1302 70.79%, .1306 72.16%, .1088 74.09%, .059 75.99%, -.0317 78.19%, -.3151 83.8%, -.3643 85.52%, -.3726, -.3705 87.06%, -.3463, -.2959 89.3%, -.1144 91.51%, .7822 97.9%, 1 );--timing-elastic-out: linear( 0, .2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, .941 24.01%, .8912 25.91%, .8694 27.84%, .8698 29.21%, .8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, .9961 53.26%, .9839 57.54%, .9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, .9981 86.66%, 1 );--timing-expo: linear( 0, .0053 17.18%, .0195 26.59%, .0326 30.31%, .0506 33.48%, .0744 36.25%, .1046 38.71%, .1798 42.62%, .2846 45.93%, .3991 48.37%, .6358 52.29%, .765 55.45%, .8622 59.3%, .8986 61.51%, .9279 63.97%, .9481 66.34%, .9641 69.01%, .9856 75.57%, .9957 84.37%, 1 );--timing-expo-in: linear( 0, .0085 31.26%, .0167 40.94%, .0289 48.86%, .0471 55.92%, .0717 61.99%, .1038 67.32%, .1443 72.07%, .1989 76.7%, .2659 80.89%, .3465 84.71%, .4419 88.22%, .554 91.48%, .6835 94.51%, .8316 97.34%, 1 );--timing-expo-out: linear( 0, .1684 2.66%, .3165 5.49%, .446 8.52%, .5581 11.78%, .6535 15.29%, .7341 19.11%, .8011 23.3%, .8557 27.93%, .8962 32.68%, .9283 38.01%, .9529 44.08%, .9711 51.14%, .9833 59.06%, .9915 68.74%, 1 );--timing-none: linear(0, 1);--timing-power1: linear( 0, .0027, .0106 7.29%, .0425, .0957, .1701 29.16%, .2477, .3401 41.23%, .5982 55.18%, .7044 61.56%, .7987, .875 75%, .9297, .9687, .9922, 1 );--timing-power1-in: linear( 0, .0039, .0156, .0352, .0625, .0977, .1407, .1914, .2499, .3164, .3906 62.5%, .5625, .7656, 1 );--timing-power1-out: linear( 0, .2342, .4374, .6093 37.49%, .6835, .7499, .8086, .8593, .9023, .9375, .9648, .9844, .9961, 1 );--timing-power2: linear( 0, .0036 9.62%, .0185 16.66%, .0489 23.03%, .0962 28.86%, .1705 34.93%, .269 40.66%, .3867 45.89%, .5833 52.95%, .683 57.05%, .7829 62.14%, .8621 67.46%, .8991 70.68%, .9299 74.03%, .9545 77.52%, .9735 81.21%, .9865 85%, .9949 89.15%, 1 );--timing-power2-in: linear( 0, .0014 11.11%, .0071 19.24%, .0188 26.6%, .037 33.33%, .0634 39.87%, .0978 46.07%, .1407 52.02%, .1925 57.74%, .2559 63.49%, .3295 69.07%, .4135 74.5%, .5083 79.81%, .6141 85%, .7312 90.09%, 1 );--timing-power2-out: linear( 0, .2688 9.91%, .3859 15%, .4917 20.19%, .5865 25.5%, .6705 30.93%, .7441 36.51%, .8075 42.26%, .8593 47.98%, .9022 53.93%, .9366 60.13%, .963 66.67%, .9812 73.4%, .9929 80.76%, .9986 88.89%, 1 );--timing-power3: linear( 0, .0029 13.8%, .0184 21.9%, .0339 25.51%, .0551 28.81%, .0827 31.88%, .1168 34.76%, .1962 39.57%, .3005 44.02%, .4084 47.53%, .6242 53.45%, .7493 57.93%, .8495 62.97%, .8888 65.67%, .9213 68.51%, .9629 73.9%, .9876 80.16%, .998 87.5%, 1 );--timing-power3-in: linear( 0, .0039 25%, .0117 32.89%, .0248 39.68%, .0457 46.22%, .0743 52.21%, .1113 57.77%, .1575 63%, .218 68.33%, .2901 73.39%, .3745 78.23%, .4718 82.88%, .5827 87.37%, .7074 91.71%, .8462 95.91%, 1 );--timing-power3-out: linear( 0, .1538 4.09%, .2926 8.29%, .4173 12.63%, .5282 17.12%, .6255 21.77%, .7099 26.61%, .782 31.67%, .8425 37%, .8887 42.23%, .9257 47.79%, .9543 53.78%, .9752 60.32%, .9883 67.11%, .9961 75%, 1 );--timing-power4: linear( 0, .0012 14.95%, .0089 22.36%, .0297 28.43%, .0668 33.43%, .0979 36.08%, .1363 38.55%, .2373 43.07%, .3675 47.01%, .5984 52.15%, .7121 55.23%, .8192 59.21%, .898 63.62%, .9297 66.23%, .9546 69.06%, .9733 72.17%, .9864 75.67%, .9982 83.73%, 1 );--timing-power4-in: linear( 0, .0024 29.91%, .008 38.03%, .0179 44.72%, .035 51.16%, .0595 56.88%, .0922 62.08%, .1338 66.88%, .1914 71.85%, .262 76.5%, .3461 80.88%, .4447 85.04%, .5587 89.01%, .689 92.82%, .8359 96.48%, 1 );--timing-power4-out: linear( 0, .1641 3.52%, .311 7.18%, .4413 10.99%, .5553 14.96%, .6539 19.12%, .738 23.5%, .8086 28.15%, .8662 33.12%, .9078 37.92%, .9405 43.12%, .965 48.84%, .9821 55.28%, .992 61.97%, .9976 70.09%, 1 );--timing-quad: linear( 0, .0027, .0106 7.29%, .0425, .0957, .1701 29.16%, .2477, .3401 41.23%, .5982 55.18%, .7044 61.56%, .7987, .875 75%, .9297, .9687, .9922, 1 );--timing-quad-in: linear( 0, .0039, .0156, .0352, .0625, .0977, .1407, .1914, .2499, .3164, .3906 62.5%, .5625, .7656, 1 );--timing-quad-out: linear( 0, .2342, .4374, .6093 37.49%, .6835, .7499, .8086, .8593, .9023, .9375, .9648, .9844, .9961, 1 );--timing-sine: linear( 0, .007 5.35%, .0282 10.75%, .0638 16.26%, .1144 21.96%, .1833 28.16%, .2717 34.9%, .6868 62.19%, .775 68.54%, .8457 74.3%, .9141 81.07%, .9621 87.52%, .9905 93.8%, 1 );--timing-sine-in: linear( 0, .0035, .0141 10.7%, .0318 16.09%, .0566 21.51%, .0885 26.98%, .1278 32.53%, .2288 43.93%, .3563 55.48%, .5171 67.92%, .7139 81.53%, 1 );--timing-sine-out: linear( 0, .2861 18.47%, .4829 32.08%, .6437 44.52%, .7712 56.07%, .8722 67.47%, .9115 73.02%, .9434 78.49%, .9682 83.91%, .9859 89.3%, .9965, 1 )}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-900)}h2{--font-size: var(--font-size-800)}h3{--font-size: var(--font-size-700)}h4{--font-size: var(--font-size-600)}h5{--font-size: var(--font-size-500)}b,strong{--color: var(--color-text-400);--font-weight: var(--font-weight-500)}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;text-wrap:balance;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}}
|
|
1
|
+
@layer components {:root{--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:10px;--border-radius-600:12px;--border-radius-700:16px;--border-radius-800:20px;--border-width-400:1px;--border-width-500:2px;--border-width-600:3px;--border-width-700:4px;--box-shadow-100:0 1px 2px 0 #1012213d;--box-shadow-200:0 1px 3px 0 #1012213d,0 1px 2px -1px #1012213d;--box-shadow-300:0 4px 6px -1px #1012213d,0 2px 4px -2px #1012213d;--box-shadow-400:0 10px 15px -3px #1012213d,0 10px 15px -3px #1012213d,0 4px 6px -4px #1012213d;--box-shadow-500:0 20px 25px -5px #1012213d,0 8px 10px -6px #1012213d;--box-shadow-600:0 25px 50px -12px #0102093d;--box-shadow-glow:0px 0px 128px 32px var(--box-shadow-color,#fff),0px 0px 32px 8px var(--box-shadow-color,#fff),0px 0px 8px 0px var(--box-shadow-color,#fff);--color-black-300:#101221;--color-black-400:#020412;--color-black-500:#010209;--color-blue-300:#3755ff;--color-blue-400:#2545ff;--color-blue-500:#1e3def;--color-border-300:#bec3dd;--color-border-400:#b4b9d2;--color-border-500:#a5a9c2;--color-green-300:#6aff5c;--color-green-400:#15ff00;--color-green-500:#13eb00;--color-grey-300:#f4f9ff;--color-grey-400:#e7f1fa;--color-grey-500:#d4dde6;--color-purple-300:#7d15ff;--color-purple-400:#7300ff;--color-purple-500:#6a00eb;--color-red-300:#ff2a3d;--color-red-400:#ff0017;--color-red-500:#eb0015;--color-text-300:#1e243f;--color-text-400:#171d39;--color-text-500:#121832;--color-white-300:#fff;--color-white-400:#fff;--color-white-500:#fff;--color-yellow-300:#fbff5e;--color-yellow-400:#f9ff00;--color-yellow-500:#e3eb00;--font-size-100:clamp(.48rem,-.16vi + .52rem,.38rem);--font-size-200:clamp(.56rem,-.09vi + .58rem,.5rem);--font-size-300:clamp(.65rem,.03vi + .64rem,.66rem);--font-size-400:clamp(.75rem,.2vi + .7rem,.88rem);--font-size-500:clamp(.87rem,.46vi + .76rem,1.16rem);--font-size-600:clamp(1.01rem,.82vi + .8rem,1.52rem);--font-size-700:clamp(1.17rem,1.35vi + .83rem,2.01rem);--font-size-800:clamp(1.36rem,2.08vi + .84rem,2.66rem);--font-size-900:clamp(1.58rem,3.09vi + .8rem,3.51rem);--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;--spacer-200:60px;--spacer-300:80px;--spacer-400:120px;--spacer-500:160px;--spacer-600:180px;--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;--transition-duration:.16s;--timing-back:linear(0,-.0059 4.51%,-.0418 15.63%,-.0499 20.72%,-.0476 23.51%,-.0395 26.12%,-.0255 28.59%,-.0055 30.95%,.0281 33.76%,.0717 36.47%,.1901 41.63%,.344 46.32%,.6156 52.65%,.7495 56.35%,.8757 60.97%,.9663 65.85%,1.0006 68.58%,1.0256 71.43%,1.0417 74.43%,1.0493 77.65%,1.0452 83.02%,1.0077 94.8%,1);--timing-back-in:linear(0,-.0029 4.31%,-.0119 9.02%,-.0837 31.27%,-.0954 36.64%,-.0998 41.45%,-.0951 47.03%,-.079 52.25%,-.051 57.19%,-.0108 61.92%,.0515 67.19%,.1312 72.27%,.2286 77.18%,.3445 81.96%,.4792 86.62%,.633 91.17%,.8066 95.63%,1);--timing-back-out:linear(0,.1934 4.37%,.367 8.83%,.5208 13.38%,.6555 18.04%,.7714 22.82%,.8688 27.73%,.9485 32.81%,1.0108 38.08%,1.051 42.81%,1.079 47.75%,1.0951 52.97%,1.0998 58.55%,1.0954 63.36%,1.0837 68.73%,1.0119 90.98%,1.0029 95.69%,1);--timing-bounce:linear(0,.0078,0,.0235,.0313,.0235,.0001 13.63%,.0549 15.92%,.0938,.1172,.125,.1172,.0939 27.26%,.0554 29.51%,.0003 31.82%,.2192,.3751 40.91%,.4332,.4734 45.8%,.4947 48.12%,.5027 51.35%,.5153 53.19%,.5437,.5868 57.58%,.6579,.7504 62.87%,.9999 68.19%,.9453,.9061,.8828,.875,.8828,.9063,.9451 84.08%,.9999 86.37%,.9765,.9688,.9765,1,.9922,1);--timing-bounce-in:linear(0,.0117,.0156,.0117,0,.0273,.0468,.0586,.0625,.0586,.0468,.0273,0 27.27%,.1093,.1875 36.36%,.2148,.2343,.2461,.25,.2461,.2344,.2148 52.28%,.1875 54.55%,.1095,0,.2341,.4375,.6092,.75,.8593,.9375 90.91%,.9648,.9843,.9961,1);--timing-bounce-out:linear(0,.0039,.0157,.0352,.0625 9.09%,.1407,.25,.3908,.5625,.7654,1,.8907,.8125 45.45%,.7852,.7657,.7539,.75,.7539,.7657,.7852,.8125 63.64%,.8905,1 72.73%,.9727,.9532,.9414,.9375,.9414,.9531,.9726,1,.9883,.9844,.9883,1);--timing-circ:linear(0,.0033 5.75%,.0132 11.43%,.0296 16.95%,.0522 22.25%,.0808 27.25%,.1149 31.89%,.1542 36.11%,.1981 39.85%,.2779 44.79%,.3654 48.15%,.4422 49.66%,.5807 50.66%,.6769 53.24%,.7253 55.37%,.7714 58.01%,.8142 61.11%,.8536 64.65%,.9158 72.23%,.9619 80.87%,.9904 90.25%,1);--timing-circ-in:linear(0,.0048 9.8%,.0192 19.5%,.043 29.02%,.0761 38.26%,.1181 47.13%,.1685 55.56%,.227 63.44%,.2929 70.71%,.3656 77.3%,.4445 83.15%,.5285 88.19%,.6173 92.39%,.7099 95.7%,.805 98.08%,.9021 99.52%,1);--timing-circ-out:linear(0,.0979 0.48%,.195 1.92%,.2901 4.3%,.3827 7.61%,.4715 11.81%,.5555 16.85%,.6344 22.7%,.7071 29.29%,.773 36.56%,.8315 44.44%,.8819 52.87%,.9239 61.74%,.957 70.98%,.9808 80.5%,.9952 90.2%,1);--timing-elastic:linear(0,-.0028 13.88%,.0081 21.23%,.002 23.37%,-.0208 27.14%,-.023 28.64%,-.0178,-.0061 30.83%,.0588 34.64%,.0651 35.39%,.0653 36.07%,.0514,.0184 38.3%,-.1687 42.21%,-.1857 43.04%,-.181 43.8%,-.1297 44.93%,-.0201 46.08%,1.0518 54.2%,1.1471,1.1853 56.48%,1.1821 57.25%,1.1573 58.11%,.9709 62%,.9458,.9347 63.92%,.9349 64.61%,.9412 65.36%,1.0061 69.17%,1.0178,1.023 71.36%,1.0208 72.86%,.998 76.63%,.9919 78.77%,1.0028 86.12%,1);--timing-elastic-in:linear(0,.0019 13.34%,-.0056 27.76%,-.0012 31.86%,.0147 39.29%,.0161 42.46%,.0039 46.74%,-.0416 54.3%,-.046 57.29%,-.0357,-.0122 61.67%,.1176 69.29%,.1302 70.79%,.1306 72.16%,.1088 74.09%,.059 75.99%,-.0317 78.19%,-.3151 83.8%,-.3643 85.52%,-.3726,-.3705 87.06%,-.3463,-.2959 89.3%,-.1144 91.51%,.7822 97.9%,1);--timing-elastic-out:linear(0,.2178 2.1%,1.1144 8.49%,1.2959 10.7%,1.3463 11.81%,1.3705 12.94%,1.3726,1.3643 14.48%,1.3151 16.2%,1.0317 21.81%,.941 24.01%,.8912 25.91%,.8694 27.84%,.8698 29.21%,.8824 30.71%,1.0122 38.33%,1.0357,1.046 42.71%,1.0416 45.7%,.9961 53.26%,.9839 57.54%,.9853 60.71%,1.0012 68.14%,1.0056 72.24%,.9981 86.66%,1);--timing-expo:linear(0,.0053 17.18%,.0195 26.59%,.0326 30.31%,.0506 33.48%,.0744 36.25%,.1046 38.71%,.1798 42.62%,.2846 45.93%,.3991 48.37%,.6358 52.29%,.765 55.45%,.8622 59.3%,.8986 61.51%,.9279 63.97%,.9481 66.34%,.9641 69.01%,.9856 75.57%,.9957 84.37%,1);--timing-expo-in:linear(0,.0085 31.26%,.0167 40.94%,.0289 48.86%,.0471 55.92%,.0717 61.99%,.1038 67.32%,.1443 72.07%,.1989 76.7%,.2659 80.89%,.3465 84.71%,.4419 88.22%,.554 91.48%,.6835 94.51%,.8316 97.34%,1);--timing-expo-out:linear(0,.1684 2.66%,.3165 5.49%,.446 8.52%,.5581 11.78%,.6535 15.29%,.7341 19.11%,.8011 23.3%,.8557 27.93%,.8962 32.68%,.9283 38.01%,.9529 44.08%,.9711 51.14%,.9833 59.06%,.9915 68.74%,1);--timing-none:linear(0,1);--timing-power1:linear(0,.0027,.0106 7.29%,.0425,.0957,.1701 29.16%,.2477,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987,.875 75%,.9297,.9687,.9922,1);--timing-power1-in:linear(0,.0039,.0156,.0352,.0625,.0977,.1407,.1914,.2499,.3164,.3906 62.5%,.5625,.7656,1);--timing-power1-out:linear(0,.2342,.4374,.6093 37.49%,.6835,.7499,.8086,.8593,.9023,.9375,.9648,.9844,.9961,1);--timing-power2:linear(0,.0036 9.62%,.0185 16.66%,.0489 23.03%,.0962 28.86%,.1705 34.93%,.269 40.66%,.3867 45.89%,.5833 52.95%,.683 57.05%,.7829 62.14%,.8621 67.46%,.8991 70.68%,.9299 74.03%,.9545 77.52%,.9735 81.21%,.9865 85%,.9949 89.15%,1);--timing-power2-in:linear(0,.0014 11.11%,.0071 19.24%,.0188 26.6%,.037 33.33%,.0634 39.87%,.0978 46.07%,.1407 52.02%,.1925 57.74%,.2559 63.49%,.3295 69.07%,.4135 74.5%,.5083 79.81%,.6141 85%,.7312 90.09%,1);--timing-power2-out:linear(0,.2688 9.91%,.3859 15%,.4917 20.19%,.5865 25.5%,.6705 30.93%,.7441 36.51%,.8075 42.26%,.8593 47.98%,.9022 53.93%,.9366 60.13%,.963 66.67%,.9812 73.4%,.9929 80.76%,.9986 88.89%,1);--timing-power3:linear(0,.0029 13.8%,.0184 21.9%,.0339 25.51%,.0551 28.81%,.0827 31.88%,.1168 34.76%,.1962 39.57%,.3005 44.02%,.4084 47.53%,.6242 53.45%,.7493 57.93%,.8495 62.97%,.8888 65.67%,.9213 68.51%,.9629 73.9%,.9876 80.16%,.998 87.5%,1);--timing-power3-in:linear(0,.0039 25%,.0117 32.89%,.0248 39.68%,.0457 46.22%,.0743 52.21%,.1113 57.77%,.1575 63%,.218 68.33%,.2901 73.39%,.3745 78.23%,.4718 82.88%,.5827 87.37%,.7074 91.71%,.8462 95.91%,1);--timing-power3-out:linear(0,.1538 4.09%,.2926 8.29%,.4173 12.63%,.5282 17.12%,.6255 21.77%,.7099 26.61%,.782 31.67%,.8425 37%,.8887 42.23%,.9257 47.79%,.9543 53.78%,.9752 60.32%,.9883 67.11%,.9961 75%,1);--timing-power4:linear(0,.0012 14.95%,.0089 22.36%,.0297 28.43%,.0668 33.43%,.0979 36.08%,.1363 38.55%,.2373 43.07%,.3675 47.01%,.5984 52.15%,.7121 55.23%,.8192 59.21%,.898 63.62%,.9297 66.23%,.9546 69.06%,.9733 72.17%,.9864 75.67%,.9982 83.73%,1);--timing-power4-in:linear(0,.0024 29.91%,.008 38.03%,.0179 44.72%,.035 51.16%,.0595 56.88%,.0922 62.08%,.1338 66.88%,.1914 71.85%,.262 76.5%,.3461 80.88%,.4447 85.04%,.5587 89.01%,.689 92.82%,.8359 96.48%,1);--timing-power4-out:linear(0,.1641 3.52%,.311 7.18%,.4413 10.99%,.5553 14.96%,.6539 19.12%,.738 23.5%,.8086 28.15%,.8662 33.12%,.9078 37.92%,.9405 43.12%,.965 48.84%,.9821 55.28%,.992 61.97%,.9976 70.09%,1);--timing-quad:linear(0,.0027,.0106 7.29%,.0425,.0957,.1701 29.16%,.2477,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987,.875 75%,.9297,.9687,.9922,1);--timing-quad-in:linear(0,.0039,.0156,.0352,.0625,.0977,.1407,.1914,.2499,.3164,.3906 62.5%,.5625,.7656,1);--timing-quad-out:linear(0,.2342,.4374,.6093 37.49%,.6835,.7499,.8086,.8593,.9023,.9375,.9648,.9844,.9961,1);--timing-sine:linear(0,.007 5.35%,.0282 10.75%,.0638 16.26%,.1144 21.96%,.1833 28.16%,.2717 34.9%,.6868 62.19%,.775 68.54%,.8457 74.3%,.9141 81.07%,.9621 87.52%,.9905 93.8%,1);--timing-sine-in:linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1);--timing-sine-out:linear(0,.2861 18.47%,.4829 32.08%,.6437 44.52%,.7712 56.07%,.8722 67.47%,.9115 73.02%,.9434 78.49%,.9682 83.91%,.9859 89.3%,.9965,1)}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-900)}h2{--font-size:var(--font-size-800)}h3{--font-size:var(--font-size-700)}h4{--font-size:var(--font-size-600)}h5{--font-size:var(--font-size-500)}b,strong{--color:var(--color-text-400);--font-weight:var(--font-weight-500)}body,html{width:100%;height:100%;overflow-x:hidden}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{width:var(--width);flex-wrap:wrap;place-content:flex-start;display:flex;position:relative}h1,h2,h3,h4,h5{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);text-wrap:balance;word-wrap:break-word;width:100%;margin:0;padding:0;position:relative}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{word-wrap:break-word;width:100%;margin:0;padding:0}pre{overflow-wrap:break-word;white-space:break-spaces;width:100%;margin:0;padding:0}sub,sup{font-size:.8em}sub{bottom:-.48em}sup{top:-.48em}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.row{
|
|
1
|
+
@layer components {.row{flex-wrap:wrap;justify-content:flex-start;width:100%;display:flex;position:relative}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.scrollbar{--background:
|
|
1
|
+
@layer components {.scrollbar{--background:transparent;--height:0;--translate:translate3d(0,0,0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration)ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width)*-1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.sidebar{--margin-horizontal:
|
|
1
|
+
@layer components {.sidebar{--margin-horizontal:0px;--margin-vertical:0px;--width:var(--width-default);--width-closed:var(--width-default);--width-default:320px}.sidebar:not(.--active):not(:hover){--width:var(--width-closed)}.sidebar--floating{--margin-horizontal:var(--size-100);--margin-vertical:var(--size-100)}.sidebar{top:var(--margin-vertical);bottom:var(--margin-vertical);cursor:default;height:calc(100% - var(--margin-vertical)*2);transition:max-width var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:min(var(--width),100% - var(--margin-horizontal)*2);z-index:9;position:absolute;overflow:hidden}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--margin-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--margin-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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.text{--color:
|
|
1
|
+
@layer components {.text{--color:var(--color-default,inherit);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration)ease-in-out;width:var(--width);position:relative}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.thumbnail{--background:
|
|
1
|
+
@layer components {.thumbnail{--background:transparent;--border-radius:var(--border-radius-300);--height:var(--size);--size:var(--size-700);--width:var(--size);background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width);background-position:50%;background-size:cover;position:relative}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.tooltip-content,.tooltip-message{--background:
|
|
1
|
+
@layer components {.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;--spacer:var(--size-300);--width:auto}.tooltip-arrow{--rotate-from:0deg;--rotate-to:90deg}.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)}.tooltip{cursor:pointer;z-index:0;position:relative}.tooltip.--active.tooltip--box:before{content:"";height:calc(100% + var(--spacer)*3);width:calc(100% + var(--spacer)*3);z-index:-1;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(var(--rotate-to))}.tooltip.--active,.tooltip:not(.--active):hover{z-index:9}.tooltip-arrow{transform:rotate(var(--rotate-from));margin:0 -1px}.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;transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);z-index:9;overflow:hidden}.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{transform-origin:50%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.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%)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));position:absolute}.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));transform-origin:0;position:absolute;transform:translateY(50%)}.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%)}.tooltip-content--en,.tooltip-message--en{transform-origin:0 0;top:0}.tooltip-content--es,.tooltip-message--es{transform-origin:0 100%;bottom:0}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));position:absolute}.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));transform-origin:bottom;position:absolute;right:50%;transform:translate(50%)}.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{transform-origin:100% 100%;right:0}.tooltip-content--nw,.tooltip-message--nw{transform-origin:0 100%;left:0}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{top:calc(100% - var(--spacer));position:absolute}.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{right:50%;top:calc(100% - var(--spacer));transform-origin:top;position:absolute;transform:translate(50%)}.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))}.tooltip-content--se,.tooltip-message--se{transform-origin:100% 0;right:0}.tooltip-content--sw,.tooltip-message--sw{transform-origin:0 0;left:0}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{right:calc(100% - var(--spacer));position:absolute}.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%;right:calc(100% - var(--spacer));transform-origin:100%;position:absolute;transform:translateY(50%)}.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{transform-origin:100% 0;top:0}.tooltip-content--ws,.tooltip-message--ws{transform-origin:100% 100%;bottom:0}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding-vertical)var(--padding-horizontal);pointer-events:none;white-space:nowrap;line-height:normal}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.typewriter:after{
|
|
1
|
+
@layer components {.typewriter:after{content:"|";animation:.64s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400{--margin-horizontal:
|
|
1
|
+
@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--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-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--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-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--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-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--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}.--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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--background-default{--background:
|
|
1
|
+
@layer css-utilities {.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--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)}.--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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color:
|
|
1
|
+
@layer css-utilities {.--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-radius-700{--border-radius:var(--border-radius-700)}.--border-radius-800{--border-radius:var(--border-radius-800)}.--border-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--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)}.--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)}.--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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--color-default{--color:
|
|
1
|
+
@layer css-utilities {.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--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)}.--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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--flex-center{
|
|
1
|
+
@layer css-utilities {.--flex-center{flex-wrap:wrap;place-content:center;display:flex}.--flex-column{flex-flow:column;display:flex}.--flex-end{flex-wrap:wrap;justify-content:flex-end;display:flex}.--flex-fill{flex:1;min-width:0;display:flex}.--flex-fixed{flex:0 0 var(--width);display:flex}.--flex-horizontal{flex-wrap:wrap;justify-content:center;display:flex}.--flex-horizontal-space-between{flex-wrap:wrap;justify-content:space-between;display:flex}.--flex-row{flex-flow:row;display:flex}.--flex-start{flex-wrap:wrap;justify-content:flex-start;display:flex}.--flex-vertical{flex-wrap:wrap;align-items:center;display:flex}.--flex-vertical-space-between{align-items:space-between;flex-wrap:wrap;display:flex}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--flicker{--from:
|
|
1
|
+
@layer css-utilities {.--flicker{--from:0;--to:1;--transition-duration:1s;animation:flicker var(--transition-duration)ease-in-out infinite}@keyframes flicker{0%,to{opacity:var(--from)}50%{opacity:var(--to)}}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--glass{--blur:
|
|
1
|
+
@layer css-utilities {.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--hidden,.--hidden-active.--active
|
|
1
|
+
@layer css-utilities {.--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--inline{
|
|
1
|
+
@layer css-utilities {.--inline{font-size:inherit;line-height:inherit;margin:0;padding:0;display:inline}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--line-height-100{--line-height:
|
|
1
|
+
@layer css-utilities {.--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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--size{--size:
|
|
1
|
+
@layer css-utilities {.--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)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--squircle{aspect-ratio:1;clip-path:polygon(100% 50%,99.95% 62.53%,99.8% 67.7%,99.56% 71.64%,99.21% 74.93%,98.76% 77.79%,98.21% 80.34%,97.56% 82.63%,96.81% 84.7%,95.94% 86.6%,94.97% 88.33%,93.89% 89.92%,92.69% 91.37%,91.37% 92.69%,89.92% 93.89%,88.33% 94.97%,86.6% 95.94%,84.7% 96.81%,82.63% 97.56%,80.34% 98.21%,77.79% 98.76%,74.93% 99.21%,71.64% 99.56%,67.7% 99.8%,62.53% 99.95%,50% 100%,37.47% 99.95%,32.3% 99.8%,28.36% 99.56%,25.07% 99.21%,22.21% 98.76%,19.66% 98.21%,17.37% 97.56%,15.3% 96.81%,13.4% 95.94%,11.67% 94.97%,10.08% 93.89%,8.63% 92.69%,7.31% 91.37%,6.11% 89.92%,5.03% 88.33%,4.06% 86.6%,3.19% 84.7%,2.44% 82.63%,1.79% 80.34%,1.24% 77.79%,.79% 74.93%,.44% 71.64%,.2% 67.7%,.05% 62.53%,0% 50%,.05% 37.47%,.2% 32.3%,.44% 28.36%,.79% 25.07%,1.24% 22.21%,1.79% 19.66%,2.44% 17.37%,3.19% 15.3%,4.06% 13.4%,5.03% 11.67%,6.11% 10.08%,7.31% 8.63%,8.63% 7.31%,10.08% 6.11%,11.67% 5.03%,13.4% 4.06%,15.3% 3.19%,17.37% 2.44%,19.66% 1.79%,22.21% 1.24%,25.07% .79%,28.36% .44%,32.3% .2%,37.47% .05%,50% 0%,62.53% .05%,67.7% .2%,71.64% .44%,74.93% .79%,77.79% 1.24%,80.34% 1.79%,82.63% 2.44%,84.7% 3.19%,86.6% 4.06%,88.33% 5.03%,89.92% 6.11%,91.37% 7.31%,92.69% 8.63%,93.89% 10.08%,94.97% 11.67%,95.94% 13.4%,96.81% 15.3%,97.56% 17.37%,98.21% 19.66%,98.76% 22.21%,99.21% 25.07%,99.56% 28.36%,99.8% 32.3%,99.95% 37.47%,100% 50%);width:var(--width,
|
|
1
|
+
@layer css-utilities {.--squircle{aspect-ratio:1;clip-path:polygon(100% 50%,99.95% 62.53%,99.8% 67.7%,99.56% 71.64%,99.21% 74.93%,98.76% 77.79%,98.21% 80.34%,97.56% 82.63%,96.81% 84.7%,95.94% 86.6%,94.97% 88.33%,93.89% 89.92%,92.69% 91.37%,91.37% 92.69%,89.92% 93.89%,88.33% 94.97%,86.6% 95.94%,84.7% 96.81%,82.63% 97.56%,80.34% 98.21%,77.79% 98.76%,74.93% 99.21%,71.64% 99.56%,67.7% 99.8%,62.53% 99.95%,50% 100%,37.47% 99.95%,32.3% 99.8%,28.36% 99.56%,25.07% 99.21%,22.21% 98.76%,19.66% 98.21%,17.37% 97.56%,15.3% 96.81%,13.4% 95.94%,11.67% 94.97%,10.08% 93.89%,8.63% 92.69%,7.31% 91.37%,6.11% 89.92%,5.03% 88.33%,4.06% 86.6%,3.19% 84.7%,2.44% 82.63%,1.79% 80.34%,1.24% 77.79%,.79% 74.93%,.44% 71.64%,.2% 67.7%,.05% 62.53%,0% 50%,.05% 37.47%,.2% 32.3%,.44% 28.36%,.79% 25.07%,1.24% 22.21%,1.79% 19.66%,2.44% 17.37%,3.19% 15.3%,4.06% 13.4%,5.03% 11.67%,6.11% 10.08%,7.31% 8.63%,8.63% 7.31%,10.08% 6.11%,11.67% 5.03%,13.4% 4.06%,15.3% 3.19%,17.37% 2.44%,19.66% 1.79%,22.21% 1.24%,25.07% .79%,28.36% .44%,32.3% .2%,37.47% .05%,50% 0%,62.53% .05%,67.7% .2%,71.64% .44%,74.93% .79%,77.79% 1.24%,80.34% 1.79%,82.63% 2.44%,84.7% 3.19%,86.6% 4.06%,88.33% 5.03%,89.92% 6.11%,91.37% 7.31%,92.69% 8.63%,93.89% 10.08%,94.97% 11.67%,95.94% 13.4%,96.81% 15.3%,97.56% 17.37%,98.21% 19.66%,98.76% 22.21%,99.21% 25.07%,99.56% 28.36%,99.8% 32.3%,99.95% 37.47%,100% 50%);width:var(--width,var(--size-800))}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--text-100{--font-size:
|
|
1
|
+
@layer css-utilities {.--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-900{--font-size:var(--font-size-900)}.--text-line-through,.--text-line-through-400{--line-width:var(--border-width-400)}.--text-line-through-500{--line-width:var(--border-width-500)}.--text-line-through-600{--line-width:var(--border-width-600)}.--text-line-through-700{--line-width:var(--border-width-700)}.--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-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:"";width:100%;height:0;display:block}.--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-line-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--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:transparent;-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-truncate{line-height:var(--size);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.--text-underline{text-decoration:underline}.--text-underline-dotted{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.--text-uppercase{text-transform:uppercase}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--viewport{
|
|
1
|
+
@layer css-utilities {.--viewport{height:calc(100svh - var(--margin-vertical,0px)*2);width:calc(100vw - var(--margin-horizontal,0px)*2);overflow:hidden}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer css-utilities {.--width-full{--width:
|
|
1
|
+
@layer css-utilities {.--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(
|
|
1
|
+
@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(/fonts/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Regular.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(/fonts/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Italic.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(/fonts/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Medium.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(/fonts/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-MediumItalic.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(/fonts/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBold.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(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.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(/fonts/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Bold.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(/fonts/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer normalize {/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize
|
|
2
|
-
|
|
1
|
+
@layer normalize {/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */}
|
|
2
|
+
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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/package.json
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"@types/node": "^24.0.14",
|
|
13
13
|
"autoprefixer": "^10.4.21",
|
|
14
14
|
"glob": "^11.0.3",
|
|
15
|
+
"lightningcss": "^1.30.1",
|
|
15
16
|
"npm-run-all": "^4.1.5",
|
|
16
17
|
"sass": "^1.89.2",
|
|
17
18
|
"vite": "^7.0.4"
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
"private": false,
|
|
47
48
|
"sideEffects": false,
|
|
48
49
|
"type": "module",
|
|
49
|
-
"version": "0.15.
|
|
50
|
+
"version": "0.15.3",
|
|
50
51
|
"scripts": {
|
|
51
52
|
"build": "run-s build:vite build:ts",
|
|
52
53
|
"build:ts": "tsc && tsc-alias",
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
opacity var(--transition-duration) ease-in-out,
|
|
8
8
|
transform var(--transition-duration) ease-in-out;
|
|
9
9
|
transform-origin: center;
|
|
10
|
-
width: min(var(--max-width), calc(
|
|
10
|
+
width: min(var(--max-width), calc(100% - (var(--margin-horizontal) * 2)));
|
|
11
11
|
z-index: 9;
|
|
12
12
|
|
|
13
13
|
@include tokens.state(inactive) {
|
|
14
14
|
opacity: 0;
|
|
15
15
|
pointer-events: none;
|
|
16
|
-
transform:
|
|
16
|
+
transform: translateY(var(--margin-vertical)) scale(0.8);
|
|
17
17
|
|
|
18
18
|
input[type='password'] {
|
|
19
19
|
display: none;
|
|
@@ -4,8 +4,11 @@
|
|
|
4
4
|
.overlay {
|
|
5
5
|
@include lib.position(fixed, full);
|
|
6
6
|
cursor: default;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-wrap: wrap;
|
|
9
|
+
justify-content: flex-start;
|
|
7
10
|
overflow: hidden;
|
|
8
|
-
z-index:
|
|
11
|
+
z-index: 9;
|
|
9
12
|
|
|
10
13
|
|
|
11
14
|
@include tokens.state(inactive) {
|
|
@@ -13,10 +16,4 @@
|
|
|
13
16
|
display: none;
|
|
14
17
|
}
|
|
15
18
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
&-content {
|
|
19
|
-
flex: 0 0 var(--width-default);
|
|
20
|
-
width: var(--width-default);
|
|
21
|
-
}
|
|
22
19
|
}
|
package/vite.config.ts
CHANGED
|
@@ -5,6 +5,7 @@ import autoprefixer from 'autoprefixer';
|
|
|
5
5
|
|
|
6
6
|
export default defineConfig({
|
|
7
7
|
build: {
|
|
8
|
+
cssMinify: 'lightningcss',
|
|
8
9
|
outDir: 'build',
|
|
9
10
|
rollupOptions: {
|
|
10
11
|
input: [
|
|
@@ -65,6 +66,7 @@ export default defineConfig({
|
|
|
65
66
|
plugins: [
|
|
66
67
|
autoprefixer()
|
|
67
68
|
]
|
|
68
|
-
}
|
|
69
|
+
},
|
|
70
|
+
transformer: 'lightningcss'
|
|
69
71
|
},
|
|
70
72
|
});
|