@mrxploder/saxvue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Luis Arancibia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,236 @@
+# SaxVue
+
+A Vue 3 UI component library. All components are globally available after `app.use(SaxVue)` and use the `sv-*` element naming convention.
+
+## Install
+
+```bash
+npm install @mrxploder/saxvue
+# or
+pnpm add @mrxploder/saxvue
+# or
+yarn add @mrxploder/saxvue
+```
+
+## Setup
+
+Register the plugin in your app entry point:
+
+```ts
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import SaxVue from '@mrxploder/saxvue';
+import '@mrxploder/saxvue/dist/base.css';
+
+const app = createApp(App);
+app.use(SaxVue);
+app.mount('#app');
+```
+
+After `app.use(SaxVue)` every `sv-*` component is available globally — no per-component import needed.
+
+## Components
+
+### Buttons
+
+```vue
+<sv-button color="primary">Primary</sv-button>
+<sv-button color="danger" flat>Danger flat</sv-button>
+<sv-button color="success" border>Success border</sv-button>
+<sv-button loading>Loading state</sv-button>
+```
+
+### Input
+
+```vue
+<sv-input v-model="value" label="Name" placeholder="Enter your name" />
+<sv-input v-model="value" label="Password" type="password" />
+```
+
+### Select
+
+```vue
+<sv-select v-model="selected" label="Fruit">
+  <sv-option value="apple">Apple</sv-option>
+  <sv-option value="banana">Banana</sv-option>
+  <sv-option value="cherry">Cherry</sv-option>
+</sv-select>
+```
+
+### Checkbox / Switch / Radio
+
+```vue
+<sv-checkbox v-model="checked" label="Accept terms" />
+<sv-switch v-model="active" label="Enable notifications" />
+<sv-radio v-model="picked" val="a" label="Option A" />
+```
+
+### Avatar
+
+```vue
+<sv-avatar>
+  <img src="/avatar.png" alt="User" />
+</sv-avatar>
+
+<sv-avatar-group max="3">
+  <sv-avatar v-for="u in users" :key="u.id">
+    <img :src="u.avatar" :alt="u.name" />
+  </sv-avatar>
+</sv-avatar-group>
+```
+
+### Tooltip / Alert / Dialog
+
+```vue
+<sv-tooltip text="Helpful tip"><sv-button>Hover me</sv-button></sv-tooltip>
+
+<sv-alert color="success">File saved successfully.</sv-alert>
+
+<sv-dialog v-model="open" title="Confirm">Are you sure?</sv-dialog>
+```
+
+### Pagination
+
+```vue
+<sv-pagination v-model="page" :total-items="200" :items-per-page="10" />
+```
+
+### Table
+
+```vue
+<sv-table :data="rows" v-model:search="search">
+  <template #header>
+    <sv-th sort-key="name">Name</sv-th>
+    <sv-th sort-key="email">Email</sv-th>
+  </template>
+  <template #tbody="{ data }">
+    <sv-tr v-for="row in data" :key="row.id" :data="row">
+      <sv-td>{{ row.name }}</sv-td>
+      <sv-td>{{ row.email }}</sv-td>
+    </sv-tr>
+  </template>
+</sv-table>
+```
+
+### Navbar
+
+```vue
+<sv-navbar>
+  <template #left>
+    <sv-navbar-group>
+      <sv-navbar-item to="/">Home</sv-navbar-item>
+      <sv-navbar-item to="/about">About</sv-navbar-item>
+    </sv-navbar-group>
+  </template>
+</sv-navbar>
+```
+
+### Sidebar
+
+```vue
+<sv-sidebar v-model="sidebarOpen">
+  <sv-sidebar-group>
+    <sv-sidebar-item>Dashboard</sv-sidebar-item>
+    <sv-sidebar-item>Settings</sv-sidebar-item>
+  </sv-sidebar-group>
+</sv-sidebar>
+```
+
+### Card
+
+```vue
+<sv-card>
+  <template #title>Card title</template>
+  <template #text>Card body content</template>
+  <template #buttons>
+    <sv-button flat>Cancel</sv-button>
+    <sv-button color="primary">OK</sv-button>
+  </template>
+</sv-card>
+```
+
+## Layout Grid
+
+`SvRow` and `SvCol` are globally registered alongside all other components.
+
+```vue
+<sv-row justify="space-between" align="stretch" style="gap: 12px">
+  <sv-col w="4">Column 1</sv-col>
+  <sv-col w="4">Column 2</sv-col>
+  <sv-col w="4">Column 3</sv-col>
+</sv-row>
+```
+
+`SvCol` props: `w` (1–12), `offset`, `order`, `lg`, `sm`, `xs`, `type`, `justify`.
+
+## Global Helper – `$sv`
+
+After `app.use(SaxVue)` every component instance has access to `this.$sv`:
+
+```ts
+// Loading overlay
+const handle = this.$sv.loading({ text: 'Saving…' });
+handle.close();
+
+// Notification toast
+this.$sv.notification({ title: 'Saved', text: 'Your changes have been saved.' });
+
+// Theme
+this.$sv.toggleTheme();
+this.$sv.setTheme('dark');
+
+// Set a named theme color
+this.$sv.setColor('primary', '#6C63FF');
+
+// Table helpers
+const page = this.$sv.getPage(data, 1, 10);
+const total = this.$sv.getLength(data, 10);
+const hits = this.$sv.getSearch(data, 'alice');
+```
+
+## Color Props
+
+All components accept these color props:
+
+| Prop      | Description                     |
+| --------- | ------------------------------- |
+| `color`   | Any CSS color, hex, or var name |
+| `primary` | Boolean shorthand for primary   |
+| `success` | Boolean shorthand for success   |
+| `danger`  | Boolean shorthand for danger    |
+| `warn`    | Boolean shorthand for warn      |
+| `dark`    | Boolean shorthand for dark      |
+
+## Dark Mode
+
+```ts
+this.$sv.toggleTheme(); // toggle
+this.$sv.setTheme('dark'); // explicit
+this.$sv.setTheme('light');
+```
+
+## Tree-shaking (per-component imports)
+
+```ts
+import svButton from '@mrxploder/saxvue/dist/svButton/index.js';
+import svInput from '@mrxploder/saxvue/dist/svInput/index.js';
+
+app.use(svButton);
+app.use(svInput);
+```
+
+## Development
+
+```bash
+npm install
+npm run storybook:dev    # Storybook dev server → http://localhost:6006
+npm test                 # Jest unit tests (384 tests, 18 suites)
+npm run build            # Production build → dist/
+npm run lint             # ESLint
+```
+
+## License
+
+MIT © MrXploder

package/dist/base.css

@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--sv-primary:25,91,255;--sv-warn:255,186,0;--sv-danger:255,71,87;--sv-success:70,201,58;--sv-dark:30,30,30;--sv-light:244,247,248;--sv-color:17,18,20;--sv-facebook:59,89,153;--sv-twitter:29,161,242;--sv-youtube:255,0,0;--sv-pinterest:189,8,28;--sv-linkedin:0,119,181;--sv-snapchat:255,252,0;--sv-whatsapp:37,211,102;--sv-tumblr:54,70,93;--sv-reddit:255,69,0;--sv-spotify:30,215,96;--sv-amazon:255,153,0;--sv-medium:2,184,117;--sv-vimeo:26,183,234;--sv-skype:0,175,240;--sv-dribbble:234,76,137;--sv-slack:74,21,75;--sv-yahoo:67,2,151;--sv-twitch:100,65,164;--sv-discord:114,137,218;--sv-telegram:0,136,204;--sv-google-plus:219,68,55;--sv-messenger:0,132,255;--sv-background:255,255,255;--sv-text:44,62,80;--sv-gray-1:249,252,253;--sv-gray-2:244,247,248;--sv-gray-3:240,243,244;--sv-gray-4:230,233,234}[class*="--default"],[class*="--primary"]{--sv-color:var(--sv-primary)}[class*="--danger"]{--sv-color:var(--sv-danger)}[class*="--success"]{--sv-color:var(--sv-success)}[class*="--dark"]{--sv-color:var(--sv-dark)}[class*="--warn"]{--sv-color:var(--sv-warn)}:root{--sv-shadow-opacity:0.05;--sv-radius:20px;--sv-zindex-1:100000;--sv-zindex-2:99000;--sv-zindex-3:98000;--sv-zindex-4:97000;--sv-background-opacity:0.2;--sv-font-family:"Poppins",sans-serif}[vs-theme=dark]{--sv-background:30,32,35;--sv-text:255,255,255;--sv-gray-1:24,25,28;--sv-gray-2:20,20,23;--sv-gray-3:15,16,19;--sv-gray-4:10,11,14;--sv-shadow-opacity:0.3;--sv-dark:0,0,0;--sv-background-opacity:0.6}[vs-theme=dark] .sv-pagination-content.sv-component-dark .sv-pagination__active{--sv-color:255,255,255;color:-color("gray-3")}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent{color:-color("text")!important}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent:hover:before{background:-color("color",.2)}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent.sv-button--active:before{background:-color("color",-var("background-opacity"))}[vs-theme=dark] .vs-ripple,[vs-theme=dark] .vs-ripple-content,[vs-theme=dark] .vs-ripple-invert{--sv-color:0,0,0}[vs-theme=dark] .sv-loading{--sv-background:0,0,0}[vs-theme=dark] .sv-input-parent--state-dark{--sv-dark:255,255,255!important}[vs-theme=dark] .sv-input-parent--state-dark .sv-input{background:#000!important}[vs-theme=dark] .sv-component-dark{--sv-color:0,0,0!important}[vs-theme=dark] .sv-component-dark .sv-avatar{color:#fff!important}[vs-theme=dark] .sv-component-dark.sv-alert{--sv-color:0,0,0!important;background:-color("color",1)!important;color:-color("text",1)!important}button{cursor:pointer;outline:none}[disabled]{opacity:.6}input{outline:none}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}[class*=vs-]{box-sizing:border-box;font-family:var(--sv-font-family);list-style:none;outline:none}.vs-ripple-content{--sv-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,-color(color,.05),-color(color,.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:-color(color,1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,-color(color,.5),-color(color,0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.vs-remove-transition *,.vs-remove-transition :after,.vs-remove-transition :before{transition:all 0s!important}

package/dist/base.js

@@ -0,0 +1,2 @@
+/*! For license information please see base.js.LICENSE.txt */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("SaxVue",[],t):"object"==typeof exports?exports.SaxVue=t():e.SaxVue=t()}(Object("undefined"!=typeof self?self:this),()=>(()=>{"use strict";var e={};return e=e.default})());

package/dist/base.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/*!
+  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
+  * Released under the MIT License.
+  */

package/dist/base.min.css

@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--sv-primary:25,91,255;--sv-warn:255,186,0;--sv-danger:255,71,87;--sv-success:70,201,58;--sv-dark:30,30,30;--sv-light:244,247,248;--sv-color:17,18,20;--sv-facebook:59,89,153;--sv-twitter:29,161,242;--sv-youtube:255,0,0;--sv-pinterest:189,8,28;--sv-linkedin:0,119,181;--sv-snapchat:255,252,0;--sv-whatsapp:37,211,102;--sv-tumblr:54,70,93;--sv-reddit:255,69,0;--sv-spotify:30,215,96;--sv-amazon:255,153,0;--sv-medium:2,184,117;--sv-vimeo:26,183,234;--sv-skype:0,175,240;--sv-dribbble:234,76,137;--sv-slack:74,21,75;--sv-yahoo:67,2,151;--sv-twitch:100,65,164;--sv-discord:114,137,218;--sv-telegram:0,136,204;--sv-google-plus:219,68,55;--sv-messenger:0,132,255;--sv-background:255,255,255;--sv-text:44,62,80;--sv-gray-1:249,252,253;--sv-gray-2:244,247,248;--sv-gray-3:240,243,244;--sv-gray-4:230,233,234}[class*="--default"],[class*="--primary"]{--sv-color:var(--sv-primary)}[class*="--danger"]{--sv-color:var(--sv-danger)}[class*="--success"]{--sv-color:var(--sv-success)}[class*="--dark"]{--sv-color:var(--sv-dark)}[class*="--warn"]{--sv-color:var(--sv-warn)}:root{--sv-shadow-opacity:0.05;--sv-radius:20px;--sv-zindex-1:100000;--sv-zindex-2:99000;--sv-zindex-3:98000;--sv-zindex-4:97000;--sv-background-opacity:0.2;--sv-font-family:"Poppins",sans-serif}[vs-theme=dark]{--sv-background:30,32,35;--sv-text:255,255,255;--sv-gray-1:24,25,28;--sv-gray-2:20,20,23;--sv-gray-3:15,16,19;--sv-gray-4:10,11,14;--sv-shadow-opacity:0.3;--sv-dark:0,0,0;--sv-background-opacity:0.6}[vs-theme=dark] .sv-pagination-content.sv-component-dark .sv-pagination__active{--sv-color:255,255,255;color:-color("gray-3")}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent{color:-color("text")!important}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent:hover:before{background:-color("color",.2)}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent.sv-button--active:before{background:-color("color",-var("background-opacity"))}[vs-theme=dark] .vs-ripple,[vs-theme=dark] .vs-ripple-content,[vs-theme=dark] .vs-ripple-invert{--sv-color:0,0,0}[vs-theme=dark] .sv-loading{--sv-background:0,0,0}[vs-theme=dark] .sv-input-parent--state-dark{--sv-dark:255,255,255!important}[vs-theme=dark] .sv-input-parent--state-dark .sv-input{background:#000!important}[vs-theme=dark] .sv-component-dark{--sv-color:0,0,0!important}[vs-theme=dark] .sv-component-dark .sv-avatar{color:#fff!important}[vs-theme=dark] .sv-component-dark.sv-alert{--sv-color:0,0,0!important;background:-color("color",1)!important;color:-color("text",1)!important}button{cursor:pointer;outline:none}[disabled]{opacity:.6}input{outline:none}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}[class*=vs-]{box-sizing:border-box;font-family:var(--sv-font-family);list-style:none;outline:none}.vs-ripple-content{--sv-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,-color(color,.05),-color(color,.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:-color(color,1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,-color(color,.5),-color(color,0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.vs-remove-transition *,.vs-remove-transition :after,.vs-remove-transition :before{transition:all 0s!important}

package/dist/base.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see base.min.js.LICENSE.txt */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("SaxVue",[],t):"object"==typeof exports?exports.SaxVue=t():e.SaxVue=t()}(Object("undefined"!=typeof self?self:this),()=>(()=>{"use strict";var e={};return e=e.default})());

package/dist/base.min.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/*!
+  * SaxVue v0.1.0 by MrXploder 🖖 (https://github.com/MrXploder/saxvue)
+  * Original proyect by Luis Daniel Rovira (https://lusaxweb.github.io/saxvue/)
+  * Released under the MIT License.
+  */

package/dist/saxvue.css

@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.sv-button{--sv-color:"";--sv-color-rotate:var(--sv-primary);--sv-color-darken:var(--sv-primary);--sv-button-padding:8px 12px;--sv-button-margin:5px;--sv-button-border-radius:12px;--sv-button-text-color:#fff;align-items:center;border:0;border-radius:-var(button-border-radius);box-sizing:border-box;display:flex;font-size:.8rem;justify-content:center;margin:-var(button-margin);outline:none;overflow:hidden;padding:0;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.sv-button.sv-component-dark.sv-button--transparent{color:-color("text")!important}.sv-button--fff:focus{color:#1e1e1e!important}.sv-button__content{align-items:center;display:flex;justify-content:center;padding:-var(button-padding);width:100%}.sv-button--active-disabled{opacity:.6;pointer-events:none}.sv-button:disabled{opacity:.35;pointer-events:none}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content i{font-size:1.15rem}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__content{transform:translate(-100%)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive):hover .sv-button__animate{transform:translate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__content{opacity:0;transform:translateY(-100%)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-vertical:hover .sv-button__animate{transform:translate(0)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__content{opacity:0;transform:scale(1.4)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-scale:hover .sv-button__animate{opacity:1;transform:scale(1)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__content{opacity:0;transform:rotate(180deg)!important}.sv-button.sv-button--animate:not(.sv-button--animate-inactive).sv-button--animate-rotate:hover .sv-button__animate{opacity:1;transform:rotate(0)}.sv-button.sv-button--animate:not(.sv-button--animate-inactive) .sv-button__content,.sv-button__animate{transition:transform .25s ease}.sv-button__animate{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transform:translate(100%);width:100%}.sv-button__animate--vertical{transform:translateY(100%)}.sv-button__animate--scale{opacity:0;transform:scale(.5)}.sv-button__animate--rotate{opacity:0;transform:rotate(-180deg)}.sv-button--block{display:block;width:100%}.sv-button--upload:after{animation:btnupload .7s ease infinite;background:-color("color",.4);box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1200}.sv-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-button .sv-button__loading{align-items:center;background:-color("color",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.sv-button .sv-button__loading:after{animation:btnload .6s linear infinite;border:2px solid hsla(0,0%,100%,0);border-left:2px dotted hsla(0,0%,100%,.6);border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button .sv-button__loading:before{animation:btnload .6s ease infinite;border:2px solid hsla(0,0%,100%,0);border-left-color:#fff;border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.sv-button--size-xl{border-radius:20px}.sv-button--size-xl .sv-button__content{font-size:1.1rem;padding:15px 20px}.sv-button--size-large{border-radius:15px;font-size:1rem}.sv-button--size-large .sv-button__content{padding:10px 15px}.sv-button--size-small{border-radius:9px;font-size:.75rem}.sv-button--size-small .sv-button__content{padding:5px 10px}.sv-button--size-mini{border-radius:7px;font-size:.6rem}.sv-button--size-mini .sv-button__content{padding:3px 8px}.sv-button--circle{border-radius:25px}.sv-button--square{border-radius:0}.sv-button--icon{align-items:center;display:flex;justify-content:center}.sv-button--icon .sv-button__content{padding:8px}.sv-button--icon i{font-size:1.15rem}.sv-button--default{background:-color(color,1);color:#fff}.sv-button--default.sv-button--active,.sv-button--default:hover{box-shadow:0 10px 20px -10px -color(color,1);transform:translateY(-3px)}.sv-button--flat{background:-color(color,.15);color:-color(color,1)}.sv-button--flat.sv-button--dark{color:-color(text,1)}.sv-button--flat:hover{background:-color(color,.25)}.sv-button--flat:focus{transition:all .25s ease,background .25s ease .25s}.sv-button--flat.sv-button--active,.sv-button--flat:focus,.sv-button--floating{background:-color(color,1);color:#fff}.sv-button--floating{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-3px)}.sv-button--floating:hover{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-6px)}.sv-button--floating.sv-button--active,.sv-button--floating:focus{box-shadow:0 0 0 0 -color(color,1);transform:translate(0)}.sv-button--border{background:-color(color,0);color:-color(color,1)}.sv-button--border:before{background:transparent;border:2px solid -color(color,1);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .25s ease;width:100%}.sv-button--border:hover:before{border:2px solid -color(color,.5)}.sv-button--border.sv-button--active,.sv-button--border:focus{background:-color(color,1);color:#fff}.sv-button--gradient{background:-color("color");color:#fff;overflow:hidden}.sv-button--gradient.sv-button--primary:before,.sv-button--gradient.sv-button--success:before{filter:hue-rotate(40deg)}.sv-button--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;box-sizing:border-box;content:"";filter:hue-rotate(-40deg);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:-1}.sv-button--gradient:hover{box-shadow:0 10px 20px -10px -color("color",.7);transform:translateY(-3px)}.sv-button--gradient:hover:before{opacity:0}.sv-button--gradient.sv-button--active{box-shadow:0 10px 20px -10px rgba(0,0,0,.35);transform:translateY(-3px)}.sv-button--relief{background:-color("color");color:#fff;overflow:hidden;transform:translate(0) scale(1)}.sv-button--relief .sv-button__content{transition:all .25s ease}.sv-button--relief.sv-button--icon.sv-button--active{height:auto}.sv-button--relief:before{border-bottom:3px solid -color("color");border-radius:inherit;bottom:0;box-sizing:border-box;content:"";filter:contrast(2) grayscale(.4);height:calc(100% - 3px);left:0;pointer-events:none;position:absolute;transition:all .4s ease;width:100%;z-index:-1}.sv-button--relief:active{transform:translateY(1px)}.sv-button--relief:active .sv-button__content{padding-bottom:6px}.sv-button--relief:active:before{border-bottom:0 solid -color("color")}.sv-button--relief.sv-button--active{transform:translateY(1px)}.sv-button--relief.sv-button--active .sv-button__content{padding-bottom:6px}.sv-button--relief.sv-button--active:before{border-bottom:0 solid -color("color")}.sv-button--transparent{background:transparent;color:-color("color");overflow:hidden}.sv-button--transparent:before{background:-color("color",.1);border-radius:inherit;bottom:0;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:all .25s ease;width:100%;z-index:-1}.sv-button--transparent:active:not(.sv-button--active):before{transform:scale(.9)!important}.sv-button--transparent:hover:before{opacity:1;transform:scale(1)}.sv-button--transparent.sv-button--active:before{background:-color("color",.2);opacity:1;transform:scale(1)}.sv-button--shadow{background:-color("background");box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");overflow:hidden}.sv-button--shadow:active:not(.sv-button--active){box-shadow:0 5px 15px 0 -rgba(0,0,0,-var(shadow-opacity))!important;transform:translateY(-1px)}.sv-button--shadow.sv-button--active,.sv-button--shadow:hover{box-shadow:0 8px 25px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-3px)}@keyframes btnload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes btnupload{0%{transform:translateY(110%)}to{transform:translateY(-110%)}}.sv-button-group{align-items:center;display:flex;justify-content:center}.sv-button-group .sv-button{margin:0}.sv-button-group .sv-button:not(:last-of-type):not(:first-of-type){border:0;border-radius:0}.sv-button-group .sv-button:not(:last-of-type):not(:first-of-type).sv-button--border:before{border-left:0;width:100%}.sv-button-group .sv-button:not(:last-of-type):not(:first-of-type).sv-button--border+.sv-button--border:not(:last-of-type):before{border-right:0;width:100%}.sv-button-group .sv-button:last-of-type{border-radius:0 12px 12px 0}.sv-button-group .sv-button:first-of-type{border-radius:12px 0 0 12px}.sv-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-close:before{transform:rotate(-45deg)}.sv-icon-close:after,.sv-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.sv-icon-close:after{transform:rotate(45deg)}.sv-icon-close.sv-icon-hover-less:hover:after,.sv-icon-close.sv-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.sv-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.sv-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.sv-icon-plus:after,.sv-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.sv-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.sv-icon-plus:hover:not(.less){transform:rotate(-90deg)}.sv-icon-plus.less:hover{transform:scale(.75)}.sv-icon-plus.less:after{transform:rotate(180deg)}.sv-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.sv-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.sv-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.sv-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.sv-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.sv-icon-check.active:before{width:8px}.sv-icon-check.active:after{width:4px}.sv-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.sv-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.sv-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.sv-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.sv-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.sv-icon-arrow:after{height:1px;width:100%}.sv-icon-arrow:after,.sv-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.sv-icon-arrow:before{height:100%;width:1px}.sv-alert{--sv-color:var(--sv-primary);background:-color("color",.1);border-radius:0 12px 12px 0;color:-color("color",1);font-size:.9rem;overflow:hidden;padding:0 20px;position:relative;transition:height .25s ease;width:100%;z-index:10}.sv-alert::-moz-selection{background:-color("color",.15)}.sv-alert::selection{background:-color("color",.15)}.sv-alert ::-moz-selection{background:-color("color",.15)}.sv-alert ::selection{background:-color("color",.15)}.sv-alert b{font-weight:600}.sv-alert a{color:inherit!important;text-decoration:underline}.sv-alert a:hover{opacity:.6}.sv-alert:after{background:-color("color",1);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.sv-alert--solid{background:-color("color",1);color:#fff}.sv-alert--solid .sv-alert__icon i{color:#fff}.sv-alert--solid .sv-alert__icon svg{fill:#fff}.sv-alert--solid .sv-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.sv-alert--solid .sv-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.sv-alert--solid .sv-alert__close svg{fill:#fff}.sv-alert--solid:after{background:hsla(0,0%,100%,.4)}.sv-alert--border{background:transparent}.sv-alert--border:before{border:1px solid -color("color",1);border-left:0;border-radius:inherit;content:"";height:calc(100% - 2px);left:0;position:absolute;top:0;width:calc(100% - 2px);z-index:-1}.sv-alert--shadow{background:transparent;box-shadow:0 4px 15px 0 -color("color",.12)}.sv-alert--gradient{background:-color("color",1);border-radius:12px;color:#fff}.sv-alert--gradient .sv-alert__icon i{color:#fff}.sv-alert--gradient .sv-alert__icon svg{fill:#fff}.sv-alert--gradient .sv-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.sv-alert--gradient .sv-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.sv-alert--gradient .sv-alert__close svg{fill:#fff}.sv-alert--gradient:after{display:none}.sv-alert--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;content:"";filter:hue-rotate(-50deg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-alert--flat{background:rgba(0,0,0,.03)}.sv-alert--relief{background:-color("color",1);border-radius:12px;box-shadow:6px 6px 0 0 -color("color",.3);color:#fff}.sv-alert--relief .sv-alert__icon i{color:#fff}.sv-alert--relief .sv-alert__icon svg{fill:#fff}.sv-alert--relief .sv-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.sv-alert--relief .sv-alert__close:hover{background:rgba(0,0,0,.2);box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.sv-alert--relief .sv-alert__close svg{fill:#fff}.sv-alert--relief:after{display:none}.sv-alert__title{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:15px}.sv-alert__title--clickHidden{cursor:pointer;padding-right:0}.sv-alert__title~.sv-alert__content .sv-alert__content__text{padding-top:0}.sv-alert__content{overflow:hidden;transition:height .25s ease}.sv-alert__content__text{padding:20px 15px}.sv-alert__close{align-items:center;background:transparent;border:0;border-radius:10px;box-shadow:0 0 0 0 -color("color",.3);color:-color("color");display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:6px;top:9px;transition:all .25s ease;width:30px}.sv-alert__close:hover{box-shadow:0 5px 18px 0 -color("color",.3);transform:translateY(-2px)}.sv-alert__close svg{fill:-color("color")}.sv-alert__footer{align-items:center;display:flex;justify-content:flex-end;padding:0 15px 10px;position:relative;width:100%}.sv-alert__icon{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding-left:2px;position:absolute;top:0;width:50px}.sv-alert__icon i{color:-color("color",1);font-size:1.3rem}.sv-alert__icon svg{fill:-color("color",1);height:24px;width:24px}.sv-alert__icon~.sv-alert__footer{padding-left:35px}.sv-alert__icon~.sv-alert__content{padding-left:20px}.sv-alert__icon~.sv-alert__title{padding-left:35px}.sv-alert__progress{background:-color("color",.2);bottom:0;height:2px;left:0;position:absolute;width:100%}.sv-alert__progress__bar{background:-color("color",1);height:100%;left:0;position:relative;transition:all .25s ease;width:30%}.sv-alert__pagination{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding:0 20px;position:relative}.sv-alert__pagination span{font-size:.8rem;margin:0 8px;min-width:28px;text-align:center}.sv-alert__pagination button{background:transparent;background:-color("color",.1);border:0;border-radius:8px;color:-color("color",1);font-size:1rem;padding:0 7px;transition:all .25s ease}.sv-alert__pagination button:hover{background:-color("color",1);color:#fff}.sv-input-parent{--sv-color:var(--sv-primary);align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.sv-input-parent.square .sv-input-content{border-radius:0!important}.sv-input-parent.textWhite .sv-input{color:#fff}.sv-input-parent.transparent .sv-input{background:transparent!important}.sv-input-parent.block,.sv-input-parent.block .sv-input{width:100%}.sv-input-parent--has-label{margin-top:20px!important}.sv-input-parent--state-success .sv-input{background:-color("success",.1)!important;color:-color("success",1)}.sv-input-parent--state-success .sv-input__label{color:-color("success",1)}.sv-input-parent--state-success .sv-input__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.sv-input-parent--state-danger .sv-input{background:-color("danger",.1)!important;color:-color("danger",1)}.sv-input-parent--state-danger .sv-input__label{color:-color("danger",1)}.sv-input-parent--state-danger .sv-input__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.sv-input-parent--state-warn .sv-input{background:-color("warn",.1)!important;color:-color("warn",1)}.sv-input-parent--state-warn .sv-input__label{color:-color("warn",1)}.sv-input-parent--state-warn .sv-input__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.sv-input-parent--state-dark .sv-input{background:-color("dark",.1)!important;color:-color("dark",1)}.sv-input-parent--state-dark .sv-input__label{color:-color("dark",1)}.sv-input-parent--state-dark .sv-input__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.sv-input-parent--state-primary .sv-input{background:-color("primary",.1)!important;color:-color("primary",1)}.sv-input-parent--state-primary .sv-input__label{color:-color("primary",1)}.sv-input-parent--state-primary .sv-input__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.sv-input-content{align-items:center;border-radius:12px;display:flex;justify-content:flex-start;position:relative}.sv-input-content+.sv-input__message{padding-top:2px}.sv-input-content--has-color .sv-input:focus{border-bottom:2px solid -color("color",1)}.sv-input-content--has-color .sv-input:focus~.sv-input__icon,.sv-input-content--has-color .sv-input:focus~.sv-input__label,.sv-input-content--has-color .sv-input:focus~.sv-input__label--placeholder{color:-color("color",1)}.sv-input{background:-color("gray-2");border:2px solid transparent;border-radius:inherit;color:-color("text");padding:7px 13px 7px 10px;transition:all .25s ease;width:200px}.sv-input:focus{background:-color("gray-3");padding-left:15px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after){padding-left:40px}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__icon{box-shadow:15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity))}.sv-input:focus.sv-input--has-icon:not(.sv-input--has-icon--after)~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:44px}.sv-input:focus~.sv-input__icon{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.sv-input:focus~.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input:focus~.sv-input__label:not(.sv-input__label--placeholder):not(.sv-input__label--label){left:20px;opacity:0}.sv-input:focus~.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3%,-77%);visibility:visible}.sv-input__label{align-items:center;cursor:text;display:flex;font-size:.8rem;height:100%;justify-content:flex-start;left:13px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.sv-input__label--hidden{opacity:0;visibility:hidden}.sv-input__label--hidden.sv-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3px,-80%);visibility:visible}.sv-input__label--label{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-2px,-77%);visibility:visible}.sv-input--has-icon{padding-left:38px}.sv-input--has-icon~.sv-input__label{left:44px}.sv-input--has-icon--after{padding-left:7px;padding-right:38px}.sv-input--has-icon--after~.sv-input__label{left:13px}.sv-input--has-icon--after.sv-input__label--label{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label--placeholder{transform:translate(-25px,-80%)!important}.sv-input--has-icon:focus--has-icon--after~.sv-input__label{left:44px}.sv-input__icon{align-items:center;background:-color("gray-2");border-radius:inherit;box-shadow:12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));display:flex;height:36px;justify-content:center;left:0;pointer-events:none;position:absolute;right:auto;transition:all .25s ease;width:36px}.sv-input__icon--after{box-shadow:-12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));left:auto;right:0}.sv-input__icon--click{cursor:pointer;pointer-events:auto!important}.sv-input__icon--click:hover{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.sv-input__icon--click:hover.sv-input__icon--after{transform:translate(6px,-6px)}.sv-input__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-input__message--success{color:-color("success",1)}.sv-input__message--danger{color:-color("danger",1)}.sv-input__message--warn{color:-color("warn",1)}.sv-input__message--dark{color:-color("dark",1)}.sv-input__message--primary{color:-color("primary",1)}.sv-input__progress{background:-color("gray-2");border-radius:5px;height:2px;left:2.5%;margin-top:5px;overflow:hidden;position:relative;width:95%}.sv-input__progress--danger .sv-input__progress__bar{background:-color("danger",1)}.sv-input__progress--warn .sv-input__progress__bar{background:-color("warn",1)}.sv-input__progress--success .sv-input__progress__bar{background:-color("success",1)}.sv-input__progress__bar{border-radius:5px;height:2px;max-width:100%;transition:all .25s ease;width:32%}.sv-input__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px}.sv-input__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.sv-input__loading:after,.sv-input__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-input__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.sv-input-parent--border .sv-input__icon{background:transparent!important;box-shadow:none!important}.sv-input-parent--border .sv-input-content{border-radius:0}.sv-input-parent--border .sv-input-content .sv-input__affects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__1{border-bottom:2px solid -color("gray-3");bottom:0;height:2px;position:absolute;transition:all .25s ease;width:100%}.sv-input-parent--border .sv-input-content .sv-input__affects__2{border-bottom:2px solid -color("color",1);bottom:0;height:2px;left:50%;position:absolute;transform:translate(-50%);transition:all .25s ease;width:0}.sv-input-parent--border .sv-input-content .sv-input{background:transparent;border-radius:0}.sv-input-parent--border .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__2{width:100%}.sv-input-parent--shadow .sv-input__icon{background:transparent;z-index:100}.sv-input-parent--shadow .sv-input-content .sv-input__affects{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.sv-input-parent--shadow .sv-input-content .sv-input__affects__1{border-radius:inherit;box-shadow:0 6px 25px -6px -rgba(0,0,0,-var(shadow-opacity));height:100%;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:200}.sv-input-parent--shadow .sv-input-content .sv-input{background:transparent;border:2px solid transparent;border-radius:0}.sv-input-parent--shadow .sv-input-content .sv-input:focus{transform:translateY(3px)}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__icon{background:-color("background")!important;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))!important;opacity:1}.sv-input-parent--shadow .sv-input-content .sv-input:focus~.sv-input__affects .sv-input__affects__1{box-shadow:0 0 3px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(3px)}@keyframes rotateInputLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:flex-start}.sv-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.sv-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.sv-checkbox-mask i:not(.sv-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.sv-checkbox-mask:after{background:-color("color",1);opacity:0;transform:scale(.5)}.sv-checkbox-mask:after,.sv-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-checkbox-mask:before{border:2px solid -color("gray-4",1);box-sizing:border-box}.sv-checkbox-mask .sv-icon-check{opacity:0;z-index:200}.sv-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.sv-checkbox:disabled{opacity:0;pointer-events:none}.sv-checkbox:active~.sv-checkbox-mask{background:-color("gray-4",1)!important}.sv-checkbox:hover~.sv-checkbox-mask{background:-color("gray-3",1)}.sv-checkbox:hover~.sv-checkbox-mask:before{border:2px solid -color("gray-4",0)}.sv-checkbox:checked:hover~.sv-checkbox-mask{box-shadow:0 3px 15px 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask{box-shadow:0 0 0 0 -color("color",.35)}.sv-checkbox:checked~.sv-checkbox-mask i:not(.sv-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check{opacity:1}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.sv-checkbox:checked~.sv-checkbox-mask .sv-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.sv-checkbox:checked~.sv-checkbox-mask:after{opacity:1;transform:scale(1)}.sv-checkbox:checked~.sv-checkbox-mask:before{opacity:0;transform:scale(1.2)}.sv-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-checkbox-label:before{background:-color("text",.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.sv-checkbox--disabled{pointer-events:none}.sv-checkbox--disabled .sv-checkbox-label{opacity:.5}.sv-checkbox--disabled .sv-checkbox-mask{background:transparent!important;opacity:.6}.sv-checkbox--checked .lineThrough{opacity:.4}.sv-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.sv-checkbox--loading{pointer-events:none}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("color",1)!important;border-radius:50%;border-top-color:transparent!important;opacity:1!important}.sv-checkbox--loading.sv-checkbox--checked .sv-checkbox-mask:after{opacity:0;transform:scale(.5)}.sv-checkbox--loading .sv-checkbox-mask{background:transparent!important}.sv-checkbox--loading .sv-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("gray-4",1)!important;border-radius:50%;border-top-color:transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-checkbox--label-before .sv-checkbox-label{order:-1}.sv-switch{--sv-color:var(--sv-primary)}@keyframes rotateSwitch{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-switch{align-items:center;background:-color("gray-3");border:0;border-radius:20px;color:#fff;display:flex;height:28px;justify-content:center;min-width:48px;overflow:hidden;padding:5px;position:relative;transition:all .25s ease}.sv-switch--icon .sv-switch__input:checked~.sv-switch__circle{color:#fff!important}.sv-switch--icon .sv-switch__circle{background:transparent!important;box-shadow:none!important}.sv-switch--icon .sv-switch__circle i{font-size:1.3rem;opacity:1}.sv-switch--indeterminate .sv-switch__input{pointer-events:none}.sv-switch--indeterminate .sv-switch__circle{left:50%!important;transform:translate(-50%)}.sv-switch--square{border-radius:5px}.sv-switch--square .sv-switch__background,.sv-switch--square .sv-switch__circle{border-radius:5px!important}.sv-switch:after{animation:rotateSwitch .6s linear .25s infinite;border-radius:50%;border-right:3px dashed -color("color");border-top:3px dashed -color("color");border-color:transparent transparent -color("color") -color("color");border-style:solid solid dashed dashed;border-width:3px}.sv-switch:after,.sv-switch:before{content:"";height:calc(100% - 8px);opacity:0;pointer-events:none;position:absolute;transition:all 0s ease 0s;visibility:hidden;width:calc(100% - 8px);z-index:200}.sv-switch:before{animation:rotateSwitch .6s ease .25s infinite;border-radius:50%;border-right:3px solid -color("color");border-top:3px solid -color("color");border-color:transparent transparent -color("color") -color("color");border-style:solid;border-width:3px}.sv-switch--loading{border-radius:20px!important;min-width:28px!important;pointer-events:none;width:28px!important}.sv-switch--loading .sv-switch__circle{border-radius:50%!important}.sv-switch--loading .sv-switch__background{opacity:0!important}.sv-switch--loading:after,.sv-switch--loading:before{opacity:1;transition:all .25s ease .3s;visibility:visible}.sv-switch:hover{background:-color("gray-4")}.sv-switch:active{transform:scale(.9)}.sv-switch__background{background:-color("color");border-radius:inherit;border-radius:50%;height:auto;left:-100%;padding-bottom:100%;position:absolute;transform:scale(1);transition:all .25s ease-out;width:100%;z-index:2}.sv-switch__text{align-items:center;color:-color("text");display:flex;font-size:.7rem;justify-content:center;overflow:hidden;padding:5px 5px 5px 25px;position:relative;transition:all .25s ease .05s;white-space:nowrap;z-index:9}.sv-switch__text.on{opacity:0;position:absolute;transform:translate(-100%)}.sv-switch__text i{font-size:1rem;opacity:.7}.sv-switch__circle{align-items:center;background:-color("background");border-radius:20px;color:-color("text");display:flex;height:20px;justify-content:center;left:4px;position:absolute;transition:all .25s ease;width:20px;z-index:10}.sv-switch__circle i{font-size:.8rem}.sv-switch__input{border-radius:inherit;cursor:pointer;height:100%;left:0;margin:0;opacity:0!important;position:absolute;top:0;width:100%;z-index:100}.sv-switch__input:active:checked~.sv-switch__circle{left:calc(100% - 30px)}.sv-switch__input:active~.sv-switch__circle{width:25px}.sv-switch__input:checked~.sv-switch__background{border-radius:50%;left:0;opacity:1;padding-bottom:100%;transform:scale(1);transition:all .25s ease;width:100%}.sv-switch__input:checked~.sv-switch__text{color:#fff;padding-left:5px;padding-right:25px}.sv-switch__input:checked~.sv-switch__text i{opacity:1}.sv-switch__input:checked~.sv-switch__text.on{opacity:1;position:relative;transform:translate(0)}.sv-switch__input:checked~.sv-switch__text.off{opacity:0;position:absolute;transform:translate(100%)}.sv-switch__input:checked~.sv-switch__circle{box-shadow:-5px 0 25px 0 -color("background",.6);color:-color("color");left:calc(100% - 24px)}.sv-select{--sv-color:var(--sv-primary)}.sv-select__options .sv-checkbox-content{--sv-color:inherit}.sv-select-enter,.sv-select-enter-active{transition:all .25s ease}.sv-select-enter{opacity:0;transform:translateY(-10px)}.sv-select-enter,.sv-select-enter:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity))}.sv-select-enter:after{opacity:0!important}.sv-select-leave-active,.sv-select-leave-to{transition:all .25s ease}.sv-select-leave-to{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0;transform:translateY(-10px)}.sv-select-leave-to.top{transform:translateY(10px)!important}.sv-select-leave-to:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0!important}.sv-select-content{max-width:200px;width:100%}.sv-select-content.block.block{max-width:100%}.sv-select{align-items:center;display:flex;justify-content:center;min-height:38px;position:relative;width:100%}.sv-select--state-success .sv-select__input{background:-color("success",.05);color:-color("success",1)}.sv-select--state-success .sv-select__input:hover{color:-color("text",1)}.sv-select--state-success .sv-select__chips{background:-color("success",.05);color:-color("success",1)}.sv-select--state-success .sv-select__chips:hover:after{opacity:0}.sv-select--state-success .sv-select__chips:after{border:2px solid -color("success",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-success .sv-select__label{color:-color("success",1)}.sv-select--state-success .sv-select__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.sv-select--state-success .sv-icon-arrow:after,.sv-select--state-success .sv-icon-arrow:before{background:-color("success",1)}.sv-select--state-danger .sv-select__input{background:-color("danger",.05);color:-color("danger",1)}.sv-select--state-danger .sv-select__input:hover{color:-color("text",1)}.sv-select--state-danger .sv-select__chips{background:-color("danger",.05);color:-color("danger",1)}.sv-select--state-danger .sv-select__chips:hover:after{opacity:0}.sv-select--state-danger .sv-select__chips:after{border:2px solid -color("danger",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-danger .sv-select__label{color:-color("danger",1)}.sv-select--state-danger .sv-select__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.sv-select--state-danger .sv-icon-arrow:after,.sv-select--state-danger .sv-icon-arrow:before{background:-color("danger",1)}.sv-select--state-warn .sv-select__input{background:-color("warn",.05);color:-color("warn",1)}.sv-select--state-warn .sv-select__input:hover{color:-color("text",1)}.sv-select--state-warn .sv-select__chips{background:-color("warn",.05);color:-color("warn",1)}.sv-select--state-warn .sv-select__chips:hover:after{opacity:0}.sv-select--state-warn .sv-select__chips:after{border:2px solid -color("warn",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-warn .sv-select__label{color:-color("warn",1)}.sv-select--state-warn .sv-select__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.sv-select--state-warn .sv-icon-arrow:after,.sv-select--state-warn .sv-icon-arrow:before{background:-color("warn",1)}.sv-select--state-dark .sv-select__input{background:-color("dark",.05);color:-color("dark",1)}.sv-select--state-dark .sv-select__input:hover{color:-color("text",1)}.sv-select--state-dark .sv-select__chips{background:-color("dark",.05);color:-color("dark",1)}.sv-select--state-dark .sv-select__chips:hover:after{opacity:0}.sv-select--state-dark .sv-select__chips:after{border:2px solid -color("dark",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-dark .sv-select__label{color:-color("dark",1)}.sv-select--state-dark .sv-select__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.sv-select--state-dark .sv-icon-arrow:after,.sv-select--state-dark .sv-icon-arrow:before{background:-color("dark",1)}.sv-select--state-primary .sv-select__input{background:-color("primary",.05);color:-color("primary",1)}.sv-select--state-primary .sv-select__input:hover{color:-color("text",1)}.sv-select--state-primary .sv-select__chips{background:-color("primary",.05);color:-color("primary",1)}.sv-select--state-primary .sv-select__chips:hover:after{opacity:0}.sv-select--state-primary .sv-select__chips:after{border:2px solid -color("primary",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.sv-select--state-primary .sv-select__label{color:-color("primary",1)}.sv-select--state-primary .sv-select__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.sv-select--state-primary .sv-icon-arrow:after,.sv-select--state-primary .sv-icon-arrow:before{background:-color("primary",1)}.sv-select.loading{pointer-events:none}.sv-select.loading :not(.sv-select__loading):not(.sv-select__label){opacity:.6}.sv-select.loading .sv-select__label{pointer-events:none!important}.sv-select.top.activeOptions .sv-select__chips,.sv-select.top.activeOptions .sv-select__input{border-radius:0 0 12px 12px!important;box-shadow:0 -5px 25px -4px -rgba(0,0,0,-var(shadow-opacity))!important}.sv-select--disabled{opacity:.6;pointer-events:none}.sv-select--disabled label{pointer-events:none}.sv-select .sv-icon-arrow{cursor:pointer;margin-top:-2px;pointer-events:auto;position:absolute;right:15px;transition:all .25s ease;z-index:600}.sv-select.activeOptions .sv-icon-arrow{margin-top:-2px!important;transform:rotate(45deg)}.sv-select.activeOptions .sv-select__input{border:2px solid transparent;border-radius:12px 12px 0 0;color:-color("text",1)}.sv-select.activeOptions .sv-select__chips,.sv-select.activeOptions .sv-select__input{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease,height 0s}.sv-select.activeOptions .sv-select__chips{border-radius:12px 12px 0 0}.sv-select.activeOptions .sv-select__chips:after{opacity:0}.sv-select.activeOptions .sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select.activeOptions .sv-select__label{margin-top:-4px}.sv-select__input{background:transparent;background:-color("gray-2");border:2px solid transparent;border-radius:12px;color:-color("text");cursor:pointer;min-height:38px;opacity:1;padding:7px 30px 7px 13px;transition:all .25s ease,height 0s;width:100%}.sv-select__input.multiple{background:transparent;color:transparent;pointer-events:none}.sv-select__input.simple{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__input:focus{background:-color("background");border-radius:12px 12px 0 0;box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__input:focus~.sv-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__input:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px)}.sv-select__input:hover~.sv-select__label{margin-top:-4px}.sv-select__input:hover~.sv-icon-arrow{margin-top:-6px}.sv-select__chips{align-items:flex-start;background:-color("gray-2");border:0;border-radius:12px;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;left:0;min-height:38px;padding:5px 26px 5px 5px;position:absolute;transition:all .25s ease,height 0s;width:100%;z-index:300}.sv-select__chips:focus{border-radius:12px 12px 0 0}.sv-select__chips:focus,.sv-select__chips:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.sv-select__chips:hover~.sv-icon-arrow{margin-top:-6px;transition:all .25s ease}.sv-select__chips__input{background:transparent;border:0 solid transparent;flex:1;margin:2px 3px;max-width:100%;min-width:0;min-width:30px;position:relative;width:auto}.sv-select__chips__input::-moz-placeholder{color:-color("text",.4)}.sv-select__chips__input::placeholder{color:-color("text",.4)}.sv-select__chips__chip{align-items:center;background:-color("background");border:2px solid -color("gray-2");border-radius:10px;box-sizing:border-box;color:-color("text");display:flex;flex:0 1 auto;font-size:.84rem;justify-content:center;margin:2px 3px;padding:0 10px 0 6px;position:relative}.sv-select__chips__chip.isCollapse{padding-right:6px!important}.sv-select__chips__chip__close{align-items:center;background:-color("gray-4");border-radius:50%;cursor:pointer;display:flex;font-size:.75rem;height:15px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:all .25s ease;width:15px}.sv-select__chips__chip__close:hover{background:-color("danger")}.sv-select__chips__chip__close:hover .sv-icon-close{--sv-color:var(--sv-background)}.sv-select__chips__chip__close:hover .sv-icon-close:after,.sv-select__chips__chip__close:hover .sv-icon-close:before{transform:rotate(180deg);width:12px}.sv-select__chips__chip__close .sv-icon-close{--sv-color:var(--sv-text);transform:scale(.5)}.sv-select__options{--sv-color:var(--sv-primary);background:-color("background");border-radius:0 0 12px 12px;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity));overflow:hidden;padding:5px;position:absolute;z-index:99999}.sv-select__options.top{border-radius:12px 12px 0 0;box-shadow:0 -10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))}.sv-select__options.top:after{bottom:-10px;top:auto}.sv-select__options:after{background:-color("background");box-shadow:0 0 20px 0 -rgba(0,0,0,-var(shadow-opacity));content:"";height:10px;left:0;margin-left:10%;opacity:1;position:absolute;top:-10px;transition:all .25s ease .05s;width:80%;z-index:200}.sv-select__options__content{height:auto;max-height:200px;overflow:auto;position:relative;scroll-behavior:smooth;transform:scale(1);transition:all .25s ease;z-index:100}.sv-select__options__content__not-data{font-size:.8rem;padding:6px 10px;text-align:center}.sv-select__options__content::-webkit-scrollbar{background:transparent;display:block;height:5px;width:5px}.sv-select__options__content::-webkit-scrollbar-thumb{background:-color("gray-3");border-radius:5px}.sv-select__label{align-items:center;cursor:text;display:flex;font-size:.8rem;justify-content:flex-start;left:14px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:500}.sv-select__label--hidden{opacity:0;visibility:hidden}.sv-select__label--hidden.sv-select__label--placeholder,.sv-select__label--label{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.sv-select__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px;z-index:600}.sv-select__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.sv-select__loading:after,.sv-select__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-select__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.sv-select__loading~.sv-icon-arrow{opacity:0!important}.sv-select__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.sv-select__message--success{color:-color("success",1)}.sv-select__message--danger{color:-color("danger",1)}.sv-select__message--warn{color:-color("warn",1)}.sv-select__message--dark{color:-color("dark",1)}.sv-select__message--primary{color:-color("primary",1)}.sv-darken .sv-select__options.isColorDark{--sv-color:0,0,0!important}.sv-darken .sv-select__options.isColorDark .sv-select__option:hover{background:-color("color",.2);color:-color("text")}.sv-darken .sv-select__options.isColorDark .activeOption{background:-color("color",.6);color:-color("text")}.sv-select__option{align-items:cneter;background:transparent;border:0;border-radius:5px;box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");display:flex;justify-content:flex-start;margin:2px 0;max-height:40px;opacity:1;overflow:hidden;padding:6px 10px;text-align:left;transition:all .25s ease;visibility:visible;width:100%}.sv-select__option.hiddenOption{border:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.sv-select__option.isMultiple{padding:0 0 0 5px}.sv-select__option.isMultiple .sv-select__option-group{padding-left:0}.sv-select__option.isMultiple.isHover{background:-color("gray-2")!important}.sv-select__option.isMultiple:disabled .sv-checkbox-content{pointer-events:none}.sv-select__option.isMultiple:hover{padding-left:5px!important}.sv-select__option.isMultiple .sv-checkbox-content{pointer-events:none;width:100%}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-con{transform:scale(.85)}.sv-select__option.isMultiple .sv-checkbox-content .sv-checkbox-label{justify-content:flex-start;text-align:left;width:calc(100% - 23px)}.sv-select__option.isMultiple.activeOption{pointer-events:auto!important}.sv-select__option.isHover{background:-color("gray-2")}.sv-select__option.activeOption{background:-color("color",.05);color:-color("color",1);pointer-events:none}.sv-select__option:hover:not(:disabled){color:-color("color");padding-left:14px}.sv-select__option-group{border-bottom:2px solid -color("gray-1");overflow:hidden;padding-left:10px;position:relative;transition:all .25s ease}.sv-select__option-group:last-child{border:0}.sv-select__option-group.hiddenOptionGroup{border-bottom:0 solid -color("gray-1")}.sv-select__option-group.hiddenOptionGroup h5{max-height:0;padding:0}.sv-select__option-group h5{font-size:.7rem;margin:0;max-height:28px;opacity:.5;overflow:hidden;padding:7px 0;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-select__option-group h5 *{pointer-events:none}.sv-avatar-content{--sv-color:var(--sv-gray-2);--sv-badge:var(--sv-primary);border-radius:35%;height:44px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px;z-index:1}.sv-avatar-content.vs-change-color-badge .sv-avatar__badge .sv-avatar__points__point{background:-color("background")}.sv-avatar-content.vs-change-color:hover .sv-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.1)}.sv-avatar-content:hover .sv-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.04)}.sv-avatar-content:hover img{transform:scale(1.1)}.sv-avatar-content--size.history:after{top:-2px!important}.sv-avatar-content--hasIcons{margin-right:20px}.sv-avatar-content--hidden{display:none}.sv-avatar-content--circle{border-radius:50%!important}.sv-avatar-content--circle .sv-avatar__badge{bottom:-2px;right:-2px}.sv-avatar-content--circle .sv-avatar__badge.top-right{bottom:auto;top:-2px}.sv-avatar-content--circle .sv-avatar__badge.top-left{bottom:auto;left:-2px;right:auto;top:-2px}.sv-avatar-content--circle .sv-avatar__badge.bottom-left{left:-2px;right:auto}.sv-avatar-content--square{border-radius:0!important}.sv-avatar-content.history--gradient:after{background-image:linear-gradient(40deg,#f99b4a,#df376b 74%,#c52d91 0)!important}.sv-avatar-content.history .sv-avatar{border:2px solid -color("background");height:calc(100% - 4px);margin:2px;width:calc(100% - 4px)}.sv-avatar-content.history:after{background-color:#ffe53b;background:-color("color");border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-avatar-content.sv-component--is-color .sv-avatar{color:-color("background")}.sv-avatar-content.sv-component--is-color .sv-avatar__points .sv-avatar__points__point{background:-color("background")}.sv-avatar{align-items:center;background:-color("color");border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(0,0,0,.05);color:#fff;color:-color("text");display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .25s ease;width:100%}.sv-avatar i{font-size:1.4rem}.sv-avatar img{border-radius:inherit;display:block;height:auto;transition:all .25s ease;width:100%}.sv-avatar__loading{background:rgba(0,0,0,.5);border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.sv-avatar__loading,.sv-avatar__loading__animate{align-items:center;display:flex;justify-content:center}.sv-avatar__loading__animate{border-radius:50%;height:60%;position:relative;width:60%}.sv-avatar__loading__animate:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:#fff;border-radius:inherit}.sv-avatar__loading__animate:after,.sv-avatar__loading__animate:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-avatar__loading__animate:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed #fff;border-radius:inherit;opacity:.2}.sv-avatar--letter--3{font-size:.9rem}.sv-avatar--letter--4{font-size:.8rem}.sv-avatar--letter--5{font-size:.7rem}.sv-avatar--letter--6{font-size:.6rem}.sv-avatar__badge{background:-color("badge");border:2px solid -color("background")!important;border-radius:50%;bottom:-4px;color:-color("text");font-size:.6rem;font-weight:700;height:13px;position:absolute;right:-4px;width:13px;z-index:200}.sv-avatar__badge.isSlot,.sv-avatar__badge.writing{align-items:center;border-radius:7px;color:-color("background");display:flex;height:auto;justify-content:center;line-height:.9rem;min-height:18px;min-width:18px;padding:0 3px;width:auto}.sv-avatar__badge.top-right{bottom:auto;top:-4px}.sv-avatar__badge.top-left{bottom:auto;left:-4px;right:auto;top:-4px}.sv-avatar__badge.bottom-left{left:-4px;right:auto}.sv-avatar__points{align-items:center;display:flex;justify-content:center;position:relative}.sv-avatar__points__point{background:-color("text");border-radius:50%;height:5px;margin:0 2px;width:5px}.sv-avatar__points__point:first-child{animation:point 1.2s ease infinite}.sv-avatar__points__point:nth-child(2){animation:point 1.2s ease .4s infinite}.sv-avatar__points__point:nth-child(3){animation:point 1.2s ease .8s infinite}.sv-avatar__latest{align-items:center;background:rgba(0,0,0,.5);border-radius:inherit;color:#fff;font-weight:600;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:300}.sv-avatar__icons,.sv-avatar__latest{display:flex;justify-content:center;position:absolute}.sv-avatar__icons{align-items:flex-end;background:-color("gray-3");border-radius:5px 5px 5px 5px;flex-direction:column;font-size:1rem;height:auto;min-height:90%;padding:3px 3px 3px 5px;right:-20px;top:50%;transform:translateY(-50%);width:auto;z-index:-1}.sv-avatar__icons i{cursor:pointer;transition:all .25s ease}.sv-avatar__icons i:hover{opacity:.7}@keyframes point{0%{opacity:1}50%{opacity:.4;transform:scale(.5)}to{opacity:1}}.sv-avatar__group{align-items:center;display:flex;justify-content:center;padding-left:18px}.sv-avatar__group.float{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;padding-left:0}.sv-avatar__group.float .sv-avatar-content{border:3px solid sv-color("background");margin:0;position:relative;z-index:2}.sv-avatar__group:not(.float) .sv-avatar-content{margin-left:-18px;position:relative;z-index:2}.sv-avatar__group:not(.float) .sv-avatar-content:hover .sv-avatar{box-shadow:inset 0 0 0 0 rgba(0,0,0,.1)}.sv-avatar__group:not(.float) .sv-avatar-content:hover img{transform:scale(1)}.sv-avatar__group:not(.float) .sv-avatar-content .sv-avatar__latest{height:calc(100% - 6px);margin:3px;width:calc(100% - 6px)}.sv-avatar__group:not(.float) .sv-avatar-content:not(.vs-change-color) .sv-avatar{background:sv-color("background")}.sv-avatar__group:not(.float) .sv-avatar-content img{width:calc(100% - 6px)}.sv-avatar__group:not(.float) .sv-avatar-content:hover:not(.sv-avatar-content--hasIcons){transform:translate(-10px)}.sv-avatar__group:not(.float) .sv-avatar-content:hover:not(.sv-avatar-content--hasIcons) .sv-avatar{transform:scale(1)}.sv-avatar__group:not(.float) .sv-avatar-content--hasIcons{margin-right:0}.sv-avatar__group:not(.float) .sv-avatar-content--hasIcons:hover{transform:translate(-34px)!important}.sv-radio-content{--sv-color:var(--sv-primary);align-items:center;display:flex;justify-content:center;position:relative}.sv-radio-content.active .sv-radio__effect__icon{opacity:0;transform:scale(1.3);transition:all .25s ease}.sv-radio-content.active .sv-radio__effect:after{border:7px solid -color("color",1);box-shadow:0 3px 12px 0 -color("color",.3)}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect .sv-radio__effect__icon{opacity:.7}.sv-radio-content:not(.active) .sv-radio input:hover~.sv-radio__effect:after{border:2px solid -color("text",.2)}.sv-radio-content.loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-radio-content.loading .sv-radio__effect:after{opacity:.1}.sv-radio-content.loading .sv-radio__effect__loading{border-radius:inherit;height:100%;position:absolute;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:after{animation:loadingRadio .6s ease infinite;border:2px solid -color("text",0);border-radius:inherit;border-right-color:-color("text",.4)}.sv-radio-content.loading .sv-radio__effect__loading:after,.sv-radio-content.loading .sv-radio__effect__loading:before{box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio-content.loading .sv-radio__effect__loading:before{animation:loadingRadio .6s linear infinite;border:2px solid -color("text",0);border-radius:inherit;border-right:2px dashed -color("text",.4)}.sv-radio-content label{cursor:pointer}.sv-radio-content.disabled{opacity:.5;pointer-events:none}.sv-radio-content.disabled .sv-radio__effect{background:-color("gray-3")}.sv-radio-content.disabled label{pointer-events:none}.sv-radio{border-radius:50%;height:20px;margin:0;min-height:20px;min-width:20px;padding:0;position:relative;width:20px;z-index:10}.sv-radio__label{margin:0 6px}.sv-radio__effect{align-items:center;border-radius:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.sv-radio__effect,.sv-radio__effect__icon{transition:all .25s ease}.sv-radio__effect__icon i{font-size:.75rem}.sv-radio__effect:after{border:2px solid -color("text",.4);border-radius:inherit;box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-radio input{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:100}.sv-radio input:active~.sv-radio__effect:after{transform:scale(.9)}@keyframes loadingRadio{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sv-tooltip{--sv-color:var(--sv-text)}.sv-tooltip-enter-active,.sv-tooltip-leave-active{transition:all .25s ease}.sv-tooltip-enter,.sv-tooltip-leave-to{opacity:0}.sv-tooltip-enter.top,.sv-tooltip-leave-to.top{transform:translateY(5px)}.sv-tooltip-enter.bottom,.sv-tooltip-leave-to.bottom{transform:translateY(-5px)}.sv-tooltip-enter.left,.sv-tooltip-leave-to.left{transform:translate(5px)}.sv-tooltip-enter.right,.sv-tooltip-leave-to.right{transform:translate(-5px)}.darken .sv-tooltip{--sv-color:var(--sv-gray-3);color:#fff}.darken .sv-tooltip:not(.vs-change-color){color:#fff!important}.sv-tooltip{background:-color("color");border-radius:12px;color:-color("background");font-size:.85rem;max-width:350px;min-height:30px;min-width:30px;padding:5px 10px;position:absolute;text-align:center;z-index:1000000}.sv-tooltip.loading{color:-color("background",.2)}.sv-tooltip.loading *{opacity:.5;pointer-events:none}.sv-tooltip__loading{border-radius:50%;display:block;height:22px;left:50%;opacity:1!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}.sv-tooltip__loading:after{animation:loadingTooltip .6s ease infinite;border:2px solid -color("background",0);border-radius:inherit;border-right-color:-color("background",1)}.sv-tooltip__loading:after,.sv-tooltip__loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-tooltip__loading:before{animation:loadingTooltip .6s linear infinite;border:2px solid -color("background",0);border-radius:inherit;border-right:2px dashed -color("background",1)}.sv-tooltip.borderThick{background:-color("background");box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("color")}.sv-tooltip.borderThick.top{border-bottom:4px solid -color("color")}.sv-tooltip.borderThick.top:after{bottom:-7px}.sv-tooltip.borderThick.left{border-right:4px solid -color("color")}.sv-tooltip.borderThick.left:after{right:-7px}.sv-tooltip.borderThick.right{border-left:4px solid -color("color")}.sv-tooltip.borderThick.right:after{left:-7px}.sv-tooltip.borderThick.bottom{border-top:4px solid -color("color")}.sv-tooltip.borderThick.bottom:after{top:-7px}.sv-tooltip.borderThick:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.borderThick:after{background:-color("color")!important}.sv-tooltip.border{background:-color("background");border:2px solid -color("color");color:-color("color")}.sv-tooltip.border:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.border:after{border:2px solid -color("color");height:12px!important;width:12px!important}.sv-tooltip.circle{border-radius:20px}.sv-tooltip.square{border-radius:0}.sv-tooltip.notArrow:after{display:none}.sv-tooltip.shadow{background:-color("background");box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("color")}.sv-tooltip.shadow:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.shadow:after{box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity))}.sv-tooltip.isDark{--sv-color:var(--sv-gray-3);color:#fff}.sv-tooltip.top:after{border-radius:0 0 2px 0;bottom:-3px}.sv-tooltip.bottom:after,.sv-tooltip.top:after{background:inherit;content:"";height:10px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.bottom:after{border-radius:2px 0 0 0;top:-3px}.sv-tooltip.left:after{border-radius:0 2px 0 0;right:-3px}.sv-tooltip.left:after,.sv-tooltip.right:after{background:inherit;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.right:after{border-radius:0 0 0 2px;left:-3px}@keyframes loadingTooltip{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sv-dialog-content{--sv-color:var(--sv-primary)}.sv-dialog-enter-active{transition:all .25s ease}.sv-dialog-enter-active .sv-dialog:not(.sv-dialog--fullScreen){animation:rebound .4s}.sv-dialog-leave-active,.sv-dialog-leave-active .sv-dialog{transition:all .15s ease}.sv-dialog-enter,.sv-dialog-leave-to{opacity:0}.sv-dialog-enter .sv-dialog,.sv-dialog-leave-to .sv-dialog{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:scale(.7)}.sv-dialog-enter .sv-dialog--fullScreen,.sv-dialog-leave-to .sv-dialog--fullScreen{transform:translateY(8%)!important}@keyframes rebound{0%{transform:scale(.8)}40%{transform:scale(1.08)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes reboundClick{0%{transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(.96)}to{transform:scale(1)}}.sv-dialog-content{align-items:flex-start;background:-rgba(0,0,0,-var("background-opacity"));display:flex;height:100%;justify-content:center;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:fixed;top:0;width:100%;z-index:-var("zindex-2")}.sv-dialog-content.fullScreen{overflow:hidden;padding:0}.sv-dialog-content.blur{backdrop-filter:saturate(180%) blur(15px)}.sv-dialog{background:-color("background");border-radius:-var("radius");box-shadow:0 5px 30px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");margin:auto;max-width:800px;min-width:400px;position:relative;transition:all .25s ease}.sv-dialog--notCenter .sv-dialog__header{display:block}.sv-dialog__loading{align-items:center;background:-color("background",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.sv-dialog__loading:after{animation:loadingDialog .6s ease infinite;border:2px solid -color("color",0);border-radius:inherit;border-right-color:-color("color",1)}.sv-dialog__loading:after,.sv-dialog__loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:30px;position:absolute;transition:all .25s ease;width:30px}.sv-dialog__loading:before{animation:loadingDialog .6s linear infinite;border:2px solid -color("color",0);border-radius:inherit;border-right:2px dashed -color("color",1)}.sv-dialog--scroll .sv-dialog__content{max-height:calc(80vh - 200px);overflow:auto}.sv-dialog--autoWidth{max-width:auto!important;min-width:auto!important;width:auto!important}.sv-dialog--square,.sv-dialog--square .sv-dialog__close{border-radius:0}.sv-dialog--notPadding .sv-dialog__footer{padding:0}.sv-dialog--notPadding .sv-dialog__content{margin-bottom:0!important;padding:0}.sv-dialog--notPadding .sv-dialog__header{padding:0}.sv-dialog--rebound{animation:reboundClick .3s!important}.sv-dialog--fullScreen{height:calc(100% - 30px)!important;max-height:none!important;max-width:none!important;width:calc(100% - 30px)!important}.sv-dialog__footer{padding:0 16px 10px}.sv-dialog__header{align-items:center;display:flex;justify-content:center;padding:10px 16px}.sv-dialog__content{border-radius:inherit;padding:10px 16px;position:relative;width:100%}.sv-dialog__content.notFooter{margin-bottom:20px}.sv-dialog__close{--sv-color:var(--sv-text);align-items:center;background:inherit;border:0;border-radius:12px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));display:flex;justify-content:center;margin:0;padding:0;position:absolute;right:-6px;top:-6px;transition:all .25s ease;z-index:200}.sv-dialog__close i{height:34px;opacity:.7;width:34px}.sv-dialog__close i:after,.sv-dialog__close i:before{width:14px}.sv-dialog__close:hover{box-shadow:0 0 4px 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translate(-2px,2px)}.sv-dialog__close:hover i{opacity:1}@keyframes loadingDialog{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:600px){.sv-dialog{margin:auto 10px;max-width:calc(100vw - 20px);min-width:calc(100vw - 20px)}}.sv-pagination-content{--sv-color:var(--sv-primary);align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination-content.notMargin .sv-pagination__dotted{background:-color("gray-3");margin:0}.sv-pagination-content.notMargin .sv-pagination__arrow{border-radius:0;margin:0!important}.sv-pagination-content.notMargin .sv-pagination__arrow:first-of-type{border-radius:12px 0 0 12px}.sv-pagination-content.notMargin .sv-pagination__arrow:last-of-type{border-radius:0 12px 12px 0}.sv-pagination-content.notMargin .sv-pagination__button{border-radius:0;margin:0!important}.sv-pagination-content.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination-content.square .sv-pagination__active,.sv-pagination-content.square .sv-pagination__arrow,.sv-pagination-content.square .sv-pagination__button{border-radius:0}.sv-pagination-content.circle .sv-pagination__active,.sv-pagination-content.circle .sv-pagination__arrow,.sv-pagination-content.circle .sv-pagination__button{border-radius:50%}.sv-pagination-content.buttonsDotted .sv-pagination__arrow{background:transparent;height:12px;min-width:15px;padding:0;width:15px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i{height:6px;width:6px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:before{width:1px}.sv-pagination-content.buttonsDotted .sv-pagination__arrow i:after{height:1px}.sv-pagination-content.buttonsDotted .sv-pagination__dotted{font-size:.9rem;height:12px;letter-spacing:1px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button{height:12px;width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__button.active{transform:scale(1)}.sv-pagination-content.buttonsDotted .sv-pagination__active{box-shadow:0 2px 10px 0 -color("color",.4);height:12px;transform:scale(1);width:12px}.sv-pagination-content.buttonsDotted .sv-pagination__active.move{transform:scale(1.2)}.sv-pagination{align-self:center;display:flex;justify-content:center;position:relative}.sv-pagination__progress{background:-color("gray-3");border-radius:10px;bottom:-8px;height:3px;position:absolute;width:calc(100% - 16px)}.sv-pagination__progress .progress{background:-color("color",1);border-radius:inherit;height:100%;max-width:100%;position:relative;transition:all .25s ease;width:0}.sv-pagination__slot{display:block;min-height:36px}.sv-pagination__arrow,.sv-pagination__slot{align-items:center;display:flex;justify-content:center;min-width:36px;position:relative}.sv-pagination__arrow{background:-color("gray-3");border:0;border-radius:12px;height:36px;margin:0 2px;transition:all .25s ease;width:auto}.sv-pagination__arrow:disabled{opacity:.4;pointer-events:none}.sv-pagination__arrow:hover{background:-color("gray-4")}.sv-pagination__arrow i{display:block;height:10px;margin-left:4px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__arrow i:before{width:2px}.sv-pagination__arrow i:after{height:2px}.sv-pagination__arrow.next i{margin-left:-4px;transform:rotate(135deg) scale(.8)}.sv-pagination__active{align-items:center;background:-color("color");border-radius:12px;box-shadow:0 5px 20px 0 -color("color",.3);color:#fff;cursor:default;display:flex;font-size:.9rem;height:36px;justify-content:center;left:50%;position:absolute;top:0;transition:all .25s ease;width:36px;z-index:100}.sv-pagination__active.move{transform:scale(1.1)}.sv-pagination__dotted{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;letter-spacing:2px;margin:0 2px;position:relative;width:36px}.sv-pagination__dotted:hover span.dotted{margin-left:-1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted:hover .con-arrows{margin-left:-1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted.next:hover span.dotted{margin-left:1px;opacity:0;transition:all .25s ease}.sv-pagination__dotted.next:hover .con-arrows{margin-left:1px;opacity:1;transition:all .25s ease}.sv-pagination__dotted span.dotted{margin-right:-2px;text-align:center}.sv-pagination__dotted.next .con-arrows{margin-left:-5px;transform:rotate(180deg)}.sv-pagination__dotted .con-arrows{align-items:center;display:flex;height:10px;justify-content:center;margin-left:5px;opacity:0;position:absolute;transition:all .1s ease;width:10px}.sv-pagination__dotted .con-arrows i{display:block;height:10px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.sv-pagination__dotted .con-arrows i:before{width:2px}.sv-pagination__dotted .con-arrows i:after{height:2px}.sv-pagination__dotted .con-arrows i:last-child{margin-left:6px;position:absolute;top:0}.sv-pagination__button{align-items:center;background:-color("gray-3");border:0;border-radius:12px;color:-color("text");display:flex;font-size:.9rem;height:36px;justify-content:center;margin:0 2px;padding:0;position:relative;transition:all .25s ease;width:36px}.sv-pagination__button.loading{border-radius:50%;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button.loading:after{animation:loadingPagination .6s ease infinite;border:2px solid -color("background",0);border-radius:50%;border-right-color:-color("color",1)}.sv-pagination__button.loading:after,.sv-pagination__button.loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.sv-pagination__button.loading:before{animation:loadingPagination .6s linear infinite;border:2px solid -color("background",0);border-radius:50%;border-right:2px dashed -color("color",1)}.sv-pagination__button.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-pagination__button:hover{background:-color("gray-4")}.sv-pagination__button:active{transform:scale(.9)}@keyframes loadingPagination{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sv-table-content{--sv-color:var(--sv-primary);border-radius:16px;width:100%}.sv-table{font-size:.9rem;margin:0;overflow:auto;width:100%}.sv-table table{border:0;border-collapse:collapse;margin:0;min-width:500px;width:100%}.sv-table.striped .sv-table__tr:nth-child(2n){background:-color("gray-1")!important}.sv-table_not-found{display:none;padding:20px;text-align:center;width:100%}.sv-table_not-found tr{text-align:center}.sv-table_not-found tr td{border:0;padding:20px}.sv-table__tbody:empty{background:#000;display:none}.sv-table__tbody:empty~.sv-table_not-found{display:table-row-group}.sv-table.isSelectedValue tr{cursor:pointer}.sv-table__footer{background:-color("gray-2");border-radius:0 0 14px 14px;padding:8px 10px}.sv-table__header{background:-color("gray-2");border-radius:14px 14px 0 0;padding:10px;width:100%}.sv-table__header~.sv-table .sv-table__th:first-child,.sv-table__header~.sv-table .sv-table__th:last-child{border-radius:0}.sv-table__thead{width:100%}.sv-table__thead .sv-table__th{background:-color("gray-2")}.sv-table__thead .sv-table__th:first-child{border-radius:14px 0 0 0}.sv-table__thead .sv-table__th:last-child{border-radius:0 14px 0 0}.isMultipleSelected .sv-table__tr .sv-table__td{border-radius:0!important}.sv-table__tr{border:0;padding:5px}.sv-table__tr.expand{cursor:pointer}.sv-table__tr.vs-change-color .sv-table__td{background:-color("color",.1)!important;color:-color("color",1)!important}.sv-table__tr.vs-change-color .sv-table__td:hover{background:-color("color",.2)!important}.sv-table__tr:first-of-type .sv-table__td:last-child{border-radius:0 0 15px 0}.sv-table__tr:first-of-type .sv-table__td:first-child{border-radius:0 0 0 15px}.sv-table__tr.isExpand:first-of-type .sv-table__td{background:-color("gray-1")!important;border-radius:0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td{background:-color("gray-1")!important}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:last-child{border-radius:0 15px 0 0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:first-child{border-radius:15px 0 0 0}.sv-table__tr.isExpand:not(:first-of-type)+.sv-table__tr__expand td{border-radius:0 0 15px 15px!important}.sv-table__tr.selected .sv-table__td{background:-color("color",.1)!important;color:-color("color",1)!important}.sv-table__tr .sv-table__td{background:-color("bg",.1);color:-color("bg",1)}.sv-table__tr.vs-change-color:hover .sv-table__td{background:-color("color",.2)!important}.sv-table__tr:hover .sv-table__td{background:-color("gray-1")}.sv-table__tr__expand,.sv-table__tr__expand td{border:0;transition:all .25s ease}.sv-table__tr__expand td{background:-color("gray-1")!important;padding:0}.sv-table__tr__expand td .sv-table__expand__td__content{display:block;overflow:hidden;transition:all .25s ease}.sv-table__tr__expand td .sv-table__expand__td__content__sub{padding:10px 15px;position:relative;z-index:1}.fade-expand-enter-active,.fade-expand-leave-active{transition:all .25s ease}.fade-expand-enter,.fade-expand-leave-to{opacity:0}.fade-expand-enter td .sv-table__expand__td__content,.fade-expand-leave-to td .sv-table__expand__td__content{height:0!important}.sv-table__th{border:0;font-size:.8rem;padding:10px 12px;text-align:left;transition:all .25s ease}.sv-table__th.sort .sv-table__th__content{pointer-events:none}.sv-table__th.sort:hover{background:-color("gray-3")}.sv-table__th[data-sort-type=asc] .icon-sort-2{margin-top:-7px;transform:rotate(45deg)!important}.sv-table__th[data-sort-type=asc] .icon-sort-1{margin-top:-1px;transform:rotate(45deg)!important}.sv-table__th[data-sort-type=desc] .icon-sort-2{margin-top:-7px}.sv-table__th[data-sort-type=desc] .icon-sort-1{margin-top:-1px;transform:rotate(-135deg)!important}.sv-table__th__content{align-items:center;display:flex;justify-content:flex-start;transition:all .25s ease}.sv-table__th__content__icons{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:7px;transform:scale(.8)}.sv-table__th__content .sv-icon-arrow{display:block;position:relative}.sv-table__th__content .sv-icon-arrow.icon-sort-1{transform:rotate(45deg)}.sv-table__th__content .sv-icon-arrow.icon-sort-2{transform:rotate(-135deg)}.sv-table__td{border:0;font-size:.8rem;padding:10px 12px;transition:all .25s ease}.sv-table__td:last-child{border-radius:0 15px 15px 0}.sv-table__td:first-child{border-radius:15px 0 0 15px}.sv-table__td.isCheckbox{width:23px}.sv-table__td.isEdit{cursor:pointer;text-decoration:underline}.sv-navbar-content{--sv-color:var(--sv-background);background:-color("color");border-radius:0 0 15px 15px;color:-color("text");left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:9000}.sv-navbar-content.paddingScroll:not(.paddingScrollActive){padding-bottom:20px;padding-top:20px}.sv-navbar-content.paddingScroll:not(.paddingScrollActive) .sv-navbar__group__items{margin-bottom:-30px}.sv-navbar-content.svNavbarSquare{border-radius:0}.sv-navbar-content.textWhite{color:#fff}.sv-navbar-content.textWhite .sv-navbar__item:before,.sv-navbar-content.textWhite .sv-navbar__line{background:#fff}.sv-navbar-content.fixed{position:fixed!important}.sv-navbar-content.shadow,.sv-navbar-content.shadowActive{box-shadow:0 5px 25px 0 -rgba(0,0,0,-var("shadow-opacity"))}.sv-navbar-content.hidden{transform:translateY(-100%)}.sv-navbar{box-sizing:border-box;justify-content:space-between;min-height:44px;padding:0 15px;position:relative;width:100%}.sv-navbar,.sv-navbar__left{align-items:center;display:flex}.sv-navbar__left{justify-content:flex-start}.sv-navbar__right{align-items:center;display:flex;justify-content:flex-end}.sv-navbar__center{align-items:center;display:flex;justify-content:center}.sv-navbar__line{background:-color("text");bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:100px}.sv-navbar__line.notTransition{transition:none!important}.sv-navbar__item{background:transparent;border:0;color:inherit;font-size:.85rem;font-weight:700;margin:0;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.sv-navbar__item.active,.sv-navbar__item:hover{opacity:1}.sv-navbar__group{position:relative}.sv-navbar__group:hover .sv-navbar__group__item{opacity:1}.sv-navbar__group:hover .sv-navbar__group__items{opacity:1;transform:translateY(100%);visibility:visible}.sv-navbar__group__item{background:transparent;border:0;color:inherit;font-weight:700;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.sv-navbar__group__items{align-items:center;background:-color("color");border-radius:5px 18px 18px 18px;bottom:0;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:inherit;display:flex;flex-direction:column;justify-content:center;left:0;margin-bottom:-12px;min-width:160px;opacity:0;padding:10px;position:absolute;transform:translateY(90%);transition:all .25s ease;visibility:hidden}.sv-navbar__group__items:after{background:transparent;content:"";height:14px;left:0;position:absolute;top:-13px;width:100%;z-index:-1}.sv-navbar__group__items .sv-navbar__item{padding:5px 10px;position:relative;text-align:left;width:100%}.sv-navbar__group__items .sv-navbar__item:before{background:-color("text");border-radius:50%;content:"";height:4px;left:0;opacity:0;position:absolute;top:0;top:calc(50% - 2px);transform:translate(-10px);transition:all .25s ease;width:4px}.sv-navbar__group__items .sv-navbar__item.active:before{opacity:1;transform:translate(0)}.sv-sidebar-content{--sv-color:var(--sv-primary)}@keyframes delayOpacity{0%{opacity:0}to{opacity:1}}.sv-sidebar-content{align-items:flex-start;background:-color("background");border-radius:0 30px 30px 0;box-shadow:0 0 25px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;max-width:260px;position:fixed;top:0;transform:translate(-110%);transition:all .25s ease;width:calc(100% - 50px);z-index:21000}.sv-sidebar-content.right{left:auto;right:0;transform:translate(110%)}.sv-sidebar-content.right.open{transform:translate(0)}.sv-sidebar-content.right.reduce .sv-sidebar__item:hover .sv-sidebar__item__text-tooltip{left:auto!important;opacity:1;right:60px!important}.sv-sidebar-content.absolute{height:100%;position:absolute!important;z-index:9001}.sv-sidebar-content.relative{height:100%;position:relative!important;z-index:9001}.sv-sidebar-content.textWhite .sv-sidebar__group__content:after{background:hsla(0,0%,100%,.4)}.sv-sidebar-content.textWhite .sv-sidebar__item:after{background:#fff!important}.sv-sidebar-content.textWhite .sv-sidebar__item.active{color:#fff!important}.sv-sidebar-content.notShadow{box-shadow:none!important}.sv-sidebar-content.square{border-radius:0}.sv-sidebar-content.notLineActive .sv-sidebar .sv-sidebar__item:after{display:none}.sv-sidebar-content.open{transform:translate(0)}.sv-sidebar-content.reduce .sv-sidebar__footer{padding:10px 0}.sv-sidebar-content.reduce .sv-sidebar__header .sv-avatar-content{height:44px!important;width:44px!important}.sv-sidebar-content.reduce .sv-sidebar__logo img{width:80%}.sv-sidebar-content.reduce .sv-sidebar__item{min-height:47px;padding-left:16px!important}.sv-sidebar-content.reduce .sv-sidebar__item:not(.hasIcon) .sv-sidebar__item__text{font-size:.5rem}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon .sv-sidebar__item__text{margin-left:-50px;transform:translate(-10px)}.sv-sidebar-content.reduce .sv-sidebar__item__arrow{animation:delayOpacity .6s ease;height:5px;left:36px;position:absolute;top:10px;width:5px}.sv-sidebar-content.reduce .sv-sidebar__item:hover .sv-sidebar__item__text-tooltip{left:60px;opacity:1}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon{padding:0!important}.sv-sidebar-content.reduce .sv-sidebar__item.hasIcon:after{left:-6px}.sv-sidebar-content .sv-sidebar__logo{align-items:center;display:flex;justify-content:center;min-height:80px;padding:25px 0;width:100%}.sv-sidebar-content .sv-sidebar__logo img{max-height:35px;max-width:120px}.sv-sidebar-content .sv-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-x:hidden;width:100%}.sv-sidebar-content .sv-sidebar::-webkit-scrollbar{width:0}.sv-sidebar-content .sv-sidebar__header{align-items:center;display:flex;justify-content:center;padding:10px;width:100%}.sv-sidebar-content .sv-sidebar__footer{align-items:center;display:flex;justify-self:flex-start;padding:10px;width:100%}.sv-sidebar__item{align-items:center;background:transparent;border:0;color:-color("text");display:flex;font-size:1rem;font-weight:700;justify-content:flex-start;opacity:.7;padding:15px 16px 14px;position:relative;text-align:left;transition:all .25s ease;width:100%}.sv-sidebar__item.hasIcon{padding:0}.sv-sidebar__item.hasIcon.active{padding-left:8px}.sv-sidebar__item.hasIcon:hover{opacity:1;padding-left:8px}.sv-sidebar__item:after{background:-color("color");border-radius:0 20px 20px 0;content:"";height:100%;left:-4px;position:absolute;top:0;transform:translate(-6px);transition:all .25s ease;width:10px;z-index:60}.sv-sidebar__item.active:not(.hasIcon){padding-left:25px}.sv-sidebar__item.active{color:-color("color");opacity:1}.sv-sidebar__item.active:after{transform:translate(0)}.sv-sidebar__item__icon{align-items:center;background:-color("background");display:flex;font-size:1.2rem;height:47px;justify-content:center;min-width:50px;z-index:50}.sv-sidebar__item:hover:not(.hasIcon){opacity:1;padding-left:25px}.sv-sidebar__item__text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap;z-index:10}.sv-sidebar__item__arrow{height:7px;justify-self:flex-end;margin-left:auto;margin-right:15px;position:relative;transform:rotate(-135deg)!important;transition:all .25s ease;width:7px;z-index:80}.sv-sidebar__item__arrow .sv-icon-arrow:before{width:2px}.sv-sidebar__item__arrow .sv-icon-arrow:after{height:2px}.sv-sidebar__item__text-tooltip{font-size:.85rem;left:50px;opacity:0;pointer-events:none;position:fixed;transition:all .25s ease;white-space:nowrap}.sv-sidebar__group{min-width:260px;padding:0;position:relative;width:100%}.sv-sidebar__group.open .sv-sidebar__group__content:after{opacity:1;transform:translate(0)}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item{opacity:1}.sv-sidebar__group.open>.sv-sidebar__group__header .sv-sidebar__item__arrow{transform:rotate(45deg)!important}.sv-sidebar__group__header{align-items:center;display:flex;justify-content:center}.sv-sidebar__group__content{overflow:hidden;position:relative;transition:all .25s ease}.sv-sidebar__group__content:after{background:-color("color",.3);border-radius:0 10px 10px 0;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate(-100%);transition:all .25s ease;width:4px;z-index:60}.sv-sidebar__group__content .sv-sidebar__item{background:-color("background")}.sv-sidebar__group>.sv-sidebar__group__header .sv-sidebar__item:hover{padding-left:0}.sv-card-content{--sv-color:var(--sv-primary)}.sv-card-content.type-5 .sv-card{align-items:center;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.sv-card-content.type-5 .sv-card:hover .sv-card__interactions{bottom:50px}.sv-card-content.type-5 .sv-card:hover .sv-card__text{box-shadow:0 0 30px 0 -rgba(0,0,0,-var("shadow-opacity"));opacity:1;transform:translate(0)}.sv-card-content.type-5 .sv-card:hover .sv-card__img{border-radius:6px 40px 6px 40px}.sv-card-content.type-5 .sv-card:hover .sv-card__img img{transform:scale(1.1)}.sv-card-content.type-5 .sv-card__img{border-radius:6px 20px 6px 20px}.sv-card-content.type-5 .sv-card__interactions{bottom:6px;transition:all .25s ease;z-index:20}.sv-card-content.type-5 .sv-card__text{background:-color("background",1);border-radius:6px 20px 6px 20px;box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));margin-top:-50px;opacity:0;padding-top:10px;position:relative;transform:translateY(25px);transition:all .25s ease;width:calc(100% - 30px);z-index:10}.sv-card-content.type-4 .sv-card{box-shadow:none;max-width:300px}.sv-card-content.type-4 .sv-card:hover{transform:translateY(-5px)}.sv-card-content.type-4 .sv-card:hover .sv-card__img img{transform:scale(1)}.sv-card-content.type-4 .sv-card:hover .sv-card__text{padding-bottom:25px;padding-top:15px}.sv-card-content.type-4 .sv-card__img{align-items:center;max-height:600px}.sv-card-content.type-4 .sv-card__img img{transform:scale(1.2)}.sv-card-content.type-4 .sv-card__interactions{bottom:auto;top:0}.sv-card-content.type-4 .sv-card__text{backdrop-filter:saturate(180%) blur(20px);background:-color("background",.8);border-radius:0 0 20px 20px;bottom:0;position:absolute;transition:all .25s ease}.sv-card-content.type-4 .sv-card__text p{opacity:1}.sv-card-content.type-3 .sv-card{display:flex;max-width:400px}.sv-card-content.type-3 .sv-card:hover{transform:scale(1.04)}.sv-card-content.type-3 .sv-card__img img{min-width:200px}.sv-card-content.type-3 .sv-card__text{padding-top:15px}.sv-card-content.type-3 .sv-card__title h2,.sv-card-content.type-3 .sv-card__title h3,.sv-card-content.type-3 .sv-card__title h4,.sv-card-content.type-3 .sv-card__title h5,.sv-card-content.type-3 .sv-card__title h6{padding:0}.sv-card-content.type-2 .sv-card{box-shadow:none;overflow:hidden}.sv-card-content.type-2 .sv-card:hover{transform:scale(.95)}.sv-card-content.type-2 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card-content.type-2 .sv-card:hover .sv-card__text{color:#fff;opacity:1;transform:translate(0)}.sv-card-content.type-2 .sv-card__interactions{align-items:flex-end;bottom:auto;left:auto;right:0;top:0}.sv-card-content.type-2 .sv-card__title{color:inherit;padding:0;position:relative}.sv-card-content.type-2 .sv-card__title h2,.sv-card-content.type-2 .sv-card__title h3,.sv-card-content.type-2 .sv-card__title h4,.sv-card-content.type-2 .sv-card__title h5,.sv-card-content.type-2 .sv-card__title h6{padding:0 0 5px}.sv-card-content.type-2 .sv-card__text{background:-color("background",.9);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius:0 0 20px 20px;bottom:0;color:transparent;font-size:.9rem;padding-top:30px;position:absolute;transform:translateY(45%);transition:all .25s ease}.sv-card-content.type-2 .sv-card__text p{opacity:1}.sv-card-content.type-1 .sv-card:hover{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translateY(5px)}.sv-card-content.type-1 .sv-card:hover .sv-card__img img{transform:scale(1.15)}.sv-card{background:-color("background");border-radius:20px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");cursor:pointer;max-width:350px;position:relative;transition:all .25s ease;width:100%}.sv-card__text{font-size:.85rem;padding:0 15px 15px}.sv-card__text p{font-size:inherit;margin:0;opacity:.8}.sv-card__title{padding-bottom:5px;padding-top:10px}.sv-card__title h2,.sv-card__title h3,.sv-card__title h4,.sv-card__title h5,.sv-card__title h6{font-size:1.1rem;margin:0;padding:0}.sv-card__interactions{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:0;padding:5px 10px;position:absolute}.sv-card__img{align-items:center;display:flex;justify-content:center;max-height:250px;overflow:hidden;position:relative}.sv-card__img,.sv-card__img img{border-radius:20px;transition:all .25s ease}.sv-card__img img{display:block;width:100%}.sv-card__group{align-items:center;display:flex;position:relative;width:100%}.sv-card__group-space{height:20px;min-width:20px;position:relative}.sv-card__group .sv-card__group-cards{align-items:center;border-radius:20px;display:flex;justify-content:flex-start;overflow:hidden;overflow-x:auto;padding-bottom:20px;padding-top:20px;position:relative;scroll-behavior:smooth;z-index:1}.sv-card__group .sv-card__group-cards .sv-card-content{margin-left:20px;min-width:350px}.sv-card__group .sv-card__group-prev{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-prev .sv-icon-arrow{display:block;height:15px;transform:rotate(-45deg);width:15px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-prev .sv-icon-arrow:after{height:2px}.sv-card__group .sv-card__group-next{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.sv-card__group .sv-card__group-next .sv-icon-arrow{display:block;height:15px;transform:rotate(135deg);width:15px}.sv-card__group .sv-card__group-next .sv-icon-arrow:before{width:2px}.sv-card__group .sv-card__group-next .sv-icon-arrow:after{height:2px}.loading-enter-active,.loading-leave-active{transition:opacity .5s}.loading-enter,.loading-leave-to{opacity:0}.sv-loading{--sv-color:var(--sv-primary);--sv-background:255,255,255;--sv-opacity:0.6;align-items:center;background:-color("background",-var("opacity"));border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;transition:all .25s ease;width:100%;z-index:100000}.sv-loading--target{position:absolute}.sv-loading__load{align-items:center;display:flex;flex-direction:column;justify-content:center}.sv-loading__load__text{color:-color("color");font-size:.75em;font-weight:700;margin:7px}.sv-loading__load__percent{color:-color("color");font-size:.65rem;font-weight:700;margin-top:1px;position:relative;z-index:200}.sv-loading__load__animation{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.sv-loading__progress{background:-color("color",.2);height:4px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.sv-loading__progress__bar{background:-color("color");border-radius:0 10px 10px 0;height:100%;position:relative;transform:translateX(-100%);width:100%}.sv-loading--default .sv-loading__load__animation{border-radius:50%}.sv-loading--default .sv-loading__load__animation__1{animation:rotate .8s ease infinite;border:3px solid transparent;border-bottom-color:-color("color");border-radius:inherit;height:100%;position:absolute;top:0;width:100%}.sv-loading--default .sv-loading__load__animation__2{animation:rotate .8s linear infinite;border:3px solid transparent;border-bottom:3px dashed -color("color");border-radius:inherit;height:100%;opacity:.2;position:absolute;top:0;width:100%}.sv-loading--default .sv-loading__load__animation__3{display:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sv-loading--waves .sv-loading__load__animation{align-items:center;display:flex;justify-content:center}.sv-loading--waves .sv-loading__load__animation__1{animation:waves .7s ease infinite}.sv-loading--waves .sv-loading__load__animation__1,.sv-loading--waves .sv-loading__load__animation__2{background:transparent;border-radius:50%;box-shadow:0 0 10px 0 -color("color",.5);height:0;position:absolute;width:0}.sv-loading--waves .sv-loading__load__animation__2{animation:waves 1.4s linear infinite}.sv-loading--waves .sv-loading__load__animation__3{animation:waves 1.75s ease infinite;background:transparent;border-radius:50%;box-shadow:0 0 10px 0 -color("color",.5);height:0;position:absolute;width:0}@keyframes waves{0%{height:0;width:0}to{height:50px;opacity:0;width:50px}}.sv-loading--corners .sv-loading__load__animation{align-items:center;display:flex;justify-content:center}.sv-loading--corners .sv-loading__load__animation__1{animation:corners 1s ease infinite;background:transparent;border:2px solid -color("color",1);border-radius:50%;height:100%;position:absolute;width:100%}.sv-loading--corners .sv-loading__load__animation__2,.sv-loading--corners .sv-loading__load__animation__3{display:none}@keyframes corners{0%{border-radius:50%;transform:rotate(0deg)}25%{border-radius:50% 50% 50% 15%}50%{border-radius:50% 50% 15% 30%}75%{border-radius:50% 15% 30% 30%}to{border-radius:50%;transform:rotate(-180deg)}}.sv-loading--border .sv-loading__load__animation{align-items:center;border-radius:50%;display:flex;justify-content:center}.sv-loading--border .sv-loading__load__animation__1{animation:rotate 1s linear infinite;border:1px solid transparent;border-bottom-color:-color("color");border-radius:inherit;height:100%;position:absolute;top:0;width:100%}.sv-loading--border .sv-loading__load__animation__2{animation:rotate 1s linear .2s infinite;border:1px solid transparent;border-bottom:1px dashed -color("color");border-radius:inherit;height:100%;position:absolute;top:0;width:100%}.sv-loading--border .sv-loading__load__animation__3{animation:rotate 1s linear .4s infinite;border:1px dashed -color("color");border-radius:inherit;height:100%;opacity:.2;position:absolute;top:0;width:100%}.sv-loading--points .sv-loading__load__percent{position:absolute;top:-10px}.sv-loading--points .sv-loading__load__animation{align-items:flex-end;display:flex;justify-content:center;width:auto}.sv-loading--points .sv-loading__load__animation__1{animation:points .75s ease infinite;background:-color("color");border-radius:50%;height:8px;margin:3px;width:8px}.sv-loading--points .sv-loading__load__animation__2{animation:points .75s ease .25s infinite;background:-color("color");border-radius:50%;height:8px;margin:3px;width:8px}.sv-loading--points .sv-loading__load__animation__3{animation:points .75s ease .5s infinite;background:-color("color");border-radius:50%;height:8px;margin:3px;width:8px}@keyframes points{0%{transform:translate(0)}50%{transform:translateY(-15px)}to{transform:translate(0)}}.sv-loading--square .sv-loading__load__animation{align-items:center;display:flex;justify-content:center}.sv-loading--square .sv-loading__load__animation__1{animation:rotateSquare 4s ease infinite;border:2px solid -color("color");border-radius:inherit;height:100%;position:absolute;top:0;width:100%}.sv-loading--square .sv-loading__load__animation__2{animation:rotateSquare 4s ease infinite reverse;background:-color("background",1);border:2px solid -color("color");border-radius:inherit;height:100%;position:absolute;top:0;width:100%}.sv-loading--square .sv-loading__load__animation__3{display:none}@keyframes rotateSquare{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.sv-loading--gradient .sv-loading__load__animation{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.sv-loading--gradient .sv-loading__load__animation__1{animation:rotate 1s linear infinite;background:linear-gradient(0deg,-color("background",0) 33%,-color("color",1));border:0;border-radius:inherit;border-radius:50%;height:100%;position:absolute;top:0;width:100%}.sv-loading--gradient .sv-loading__load__animation__2{background:-color("background",1);border:0;border-radius:inherit;border-radius:50%;height:calc(100% - 4px);position:absolute;top:2px;width:calc(100% - 4px)}.sv-loading--gradient .sv-loading__load__animation__3{display:none}.sv-loading--rectangle .sv-loading__load__percent{bottom:-2px;position:absolute}.sv-loading--rectangle .sv-loading__load__animation{align-items:flex-end;display:flex;justify-content:center}.sv-loading--rectangle .sv-loading__load__animation__1{animation:rectangle 1s ease infinite;background:-color("color",1);border:0;border-radius:inherit;height:15px;position:absolute;width:15px}.sv-loading--rectangle .sv-loading__load__animation__2{animation:rectangle 1s ease-out infinite;background:-color("color",.2);border:0;border-radius:inherit;height:15px;position:absolute;width:15px}.sv-loading--rectangle .sv-loading__load__animation__3{display:none}@keyframes rectangle{0%{transform:translate(-50px)}50%{transform:translate(50px)}to{transform:translate(-50px)}}.sv-loading--circles .sv-loading__load__animation{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.sv-loading--circles .sv-loading__load__animation__1{animation:rotate 1s ease infinite;border:3px solid transparent;border-bottom:2px solid -color("color",1);border-radius:50%;height:40px;position:absolute;width:40px}.sv-loading--circles .sv-loading__load__animation__2{animation:rotate 1s ease-in-out infinite;border:3px solid transparent;border-bottom:2px dashed -color("color",1);border-radius:50%;height:50px;position:absolute;width:50px}.sv-loading--circles .sv-loading__load__animation__3{animation:rotate 1s linear infinite reverse;border:3px solid transparent;border-bottom:2px solid -color("color",1);border-radius:50%;height:60px;position:absolute;width:60px}.sv-loading--square-rotate .sv-loading__load__percent{bottom:30px;position:absolute}.sv-loading--square-rotate .sv-loading__load__animation{align-items:flex-end;display:flex;height:60px;justify-content:center;width:60px}.sv-loading--square-rotate .sv-loading__load__animation__1{animation:squareRotate 3s ease infinite;background:-color("color",1);height:25px;position:absolute;width:25px}.sv-loading--square-rotate .sv-loading__load__animation__2,.sv-loading--square-rotate .sv-loading__load__animation__3{display:none}@keyframes squareRotate{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(180deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(0deg) rotateY(180deg)}to{transform:rotateX(0deg) rotateY(0deg)}}.sv-loading--scale .sv-loading__load__percent{bottom:40px;position:absolute}.sv-loading--scale .sv-loading__load__animation{align-items:cneter;display:flex;height:40px;justify-content:center;width:40px}.sv-loading--scale .sv-loading__load__animation__1{animation:scale .8s ease infinite;background:-color("color",1);border-radius:5px;height:5px;margin:3px;position:relative;width:5px}.sv-loading--scale .sv-loading__load__animation__2{animation:scale .8s ease .2s infinite;background:-color("color",1);border-radius:5px;height:5px;margin:3px;position:relative;width:5px}.sv-loading--scale .sv-loading__load__animation__3{animation:scale .8s ease .4s infinite;background:-color("color",1);border-radius:5px;height:5px;margin:3px;position:relative;width:5px}@keyframes scale{50%{height:25px}0%{height:5px}}.notification-enter-active{transition:all .3s ease .05s,transform .3s ease,margin .25s ease,clip-path 8s ease .8s}.notification-leave-to{box-shadow:0 0 0 0 transparent;clip-path:circle(0 at 80% 35%)!important;margin-bottom:0!important;margin-top:0!important;max-height:0!important;opacity:0!important;padding-bottom:0!important;padding-top:0!important}.notification-enter{clip-path:circle(0 at 80% 35%)!important;transform:translate(25%)}.notification-enter .sv-notification__content{opacity:0;transform:translate(10%)}.sv-notification-parent{align-items:flex-end;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 0;position:fixed;right:0;transition:all 25s ease;z-index:200000}.sv-notification-parent--top-center,.sv-notification-parent--top-right{bottom:auto;display:flex;flex-direction:column-reverse;top:0}.sv-notification-parent--top-center{left:50%;right:auto;transform:translate(-50%)}.sv-notification-parent--top-center .sv-notification--sticky{border-radius:20px;margin:3px 20px}.sv-notification-parent--top-center .sv-notification--sticky:last-child{border-radius:0 0 20px 20px;margin-top:-10px}.sv-notification-parent--top-center .sv-notification{clip-path:circle(120% at 50% 0);transition:all .25s ease,transform .3s ease,max-height .25s ease,clip-path .5s ease .1s}.sv-notification-parent--top-center .sv-notification.sv-notification--border{border:3px solid transparent;border-top-color:-color("border")}.sv-notification-parent--top-center .notification-enter{clip-path:circle(0 at 50% 0)!important;transform:translateY(-25%)}.sv-notification-parent--top-center .notification-enter .sv-notification__content{opacity:0;transform:translateY(-10%)}.sv-notification-parent--bottom-center{left:50%;right:auto;transform:translate(-50%)}.sv-notification-parent--bottom-center .sv-notification--sticky{border-radius:20px;margin:3px 20px}.sv-notification-parent--bottom-center .sv-notification--sticky:last-child{border-radius:20px 20px 0 0;margin-bottom:-10px}.sv-notification-parent--bottom-center .sv-notification{clip-path:circle(120% at 50% 100%);transition:all .25s ease,transform .3s ease,max-height .25s ease,clip-path .5s ease .1s}.sv-notification-parent--bottom-center .sv-notification.sv-notification--border{border:3px solid transparent;border-bottom-color:-color("border")}.sv-notification-parent--bottom-center .notification-enter{clip-path:circle(0 at 50% 100%)!important;transform:translateY(25%)}.sv-notification-parent--bottom-center .notification-enter .sv-notification__content{opacity:0;transform:translateY(10%)}.sv-notification-parent--top-left{align-items:flex-start;bottom:auto;display:flex;flex-direction:column-reverse;justify-content:flex-end;left:0;right:auto;top:0}.sv-notification-parent--top-left .sv-notification--sticky{border-radius:0 20px 20px 0;margin-left:0}.sv-notification-parent--top-left .sv-notification{clip-path:circle(145% at 0 50%)}.sv-notification-parent--top-left .sv-notification.sv-notification--border{border:3px solid transparent;border-left-color:-color("border")}.sv-notification-parent--top-left .notification-enter{clip-path:circle(0 at 20% 35%)!important;transform:translate(-25%)}.sv-notification-parent--top-left .notification-enter .sv-notification__content{opacity:0;transform:translate(-10%)}.sv-notification-parent--bottom-left{left:0;right:auto}.sv-notification-parent--bottom-left .sv-notification--sticky{border-radius:0 20px 20px 0;margin-left:0}.sv-notification-parent--bottom-left .sv-notification{clip-path:circle(145% at 0 50%)}.sv-notification-parent--bottom-left .sv-notification.sv-notification--border{border:3px solid transparent;border-left-color:-color("border")}.sv-notification-parent--bottom-left .notification-enter{clip-path:circle(0 at 20% 35%)!important;transform:translate(-25%)}.sv-notification-parent--bottom-left .notification-enter .sv-notification__content{opacity:0;transform:translate(-10%)}.sv-notification{--sv-color:var(--sv-background);--sv-border:var(--sv-background);--sv-opacity:0.6;background:-color("color");border-radius:20px;box-shadow:0 10px 30px -5px -rgba(0,0,0,-var("shadow-opacity"));clip-path:circle(145% at 100% 50%);color:-color("text");height:auto;margin:3px 10px;max-width:340px;overflow:hidden;position:relative;transition:all .25s ease,transform .3s ease .1s,max-height .25s ease,clip-path .5s ease .1s;width:100%}.sv-notification:hover:not(.sv-notification--flat){box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translateY(3px)}.sv-notification--notPadding{padding:0!important}.sv-notification.sv-notification--icon{padding-left:50px!important}.sv-notification.sv-notification--loading{align-items:center;display:flex;justify-content:center;max-height:100px!important;min-height:100px!important;padding:0!important;width:100px!important}.sv-notification--width-auto{max-width:none;width:auto}.sv-notification--width-all{max-width:calc(100vw - 50px);width:calc(100vw - 50px)}.sv-notification--square{border-radius:0!important}.sv-notification--sticky{border-radius:20px 0 0 20px;margin-bottom:0;margin-right:0}.sv-notification--flat{background:-color("background");box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("color")!important}.sv-notification--flat:hover:after{background:-color("color",.15)}.sv-notification--flat .sv-notification__progress{background:-color("color")}.sv-notification--flat .sv-notification__close{--sv-color:inherit}.sv-notification--flat .sv-notification__content{color:-color("color")!important}.sv-notification--flat.sv-notification--border{border:0 solid transparent!important;border-right:3px solid -color("border")!important}.sv-notification--flat:after{background:-color("color",.1);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.sv-notification.sv-notification--onClick{cursor:pointer}.sv-notification.sv-notification--color:not(.sv-notification--flat){color:#fff}.sv-notification.sv-notification--color:not(.sv-notification--flat) .sv-notification__progress{background:#fff}.sv-notification.sv-notification--color:not(.sv-notification--flat) .sv-notification__close{--sv-color:255,255,255}.sv-notification.sv-notification--color:not(.sv-notification--flat) .sv-notification__loading:after{border:2px solid transparent;border-bottom-color:#fff}.sv-notification.sv-notification--color:not(.sv-notification--flat) .sv-notification__loading:before{border:2px solid transparent;border-bottom:2px dashed #fff}.sv-notification.sv-notification--border{border:3px solid transparent;border-right-color:-color("border")}.sv-notification__progress{background:-color("text");bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:0}.sv-notification__loading{border-radius:50%;height:50px;position:absolute;width:50px}.sv-notification__loading:after{animation:loadingNoti .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("text");border-radius:inherit}.sv-notification__loading:after,.sv-notification__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.sv-notification__loading:before{animation:loadingNoti .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("text");border-radius:inherit;opacity:.2}.sv-notification__close{--sv-color:var(--sv-text);background:transparent;border:0;padding:0;position:absolute;right:2px;top:2px;transform:scale(.75)}.sv-notification__icon{align-items:center;background:transparent;border-radius:0 35% 35% 0;display:flex;height:45px;justify-content:center;left:2px;position:absolute;top:calc(50% - 22px);width:45px}.sv-notification__icon i{font-size:1.2rem}.sv-notification__content{height:auto;opacity:1;position:relative;transition:all .25s ease .2s;width:auto}.sv-notification__content__text{width:100%}.sv-notification__content__text p{font-size:.75rem;line-height:1rem;margin:0;padding:0}.sv-notification__content__header{margin:0;padding:0 0 6px;width:100%}.sv-notification__content__header h4{font-size:.9rem;margin:0;padding:0;width:100%}.darken .sv-notification--dark{color:#fff!important}.darken .sv-notification--dark .sv-notification__close{--sv-color:255,255,255!important}.darken .sv-notification--dark h4,.darken .sv-notification--dark p{color:#fff!important}@keyframes loadingNoti{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressNoti{0%{width:0}to{width:100%}}@media (max-width:600px){.sv-notification{border-radius:0!important;margin:3px 0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.sv-notification:hover{transform:translate(0)!important}.sv-notification:last-child{margin-bottom:0!important}.sv-notification-parent{max-width:100%!important;padding:0;width:100%!important}.sv-notification-parent .sv-notification--sticky{margin-bottom:0!important}.sv-notification-parent.sv-notification-parent--top-center .sv-notification:last-child{margin-bottom:3px;margin-top:0!important}}:root{--sv-primary:25,91,255;--sv-warn:255,186,0;--sv-danger:255,71,87;--sv-success:70,201,58;--sv-dark:30,30,30;--sv-light:244,247,248;--sv-color:17,18,20;--sv-facebook:59,89,153;--sv-twitter:29,161,242;--sv-youtube:255,0,0;--sv-pinterest:189,8,28;--sv-linkedin:0,119,181;--sv-snapchat:255,252,0;--sv-whatsapp:37,211,102;--sv-tumblr:54,70,93;--sv-reddit:255,69,0;--sv-spotify:30,215,96;--sv-amazon:255,153,0;--sv-medium:2,184,117;--sv-vimeo:26,183,234;--sv-skype:0,175,240;--sv-dribbble:234,76,137;--sv-slack:74,21,75;--sv-yahoo:67,2,151;--sv-twitch:100,65,164;--sv-discord:114,137,218;--sv-telegram:0,136,204;--sv-google-plus:219,68,55;--sv-messenger:0,132,255;--sv-background:255,255,255;--sv-text:44,62,80;--sv-gray-1:249,252,253;--sv-gray-2:244,247,248;--sv-gray-3:240,243,244;--sv-gray-4:230,233,234}[class*="--default"],[class*="--primary"]{--sv-color:var(--sv-primary)}[class*="--danger"]{--sv-color:var(--sv-danger)}[class*="--success"]{--sv-color:var(--sv-success)}[class*="--dark"]{--sv-color:var(--sv-dark)}[class*="--warn"]{--sv-color:var(--sv-warn)}:root{--sv-shadow-opacity:0.05;--sv-radius:20px;--sv-zindex-1:100000;--sv-zindex-2:99000;--sv-zindex-3:98000;--sv-zindex-4:97000;--sv-background-opacity:0.2;--sv-font-family:"Poppins",sans-serif}[vs-theme=dark]{--sv-background:30,32,35;--sv-text:255,255,255;--sv-gray-1:24,25,28;--sv-gray-2:20,20,23;--sv-gray-3:15,16,19;--sv-gray-4:10,11,14;--sv-shadow-opacity:0.3;--sv-dark:0,0,0;--sv-background-opacity:0.6}[vs-theme=dark] .sv-pagination-content.sv-component-dark .sv-pagination__active{--sv-color:255,255,255;color:-color("gray-3")}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent{color:-color("text")!important}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent:hover:before{background:-color("color",.2)}[vs-theme=dark] .sv-button.sv-component-dark.sv-button--transparent.sv-button--active:before{background:-color("color",-var("background-opacity"))}[vs-theme=dark] .vs-ripple,[vs-theme=dark] .vs-ripple-content,[vs-theme=dark] .vs-ripple-invert{--sv-color:0,0,0}[vs-theme=dark] .sv-loading{--sv-background:0,0,0}[vs-theme=dark] .sv-input-parent--state-dark{--sv-dark:255,255,255!important}[vs-theme=dark] .sv-input-parent--state-dark .sv-input{background:#000!important}[vs-theme=dark] .sv-component-dark{--sv-color:0,0,0!important}[vs-theme=dark] .sv-component-dark .sv-avatar{color:#fff!important}[vs-theme=dark] .sv-component-dark.sv-alert{--sv-color:0,0,0!important;background:-color("color",1)!important;color:-color("text",1)!important}button{cursor:pointer;outline:none}[disabled]{opacity:.6}input{outline:none}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}[class*=vs-]{box-sizing:border-box;font-family:var(--sv-font-family);list-style:none;outline:none}.vs-ripple-content{--sv-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,-color(color,.05),-color(color,.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:-color(color,1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,-color(color,.5),-color(color,0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.vs-remove-transition *,.vs-remove-transition :after,.vs-remove-transition :before{transition:all 0s!important}