*,:before,:after,::backdrop {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: #0000;
    --tw-gradient-via: #0000;
    --tw-gradient-to: #0000;
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-ease: initial;
    --tw-content: "";
    --tw-leading: initial;
    --tw-duration: initial;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0
}

:root,:host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5 ;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2 ;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --aspect-video: 16/9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
}

*,:after,:before,::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

html,:host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings,normal);
    font-variation-settings: var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color: transparent
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings: var(--default-mono-font-feature-settings,normal);
    font-variation-settings: var(--default-mono-font-variation-settings,normal);
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

:-moz-focusring {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

ol,ul,menu {
    list-style: none
}

img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align: middle;
    display: block
}

img,video {
    max-width: 100%;
    height: auto
}

button,input,select,optgroup,textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

:where(select:is([multiple],[size])) optgroup {
    font-weight: bolder
}

:where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px}

::file-selector-button {
    margin-inline-end:4px}

::placeholder {
    opacity: 1
}

::placeholder {
    color: currentColor
}

::placeholder {
    color: color-mix(in oklab,currentcolor 50%,transparent)
}

textarea {
    resize: vertical
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-datetime-edit {
    padding-block:0}

::-webkit-datetime-edit-year-field {
    padding-block:0}

::-webkit-datetime-edit-month-field {
    padding-block:0}

::-webkit-datetime-edit-day-field {
    padding-block:0}

::-webkit-datetime-edit-hour-field {
    padding-block:0}

::-webkit-datetime-edit-minute-field {
    padding-block:0}

::-webkit-datetime-edit-second-field {
    padding-block:0}

::-webkit-datetime-edit-millisecond-field {
    padding-block:0}

::-webkit-datetime-edit-meridiem-field {
    padding-block:0}

::-webkit-calendar-picker-indicator {
    line-height: 1
}

:-moz-ui-invalid {
    box-shadow: none
}

button,input:where([type=button],[type=reset],[type=submit]) {
    appearance: button
}

::file-selector-button {
    appearance: button
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none!important
}

button:not(:disabled),[role=button]:not(:disabled) {
    cursor: pointer
}

html {
    min-height: 100%;
    display: grid
}

body {
    background-color: rgb(var(--body));
    color: rgb(var(--text));
    font-family: Satoshi,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

@media not all and (min-width: 40rem) {
    body:has(.dropdown-menu.show) {
        overflow:hidden
    }
}

body:has(dialog[open],.modal.open) {
    overflow: hidden
}

h1,h2,h3,div,li,p {
    overflow-wrap: break-word
}

h1,h2,h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

* {
    min-width: calc(var(--spacing)*0)
}

details summary::-webkit-details-marker {
    display: none
}

[hidden] {
    display: none
}

label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-user-select: none;
    user-select: none
}

[class*=ic-] {
    gap: .25rem;
    display: inline-flex
}

[class*=ic-]:not(.ic-before):not(.ic-after):not(svg),.ic-before:before,.ic-after:after {
    width: 1em;
    height: 1em;
    max-width: initial;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask: var(--ic)no-repeat;
    mask: var(--ic)no-repeat;
    background-color: currentColor;
    flex-shrink: 0;
    line-height: 1
}

.ic-before:before,.ic-after:after {
    content: ""
}

svg[class*=ic-] {
    stroke-width: 2px;
    width: 1em;
    height: 1em
}

svg[class*=ic-] use {
    fill: currentColor;
    stroke: currentColor
}

.control-inp,input,textarea,select {
    min-height: calc(var(--spacing)*12);
    appearance: none;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(var(--soft));
    background-color: rgb(var(--mute));
    width: 100%;
    padding-inline:calc(var(--spacing)*4);padding-block: calc(var(--spacing)*2);
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    color: rgb(var(--text));
    display: block
}

:is(.control-inp,input,textarea,select)::placeholder {
    color: rgb(var(--text));
    opacity: 1
}

:is(.control-inp,input,textarea,select):disabled {
    background-color: rgb(var(--line));
    opacity: .8
}

:is(.control-inp,input,textarea,select).invalid {
    border-color: rgb(var(--fire))
}

:is(.control-inp,input,textarea,select).invalid {
    border-color: color-mix(in oklab,rgb(var(--fire))20%,transparent)
}

:is(.control-inp,input,textarea,select).invalid {
    background-color: rgb(var(--fire))
}

:is(.control-inp,input,textarea,select).invalid {
    background-color: color-mix(in oklab,rgb(var(--fire))5%,transparent)
}

:is(.control-inp,input,textarea,select).invalid,:is(.control-inp,input,textarea,select).invalid::placeholder {
    color: rgb(var(--fire))
}

:is(.control-inp,input,textarea,select):focus.invalid {
    border-color: rgb(var(--fire))
}

:is(.control-inp,input,textarea,select):focus.invalid {
    border-color: color-mix(in oklab,rgb(var(--fire))30%,transparent)
}

:is(.control-inp,input,textarea,select):focus.invalid {
    background-color: rgb(var(--fire))
}

:is(.control-inp,input,textarea,select):focus.invalid {
    background-color: color-mix(in oklab,rgb(var(--fire))10%,transparent)
}

:is(input,textarea,select):is(:invalid,.invalid)+.hint.hidden,.invalid+.hint.hidden,.float-label:has(:is(input,textarea,select):is(:invalid,.invalid))+.hint.hidden {
    color: rgb(var(--fire));
    display: block
}

.hint {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
}

.control-group {
    gap: calc(var(--spacing)*1.5);
    flex-direction: column;
    display: flex
}

.control-inp {
    gap: calc(var(--spacing)*2);
    padding: calc(var(--spacing)*0);
    display: flex
}

.control-inp input,.control-inp textarea,.control-inp select {
    border-radius: inherit;
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 0;
    margin: -1px
}

:is(.control-inp input,.control-inp textarea,.control-inp select):invalid,:is(.control-inp input,.control-inp textarea,.control-inp select):focus,:is(.control-inp input,.control-inp textarea,.control-inp select):focus:invalid,:is(.control-inp input,.control-inp textarea,.control-inp select).invalid,:is(.control-inp input,.control-inp textarea,.control-inp select):focus.invalid {
    background-color: #0000
}

.control-inp .btn {
    --tw-outline-style: none;
    outline-style: none;
    margin: -1px
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)) {
    border-color: rgb(var(--fire))
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)) {
    border-color: color-mix(in oklab,rgb(var(--fire))20%,transparent)
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)) {
    background-color: rgb(var(--fire))
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)) {
    background-color: color-mix(in oklab,rgb(var(--fire))5%,transparent)
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)):focus-within {
    border-color: rgb(var(--fire))
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)):focus-within {
    border-color: color-mix(in oklab,rgb(var(--fire))30%,transparent)
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)):focus-within {
    background-color: rgb(var(--fire))
}

.control-inp:has(:is(input,textarea,select):is(:invalid,.invalid)):focus-within {
    background-color: color-mix(in oklab,rgb(var(--fire))10%,transparent)
}

.input-none {
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 0
}

.float-label .control-inp input:is(:invalid,.invalid)::placeholder {
    color: #0000
}

.float-label {
    display: flex;
    position: relative
}

.float-label input,.float-label textarea,.float-label select {
    height: calc(var(--spacing)*14);
    padding-inline:calc(var(--spacing)*4);padding-top: calc(var(--spacing)*6)
}

:is(.float-label input,.float-label textarea,.float-label select)::placeholder {
    color: #0000
}

.float-label label {
    pointer-events: none;
    height: calc(var(--spacing)*11);
    padding-inline:calc(var(--spacing)*4);padding-top: calc(var(--spacing)*5);
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    --tw-leading: 1;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .2s;
    line-height: 1;
    transition-duration: .2s;
    position: absolute;
    inset-inline-start: calc(var(--spacing)*0)
}

.float-label:has(:is(input,textarea):not(:placeholder-shown),:is(input,textarea):focus,select) label {
    padding-top: calc(var(--spacing)*2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    opacity: 1
}

.float-label:has(:is(input,textarea,select):is(:invalid,.invalid)) label {
    color: rgb(var(--fire))
}

:is(input,textarea,select):focus,.control-inp:focus-within {
    border-color: rgb(var(--edge));
    background-color: rgb(var(--mute));
    --tw-outline-style: none;
    outline-style: none
}

textarea {
    height: calc(var(--spacing)*32);
    max-height: calc(var(--spacing)*96);
    min-height: calc(var(--spacing)*32)
}

select {
    --ic: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-image: var(--ic);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-inline-end:calc(var(--spacing)*9)}

[type=checkbox],[type=radio] {
    height: calc(var(--spacing)*6);
    min-height: calc(var(--spacing)*0);
    width: calc(var(--spacing)*6);
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(var(--edge));
    background-color: rgb(var(--mute));
    padding: calc(var(--spacing)*0);
    border-radius: .25rem
}

@media(hover: hover) {
    :is([type=checkbox],[type=radio]):hover {
        background-color:rgb(var(--soft))
    }
}

[type=radio] {
    border-radius: 3.40282e38px
}

[type=checkbox]:checked,[type=radio]:checked {
    border-color: rgb(var(--main));
    color: rgb(var(--main));
    background-color: currentColor
}

[type=radio]:checked,[type=checkbox]:checked {
    --ic: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-image: var(--ic);
    background-position: 50%;
    background-repeat: no-repeat
}

[class=dark] [type=radio]:checked,[class=dark] [type=checkbox]:checked {
    --ic: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

input[type=search]::-ms-clear {
    width: 0;
    height: 0;
    display: none
}

input[type=search]::-ms-reveal {
    width: 0;
    height: 0;
    display: none
}

input[type=search]::-webkit-search-decoration {
    display: none
}

input[type=search]::-webkit-search-cancel-button {
    display: none
}

input[type=search]::-webkit-search-results-button {
    display: none
}

input[type=search]::-webkit-search-results-decoration {
    display: none
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    appearance: textfield
}

input[type=date] {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    padding-inline-end:calc(var(--spacing)*3)}

input[type=date]: :-webkit-calendar-picker-indicator {
    --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M21 10H3m13-8v4M8 2v4m-.2 16h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 19.72 21 18.88 21 17.2V8.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 4 17.88 4 16.2 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 6.28 3 7.12 3 8.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 22 6.12 22 7.8 22z' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-image: var(--ic);
    height: calc(var(--spacing)*5);
    width: calc(var(--spacing)*5)
}

.container {
    padding-inline:calc(var(--spacing)*6);margin-inline: auto
}

@media(min-width: 80rem) {
    .container {
        max-width:var(--container-7xl)
    }
}

.btn {
    min-height: calc(var(--spacing)*12);
    min-width: calc(var(--spacing)*12);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding-inline:calc(var(--spacing)*4);padding-block: calc(var(--spacing)*2);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    flex-shrink: 0;
    display: inline-flex
}

@media(hover: hover) {
    .btn:hover {
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        transition-duration: .2s
    }
}

.btn:disabled {
    pointer-events: none;
    opacity: .5
}

.btn-2xs {
    min-height: calc(var(--spacing)*6);
    min-width: calc(var(--spacing)*6);
    padding-inline:calc(var(--spacing)*2);padding-block: calc(var(--spacing)*0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.btn-xs {
    min-height: calc(var(--spacing)*8);
    min-width: calc(var(--spacing)*8);
    padding-inline:calc(var(--spacing)*3);padding-block: calc(var(--spacing)*0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.btn-sm {
    min-height: calc(var(--spacing)*10);
    min-width: calc(var(--spacing)*10);
    padding-inline:calc(var(--spacing)*3);font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.btn-lg {
    min-height: calc(var(--spacing)*14);
    min-width: calc(var(--spacing)*14);
    padding-inline:calc(var(--spacing)*10);font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

.btn-link {
    color: rgb(var(--main))
}

@media(hover: hover) {
    .btn-link:hover {
        text-decoration-line:underline
    }
}

.btn-item {
    color: rgb(var(--subs));
    justify-content: flex-start
}

@media(hover: hover) {
    .btn-item:hover {
        background-color:rgb(var(--soft));
        color: rgb(var(--lead))
    }
}

.btn-main {
    background-color: rgb(var(--main));
    color: rgb(var(--fore))
}

@media(hover: hover) {
    .btn-main:hover {
        --tw-brightness:brightness(95%);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
}

.btn-line {
    background-color: rgb(var(--line));
    color: rgb(var(--subs))
}

@media(hover: hover) {
    .btn-line:hover {
        border-color:rgb(var(--edge));
        background-color: rgb(var(--edge));
        color: rgb(var(--lead))
    }
}

.btn-line.on {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: rgb(var(--main));
    background-color: rgb(var(--main))
}

.btn-line.on {
    background-color: color-mix(in oklab,rgb(var(--main))10%,transparent)
}

.btn-line.on {
    color: rgb(var(--main))
}

.btn-line-g {
    color: rgb(var(--subs))
}

@media(hover: hover) {
    .btn-line-g:hover {
        background-color:rgb(var(--soft));
        color: rgb(var(--lead))
    }
}

.btn-line-o {
    border-color: rgb(var(--line));
    background-color: rgb(var(--mute))
}

.btn-line-o {
    background-color: color-mix(in oklab,rgb(var(--mute))60%,transparent)
}

.btn-line-o {
    color: rgb(var(--subs))
}

@media(hover: hover) {
    .btn-line-o:hover {
        background-color:rgb(var(--edge));
        color: rgb(var(--lead))
    }
}

.btn-lead {
    background-color: rgb(var(--lead));
    color: rgb(var(--fore))
}

@media(hover: hover) {
    .btn-lead:hover {
        background-color:rgb(var(--lead))
    }

    .btn-lead:hover {
        background-color: color-mix(in oklab,rgb(var(--lead))90%,transparent)
    }
}

.btn-edge {
    border-color: rgb(var(--edge));
    color: rgb(var(--lead))
}

@media(hover: hover) {
    .btn-edge:hover {
        background-color:rgb(var(--mute))
    }
}

.btn-soft {
    background-color: rgb(var(--soft))
}

@media(hover: hover) {
    .btn-soft:hover {
        border-color:rgb(var(--edge));
        background-color: rgb(var(--line))
    }

    .btn-soft:hover {
        background-color: color-mix(in oklab,rgb(var(--line))70%,transparent)
    }
}

.btn-soft.on {
    border-color: rgb(var(--edge));
    background-color: rgb(var(--line))
}

.btn-soft.on {
    background-color: color-mix(in oklab,rgb(var(--line))70%,transparent)
}

.btn-soft2 {
    background-color: rgb(var(--soft))
}

@media(hover: hover) {
    .btn-soft2:hover {
        border-color:rgb(var(--edge));
        background-color: rgb(var(--line))
    }

    .btn-soft2:hover {
        background-color: color-mix(in oklab,rgb(var(--line))70%,transparent)
    }
}

.btn-soft2.on {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: rgb(var(--main));
    background-color: rgb(var(--main))
}

.btn-soft2.on {
    background-color: color-mix(in oklab,rgb(var(--main))10%,transparent)
}

.btn-soft2.on {
    color: rgb(var(--main))
}

.entry {
    align-items: flex-start;
    gap: calc(var(--spacing)*6);
    display: grid
}

.entry :is(h1,h2,h3,h4,h5,h6) {
    margin-top: calc(var(--spacing)*6);
    margin-bottom: calc(var(--spacing)*-4);
    scroll-margin-bottom: calc(var(--spacing)*0);
    color: rgb(var(--lead))
}

.entry h1 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.entry :is(h2,h3) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

.entry :is(h4,h5,h6) {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.entry a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--lead));
    text-decoration-line: underline
}

@media(hover: hover) {
    .entry a:hover {
        color:rgb(var(--main));
        text-decoration-line: none
    }
}

.entry pre {
    background-color: rgb(var(--mute));
    padding: calc(var(--spacing)*4);
    color: rgb(var(--subs))
}

.entry strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.entry blockquote {
    align-items: flex-start;
    gap: calc(var(--spacing)*1.5);
    border-inline-start-style:var(--tw-border-style);border-inline-start-width: 4px;
    border-color: rgb(var(--main));
    color: rgb(var(--lead));
    padding-inline-start:calc(var(--spacing)*6);padding-inline-end: calc(var(--spacing)*8);
    display: grid;
    position: relative
}

.entry blockquote:after {
    inset-inline-end: calc(var(--spacing)*0);
    top: calc(var(--spacing)*0);
    margin-top: calc(var(--spacing)*-4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: rgb(var(--main));
    content: '"';
    position: absolute
}

.entry cite {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
}

.entry figcaption {
    margin-top: calc(var(--spacing)*4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    font-style: italic
}

.entry ul,.entry ol {
    align-items: flex-start;
    gap: calc(var(--spacing)*2);
    padding-inline-start:calc(var(--spacing)*6);display: grid
}

.entry ul {
    list-style-type: disc
}

.entry ol {
    list-style-type: decimal
}

.entry li {
    padding-inline-start:calc(var(--spacing)*1)}

.entry table {
    table-layout: auto;
    width: 100%
}

.entry :is(th,td) {
    padding: calc(var(--spacing)*2)
}

.entry tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: rgb(var(--line))
}

.entry tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
}

.bg-cut-l {
    --tw-gradient-from: rgb(var(--body)/1);
    --tw-gradient-to: rgb(var(--body)/0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    -webkit-mask: linear-gradient(to left,var(--tw-gradient-stops));
    mask: linear-gradient(to left,var(--tw-gradient-stops))
}

.bg-cut-r {
    --tw-gradient-from: rgb(var(--body)/1);
    --tw-gradient-to: rgb(var(--body)/0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    -webkit-mask: linear-gradient(to right,var(--tw-gradient-stops));
    mask: linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-cut-y {
    --tw-gradient-from: rgb(var(--body)/0);
    --tw-gradient-to: rgb(var(--body)/0);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(var(--body)/1)var(--tw-gradient-via-position),var(--tw-gradient-to);
    -webkit-mask: linear-gradient(to top,var(--tw-gradient-stops));
    mask: linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-cut-b {
    --tw-gradient-from: rgb(var(--body)/0);
    --tw-gradient-to: rgb(var(--body)/1);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(var(--body)/1)var(--tw-gradient-via-position),var(--tw-gradient-to);
    -webkit-mask: linear-gradient(to top,var(--tw-gradient-stops));
    mask: linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-cut-x {
    --tw-gradient-from: rgb(var(--body)/0);
    --tw-gradient-to: rgb(var(--body)/0);
    --tw-gradient-stops: var(--tw-gradient-from),rgb(var(--body)/1)var(--tw-gradient-via-position),var(--tw-gradient-to);
    -webkit-mask: linear-gradient(to right,var(--tw-gradient-stops));
    mask: linear-gradient(to right,var(--tw-gradient-stops))
}

[class*=rnd-] {
    position: relative
}

[class*=rnd-]:before,[class*=rnd-]:after {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask: var(--ms)no-repeat;
    mask: var(--ms)no-repeat;
    background-color: currentColor;
    width: 12px;
    height: 12px;
    position: absolute
}

.rnd-sm:before,.rnd-sm:after {
    width: 8px;
    height: 8px
}

.rnd-bee:before,.rnd-aee:after {
    --ms: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M12 12H0c6.627 0 12-5.373 12-12v12z'/%3E%3C/svg%3E")
}

.rnd-bse:before,.rnd-ase:after {
    --ms: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M0 12h12C5.373 12 0 6.627 0 0v12z'/%3E%3C/svg%3E")
}

.rnd-bss:before,.rnd-aee-2:after {
    --ms: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M0 0h12C5.373 0 0 5.373 0 12V0z'/%3E%3C/svg%3E")
}

.top:first-child .top-num {
    color: #000;
    background-color: #f87171
}

.top:nth-child(2) .top-num {
    color: #000;
    background-color: #fb923c
}

.top:nth-child(3) .top-num {
    color: #000;
    background-color: #d8c36f
}

[class*=tooltip-] {
    position: relative
}

[class*=tooltip-]:before {
    content: attr(aria-label);
    pointer-events: none;
    z-index: 40;
    width: max-content;
    max-width: var(--container-xs);
    background-color: rgb(var(--lead));
    border-radius: .25rem;
    display: none;
    position: absolute;
    animation-delay: .5s!important
}

[class*=tooltip-]:before {
    background-color: color-mix(in oklab,rgb(var(--lead))90%,transparent)
}

[class*=tooltip-]:before {
    padding-inline:calc(var(--spacing)*1.5);padding-block: calc(var(--spacing)*.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: rgb(var(--fore))
}

[class*=tooltip-]:hover:before {
    display: block
}

.tooltip-top:before {
    margin-bottom: calc(var(--spacing)*1);
    --tw-translate-x: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    inset-inline-start: 50%;
    bottom: 100%
}

.tooltip-top-end:before {
    margin-bottom: calc(var(--spacing)*1);
    inset-inline-end: calc(var(--spacing)*0);
    bottom: 100%
}

.tooltip-top-start:before {
    margin-bottom: calc(var(--spacing)*1);
    inset-inline-start: calc(var(--spacing)*0);
    bottom: 100%
}

.tooltip-bottom:before {
    margin-top: calc(var(--spacing)*1);
    --tw-translate-x: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    inset-inline-start: 50%;
    top: 100%
}

.tooltip-bottom-end:before {
    margin-top: calc(var(--spacing)*1);
    inset-inline-end: calc(var(--spacing)*0);
    top: 100%
}

.tooltip-bottom-start:before {
    margin-top: calc(var(--spacing)*1);
    inset-inline-start: calc(var(--spacing)*0);
    top: 100%
}

.tooltip-end:before {
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    inset-inline-start: 100%;
    margin-inline-start:calc(var(--spacing)*1);top: 50%
}

.tooltip-start:before {
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    inset-inline-end: 100%;
    margin-inline-end:calc(var(--spacing)*1);top: 50%
}

.gradient-cut {
    -webkit-mask: var(--mask);
    mask: var(--mask);
    --gradient-a: calc(100% - 46px) ;
    --gradient-b: 46px;
    --gradient-orentation: 90deg
}

.btn-next:not([disabled])+.gradient-cut {
    --mask: linear-gradient(var(--gradient-orentation),#000 0%,#000 var(--gradient-a),#0000 100%)
}

.btn-prev:not([disabled])+.btn-next[disabled]+.gradient-cut {
    --mask: linear-gradient(var(--gradient-orentation),#0000 0%,#000 var(--gradient-b),#000 100%)
}

.btn-prev:not([disabled])+.btn-next:not([disabled])+.gradient-cut {
    --mask: linear-gradient(var(--gradient-orentation),#0000 0%,#000 var(--gradient-b),#000 var(--gradient-a),#0000 100%)
}

[data-theme=box] {
    color: inherit;
    background-color: #0000;
    padding: 0
}

[data-theme=reactions] {
    color: inherit;
    background-color: #0000;
    padding: 0;
    max-width: none!important
}

[data-theme=reactions] .tippy-content {
    padding: 0!important
}

[data-type=mention] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--main))
}

.comment-message img {
    max-width: min(666px,100%);
    margin: 0
}

.bg-full-box {
    border-image: conic-gradient(rgba(var(--soft))0 0)fill 0/0/0 100vw
}

.bg-full {
    border-image: linear-gradient(180deg,rgba(var(--body)),rgba(var(--mute)))fill 0/0/0 100vw
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar::-webkit-scrollbar {
    display: block
}

.scrollbar {
    -ms-overflow-style: auto;
    scrollbar-width: auto
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: calc(var(--spacing)*0)
}

.inset-x-0 {
    inset-inline: calc(var(--spacing)*0)
}

.inset-x-2 {
    inset-inline: calc(var(--spacing)*2)
}

.inset-y-0 {
    inset-block: calc(var(--spacing)*0)
}

.-start-8 {
    inset-inline-start: calc(var(--spacing)*-8)
}

.start-0 {
    inset-inline-start: calc(var(--spacing)*0)
}

.start-2 {
    inset-inline-start: calc(var(--spacing)*2)
}

.start-3\.5 {
    inset-inline-start: calc(var(--spacing)*3.5)
}

.start-4 {
    inset-inline-start: calc(var(--spacing)*4)
}

.start-6 {
    inset-inline-start: calc(var(--spacing)*6)
}

.-end-1 {
    inset-inline-end: calc(var(--spacing)*-1)
}

.-end-12 {
    inset-inline-end: calc(var(--spacing)*-12)
}

.end-0 {
    inset-inline-end: calc(var(--spacing)*0)
}

.end-1 {
    inset-inline-end: calc(var(--spacing)*1)
}

.end-2 {
    inset-inline-end: calc(var(--spacing)*2)
}

.end-16 {
    inset-inline-end: calc(var(--spacing)*16)
}

.top-0 {
    top: calc(var(--spacing)*0)
}

.top-1 {
    top: calc(var(--spacing)*1)
}

.top-2 {
    top: calc(var(--spacing)*2)
}

.top-3\.5 {
    top: calc(var(--spacing)*3.5)
}

.top-4 {
    top: calc(var(--spacing)*4)
}

.top-6 {
    top: calc(var(--spacing)*6)
}

.top-12 {
    top: calc(var(--spacing)*12)
}

.top-22 {
    top: calc(var(--spacing)*22)
}

.top-full {
    top: 100%
}

.right-0 {
    right: calc(var(--spacing)*0)
}

.right-2 {
    right: calc(var(--spacing)*2)
}

.-bottom-1 {
    bottom: calc(var(--spacing)*-1)
}

.-bottom-2 {
    bottom: calc(var(--spacing)*-2)
}

.bottom-0 {
    bottom: calc(var(--spacing)*0)
}

.bottom-4 {
    bottom: calc(var(--spacing)*4)
}

.bottom-12 {
    bottom: calc(var(--spacing)*12)
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.col-span-full {
    grid-column: 1/-1
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.container {
    width: 100%
}

@media(min-width: 40rem) {
    .container {
        max-width:40rem
    }
}

@media(min-width: 48rem) {
    .container {
        max-width:48rem
    }
}

@media(min-width: 64rem) {
    .container {
        max-width:64rem
    }
}

@media(min-width: 80rem) {
    .container {
        max-width:80rem
    }
}

.-m-1 {
    margin: calc(var(--spacing)*-1)
}

.-m-4 {
    margin: calc(var(--spacing)*-4)
}

.m-2 {
    margin: calc(var(--spacing)*2)
}

.m-auto {
    margin: auto
}

.-mx-1 {
    margin-inline:calc(var(--spacing)*-1)}

.-mx-2 {
    margin-inline: calc(var(--spacing)*-2)
}

.-mx-4 {
    margin-inline:calc(var(--spacing)*-4)}

.-mx-6 {
    margin-inline: calc(var(--spacing)*-6)
}

.mx-0 {
    margin-inline:calc(var(--spacing)*0)}

.mx-auto {
    margin-inline: auto
}

.my-0\.5 {
    margin-block:calc(var(--spacing)*.5)}

.my-1 {
    margin-block: calc(var(--spacing)*1)
}

.-ms-2 {
    margin-inline-start:calc(var(--spacing)*-2)}

.-ms-3 {
    margin-inline-start: calc(var(--spacing)*-3)
}

.ms-1 {
    margin-inline-start:calc(var(--spacing)*1)}

.-me-1 {
    margin-inline-end: calc(var(--spacing)*-1)
}

.-me-3 {
    margin-inline-end:calc(var(--spacing)*-3)}

.me-1 {
    margin-inline-end: calc(var(--spacing)*1)
}

.me-2 {
    margin-inline-end:calc(var(--spacing)*2)}

.-mt-1 {
    margin-top: calc(var(--spacing)*-1)
}

.-mt-2 {
    margin-top: calc(var(--spacing)*-2)
}

.mt-1 {
    margin-top: calc(var(--spacing)*1)
}

.mt-2 {
    margin-top: calc(var(--spacing)*2)
}

.mt-3 {
    margin-top: calc(var(--spacing)*3)
}

.mt-4 {
    margin-top: calc(var(--spacing)*4)
}

.mt-8 {
    margin-top: calc(var(--spacing)*8)
}

.mt-auto {
    margin-top: auto
}

.mr-1 {
    margin-right: calc(var(--spacing)*1)
}

.mr-2 {
    margin-right: calc(var(--spacing)*2)
}

.mr-4 {
    margin-right: calc(var(--spacing)*4)
}

.-mb-2 {
    margin-bottom: calc(var(--spacing)*-2)
}

.mb-0 {
    margin-bottom: calc(var(--spacing)*0)
}

.mb-1 {
    margin-bottom: calc(var(--spacing)*1)
}

.mb-2 {
    margin-bottom: calc(var(--spacing)*2)
}

.mb-3 {
    margin-bottom: calc(var(--spacing)*3)
}

.mb-4 {
    margin-bottom: calc(var(--spacing)*4)
}

.ml-2 {
    margin-left: calc(var(--spacing)*2)
}

.ml-3 {
    margin-left: calc(var(--spacing)*3)
}

.ml-auto {
    margin-left: auto
}

.icon-\[mdi--check\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi--delete\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi--eye-off\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.83 9L15 12.16V12a3 3 0 0 0-3-3zm-4.3.8l1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28l.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22L21 20.73L3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.icon-\[mdi--pin\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-6 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.block {
    display: block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.aspect-poster {
    aspect-ratio: 1/1.5
}

.aspect-square {
    aspect-ratio: 1
}

.aspect-video {
    aspect-ratio: var(--aspect-video)
}

.size-4 {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
}

.size-\[15px\] {
    width: 15px;
    height: 15px
}

.h-2 {
    height: calc(var(--spacing)*2)
}

.h-3 {
    height: calc(var(--spacing)*3)
}

.h-4 {
    height: calc(var(--spacing)*4)
}

.h-5 {
    height: calc(var(--spacing)*5)
}

.h-8 {
    height: calc(var(--spacing)*8)
}

.h-10 {
    height: calc(var(--spacing)*10)
}

.h-12 {
    height: calc(var(--spacing)*12)
}

.h-14 {
    height: calc(var(--spacing)*14)
}

.h-16 {
    height: calc(var(--spacing)*16)
}

.h-24 {
    height: calc(var(--spacing)*24)
}

.h-\[1em\] {
    height: 1em
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-32 {
    max-height: calc(var(--spacing)*32)
}

.max-h-75 {
    max-height: calc(var(--spacing)*75)
}

.max-h-80 {
    max-height: calc(var(--spacing)*80)
}

.max-h-96 {
    max-height: calc(var(--spacing)*96)
}

.max-h-125 {
    max-height: calc(var(--spacing)*125)
}

.max-h-\[calc\(100vh-230px\)\],.max-h-\[calc\(100vh_-_230px\)\] {
    max-height: calc(100vh - 230px)
}

.max-h-full {
    max-height: 100%
}

.min-h-6 {
    min-height: calc(var(--spacing)*6)
}

.min-h-8 {
    min-height: calc(var(--spacing)*8)
}

.min-h-9 {
    min-height: calc(var(--spacing)*9)
}

.min-h-10 {
    min-height: calc(var(--spacing)*10)
}

.min-h-12 {
    min-height: calc(var(--spacing)*12)
}

.min-h-20 {
    min-height: calc(var(--spacing)*20)
}

.min-h-64 {
    min-height: calc(var(--spacing)*64)
}

.min-h-75 {
    min-height: calc(var(--spacing)*75)
}

.min-h-full {
    min-height: 100%
}

.w-1\/2 {
    width: 50%
}

.w-3 {
    width: calc(var(--spacing)*3)
}

.w-4 {
    width: calc(var(--spacing)*4)
}

.w-5 {
    width: calc(var(--spacing)*5)
}

.w-6 {
    width: calc(var(--spacing)*6)
}

.w-8 {
    width: calc(var(--spacing)*8)
}

.w-9 {
    width: calc(var(--spacing)*9)
}

.w-10 {
    width: calc(var(--spacing)*10)
}

.w-12 {
    width: calc(var(--spacing)*12)
}

.w-14 {
    width: calc(var(--spacing)*14)
}

.w-16 {
    width: calc(var(--spacing)*16)
}

.w-20 {
    width: calc(var(--spacing)*20)
}

.w-24 {
    width: calc(var(--spacing)*24)
}

.w-32 {
    width: calc(var(--spacing)*32)
}

.w-44 {
    width: calc(var(--spacing)*44)
}

.w-48 {
    width: calc(var(--spacing)*48)
}

.w-56 {
    width: calc(var(--spacing)*56)
}

.w-72 {
    width: calc(var(--spacing)*72)
}

.w-75 {
    width: calc(var(--spacing)*75)
}

.w-\[1em\] {
    width: 1em
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.max-w-6xl {
    max-width: var(--container-6xl)
}

.max-w-64 {
    max-width: calc(var(--spacing)*64)
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: var(--container-lg)
}

.max-w-xl {
    max-width: var(--container-xl)
}

.min-w-0 {
    min-width: calc(var(--spacing)*0)
}

.min-w-4 {
    min-width: calc(var(--spacing)*4)
}

.min-w-6 {
    min-width: calc(var(--spacing)*6)
}

.min-w-8 {
    min-width: calc(var(--spacing)*8)
}

.min-w-10 {
    min-width: calc(var(--spacing)*10)
}

.flex-1 {
    flex: 1
}

.flex-shrink-0,.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.basis-auto {
    flex-basis: auto
}

.scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

.scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

.rotate-180 {
    rotate: 180deg
}

.transform {
    transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
}

.transform-gpu {
    transform: translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
}

.animate-fadeIn {
    animation: .2s both fadeIn
}

.animate-fadeUp {
    animation: .2s both fadeUp
}

.animate-pulse {
    animation: var(--animate-pulse)
}

.animate-spin {
    animation: var(--animate-spin)
}

.animate-zoom {
    animation: .2s both zoom
}

.animate-zoomIn {
    animation: .2s both zoomIn
}

.cursor-pointer {
    cursor: pointer
}

.touch-none {
    touch-action: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-\[2rem\,1fr\,2rem\] {
    grid-template-columns: 2rem,1fr,2rem
}

.grid-cols-repeat {
    grid-template-columns: repeat(auto-fill,minmax(min(var(--size),100%),1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-content-end {
    place-content: end
}

.place-content-start {
    place-content: start
}

.place-items-center {
    place-items: center
}

.items-center {
    align-items: center
}

.items-end {
    align-items: flex-end
}

.items-start {
    align-items: flex-start
}

.items-stretch {
    align-items: stretch
}

.justify-between {
    justify-content: space-between
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.justify-start {
    justify-content: flex-start
}

.gap-0\.5 {
    gap: calc(var(--spacing)*.5)
}

.gap-1 {
    gap: calc(var(--spacing)*1)
}

.gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
}

.gap-2 {
    gap: calc(var(--spacing)*2)
}

.gap-3 {
    gap: calc(var(--spacing)*3)
}

.gap-4 {
    gap: calc(var(--spacing)*4)
}

.gap-5 {
    gap: calc(var(--spacing)*5)
}

.gap-6 {
    gap: calc(var(--spacing)*6)
}

.gap-12 {
    gap: calc(var(--spacing)*12)
}

.gap-px {
    gap: 1px
}

:where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
}

:where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
}

:where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
}

.gap-x-2 {
    column-gap: calc(var(--spacing)*2)
}

.gap-x-4 {
    column-gap: calc(var(--spacing)*4)
}

.gap-x-6 {
    column-gap: calc(var(--spacing)*6)
}

:where(.space-x-1>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
}

:where(.space-x-2>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
}

:where(.space-x-3>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
}

:where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
}

.gap-y-2 {
    row-gap: calc(var(--spacing)*2)
}

.gap-y-4 {
    row-gap: calc(var(--spacing)*4)
}

.gap-y-6 {
    row-gap: calc(var(--spacing)*6)
}

.self-start {
    align-self: flex-start
}

.self-stretch {
    align-self: stretch
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 3.40282e38px
}

.rounded-lg {
    border-radius: var(--radius-lg)
}

.rounded-md {
    border-radius: var(--radius-md)
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: var(--radius-sm)
}

.rounded-xl {
    border-radius: var(--radius-xl)
}

.rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.rounded-se-lg {
    border-start-end-radius: var(--radius-lg)
}

.rounded-es-xl {
    border-end-start-radius: var(--radius-xl)
}

.rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
}

.rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg)
}

.border {
    border-style: var(--tw-border-style);
    border-width: 1px
}

.border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
}

.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
}

.border-\[\.15em\] {
    border-style: var(--tw-border-style);
    border-width: .15em
}

.border-s {
    border-inline-start-style:var(--tw-border-style);border-inline-start-width: 1px
}

.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

.border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
}

.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
}

.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}

.border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px
}

.border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px
}

.border-body {
    border-color: rgb(var(--body))
}

.border-current {
    border-color: currentColor
}

.border-edge {
    border-color: rgb(var(--edge))
}

.border-fire\/20 {
    border-color: rgb(var(--fire))
}

.border-fire\/20 {
    border-color: color-mix(in oklab,rgb(var(--fire))20%,transparent)
}

.border-line,.border-line\/40 {
    border-color: rgb(var(--line))
}

.border-line\/40 {
    border-color: color-mix(in oklab,rgb(var(--line))40%,transparent)
}

.border-line\/50 {
    border-color: rgb(var(--line))
}

.border-line\/50 {
    border-color: color-mix(in oklab,rgb(var(--line))50%,transparent)
}

.border-main,.border-main\/20 {
    border-color: rgb(var(--main))
}

.border-main\/20 {
    border-color: color-mix(in oklab,rgb(var(--main))20%,transparent)
}

.border-mute {
    border-color: rgb(var(--mute))
}

.border-neutral-700 {
    border-color: var(--color-neutral-700)
}

.border-soft {
    border-color: rgb(var(--soft))
}

.border-text\/40 {
    border-color: rgb(var(--text))
}

.border-text\/40 {
    border-color: color-mix(in oklab,rgb(var(--text))40%,transparent)
}

.border-transparent {
    border-color: #0000
}

.border-warn\/20 {
    border-color: rgb(var(--warn))
}

.border-warn\/20 {
    border-color: color-mix(in oklab,rgb(var(--warn))20%,transparent)
}

.border-warn\/30 {
    border-color: rgb(var(--warn))
}

.border-warn\/30 {
    border-color: color-mix(in oklab,rgb(var(--warn))30%,transparent)
}

.border-wins\/20 {
    border-color: rgb(var(--wins))
}

.border-wins\/20 {
    border-color: color-mix(in oklab,rgb(var(--wins))20%,transparent)
}

.border-l-blue-600 {
    border-left-color: var(--color-blue-600)
}

.border-l-current {
    border-left-color: currentColor
}

.border-l-green-600 {
    border-left-color: var(--color-green-600)
}

.border-l-red-600 {
    border-left-color: var(--color-red-600)
}

.border-l-yellow-600 {
    border-left-color: var(--color-yellow-600)
}

.bg-back\/90 {
    background-color: rgb(var(--back))
}

.bg-back\/90 {
    background-color: color-mix(in oklab,rgb(var(--back))90%,transparent)
}

.bg-black {
    background-color: var(--color-black)
}

.bg-blue-600 {
    background-color: var(--color-blue-600)
}

.bg-body {
    background-color: rgb(var(--body))
}

.bg-current {
    background-color: currentColor
}

.bg-edge,.bg-edge\/80 {
    background-color: rgb(var(--edge))
}

.bg-edge\/80 {
    background-color: color-mix(in oklab,rgb(var(--edge))80%,transparent)
}

.bg-fire,.bg-fire\/10 {
    background-color: rgb(var(--fire))
}

.bg-fire\/10 {
    background-color: color-mix(in oklab,rgb(var(--fire))10%,transparent)
}

.bg-fire\/20 {
    background-color: rgb(var(--fire))
}

.bg-fire\/20 {
    background-color: color-mix(in oklab,rgb(var(--fire))20%,transparent)
}

.bg-green-50 {
    background-color: var(--color-green-50)
}

.bg-green-600 {
    background-color: var(--color-green-600)
}

.bg-line {
    background-color: rgb(var(--line))
}

.bg-main,.bg-main\/10 {
    background-color: rgb(var(--main))
}

.bg-main\/10 {
    background-color: color-mix(in oklab,rgb(var(--main))10%,transparent)
}

.bg-main\/80 {
    background-color: rgb(var(--main))
}

.bg-main\/80 {
    background-color: color-mix(in oklab,rgb(var(--main))80%,transparent)
}

.bg-mute {
    background-color: rgb(var(--mute))
}

.bg-neutral-800 {
    background-color: var(--color-neutral-800)
}

.bg-red-400 {
    background-color: var(--color-red-400)
}

.bg-sky-600 {
    background-color: var(--color-sky-600)
}

.bg-soft,.bg-soft\/50 {
    background-color: rgb(var(--soft))
}

.bg-soft\/50 {
    background-color: color-mix(in oklab,rgb(var(--soft))50%,transparent)
}

.bg-warn\/5 {
    background-color: rgb(var(--warn))
}

.bg-warn\/5 {
    background-color: color-mix(in oklab,rgb(var(--warn))5%,transparent)
}

.bg-warn\/20 {
    background-color: rgb(var(--warn))
}

.bg-warn\/20 {
    background-color: color-mix(in oklab,rgb(var(--warn))20%,transparent)
}

.bg-white {
    background-color: var(--color-white)
}

.bg-wins,.bg-wins\/10 {
    background-color: rgb(var(--wins))
}

.bg-wins\/10 {
    background-color: color-mix(in oklab,rgb(var(--wins))10%,transparent)
}

.bg-wins\/20 {
    background-color: rgb(var(--wins))
}

.bg-wins\/20 {
    background-color: color-mix(in oklab,rgb(var(--wins))20%,transparent)
}

.bg-linear-220 {
    --tw-gradient-position: 220deg
}

.bg-linear-220 {
    --tw-gradient-position: 220deg in oklab
}

.bg-linear-220 {
    background-image: linear-gradient(var(--tw-gradient-stops))
}

.bg-linear-to-tl {
    --tw-gradient-position: to top left
}

.bg-linear-to-tl {
    --tw-gradient-position: to top left in oklab
}

.bg-linear-to-tl {
    background-image: linear-gradient(var(--tw-gradient-stops))
}

.bg-radial-\[closest-side\] {
    --tw-gradient-position: closest-side;
    background-image: radial-gradient(var(--tw-gradient-stops,closest-side))
}

.bg-ic {
    background-image: var(--ic)
}

.from-mute {
    --tw-gradient-from: rgb(var(--mute));
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.from-soft {
    --tw-gradient-from: rgb(var(--soft));
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.from-\[calc\(100\%-4rem\)\] {
    --tw-gradient-from-position: calc(100% - 4rem)
}

.to-45\% {
    --tw-gradient-to-position: 45%
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: calc(var(--spacing)*0)
}

.p-0\.5 {
    padding: calc(var(--spacing)*.5)
}

.p-1 {
    padding: calc(var(--spacing)*1)
}

.p-2 {
    padding: calc(var(--spacing)*2)
}

.p-3 {
    padding: calc(var(--spacing)*3)
}

.p-4 {
    padding: calc(var(--spacing)*4)
}

.p-6 {
    padding: calc(var(--spacing)*6)
}

.px-0 {
    padding-inline:calc(var(--spacing)*0)}

.px-1 {
    padding-inline: calc(var(--spacing)*1)
}

.px-1\.5 {
    padding-inline:calc(var(--spacing)*1.5)}

.px-2 {
    padding-inline: calc(var(--spacing)*2)
}

.px-3 {
    padding-inline:calc(var(--spacing)*3)}

.px-4 {
    padding-inline: calc(var(--spacing)*4)
}

.py-0 {
    padding-block:calc(var(--spacing)*0)}

.py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
}

.py-1 {
    padding-block:calc(var(--spacing)*1)}

.py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
}

.py-2 {
    padding-block:calc(var(--spacing)*2)}

.py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
}

.py-3 {
    padding-block:calc(var(--spacing)*3)}

.py-4 {
    padding-block: calc(var(--spacing)*4)
}

.py-6 {
    padding-block:calc(var(--spacing)*6)}

.py-8 {
    padding-block: calc(var(--spacing)*8)
}

.py-12 {
    padding-block:calc(var(--spacing)*12)}

.py-24 {
    padding-block: calc(var(--spacing)*24)
}

.ps-0\.5 {
    padding-inline-start:calc(var(--spacing)*.5)}

.ps-2 {
    padding-inline-start: calc(var(--spacing)*2)
}

.ps-3 {
    padding-inline-start:calc(var(--spacing)*3)}

.ps-9 {
    padding-inline-start: calc(var(--spacing)*9)
}

.ps-10 {
    padding-inline-start:calc(var(--spacing)*10)}

.ps-12 {
    padding-inline-start: calc(var(--spacing)*12)
}

.pe-1 {
    padding-inline-end:calc(var(--spacing)*1)}

.pe-2 {
    padding-inline-end: calc(var(--spacing)*2)
}

.pe-3 {
    padding-inline-end:calc(var(--spacing)*3)}

.pe-8 {
    padding-inline-end: calc(var(--spacing)*8)
}

.pe-12 {
    padding-inline-end:calc(var(--spacing)*12)}

.pe-24 {
    padding-inline-end: calc(var(--spacing)*24)
}

.pt-1 {
    padding-top: calc(var(--spacing)*1)
}

.pt-2 {
    padding-top: calc(var(--spacing)*2)
}

.pt-16 {
    padding-top: calc(var(--spacing)*16)
}

.pb-0 {
    padding-bottom: calc(var(--spacing)*0)
}

.pb-12 {
    padding-bottom: calc(var(--spacing)*12)
}

.pb-16 {
    padding-bottom: calc(var(--spacing)*16)
}

.pb-px {
    padding-bottom: 1px
}

.pl-4 {
    padding-left: calc(var(--spacing)*4)
}

.text-center {
    text-align: center
}

.text-end {
    text-align: end
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height))
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height))
}

.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading,var(--text-4xl--line-height))
}

.text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading,var(--text-5xl--line-height))
}

.text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading,var(--text-6xl--line-height))
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height))
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height))
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height))
}

.text-2xs {
    font-size: .625rem
}

.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

.tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
}

.tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest)
}

.text-nowrap {
    text-wrap: nowrap
}

.text-pretty {
    text-wrap: pretty
}

.text-blue-500 {
    color: var(--color-blue-500)
}

.text-body {
    color: rgb(var(--body))
}

.text-edge {
    color: rgb(var(--edge))
}

.text-fire {
    color: rgb(var(--fire))
}

.text-fore {
    color: rgb(var(--fore))
}

.text-green-500 {
    color: var(--color-green-500)
}

.text-green-800 {
    color: var(--color-green-800)
}

.text-indigo-400 {
    color: var(--color-indigo-400)
}

.text-info {
    color: rgb(var(--info))
}

.text-lead,.text-lead\/80 {
    color: rgb(var(--lead))
}

.text-lead\/80 {
    color: color-mix(in oklab,rgb(var(--lead))80%,transparent)
}

.text-lead\/90 {
    color: rgb(var(--lead))
}

.text-lead\/90 {
    color: color-mix(in oklab,rgb(var(--lead))90%,transparent)
}

.text-main {
    color: rgb(var(--main))
}

.text-neutral-400 {
    color: var(--color-neutral-400)
}

.text-neutral-900 {
    color: var(--color-neutral-900)
}

.text-red-400 {
    color: var(--color-red-400)
}

.text-red-500 {
    color: var(--color-red-500)
}

.text-subs {
    color: rgb(var(--subs))
}

.text-text {
    color: rgb(var(--text))
}

.text-warn {
    color: rgb(var(--warn))
}

.text-white {
    color: var(--color-white)
}

.text-wins {
    color: rgb(var(--wins))
}

.text-yellow-400 {
    color: var(--color-yellow-400)
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-5 {
    opacity: .05
}

.opacity-20 {
    opacity: .2
}

.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.ring,.ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.ring-body {
    --tw-ring-color: rgb(var(--body))
}

.ring-line,.ring-line\/40 {
    --tw-ring-color: rgb(var(--line))
}

.ring-line\/40 {
    --tw-ring-color: color-mix(in oklab,rgb(var(--line))40%,transparent)
}

.ring-main\/40 {
    --tw-ring-color: rgb(var(--main))
}

.ring-main\/40 {
    --tw-ring-color: color-mix(in oklab,rgb(var(--main))40%,transparent)
}

.ring-subs\/10 {
    --tw-ring-color: rgb(var(--subs))
}

.ring-subs\/10 {
    --tw-ring-color: color-mix(in oklab,rgb(var(--subs))10%,transparent)
}

.ring-wins\/30 {
    --tw-ring-color: rgb(var(--wins))
}

.ring-wins\/30 {
    --tw-ring-color: color-mix(in oklab,rgb(var(--wins))30%,transparent)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

.filter {
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

.transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

.transition-colors {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

.ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}

.outline-none {
    --tw-outline-style: none;
    outline-style: none
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.\[--size\: 2\.5rem\] {
    --size:2.5rem
}

@media(hover: hover) {
    .group-hover\:border-teal-400:is(:where(.group):hover *) {
        border-color:var(--color-teal-400)
    }

    .group-hover\/item\:scale-100:is(:where(.group\/item):hover *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\/item\:opacity-50:is(:where(.group\/item):hover *) {
        opacity: .5
    }

    .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
        opacity: 1
    }
}

.group-data-\[state\=open\]\:-scale-y-1:is(:where(.group)[data-state=open] *) {
    --tw-scale-y: -1% ;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

.group-\[\.show\]\:grid-flow-row:is(:where(.group).show *) {
    grid-auto-flow: row
}

.group-\[\.show\]\:auto-rows-max:is(:where(.group).show *) {
    grid-auto-rows: max-content
}

.group-\[\.show\]\:grid-cols-1:is(:where(.group).show *) {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.peer-checked\:border-main:is(:where(.peer):checked~*) {
    border-color: rgb(var(--main))
}

.peer-checked\:font-bold:is(:where(.peer):checked~*) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.peer-checked\:text-main:is(:where(.peer):checked~*) {
    color: rgb(var(--main))
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-x-6:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing)*6)
}

.before\:start-0:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing)*0)
}

.before\:start-2\.5:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing)*2.5)
}

.before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*0)
}

.before\:top-2\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*2.5)
}

.before\:top-3:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*3)
}

.before\:bottom-full:before {
    content: var(--tw-content);
    bottom: 100%
}

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.before\:flex-1:before {
    content: var(--tw-content);
    flex: 1
}

.before\:bg-line:before {
    content: var(--tw-content);
    background-color: rgb(var(--line))
}

.before\:bg-linear-to-r:before {
    content: var(--tw-content);
    --tw-gradient-position: to right
}

.before\:bg-linear-to-r:before {
    --tw-gradient-position: to right in oklab
}

.before\:bg-linear-to-r:before {
    background-image: linear-gradient(var(--tw-gradient-stops))
}

.before\:bg-ic:before {
    content: var(--tw-content);
    background-image: var(--ic)
}

.before\:from-transparent:before {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.before\:via-edge:before {
    content: var(--tw-content);
    --tw-gradient-via: rgb(var(--edge));
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}

.before\:text-2xl:before {
    content: var(--tw-content);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height))
}

.before\:text-3xl:before {
    content: var(--tw-content);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height))
}

.before\:text-base:before {
    content: var(--tw-content);
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height))
}

.before\:text-lg:before {
    content: var(--tw-content);
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

.before\:text-xl:before {
    content: var(--tw-content);
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height))
}

.before\:text-main:before {
    content: var(--tw-content);
    color: rgb(var(--main))
}

.before\:text-tone:before {
    content: var(--tw-content);
    color: rgb(var(--tone))
}

.before\:text-warn:before {
    content: var(--tw-content);
    color: rgb(var(--warn))
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing)*0)
}

.after\:start-full:after {
    content: var(--tw-content);
    inset-inline-start: 100%
}

.after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*0)
}

.after\:z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:h-1\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*1.5)
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

.after\:w-1\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*1.5)
}

.after\:flex-1:after {
    content: var(--tw-content);
    flex: 1
}

.after\:transform-gpu:after {
    content: var(--tw-content);
    transform: translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
}

.after\:animate-pulse:after {
    content: var(--tw-content);
    animation: var(--animate-pulse)
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px
}

.after\:bg-edge:after {
    content: var(--tw-content);
    background-color: rgb(var(--edge))
}

.after\:bg-line:after {
    content: var(--tw-content);
    background-color: rgb(var(--line))
}

.after\:bg-wins:after {
    content: var(--tw-content);
    background-color: rgb(var(--wins))
}

.after\:ring-4:after {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.after\:ring-wins\/20:after {
    content: var(--tw-content);
    --tw-ring-color: rgb(var(--wins))
}

.after\:ring-wins\/20:after {
    --tw-ring-color: color-mix(in oklab,rgb(var(--wins))20%,transparent)
}

.group-last\/item\:after\:hidden:is(:where(.group\/item):last-child *):after {
    content: var(--tw-content);
    display: none
}

.last\:col-span-12:last-child {
    grid-column: span 12/span 12
}

.last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing)*0)
}

.last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
}

.last\:pe-0:last-child {
    padding-inline-end:calc(var(--spacing)*0)}

.last\: pb-0:last-child {
    padding-bottom:calc(var(--spacing)*0)
}

.focus-within\:border-edge:focus-within {
    border-color: rgb(var(--edge))
}

.focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none
}

@media(hover: hover) {
    .hover\:scale-110:hover {
        --tw-scale-x:110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .hover\:border-main\/30:hover {
        border-color: rgb(var(--main))
    }

    .hover\:border-main\/30:hover {
        border-color: color-mix(in oklab,rgb(var(--main))30%,transparent)
    }

    .hover\:bg-body:hover {
        background-color: rgb(var(--body))
    }

    .hover\:bg-edge:hover {
        background-color: rgb(var(--edge))
    }

    .hover\:bg-fire\/10:hover {
        background-color: rgb(var(--fire))
    }

    .hover\:bg-fire\/10:hover {
        background-color: color-mix(in oklab,rgb(var(--fire))10%,transparent)
    }

    .hover\:bg-fire\/30:hover {
        background-color: rgb(var(--fire))
    }

    .hover\:bg-fire\/30:hover {
        background-color: color-mix(in oklab,rgb(var(--fire))30%,transparent)
    }

    .hover\:bg-info\/10:hover {
        background-color: rgb(var(--info))
    }

    .hover\:bg-info\/10:hover {
        background-color: color-mix(in oklab,rgb(var(--info))10%,transparent)
    }

    .hover\:bg-line:hover {
        background-color: rgb(var(--line))
    }

    .hover\:bg-main\/10:hover {
        background-color: rgb(var(--main))
    }

    .hover\:bg-main\/10:hover {
        background-color: color-mix(in oklab,rgb(var(--main))10%,transparent)
    }

    .hover\:bg-main\/90:hover {
        background-color: rgb(var(--main))
    }

    .hover\:bg-main\/90:hover {
        background-color: color-mix(in oklab,rgb(var(--main))90%,transparent)
    }

    .hover\:bg-mute:hover {
        background-color: rgb(var(--mute))
    }

    .hover\:bg-red-500:hover {
        background-color: var(--color-red-500)
    }

    .hover\:bg-soft:hover,.hover\:bg-soft\/60:hover {
        background-color: rgb(var(--soft))
    }

    .hover\:bg-soft\/60:hover {
        background-color: color-mix(in oklab,rgb(var(--soft))60%,transparent)
    }

    .hover\:bg-soft\/80:hover {
        background-color: rgb(var(--soft))
    }

    .hover\:bg-soft\/80:hover {
        background-color: color-mix(in oklab,rgb(var(--soft))80%,transparent)
    }

    .hover\:bg-warn\/10:hover {
        background-color: rgb(var(--warn))
    }

    .hover\:bg-warn\/10:hover {
        background-color: color-mix(in oklab,rgb(var(--warn))10%,transparent)
    }

    .hover\:bg-wins\/30:hover {
        background-color: rgb(var(--wins))
    }

    .hover\:bg-wins\/30:hover {
        background-color: color-mix(in oklab,rgb(var(--wins))30%,transparent)
    }

    .hover\:text-fire:hover {
        color: rgb(var(--fire))
    }

    .hover\:text-info:hover {
        color: rgb(var(--info))
    }

    .hover\:text-lead:hover {
        color: rgb(var(--lead))
    }

    .hover\:text-main\/80:hover {
        color: rgb(var(--main))
    }

    .hover\:text-main\/80:hover {
        color: color-mix(in oklab,rgb(var(--main))80%,transparent)
    }

    .hover\:text-soft:hover {
        color: rgb(var(--soft))
    }

    .hover\:text-subs:hover {
        color: rgb(var(--subs))
    }

    .hover\:text-warn:hover {
        color: rgb(var(--warn))
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }
}

.focus\:bg-body:focus {
    background-color: rgb(var(--body))
}

.focus\:ring-main:focus {
    --tw-ring-color: rgb(var(--main))
}

.focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
}

.focus-visible\:bg-soft:focus-visible {
    background-color: rgb(var(--soft))
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
}

.focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none
}

.active\:scale-98:active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%;
    --tw-scale-z: 98%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:invisible:disabled {
    visibility: hidden
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.has-checked\:bg-soft:has(:checked) {
    background-color: rgb(var(--soft))
}

.has-checked\:text-lead:has(:checked) {
    color: rgb(var(--lead))
}

.aria-\[valuetext\=Empty\]\:text-edge[aria-valuetext=Empty] {
    color: rgb(var(--edge))
}

@media not all and (min-width: 80rem) {
    .max-xl\:flex-wrap {
        flex-wrap:wrap
    }

    .max-xl\:justify-center {
        justify-content: center
    }

    .max-xl\:group-has-\[\#box-search\.show\]\/search\:invisible:is(:where(.group\/search):has(#box-search.show) *) {
        visibility: hidden
    }
}

@media not all and (min-width: 64rem) {
    .max-lg\:static {
        position:static
    }

    .max-lg\:z-50 {
        z-index: 50
    }

    .max-lg\:m-auto {
        margin: auto
    }

    .max-lg\:line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .max-lg\:flex {
        display: flex
    }

    .max-lg\:max-h-72 {
        max-height: calc(var(--spacing)*72)
    }

    .max-lg\:max-w-lg {
        max-width: var(--container-lg)
    }

    .max-lg\:animate-fadeUp {
        animation: .2s both fadeUp
    }

    .max-lg\:flex-wrap {
        flex-wrap: wrap
    }

    .max-lg\:justify-center {
        justify-content: center
    }

    .max-lg\:rounded-lg {
        border-radius: var(--radius-lg)
    }

    .max-lg\:backdrop\:bg-back\/90::backdrop {
        background-color: rgb(var(--back))
    }

    .max-lg\:backdrop\:bg-back\/90::backdrop {
        background-color: color-mix(in oklab,rgb(var(--back))90%,transparent)
    }
}

@media not all and (min-width: 40rem) {
    .max-sm\:mx-0 {
        margin-inline:calc(var(--spacing)*0)
    }

    .max-sm\:mt-auto {
        margin-top: auto
    }

    .max-sm\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:max-w-full {
        max-width: 100%
    }

    .max-sm\:flex-1 {
        flex: 1
    }

    .max-sm\:rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .max-sm\:px-0 {
        padding-inline:calc(var(--spacing)*0)}
}

@media(min-width: 40rem) {
    .sm\:relative {
        position:relative
    }

    .sm\:start-auto {
        inset-inline-start: auto
    }

    .sm\:end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }

    .sm\:order-0 {
        order: 0
    }

    .sm\:m-auto {
        margin: auto
    }

    .sm\:mx-0 {
        margin-inline:calc(var(--spacing)*0)}

    .sm\: my-12 {
        margin-block:calc(var(--spacing)*12)
    }

    .sm\:ms-auto {
        margin-inline-start:auto}

    .sm\:me-0 {
        margin-inline-end:calc(var(--spacing)*0)}

    .sm\: -mt-2 {
        margin-top:calc(var(--spacing)*-2)
    }

    .sm\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:h-12 {
        height: calc(var(--spacing)*12)
    }

    .sm\:h-20 {
        height: calc(var(--spacing)*20)
    }

    .sm\:w-12 {
        width: calc(var(--spacing)*12)
    }

    .sm\:w-72 {
        width: calc(var(--spacing)*72)
    }

    .sm\:w-140 {
        width: calc(var(--spacing)*140)
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:max-w-3xl {
        max-width: var(--container-3xl)
    }

    .sm\:max-w-lg {
        max-width: var(--container-lg)
    }

    .sm\:max-w-xl {
        max-width: var(--container-xl)
    }

    .sm\:flex-none {
        flex: none
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:rounded {
        border-radius: .25rem
    }

    .sm\:rounded-lg {
        border-radius: var(--radius-lg)
    }

    .sm\:p-8 {
        padding: calc(var(--spacing)*8)
    }

    .sm\:px-12 {
        padding-inline:calc(var(--spacing)*12)}

    .sm\: py-6 {
        padding-block:calc(var(--spacing)*6)
    }

    .sm\:pe-2 {
        padding-inline-end:calc(var(--spacing)*2)}

    .sm\: pt-2 {
        padding-top:calc(var(--spacing)*2)
    }

    .sm\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading,var(--text-5xl--line-height))
    }

    .sm\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .sm\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .sm\:before\:text-2xl:before {
        content: var(--tw-content);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height))
    }
}

@media(min-width: 48rem) {
    .md\:order-first {
        order:-9999
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:max-h-96 {
        max-height: calc(var(--spacing)*96)
    }

    .md\:w-48 {
        width: calc(var(--spacing)*48)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-\[280px\] {
        max-width: 280px
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:gap-6 {
        gap: calc(var(--spacing)*6)
    }
}

@media(min-width: 64rem) {
    .lg\:absolute {
        position:absolute
    }

    .lg\:static {
        position: static
    }

    .lg\:start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .lg\:end-auto {
        inset-inline-end: auto
    }

    .lg\:top-6 {
        top: calc(var(--spacing)*6)
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:-ms-3 {
        margin-inline-start:calc(var(--spacing)*-3)}

    .lg\: block {
        display:block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:inline {
        display: inline
    }

    .lg\:w-140 {
        width: calc(var(--spacing)*140)
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .lg\:bg-transparent {
        background-color: #0000
    }

    .lg\:from-\[calc\(100\%-32rem\)\] {
        --tw-gradient-from-position: calc(100% - 32rem)
    }

    .lg\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .lg\:py-0 {
        padding-block:calc(var(--spacing)*0)}

    .lg\: py-6 {
        padding-block:calc(var(--spacing)*6)
    }

    .lg\:pe-6 {
        padding-inline-end:calc(var(--spacing)*6)}

    .lg\: text-sm {
        font-size:var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .lg\:opacity-100 {
        opacity: 1
    }

    .lg\:grayscale-0 {
        --tw-grayscale: grayscale(0%);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
}

@media(min-width: 80rem) {
    .xl\:relative {
        position:relative
    }

    .xl\:start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .xl\:end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }

    .xl\:top-0 {
        top: calc(var(--spacing)*0)
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:me-4 {
        margin-inline-end:calc(var(--spacing)*4)}

    .xl\: block {
        display:block
    }

    .xl\:hidden {
        display: none
    }

    .xl\:w-56 {
        width: calc(var(--spacing)*56)
    }

    .xl\:w-72 {
        width: calc(var(--spacing)*72)
    }

    .xl\:flex-1 {
        flex: 1
    }

    .xl\:flex-none {
        flex: none
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .xl\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .xl\:pe-6 {
        padding-inline-end:calc(var(--spacing)*6)}

    .xl\: text-3xl {
        font-size:var(--text-3xl);
        line-height: var(--tw-leading,var(--text-3xl--line-height))
    }

    .xl\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:border-0:is(.dark *) {
    border-style: var(--tw-border-style);
    border-width: 0
}

.dark\:border-soft:is(.dark *) {
    border-color: rgb(var(--soft))
}

.dark\:bg-gray-800:is(.dark *) {
    background-color: var(--color-gray-800)
}

.dark\:bg-mute:is(.dark *) {
    background-color: rgb(var(--mute))
}

.dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400)
}

.dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400)
}

.dark\:text-subs:is(.dark *) {
    color: rgb(var(--subs))
}

.dark\:before\:opacity-50:is(.dark *):before {
    content: var(--tw-content);
    opacity: .5
}

.dark\:after\:bg-soft:is(.dark *):after {
    content: var(--tw-content);
    background-color: rgb(var(--soft))
}

@media(hover: hover) {
    .dark\:hover\:bg-soft:is(.dark *):hover {
        background-color:rgb(var(--soft))
    }
}

.\[\&_img\]\:max-h-20 img {
    max-height: calc(var(--spacing)*20)
}

.\[\&_img\]\:max-h-40 img {
    max-height: calc(var(--spacing)*40)
}

.\[\&_img\]\:w-auto img {
    width: auto
}

.\[\&_img\]\:max-w-20 img {
    max-width: calc(var(--spacing)*20)
}

.\[\&_img\]\:max-w-40 img {
    max-width: calc(var(--spacing)*40)
}

.\[\&_img\]\:rounded img {
    border-radius: .25rem
}

.\[\&_img\]\:rounded-lg img {
    border-radius: var(--radius-lg)
}

.\[\&\.current\]\:border-main.current {
    border-color: rgb(var(--main))
}

.\[\&\.current\]\:text-lead.current {
    color: rgb(var(--lead))
}

.\[\&\.show\]\:block.show {
    display: block
}

.\[\&\.show\]\:bg-main\/10.show {
    background-color: rgb(var(--main))
}

.\[\&\.show\]\:bg-main\/10.show {
    background-color: color-mix(in oklab,rgb(var(--main))10%,transparent)
}

.\[\&\.show\]\:text-main.show {
    color: rgb(var(--main))
}

.dark\:\[\&\.show\]\:bg-body:is(.dark *).show {
    background-color: rgb(var(--body))
}

.on>.\[\.on\>_\&\]\:block {
    display: block
}

.on>.\[\.on\>_\&\]\:hidden {
    display: none
}

.on>.\[\.on\>_\&\]\:-scale-y-1 {
    --tw-scale-y: -1% ;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

.on>.\[\.on\>_\&\]\:text-main {
    color: rgb(var(--main))
}

:root,.light {
    --body: 246 247 248;
    --text: 91 112 139;
    --lead: 0 0 0;
    --subs: 75 93 115;
    --fore: 255 255 255;
    --main: 0 166 145;
    --tone: 147 51 234;
    --mark: 247 105 6;
    --mute: 255 255 255;
    --soft: 239 242 246;
    --line: 223 229 237;
    --edge: 203 213 225;
    --fire: 240 59 59;
    --warn: 206 132 8;
    --wins: 22 163 74;
    --info: 37 99 235;
    --back: 26 27 37
}

.dark {
    --body: 19 19 23;
    --text: 135 138 168;
    --lead: 255 255 255;
    --subs: 167 172 209;
    --fore: 0 0 0;
    --main: 60 236 214;
    --tone: 192 132 252;
    --mark: 251 146 60;
    --mute: 26 27 37;
    --soft: 33 36 51;
    --line: 48 52 74;
    --edge: 64 69 98;
    --fire: 248 113 113;
    --warn: 216 195 111;
    --wins: 74 222 128;
    --info: 96 165 250;
    --back: 26 27 37
}

.comment-message spoiler {
    background: rgb(var(--line));
    color: #0000;
    border-radius: .25rem;
    display: inline
}

.comment-message spoiler span {
    display: block
}

.comment-message spoiler a {
    visibility: hidden;
    transition: none
}

.comment-message spoiler .media-placeholder {
    background: rgb(var(--line));
    border-radius: .25rem
}

.comment-message spoiler.active,.comment-message spoiler:focus,.comment-message spoiler:hover {
    background: rgb(var(--soft));
    color: rgb(var(--subs)/var(--tw-text-opacity,1))
}

.comment-message spoiler.active a,.comment-message spoiler:focus a,.comment-message spoiler:hover a {
    visibility: visible
}

.comment-message spoiler.active .media-placeholder,.comment-message spoiler:focus .media-placeholder,.comment-message spoiler:hover .media-placeholder {
    background: 0 0
}

.viewed {
    opacity: .5
}

.comment:has(.comment)>.comment-line,.comment:has(.comment) .comment>.comment-arrow,.comment .comment:last-child>.comment-edge {
    display: block
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes zoom {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.07)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.ic-search-md {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-4.35-4.35M19 11a8 8 0 11-16 0 8 8 0 0116 0z'/%3E%3C/svg%3E")
}

.ic-settings-04 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8h12m0 0a3 3 0 106 0 3 3 0 00-6 0zm-6 8h12M9 16a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E")
}

.ic-sun {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69L4.9 19.104m12.786-1.414l1.414 1.414M22 12h-2m-3 0a5 5 0 11-10 0 5 5 0 0110 0z'/%3E%3C/svg%3E")
}

.ic-moon-02 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.955 12.956a8 8 0 11-10.91-10.911C5.97 2.526 2 6.799 2 12c0 5.523 4.477 10 10 10 5.2 0 9.473-3.97 9.955-9.044z'/%3E%3C/svg%3E")
}

.ic-signal-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.243 7.757a6 6 0 010 8.486m-8.486 0a6 6 0 010-8.486M4.93 19.071c-3.905-3.905-3.905-10.237 0-14.142m14.142 0c3.905 3.905 3.905 10.237 0 14.142M14 12a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E")
}

.ic-layers-two-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 14.5l9.642 4.821c.131.066.197.099.266.111.06.012.123.012.184 0 .069-.012.135-.045.266-.11L22 14.5m-20-5l9.642-4.821c.131-.066.197-.098.266-.111a.5.5 0 01.184 0c.069.013.135.045.266.111L22 9.5l-9.642 4.821a1.028 1.028 0 01-.266.111.501.501 0 01-.184 0c-.069-.012-.135-.045-.266-.11L2 9.5z'/%3E%3C/svg%3E")
}

.ic-shuffle-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 15l3 3m0 0l-3 3m3-3h-2.431c-.94 0-1.409 0-1.835-.13a2.998 2.998 0 01-1.033-.552c-.345-.283-.605-.674-1.126-1.455l-.242-.363M18 3l3 3m0 0l-3 3m3-3h-2.431c-.94 0-1.409 0-1.835.13a3 3 0 00-1.033.552c-.345.283-.605.674-1.126 1.455l-5.15 7.726c-.521.781-.782 1.172-1.126 1.455-.304.25-.655.438-1.033.552-.426.13-.896.13-1.835.13H3M3 6h2.431c.94 0 1.409 0 1.835.13a3 3 0 011.033.552c.344.283.605.674 1.126 1.455l.242.363'/%3E%3C/svg%3E")
}

.ic-user-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 21c0-1.396 0-2.093-.172-2.661a4 4 0 00-2.667-2.667c-.568-.172-1.265-.172-2.661-.172h-5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C4 18.907 4 19.604 4 21M16.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

.ic-heart {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.993 5.136c-2-2.338-5.333-2.966-7.838-.826s-2.858 5.719-.89 8.25c1.635 2.105 6.585 6.544 8.207 7.98.182.162.272.242.378.274a.504.504 0 00.286 0c.106-.032.197-.112.378-.273 1.623-1.437 6.573-5.876 8.208-7.98 1.967-2.532 1.658-6.133-.89-8.251-2.549-2.118-5.84-1.512-7.839.826z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.ic-heart-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.993 3.717c-2.34-2.045-5.8-2.463-8.488-.167-2.907 2.483-3.329 6.666-1.03 9.624.872 1.123 2.575 2.81 4.212 4.354a185.309 185.309 0 0 0 4.138 3.775c.076.068.172.153.263.221.11.083.267.185.476.248.28.083.579.083.858 0 .21-.063.367-.165.476-.247.092-.07.187-.154.264-.222l.015-.014c.815-.721 2.467-2.198 4.123-3.76 1.636-1.545 3.34-3.232 4.212-4.355 2.29-2.946 1.932-7.161-1.041-9.633-2.717-2.258-6.141-1.87-8.478.176z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-play {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.006 2.802l.036.024L18.591 9.86c.305.203.588.392.805.567.227.183.495.437.649.808a2 2 0 0 1 0 1.532c-.154.371-.422.625-.649.808-.217.175-.5.364-.805.567L8.006 21.198c-.373.248-.708.472-.993.627-.285.154-.676.33-1.132.303a2 2 0 0 1-1.476-.79c-.276-.364-.346-.788-.376-1.11C4 19.905 4 19.502 4 19.054V4.99v-.043c0-.449 0-.852.03-1.175.029-.322.1-.745.375-1.11a2 2 0 0 1 1.476-.79c.456-.027.847.15 1.132.304.285.154.62.378.993.626z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-play-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM9.6 8.116c-.1.133-.1.372-.1.85v6.069c0 .477 0 .716.1.849a.5.5 0 0 0 .364.199c.166.012.367-.117.769-.375l4.72-3.035c.349-.224.523-.336.583-.479a.5.5 0 0 0 0-.389c-.06-.142-.234-.254-.583-.478l-4.72-3.035c-.402-.258-.603-.387-.769-.375a.5.5 0 0 0-.364.2z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-chevron-right {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 18l6-6-6-6'/%3E%3C/svg%3E")
}

.ic-chevron-left {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")
}

.ic-home-smile {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.126 14a4.002 4.002 0 007.748 0M11.018 2.764L4.235 8.039c-.453.353-.68.53-.843.75a2 2 0 00-.318.65C3 9.704 3 9.991 3 10.565V17.8c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C4.52 21 5.08 21 6.2 21h11.6c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874C21 19.48 21 18.92 21 17.8v-7.235c0-.574 0-.861-.074-1.126a2.002 2.002 0 00-.318-.65c-.163-.22-.39-.397-.843-.75l-6.783-5.275c-.351-.273-.527-.41-.72-.462a1 1 0 00-.523 0c-.194.052-.37.189-.721.462z'/%3E%3C/svg%3E")
}

.ic-x-close {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}

.ic-chevron-down {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
}

.ic-eye {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.42 12.713c-.136-.215-.204-.323-.242-.49a1.173 1.173 0 010-.446c.038-.167.106-.274.242-.49C3.546 9.505 6.895 5 12 5s8.455 4.505 9.58 6.287c.137.215.205.323.243.49.029.125.029.322 0 .446-.038.167-.106.274-.242.49C20.455 14.495 17.105 19 12 19c-5.106 0-8.455-4.505-9.58-6.287z'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15a3 3 0 100-6 3 3 0 000 6z'/%3E%3C/svg%3E")
}

.ic-eye-off {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.743 5.092C11.149 5.032 11.569 5 12 5c5.105 0 8.455 4.505 9.58 6.287.137.215.205.323.243.49a1.16 1.16 0 010 .447c-.038.166-.107.274-.244.492-.3.474-.757 1.141-1.363 1.865M6.724 6.715c-2.162 1.467-3.63 3.504-4.303 4.57-.137.217-.205.325-.243.492a1.173 1.173 0 000 .446c.038.167.106.274.242.49C3.546 14.495 6.895 19 12 19c2.059 0 3.832-.732 5.289-1.723M3 3l18 18M9.88 9.879a3 3 0 104.243 4.243'/%3E%3C/svg%3E")
}

.ic-eye-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M10 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0z' fill='%23212121'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C9.138 4 6.805 5.265 5.077 6.707c-1.727 1.441-2.91 3.107-3.503 4.046l-.024.038c-.117.185-.27.425-.347.762a2.159 2.159 0 0 0 0 .894c.077.337.23.577.347.762l.024.038c.593.939 1.776 2.605 3.503 4.046C6.805 18.735 9.138 20 12 20s5.195-1.265 6.923-2.707c1.727-1.441 2.91-3.107 3.503-4.046l.024-.038c.117-.185.27-.425.347-.762a2.16 2.16 0 0 0 0-.894c-.077-.337-.23-.577-.347-.762l-.024-.038c-.593-.939-1.776-2.605-3.503-4.046C17.195 5.265 14.862 4 12 4zm0 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-tiktok {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M10.189,8.937v4.122a3.588,3.588,0,0,0-4.5,3.324,3.242,3.242,0,0,0,3.467,3.442,3.231,3.231,0,0,0,3.467-3.489V0H16.7c.693,4.315,2.851,5.316,5.74,5.778V9.913a12.292,12.292,0,0,1-5.625-1.9V16.18c0,3.7-2.19,7.82-7.627,7.82A7.664,7.664,0,0,1,1.56,16.141,7.516,7.516,0,0,1,10.189,8.937Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-twitter {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23212121'%3E%3Cpolygon points='14.457 20.202 5.876 30 1.123 30 12.237 17.304 14.457 20.202'%3E%3C/polygon%3E%3Cpolygon points='17.051 10.988 24.908 2 29.658 2 19.251 13.902 17.051 10.988'%3E%3C/polygon%3E%3Cpath d='M31.488,30h-9.559L.512,2H10.313L31.488,30Zm-8.248-2.843h2.632L8.883,4.694h-2.824L23.241,27.157Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-discord {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 588 588'%3E%3Cpath fill='%23212121' d='M498.532 107.837a1.495 1.495 0 00-.764-.7 485.041 485.041 0 00-119.686-37.106 1.818 1.818 0 00-1.923.91 337.522 337.522 0 00-14.9 30.6 447.82 447.82 0 00-134.426 0 309.459 309.459 0 00-15.135-30.6 1.885 1.885 0 00-1.924-.91 483.67 483.67 0 00-119.688 37.107 1.707 1.707 0 00-.788.676C13.07 221.652-7.812 332.691 2.431 442.355a2.018 2.018 0 00.765 1.375 487.68 487.68 0 00146.825 74.189 1.904 1.904 0 002.063-.676 348.247 348.247 0 0030.037-48.842 1.858 1.858 0 00-.359-2.173 1.86 1.86 0 00-.66-.415 321.232 321.232 0 01-45.868-21.853 1.878 1.878 0 01-.926-1.514 1.884 1.884 0 01.741-1.612 251.853 251.853 0 009.109-7.137 1.814 1.814 0 011.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.809 1.809 0 011.924.233 235.227 235.227 0 009.132 7.16c.248.185.446.428.577.709a1.875 1.875 0 01-.091 1.771 1.89 1.89 0 01-.648.646 301.47 301.47 0 01-45.89 21.83 1.866 1.866 0 00-1.205 1.855c.014.263.084.521.205.756a391.083 391.083 0 0030.014 48.815 1.863 1.863 0 002.063.7 486.058 486.058 0 00147.062-74.186 1.882 1.882 0 00.765-1.352c12.264-126.783-20.532-236.912-86.934-334.541zm-302.04 267.744c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.41 59.241-52.843 59.241zm195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239 0 32.654-23.177 59.241-52.844 59.241z'/%3E%3C/svg%3E")
}

.ic-loading-02 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v4m0 12v4M6 12H2m20 0h-4m1.078 7.078L16.25 16.25M19.078 5L16.25 7.828M4.922 19.078L7.75 16.25M4.922 5L7.75 7.828'/%3E%3C/svg%3E")
}

.ic-tio-a {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%233CECD6' d='M20.02 0v3.999H8.01s1.795 3.998 4.002 3.998h8.01C16.46 24.455 0 24.002 0 24.002s2.736 2.936 5.029 2.936c8.009 0 18.997-6.935 18.997-22.936 0-2.412-4.002-3.999-4.002-3.999L20.02 0zM23.894 19.547a1.543 1.543 0 00-1.534.04 1.54 1.54 0 00-.755 1.333l.01 19.08.823-.183c1.21-.27 3.505-1.498 3.546-4.252l-.203-10.288 9.454 5.26.038.021c2.268 1.086 3.867-.399 4.395-1.336l.332-.589-16.106-9.086z'/%3E%3Cpath fill='%233CECD6' d='M30.559 35.142a2 2 0 10-2.002-2 2 2 0 002.002 2z'/%3E%3C/svg%3E")
}

.ic-tio-h {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23F87171' d='M22.243 0v4.443H8.898s1.994 4.443 4.447 4.443h8.898C18.289 27.172 0 26.668 0 26.668s3.04 3.262 5.587 3.262c8.898 0 21.107-7.705 21.107-25.483 0-2.68-4.447-4.443-4.447-4.443L22.243 0zM37.77 22.221A2.222 2.222 0 1035.547 20c0 1.227.995 2.221 2.223 2.221z'/%3E%3Cpath fill='%23F87171' d='M39.313 31.314c-1.953-.902-2.611-1.5-4.368-3.105l-.328-.297.068-.165c1.151-2.432.233-4.067-.2-4.38l-1.862 2.658-.161-.18c-.569-.62-3.57-3.533-3.962-4.357-.2-.42-.741-.687-1.486-.736-1.054-.068-2.194.312-2.536.85-.124.195-.128.401-.012.623.757 1.38 2.555 3.503 5.84 6.427l.169.147-.132.184a99.256 99.256 0 00-2.942 4.285l-.162.252-.218-.207c-1.377-1.319-4.138-4.454-4.812-5.484-.308-.458-.974-.684-1.82-.609-.027 0-.057 0-.087.008-.907.098-1.735.519-1.95.992-.086.2-.056.399.099.605 1.711 2.267 6.452 7.882 11.881 10.867.974.537 2.269.308 3.04-.2.373-.244.59-.537.572-.762-.023-.252-.32-.421-.568-.527-.918-.368-1.69-.906-2.976-1.905l-.147-.11.064-.172c.297-.763.801-1.639 1.34-2.56.447-.767.902-1.56 1.271-2.338l.128-.27.62.45c1.133.828 2.029 1.478 3.191 2.023.956.443 1.938.146 2.49-.24.426-.302.67-.689.64-1.023-.033-.369-.387-.609-.68-.74l-.004-.004z'/%3E%3C/svg%3E")
}

.ic-google {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg%3E%3Cpath d='M24,11a12.932,12.932,0,0,1,8.346,3.047l6.54-6.228A21.973,21.973,0,0,0,4.293,14.236l7.373,5.683A13.016,13.016,0,0,1,24,11Z' fill='%23d94f3d'%3E%3C/path%3E %3Cpath d='M11,24a12.942,12.942,0,0,1,.666-4.081L4.293,14.236a21.935,21.935,0,0,0,0,19.528l7.373-5.683A12.942,12.942,0,0,1,11,24Z' fill='%23f2c042'%3E%3C/path%3E %3Cpath d='M45.1,20h-21v9H36a10.727,10.727,0,0,1-4.555,6.162l7.316,5.64C43.436,36.606,46.183,29.783,45.1,20Z' fill='%235085ed'%3E%3C/path%3E %3Cpath d='M31.442,35.162A13.98,13.98,0,0,1,24,37a13.016,13.016,0,0,1-12.334-8.919L4.293,33.764A22.023,22.023,0,0,0,24,46a21.865,21.865,0,0,0,14.758-5.2Z' fill='%2357a75c'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-mail-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 7l8.165 5.715c.661.463.992.695 1.351.784a2 2 0 00.968 0c.36-.09.69-.32 1.351-.784L22 7M6.8 20h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C22 17.72 22 16.88 22 15.2V8.8c0-1.68 0-2.52-.327-3.162a3 3 0 00-1.311-1.311C19.72 4 18.88 4 17.2 4H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C2 6.28 2 7.12 2 8.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C4.28 20 5.12 20 6.8 20z'/%3E%3C/svg%3E")
}

.ic-lock-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 10V8A5 5 0 007 8v2m5 4.5v2M8.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2v-1.4c0-1.68 0-2.52-.327-3.162a3 3 0 00-1.311-1.311C17.72 10 16.88 10 15.2 10H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C4 12.28 4 13.12 4 14.8v1.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C6.28 21 7.12 21 8.8 21z'/%3E%3C/svg%3E")
}

.ic-alert-triangle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m0 4h.01M10.615 3.892L2.39 18.098c-.456.788-.684 1.182-.65 1.506a1 1 0 00.406.705c.263.191.718.191 1.629.191h16.45c.91 0 1.365 0 1.628-.191a1 1 0 00.407-.705c.034-.324-.195-.718-.65-1.506L13.383 3.892c-.454-.785-.681-1.178-.978-1.31a1 1 0 00-.813 0c-.296.132-.523.525-.978 1.31z'/%3E%3C/svg%3E")
}

.ic-info-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-clock {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6v6l4 2m6-2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-clock-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm12-6a1 1 0 1 0-2 0v6a1 1 0 0 0 .553.894l4 2a1 1 0 1 0 .894-1.788L13 11.382V6z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-log-out-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 17l5-5m0 0l-5-5m5 5H9m0-9H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 5.28 3 6.12 3 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21H9'/%3E%3C/svg%3E")
}

.ic-filter-lines {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h12M3 6h18M9 18h6'/%3E%3C/svg%3E")
}

.ic-check {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}

.ic-share-07 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98M21 5a3 3 0 11-6 0 3 3 0 016 0zM9 12a3 3 0 11-6 0 3 3 0 016 0zm12 7a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E")
}

.ic-star-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M12.646 1.776a1.5 1.5 0 0 0-1.292 0c-.353.168-.547.46-.645.62a7.735 7.735 0 0 0-.307.583L8.245 7.346l-4.822.705c-.227.033-.46.067-.65.113-.182.044-.52.139-.789.423a1.5 1.5 0 0 0-.398 1.228c.051.387.27.663.391.805.127.148.295.312.46.472l3.488 3.397-.823 4.799a7.752 7.752 0 0 0-.095.652c-.014.187-.029.538.158.882a1.5 1.5 0 0 0 1.045.759c.384.071.714-.051.887-.123.18-.075.388-.184.591-.291L12 18.9l4.31 2.267c.204.107.412.216.592.29.174.073.503.195.887.124a1.5 1.5 0 0 0 1.045-.76c.187-.343.172-.694.158-.881a7.757 7.757 0 0 0-.095-.652l-.822-4.799 3.487-3.397c.165-.16.333-.324.46-.472.122-.142.34-.418.39-.805a1.5 1.5 0 0 0-.397-1.228c-.27-.284-.607-.38-.79-.423-.189-.046-.422-.08-.649-.113l-4.822-.705L13.6 2.98a7.736 7.736 0 0 0-.308-.582c-.098-.16-.292-.453-.645-.621z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-facebook {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23212121'%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-twitter {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23212121'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-whatsapp {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%233AC34C' fill-rule='evenodd' d='M3.483 35.675L.107 48l12.614-3.307a23.782 23.782 0 0011.37 2.895h.01c13.112 0 23.787-10.671 23.792-23.785A23.638 23.638 0 0040.93 6.975C36.438 2.48 30.465.003 24.1 0 10.986 0 .312 10.67.307 23.784a23.738 23.738 0 003.176 11.89zm13.466-22.853c.346-.002.778-.004 1.205 1.019.164.394.404.98.657 1.596.512 1.244 1.076 2.618 1.175 2.816.149.298.248.645.05 1.042l-.083.167c-.149.305-.258.529-.512.824-.098.116-.2.24-.303.364-.205.25-.41.5-.588.677-.298.297-.608.618-.26 1.213.346.595 1.54 2.542 3.306 4.117 1.9 1.695 3.552 2.41 4.388 2.773.164.071.296.129.393.177.595.298.941.248 1.288-.148.347-.397 1.486-1.736 1.883-2.33.396-.596.792-.497 1.337-.298.545.198 3.468 1.636 4.062 1.933.117.059.225.111.326.16.414.2.694.335.814.535.148.247.148 1.437-.347 2.826-.495 1.388-2.87 2.655-4.013 2.826-1.024.153-2.32.216-3.744-.236-.864-.274-1.971-.64-3.39-1.252-5.573-2.406-9.34-7.806-10.05-8.826a6.517 6.517 0 00-.105-.148l-.005-.006c-.314-.42-2.422-3.231-2.422-6.142 0-2.737 1.345-4.172 1.964-4.833l.116-.125c.545-.595 1.189-.743 1.586-.743.396 0 .793.003 1.139.02.043.003.087.002.133.002z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.ic-telegram {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121'%3E%3Cpath d='M23.953,2.527a.515.515,0,0,0-.349-.381,1.8,1.8,0,0,0-.945.067S1.63,9.772.429,10.609c-.258.18-.345.285-.388.408-.208.6.439.858.439.858L5.9,13.641a.59.59,0,0,0,.275-.016c1.232-.779,12.4-7.834,13.049-8.071.1-.03.177,0,.157.075-.258.905-9.909,9.478-9.962,9.53a.2.2,0,0,0-.072.177l-.506,5.292s-.212,1.647,1.435,0c1.168-1.169,2.289-2.137,2.849-2.608,1.864,1.287,3.869,2.71,4.734,3.455a1.506,1.506,0,0,0,1.1.423,1.236,1.236,0,0,0,1.051-.933S23.84,5.542,23.968,3.476c.013-.2.03-.332.032-.471A1.762,1.762,0,0,0,23.953,2.527Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-flag-02 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V4s-1 1-4 1-5-2-8-2-4 1-4 1m0 18V2'/%3E%3C/svg%3E")
}

.ic-server-02 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8h.01M6 16h.01M6 12h12M6 12a4 4 0 010-8h12a4 4 0 010 8M6 12a4 4 0 000 8h12a4 4 0 000-8'/%3E%3C/svg%3E")
}

.ic-download-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 15v1.2c0 1.68 0 2.52-.327 3.162a3 3 0 01-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 01-1.311-1.311C3 18.72 3 17.88 3 16.2V15m14-5l-5 5m0 0l-5-5m5 5V3'/%3E%3C/svg%3E")
}

.ic-list {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12H9m12-6H9m12 12H9m-4-6a1 1 0 11-2 0 1 1 0 012 0zm0-6a1 1 0 11-2 0 1 1 0 012 0zm0 12a1 1 0 11-2 0 1 1 0 012 0z'/%3E%3C/svg%3E")
}

.ic-dots-grid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6a1 1 0 100-2 1 1 0 000 2zM12 13a1 1 0 100-2 1 1 0 000 2zM12 20a1 1 0 100-2 1 1 0 000 2zM19 6a1 1 0 100-2 1 1 0 000 2zM19 13a1 1 0 100-2 1 1 0 000 2zM19 20a1 1 0 100-2 1 1 0 000 2zM5 6a1 1 0 100-2 1 1 0 000 2zM5 13a1 1 0 100-2 1 1 0 000 2zM5 20a1 1 0 100-2 1 1 0 000 2z'/%3E%3C/svg%3E")
}

.ic-check-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.5 12l3 3 6-6m5.5 3c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-x-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 9l-6 6m0-6l6 6m7-3c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-dots-horizontal {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a1 1 0 100-2 1 1 0 000 2zM19 13a1 1 0 100-2 1 1 0 000 2zM5 13a1 1 0 100-2 1 1 0 000 2z'/%3E%3C/svg%3E")
}

.ic-image-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zm1-2h12l-3.75-5l-3 4L9 13zm-1 2V5z'/%3E%3C/svg%3E")
}

.ic-bold-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h8a4 4 0 000-8H6v8zm0 0h9a4 4 0 010 8H6v-8z'/%3E%3C/svg%3E")
}

.ic-italic-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4h-9m4 16H5M15 4L9 20'/%3E%3C/svg%3E")
}

.ic-underline-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 4v7a6 6 0 01-12 0V4M4 21h16'/%3E%3C/svg%3E")
}

.ic-type-strikethrough-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7V6c0-.541.215-1.032.564-1.392M9 20h6m-3-8v8M3 3l18 18M9.5 4H17c.932 0 1.398 0 1.765.152a2 2 0 011.083 1.083C20 5.602 20 6.068 20 7m-8-3v2.5'/%3E%3C/svg%3E")
}

.ic-closing-quotation {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121' stroke-linecap='square' stroke-linejoin='miter'%3E %3Cpath d='M15.5 20V20C19.1671 18.472 21.6328 14.9762 21.8416 11.009L22 8L21.9126 9.41853' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M3.5 20V20C7.16712 18.472 9.63283 14.9762 9.84163 11.009L10 8L9.92105 9.5' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Ccircle cx='6' cy='8' r='4' stroke='%23212121' stroke-width='2' fill='none' stroke-linecap='butt'%3E%3C/circle%3E %3Ccircle cx='18' cy='8' r='4' stroke='%23212121' stroke-width='2' fill='none' stroke-linecap='butt'%3E%3C/circle%3E %3C/g%3E%3C/svg%3E")
}

.ic-minus-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-plus-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v8m-4-4h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z'/%3E%3C/svg%3E")
}

.ic-thumbs-up {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 22V11m-5 2v7a2 2 0 002 2h13.426a3 3 0 002.965-2.544l1.077-7A3 3 0 0018.503 9H15a1 1 0 01-1-1V4.466A2.466 2.466 0 0011.534 2a.822.822 0 00-.75.488l-3.52 7.918A1 1 0 016.35 11H4a2 2 0 00-2 2z'/%3E%3C/svg%3E")
}

.ic-thumbs-up-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M11.5342 1C10.8141 1 10.1617 1.42403 9.86925 2.08198L6.50849 9.64368C6.42696 9.82713 6.38438 9.92175 6.34948 9.98835L6.34638 9.99423L6.33975 9.99468C6.26471 9.99952 6.16096 10 5.96021 10L5.16146 10C4.63431 9.99998 4.17955 9.99997 3.80497 10.0306C3.40963 10.0629 3.01641 10.1342 2.63803 10.327C2.07354 10.6146 1.6146 11.0735 1.32698 11.638C1.13419 12.0164 1.06287 12.4096 1.03057 12.805C0.999969 13.1795 0.999984 13.6343 1 14.1614V18.8385C0.999984 19.3657 0.999969 19.8205 1.03057 20.195C1.06287 20.5904 1.13419 20.9836 1.32698 21.362C1.6146 21.9265 2.07354 22.3854 2.63803 22.673C3.01641 22.8658 3.40963 22.9371 3.80497 22.9694C4.17954 23 4.6343 23 5.16144 23C5.62456 23 6 22.6246 6 22.1614L6 14C6 13.4477 6.44772 13 7 13C7.55229 13 8 13.4477 8 14L8 21.4C8 21.9601 8 22.2401 8.10899 22.454C8.20487 22.6422 8.35785 22.7951 8.54601 22.891C8.75992 23 9.03995 23 9.6 23H15.9196C16.6184 23 17.1985 23 17.6758 22.9637C18.1742 22.9257 18.6336 22.8444 19.0771 22.6434C19.7707 22.3291 20.3602 21.8234 20.7763 21.1857C21.0423 20.7779 21.1926 20.3362 21.3059 19.8494C21.4144 19.3832 21.5026 18.8098 21.6088 18.1192L22.1444 14.6377C22.2852 13.7227 22.4006 12.9726 22.4414 12.3604C22.4836 11.7288 22.456 11.1394 22.2405 10.5745C21.9097 9.70708 21.2874 8.98175 20.4804 8.52284C19.9548 8.22398 19.3765 8.10713 18.7458 8.05272C18.1345 7.99997 17.3756 7.99999 16.4498 8H15.6C15.3035 8 15.1412 7.99922 15.0246 7.9897L15.0115 7.98855L15.0103 7.97537C15.0008 7.85878 15 7.69653 15 7.4V4.46584C15 2.55171 13.4483 1 11.5342 1Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-message-text-square-02 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8.5h5M7 12h8m-8 6v2.335c0 .533 0 .8.11.937a.5.5 0 00.39.188c.176 0 .384-.167.8-.5l2.385-1.908c.487-.39.731-.585 1.002-.724.241-.122.497-.212.762-.267.299-.061.61-.061 1.235-.061H16.2c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C21 15.72 21 14.88 21 13.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 00-1.311-1.311C18.72 3 17.88 3 16.2 3H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 5.28 3 6.12 3 7.8V14c0 .93 0 1.395.102 1.777a3 3 0 002.122 2.12C5.605 18 6.07 18 7 18z'/%3E%3C/svg%3E")
}

.ic-reaction-1 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' fill='%232563EB' rx='24'/%3E%3Cpath fill='%23fff' d='M33.813 20.603a2.68 2.68 0 00-.582-.064h-6.539v-4.231c0-3.803-3.427-3.846-3.461-3.846a.384.384 0 00-.385.357 22.828 22.828 0 01-1.13 5.662c-.343.917-1.09 1.775-1.812 2.604-.859.987-1.747 2.008-2.047 3.206a.382.382 0 00-.01.094v10.384a.384.384 0 00.384.385h12.947a2.678 2.678 0 002.63-2.109l2.051-9.23a2.695 2.695 0 00-2.046-3.212zM16.692 22.077h-4.23a.385.385 0 00-.385.385v12.307c0 .213.172.385.385.385h4.23a.385.385 0 00.385-.385V22.462a.385.385 0 00-.385-.385z'/%3E%3C/svg%3E")
}

.ic-reaction-2 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23FFD764' d='M22 44a22 22 0 1122-22 22.025 22.025 0 01-22 22z'/%3E%3Cpath fill='%23fff' d='M33.6 30c.26-.979.395-1.987.4-3a1 1 0 00-1-1H11a1 1 0 00-1 1c.004 1.013.137 2.02.395 3H33.6z'/%3E%3Cpath fill='%23AE453E' d='M10.4 30a11.982 11.982 0 0023.2 0H10.4z'/%3E%3Cpath fill='%23E86C60' d='M16.014 37.385a11.9 11.9 0 0011.972 0 6.985 6.985 0 00-11.972 0z'/%3E%3Cpath fill='%23FA645A' d='M14.261 10.113a3.537 3.537 0 00-2.425 2.26 3.5 3.5 0 00-5.723 3.483C7 19.242 14.531 22.7 14.531 22.7s4.883-6.7 4-10.087a3.512 3.512 0 00-4.27-2.5zM25.469 12.616c-.883 3.387 4 10.087 4 10.087s7.531-3.461 8.418-6.847a3.5 3.5 0 00-5.723-3.483 3.5 3.5 0 00-6.695.243z'/%3E%3C/svg%3E")
}

.ic-reaction-3 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23FFD764' d='M22 44a22 22 0 1122-22 22.025 22.025 0 01-22 22z'/%3E%3Cpath fill='%23fff' d='M33.6 30c.26-.979.395-1.987.4-3a1 1 0 00-1-1H11a1 1 0 00-1 1c.004 1.013.137 2.02.395 3H33.6z'/%3E%3Cpath fill='%23AE453E' d='M10.4 30a11.982 11.982 0 0023.2 0H10.4z'/%3E%3Cpath fill='%23E86C60' d='M16.014 37.385a11.9 11.9 0 0011.972 0 6.985 6.985 0 00-11.972 0z'/%3E%3Cpath fill='%23444' d='M10 23a1 1 0 01-.448-1.895L13.764 19l-4.211-2.1a1 1 0 01.894-1.79l6 3a1 1 0 010 1.79l-6 3c-.14.068-.292.102-.447.1zM34 23c-.155 0-.307-.036-.446-.105l-6-3a1 1 0 010-1.79l6-3a1 1 0 11.894 1.79L30.236 19l4.211 2.105A1 1 0 0134 23z'/%3E%3C/svg%3E")
}

.ic-reaction-4 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23FFD764' d='M22 44a22 22 0 1122-22 22.025 22.025 0 01-22 22z'/%3E%3Cpath fill='%23444' d='M12 23a3 3 0 110-5.999A3 3 0 0112 23z'/%3E%3Cpath fill='%23AE453E' d='M22 29a4.999 4.999 0 100 9.998A4.999 4.999 0 0022 29z'/%3E%3Cpath fill='%23444' d='M32 23a3 3 0 110-5.999A3 3 0 0132 23z'/%3E%3Cpath fill='%23FA645A' d='M22 39c2.195 0 3.974-.895 3.974-2s-1.78-2-3.974-2c-2.195 0-3.974.895-3.974 2s1.78 2 3.974 2z'/%3E%3C/svg%3E")
}

.ic-reaction-5 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23FFD764' d='M22 44a22 22 0 1122-22 22.025 22.025 0 01-22 22z'/%3E%3Cpath fill='%23444' d='M13 23a3 3 0 110-5.999A3 3 0 0113 23zM31 23a3 3 0 110-5.999A3 3 0 0131 23z'/%3E%3Cpath fill='%2300B4DC' d='M32 33a3 3 0 01-3-3c0-1.278 1.522-3.62 2.177-4.568a1.037 1.037 0 011.646 0C33.478 26.38 35 28.722 35 30a3 3 0 01-3 3z'/%3E%3Cpath fill='%23444' d='M28.942 37.034a1 1 0 01-.868-.5 6.99 6.99 0 00-12.148 0 1 1 0 01-1.735-.994 8.989 8.989 0 0115.618 0 1 1 0 01-.867 1.5v-.006z'/%3E%3C/svg%3E")
}

.ic-reaction-6 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23E86C60' d='M22 44a22 22 0 1122-22 22.025 22.025 0 01-22 22z'/%3E%3Cpath fill='%23444' d='M31 26a3 3 0 100-6 3 3 0 000 6zM13 26a3 3 0 100-6 3 3 0 000 6zM15.292 35a1.001 1.001 0 01-.745-1.667 9.997 9.997 0 0111.535-2.462 9.999 9.999 0 013.371 2.462.999.999 0 01-.799 1.672 1.001 1.001 0 01-.69-.338 7.998 7.998 0 00-11.927 0 1.002 1.002 0 01-.745.333zM28 19a1 1 0 01-.516-1.857l5-3a1 1 0 011.03 1.714l-5 3A.995.995 0 0128 19zM16 19a.995.995 0 01-.514-.143l-5-3a1 1 0 011.03-1.714l5 3A1 1 0 0116 19z'/%3E%3C/svg%3E")
}

.ic-sub {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121' stroke-linecap='square' stroke-linejoin='miter' stroke-miterlimit='10'%3E %3Cpath d='M6 16H12' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M12 12H18' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M16 16H18' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M6 12H8' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M22 18L22 6C22 4.89543 21.1046 4 20 4L4 4C2.89543 4 2 4.89543 2 6L2 18C2 19.1046 2.89543 20 4 20L20 20C21.1046 20 22 19.1046 22 18Z' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3C/g%3E%3C/svg%3E")
}

.ic-dub {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121' stroke-linecap='square' stroke-linejoin='miter' stroke-miterlimit='10'%3E %3Cpath d='M16 11L16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6L8 11C8 13.2091 9.79086 15 12 15C14.2091 15 16 13.2091 16 11Z' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M20 11V11C20 15.4183 16.4183 19 12 19V19C7.58172 19 4 15.4183 4 11V11' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3Cpath d='M12 19V22' stroke='%23212121' stroke-width='2' fill='none'%3E%3C/path%3E %3C/g%3E%3C/svg%3E")
}

.ic-arrows-up-down {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121' stroke-linecap='square' stroke-linejoin='miter' stroke-miterlimit='10'%3E%3Cline fill='none' stroke='%23212121' stroke-width='2' x1='7' y1='17' x2='7' y2='2' stroke-linecap='butt'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23212121' stroke-width='2' points='3,6 7,2 11,6 '%3E%3C/polyline%3E %3Cline fill='none' stroke='%23212121' stroke-width='2' x1='17' y1='6' x2='17' y2='22' stroke-linecap='butt'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23212121' stroke-width='2' points=' 13,18 17,22 21,18 '%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E")
}

.ic-bell-03 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M14.9997 19C14.9997 20.6569 13.6566 22 11.9997 22C10.3429 22 8.99972 20.6569 8.99972 19M13.7962 6.23856C14.2317 5.78864 14.4997 5.17562 14.4997 4.5C14.4997 3.11929 13.3804 2 11.9997 2C10.619 2 9.49972 3.11929 9.49972 4.5C9.49972 5.17562 9.76772 5.78864 10.2032 6.23856M17.9997 11.2C17.9997 9.82087 17.3676 8.49823 16.2424 7.52304C15.1171 6.54786 13.591 6 11.9997 6C10.4084 6 8.8823 6.54786 7.75708 7.52304C6.63186 8.49823 5.99972 9.82087 5.99972 11.2C5.99972 13.4818 5.43385 15.1506 4.72778 16.3447C3.92306 17.7056 3.5207 18.3861 3.53659 18.5486C3.55476 18.7346 3.58824 18.7933 3.73906 18.9036C3.87089 19 4.53323 19 5.85791 19H18.1415C19.4662 19 20.1286 19 20.2604 18.9036C20.4112 18.7933 20.4447 18.7346 20.4629 18.5486C20.4787 18.3861 20.0764 17.7056 19.2717 16.3447C18.5656 15.1506 17.9997 13.4818 17.9997 11.2Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-chart-breakout-circle {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M15.5 3.5V2M19.4393 4.56066L20.5 3.5M20.5103 8.5H22.0103M21.9506 13C21.4489 18.0533 17.1853 22 12 22C6.47715 22 2 17.5228 2 12C2 6.81465 5.94668 2.5511 11 2.04938M12 8H16V12M15.6197 8C13.2653 11.3276 9.38636 13.5 5 13.5C3.9971 13.5 3.02072 13.3864 2.08302 13.1715' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-bookmark-add {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M12 13V7M9 10H15M19 21V7.8C19 6.11984 19 5.27976 18.673 4.63803C18.3854 4.07354 17.9265 3.6146 17.362 3.32698C16.7202 3 15.8802 3 14.2 3H9.8C8.11984 3 7.27976 3 6.63803 3.32698C6.07354 3.6146 5.6146 4.07354 5.32698 4.63803C5 5.27976 5 6.11984 5 7.8V21L12 17L19 21Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-check-circle-broken {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572M22 4L12 14.01L9 11.01' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-trash-01 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-eye-solid {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z' fill='%23212121'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C9.13833 4 6.80535 5.26472 5.07675 6.70743C3.3505 8.14818 2.16697 9.81429 1.57422 10.7528L1.55014 10.7908C1.43252 10.976 1.27981 11.2164 1.2026 11.5532C1.14027 11.8251 1.14027 12.1749 1.2026 12.4468C1.2798 12.7836 1.43252 13.024 1.55014 13.2092L1.57423 13.2472C2.16697 14.1857 3.3505 15.8518 5.07675 17.2926C6.80535 18.7353 9.13833 20 12 20C14.8617 20 17.1947 18.7353 18.9233 17.2926C20.6495 15.8518 21.833 14.1857 22.4258 13.2472L22.4499 13.2092C22.5675 13.024 22.7202 12.7837 22.7974 12.4468C22.8597 12.1749 22.8597 11.8251 22.7974 11.5532C22.7202 11.2163 22.5675 10.976 22.4499 10.7908L22.4258 10.7528C21.833 9.81429 20.6495 8.14818 18.9233 6.70743C17.1947 5.26472 14.8617 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z' fill='%23212121'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-calendar {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M21 10H3m13-8v4M8 2v4m-.2 16h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 19.72 21 18.88 21 17.2V8.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 4 17.88 4 16.2 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 6.28 3 7.12 3 8.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 22 6.12 22 7.8 22z' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.ic-rating-1 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcb4c' d='M35 17c0 9.389-7.611 17-17 17S1 26.389 1 17S8.612 0 18 0s17 7.612 17 17'/%3E%3Cpath fill='%2365471b' d='M18 27.136c3.335 0 5.547.388 8.284.92c.625.12 1.841 0 1.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841c2.736-.532 4.949-.92 8.284-.92M6.668 18.888a.944.944 0 0 1-.567-1.7c.135-.101 2.787-2.061 6.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944 0 0 1 .002-1.889c.209 0 5.149.036 8.223 3.11a.945.945 0 0 1-.667 1.612c-4.357 0-7.898 2.618-7.933 2.644a.94.94 0 0 1-.568.19m22.664 0a.94.94 0 0 1-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942 0 0 1-.667-1.612c3.075-3.075 8.015-3.11 8.223-3.11a.944.944 0 0 1 .002 1.889c-.034 0-2.629.025-4.966 1.197c3.688.708 6.34 2.668 6.475 2.77a.944.944 0 0 1-.568 1.698'/%3E%3Cpath fill='%2377af57' d='M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713c0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713'/%3E%3Ccircle cx='15.875' cy='23.228' r='1.235' fill='%235d8f3f'/%3E%3Ccircle cx='20.698' cy='25.64' r='1.235' fill='%235d8f3f'/%3E%3Ccircle cx='21.232' cy='30.515' r='1.235' fill='%235d8f3f' transform='rotate(-80.781 21.232 30.514)'/%3E%3Ccircle cx='15.107' cy='32.548' r='1.765' fill='%235d8f3f' transform='rotate(-80.781 15.107 32.548)'/%3E%3C/svg%3E")
}

.ic-rating-2 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcc4d' d='M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18'/%3E%3Cellipse cx='11.5' cy='14.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3Cellipse cx='24.5' cy='14.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3Cpath fill='%23664500' d='M8.665 27.871a.5.5 0 0 0 .635.029c.039-.029 3.922-2.9 8.7-2.9c4.766 0 8.662 2.871 8.7 2.9a.5.5 0 0 0 .729-.657C27.3 27.029 24.212 22 18 22s-9.301 5.028-9.429 5.243a.5.5 0 0 0 .094.628'/%3E%3C/svg%3E")
}

.ic-rating-3 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcc4d' d='M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18'/%3E%3Cellipse cx='11.5' cy='16.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3Cellipse cx='24.5' cy='16.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3Cpath fill='%23664500' d='M25 26H11a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2'/%3E%3C/svg%3E")
}

.ic-rating-4 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23ffcc4d'/%3E%3Cpath fill='%23664500' d='M18 21c-3.623 0-6.027-.422-9-1c-.679-.131-2 0-2 2c0 4 4.595 9 11 9c6.404 0 11-5 11-9c0-2-1.321-2.132-2-2c-2.973.578-5.377 1-9 1'/%3E%3Cpath fill='%23fff' d='M9 22s3 1 9 1s9-1 9-1s-2 4-9 4s-9-4-9-4'/%3E%3Cellipse cx='12' cy='13.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3Cellipse cx='24' cy='13.5' fill='%23664500' rx='2.5' ry='3.5'/%3E%3C/svg%3E")
}

.ic-rating-5 {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcc4d' d='M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18'/%3E%3Cpath fill='%23664500' d='M18 21.849c-2.966 0-4.935-.346-7.369-.819c-.557-.106-1.638 0-1.638 1.638c0 3.275 3.763 7.369 9.007 7.369s9.007-4.094 9.007-7.369c0-1.638-1.082-1.745-1.638-1.638c-2.434.473-4.402.819-7.369.819'/%3E%3Cpath fill='%23dd2e44' d='M16.65 3.281a4.666 4.666 0 0 0-8.884.254a4.67 4.67 0 0 0-4.225-.58A4.67 4.67 0 0 0 .692 8.911c.122.344.284.663.472.958c1.951 3.582 7.588 6.1 11.001 6.131c2.637-2.167 5.446-7.665 4.718-11.677a4.7 4.7 0 0 0-.233-1.042m2.7 0a4.67 4.67 0 0 1 5.956-2.85a4.67 4.67 0 0 1 2.929 3.104a4.67 4.67 0 0 1 4.225-.58a4.67 4.67 0 0 1 2.85 5.956a4.7 4.7 0 0 1-.473.958c-1.951 3.582-7.588 6.1-11.002 6.131c-2.637-2.167-5.445-7.665-4.717-11.677q.054-.524.232-1.042'/%3E%3C/svg%3E")
}

.ic-pencil {
    --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z'/%3E%3C/svg%3E")
}

[data-select-viewport],[data-combobox-viewport] {
    scrollbar-width: none!important;
    -ms-overflow-style: none!important;
    -webkit-overflow-scrolling: touch!important
}

[data-combobox-viewport]::-webkit-scrollbar {
    display: none!important
}

[data-select-viewport]::-webkit-scrollbar {
    display: none!important
}

[data-scroll-area-viewport] {
    scrollbar-width: none!important;
    -ms-overflow-style: none!important;
    -webkit-overflow-scrolling: touch!important
}

[data-scroll-area-viewport]::-webkit-scrollbar {
    display: none!important
}

:where([data-scroll-area-viewport]) {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

:where([data-scroll-area-content]) {
    flex-grow: 1
}

html[dir=ltr],[data-sonner-toaster][dir=ltr] {
    --toast-icon-margin-start: -3px;
    --toast-icon-margin-end: 4px;
    --toast-svg-margin-start: -1px;
    --toast-svg-margin-end: 0px;
    --toast-button-margin-start: auto;
    --toast-button-margin-end: 0;
    --toast-close-button-start: 0;
    --toast-close-button-end: unset;
    --toast-close-button-transform: translate(-35%, -35%)
}

html[dir=rtl],[data-sonner-toaster][dir=rtl] {
    --toast-icon-margin-start: 4px;
    --toast-icon-margin-end: -3px;
    --toast-svg-margin-start: 0px;
    --toast-svg-margin-end: -1px;
    --toast-button-margin-start: 0;
    --toast-button-margin-end: auto;
    --toast-close-button-start: unset;
    --toast-close-button-end: 0;
    --toast-close-button-transform: translate(35%, -35%)
}

[data-sonner-toaster] {
    position: fixed;
    width: var(--width);
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --gray1: hsl(0, 0%, 99%);
    --gray2: hsl(0, 0%, 97.3%);
    --gray3: hsl(0, 0%, 95.1%);
    --gray4: hsl(0, 0%, 93%);
    --gray5: hsl(0, 0%, 90.9%);
    --gray6: hsl(0, 0%, 88.7%);
    --gray7: hsl(0, 0%, 85.8%);
    --gray8: hsl(0, 0%, 78%);
    --gray9: hsl(0, 0%, 56.1%);
    --gray10: hsl(0, 0%, 52.3%);
    --gray11: hsl(0, 0%, 43.5%);
    --gray12: hsl(0, 0%, 9%);
    --border-radius: 8px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    z-index: 999999999;
    transition: transform .4s ease
}

@media(hover: none)and (pointer:coarse) {
    [data-sonner-toaster][data-lifted=true] {
        transform:none
    }
}

[data-sonner-toaster][data-x-position=right] {
    right: var(--offset-right)
}

[data-sonner-toaster][data-x-position=left] {
    left: var(--offset-left)
}

[data-sonner-toaster][data-x-position=center] {
    left: 50%;
    transform: translate(-50%)
}

[data-sonner-toaster][data-y-position=top] {
    top: var(--offset-top)
}

[data-sonner-toaster][data-y-position=bottom] {
    bottom: var(--offset-bottom)
}

[data-sonner-toast] {
    --y: translateY(100%);
    --lift-amount: calc(var(--lift) * var(--gap));
    z-index: var(--z-index);
    position: absolute;
    opacity: 0;
    transform: var(--y);
    touch-action: none;
    transition: transform .4s,opacity .4s,height .4s,box-shadow .2s;
    box-sizing: border-box;
    outline: none;
    overflow-wrap: anywhere
}

[data-sonner-toast][data-styled=true] {
    padding: 16px;
    background: var(--normal-bg);
    border: 1px solid var(--normal-border);
    color: var(--normal-text);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px #0000001a;
    width: var(--width);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px
}

[data-sonner-toast]:focus-visible {
    box-shadow: 0 4px 12px #0000001a,0 0 0 2px #0003
}

[data-sonner-toast][data-y-position=top] {
    top: 0;
    --y: translateY(-100%);
    --lift: 1;
    --lift-amount: calc(1 * var(--gap))
}

[data-sonner-toast][data-y-position=bottom] {
    bottom: 0;
    --y: translateY(100%);
    --lift: -1;
    --lift-amount: calc(var(--lift) * var(--gap))
}

[data-sonner-toast][data-styled=true] [data-description] {
    font-weight: 400;
    line-height: 1.4;
    color: #3f3f3f
}

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description] {
    color: inherit
}

[data-sonner-toaster][data-sonner-theme=dark] [data-description] {
    color: #e8e8e8
}

[data-sonner-toast][data-styled=true] [data-title] {
    font-weight: 500;
    line-height: 1.5;
    color: inherit
}

[data-sonner-toast][data-styled=true] [data-icon] {
    display: flex;
    height: 16px;
    width: 16px;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    margin-left: var(--toast-icon-margin-start);
    margin-right: var(--toast-icon-margin-end)
}

[data-sonner-toast][data-promise=true] [data-icon]>svg {
    opacity: 0;
    transform: scale(.8);
    transform-origin: center;
    animation: sonner-fade-in .3s ease forwards
}

[data-sonner-toast][data-styled=true] [data-icon]>* {
    flex-shrink: 0
}

[data-sonner-toast][data-styled=true] [data-icon] svg {
    margin-left: var(--toast-svg-margin-start);
    margin-right: var(--toast-svg-margin-end)
}

[data-sonner-toast][data-styled=true] [data-content] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

[data-sonner-toast][data-styled=true] [data-button] {
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    font-size: 12px;
    color: var(--normal-bg);
    background: var(--normal-text);
    margin-left: var(--toast-button-margin-start);
    margin-right: var(--toast-button-margin-end);
    border: none;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: opacity .4s,box-shadow .2s
}

[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
    box-shadow: 0 0 0 2px #0006
}

[data-sonner-toast][data-styled=true] [data-button]:first-of-type {
    margin-left: var(--toast-button-margin-start);
    margin-right: var(--toast-button-margin-end)
}

[data-sonner-toast][data-styled=true] [data-cancel] {
    color: var(--normal-text);
    background: #00000014
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel] {
    background: #ffffff4d
}

[data-sonner-toast][data-styled=true] [data-close-button] {
    position: absolute;
    left: var(--toast-close-button-start);
    right: var(--toast-close-button-end);
    top: 0;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: var(--gray12);
    background: var(--normal-bg);
    border: 1px solid var(--gray4);
    transform: var(--toast-close-button-transform);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: opacity .1s,background .2s,border-color .2s
}

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
    box-shadow: 0 4px 12px #0000001a,0 0 0 2px #0003
}

[data-sonner-toast][data-styled=true] [data-disabled=true] {
    cursor: not-allowed
}

[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover {
    background: var(--gray2);
    border-color: var(--gray5)
}

[data-sonner-toast][data-swiping=true]:before {
    content: "";
    position: absolute;
    left: -100%;
    right: -100%;
    height: 100%;
    z-index: -1
}

[data-sonner-toast][data-y-position=top][data-swiping=true]:before {
    bottom: 50%;
    transform: scaleY(3) translateY(50%)
}

[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before {
    top: 50%;
    transform: scaleY(3) translateY(-50%)
}

[data-sonner-toast][data-swiping=false][data-removed=true]:before {
    content: "";
    position: absolute;
    inset: 0;
    transform: scaleY(2)
}

[data-sonner-toast][data-expanded=true]:after {
    content: "";
    position: absolute;
    left: 0;
    height: calc(var(--gap) + 1px);
    bottom: 100%;
    width: 100%
}

[data-sonner-toast][data-mounted=true] {
    --y: translateY(0);
    opacity: 1
}

[data-sonner-toast][data-expanded=false][data-front=false] {
    --scale: var(--toasts-before) * .05 + 1;
    --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
    height: var(--front-toast-height)
}

[data-sonner-toast]>* {
    transition: opacity .4s
}

[data-sonner-toast][data-x-position=right] {
    right: 0
}

[data-sonner-toast][data-x-position=left] {
    left: 0
}

[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>* {
    opacity: 0
}

[data-sonner-toast][data-visible=false] {
    opacity: 0;
    pointer-events: none
}

[data-sonner-toast][data-mounted=true][data-expanded=true] {
    --y: translateY(calc(var(--lift) * var(--offset)));
    height: var(--initial-height)
}

[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false] {
    --y: translateY(calc(var(--lift) * -100%));
    opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true] {
    --y: translateY( calc(var(--lift) * var(--offset) + var(--lift) * -100%) );
    opacity: 0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false] {
    --y: translateY(40%);
    opacity: 0;
    transition: transform .5s,opacity .2s
}

[data-sonner-toast][data-removed=true][data-front=false]:before {
    height: calc(var(--initial-height) + 20%)
}

[data-sonner-toast][data-swiping=true] {
    transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));
    transition: none
}

[data-sonner-toast][data-swiped=true] {
    -webkit-user-select: none;
    user-select: none
}

[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top] {
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left] {
    animation-name: swipe-out-left
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right] {
    animation-name: swipe-out-right
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up] {
    animation-name: swipe-out-up
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down] {
    animation-name: swipe-out-down
}

@keyframes swipe-out-left {
    0% {
        transform: var(--y) translate(var(--swipe-amount-x));
        opacity: 1
    }

    to {
        transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%));
        opacity: 0
    }
}

@keyframes swipe-out-right {
    0% {
        transform: var(--y) translate(var(--swipe-amount-x));
        opacity: 1
    }

    to {
        transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%));
        opacity: 0
    }
}

@keyframes swipe-out-up {
    0% {
        transform: var(--y) translateY(var(--swipe-amount-y));
        opacity: 1
    }

    to {
        transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
        opacity: 0
    }
}

@keyframes swipe-out-down {
    0% {
        transform: var(--y) translateY(var(--swipe-amount-y));
        opacity: 1
    }

    to {
        transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
        opacity: 0
    }
}

@media(max-width: 600px) {
    [data-sonner-toaster] {
        position:fixed;
        right: var(--mobile-offset-right);
        left: var(--mobile-offset-left);
        width: 100%
    }

    [data-sonner-toaster][dir=rtl] {
        left: calc(var(--mobile-offset-left) * -1)
    }

    [data-sonner-toaster] [data-sonner-toast] {
        left: 0;
        right: 0;
        width: calc(100% - var(--mobile-offset-left) * 2)
    }

    [data-sonner-toaster][data-x-position=left] {
        left: var(--mobile-offset-left)
    }

    [data-sonner-toaster][data-y-position=bottom] {
        bottom: var(--mobile-offset-bottom)
    }

    [data-sonner-toaster][data-y-position=top] {
        top: var(--mobile-offset-top)
    }

    [data-sonner-toaster][data-x-position=center] {
        left: var(--mobile-offset-left);
        right: var(--mobile-offset-right);
        transform: none
    }
}

[data-sonner-toaster][data-sonner-theme=light] {
    --normal-bg: #fff;
    --normal-border: var(--gray4);
    --normal-text: var(--gray12);
    --success-bg: hsl(143, 85%, 96%);
    --success-border: hsl(145, 92%, 87%);
    --success-text: hsl(140, 100%, 27%);
    --info-bg: hsl(208, 100%, 97%);
    --info-border: hsl(221, 91%, 93%);
    --info-text: hsl(210, 92%, 45%);
    --warning-bg: hsl(49, 100%, 97%);
    --warning-border: hsl(49, 91%, 84%);
    --warning-text: hsl(31, 92%, 45%);
    --error-bg: hsl(359, 100%, 97%);
    --error-border: hsl(359, 100%, 94%);
    --error-text: hsl(360, 100%, 45%)
}

[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true] {
    --normal-bg: #000;
    --normal-border: hsl(0, 0%, 20%);
    --normal-text: var(--gray1)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true] {
    --normal-bg: #fff;
    --normal-border: var(--gray3);
    --normal-text: var(--gray12)
}

[data-sonner-toaster][data-sonner-theme=dark] {
    --normal-bg: #000;
    --normal-bg-hover: hsl(0, 0%, 12%);
    --normal-border: hsl(0, 0%, 20%);
    --normal-border-hover: hsl(0, 0%, 25%);
    --normal-text: var(--gray1);
    --success-bg: hsl(150, 100%, 6%);
    --success-border: hsl(147, 100%, 12%);
    --success-text: hsl(150, 86%, 65%);
    --info-bg: hsl(215, 100%, 6%);
    --info-border: hsl(223, 43%, 17%);
    --info-text: hsl(216, 87%, 65%);
    --warning-bg: hsl(64, 100%, 6%);
    --warning-border: hsl(60, 100%, 9%);
    --warning-text: hsl(46, 87%, 65%);
    --error-bg: hsl(358, 76%, 10%);
    --error-border: hsl(357, 89%, 16%);
    --error-text: hsl(358, 100%, 81%)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button] {
    background: var(--normal-bg);
    border-color: var(--normal-border);
    color: var(--normal-text)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover {
    background: var(--normal-bg-hover);
    border-color: var(--normal-border-hover)
}

[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button] {
    background: var(--success-bg);
    border-color: var(--success-border);
    color: var(--success-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button] {
    background: var(--info-bg);
    border-color: var(--info-border);
    color: var(--info-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button] {
    background: var(--warning-bg);
    border-color: var(--warning-border);
    color: var(--warning-text)
}

[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button] {
    background: var(--error-bg);
    border-color: var(--error-border);
    color: var(--error-text)
}

.sonner-loading-wrapper {
    --size: 16px;
    height: var(--size);
    width: var(--size);
    position: absolute;
    inset: 0;
    z-index: 10
}

.sonner-loading-wrapper[data-visible=false] {
    transform-origin: center;
    animation: sonner-fade-out .2s ease forwards
}

.sonner-spinner {
    position: relative;
    top: 50%;
    left: 50%;
    height: var(--size);
    width: var(--size)
}

.sonner-loading-bar {
    animation: sonner-spin 1.2s linear infinite;
    background: var(--gray11);
    border-radius: 6px;
    height: 8%;
    left: -10%;
    position: absolute;
    top: -3.9%;
    width: 24%
}

.sonner-loading-bar:nth-child(1) {
    animation-delay: -1.2s;
    transform: rotate(.0001deg) translate(146%)
}

.sonner-loading-bar:nth-child(2) {
    animation-delay: -1.1s;
    transform: rotate(30deg) translate(146%)
}

.sonner-loading-bar:nth-child(3) {
    animation-delay: -1s;
    transform: rotate(60deg) translate(146%)
}

.sonner-loading-bar:nth-child(4) {
    animation-delay: -.9s;
    transform: rotate(90deg) translate(146%)
}

.sonner-loading-bar:nth-child(5) {
    animation-delay: -.8s;
    transform: rotate(120deg) translate(146%)
}

.sonner-loading-bar:nth-child(6) {
    animation-delay: -.7s;
    transform: rotate(150deg) translate(146%)
}

.sonner-loading-bar:nth-child(7) {
    animation-delay: -.6s;
    transform: rotate(180deg) translate(146%)
}

.sonner-loading-bar:nth-child(8) {
    animation-delay: -.5s;
    transform: rotate(210deg) translate(146%)
}

.sonner-loading-bar:nth-child(9) {
    animation-delay: -.4s;
    transform: rotate(240deg) translate(146%)
}

.sonner-loading-bar:nth-child(10) {
    animation-delay: -.3s;
    transform: rotate(270deg) translate(146%)
}

.sonner-loading-bar:nth-child(11) {
    animation-delay: -.2s;
    transform: rotate(300deg) translate(146%)
}

.sonner-loading-bar:nth-child(12) {
    animation-delay: -.1s;
    transform: rotate(330deg) translate(146%)
}

@keyframes sonner-fade-in {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes sonner-fade-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes sonner-spin {
    0% {
        opacity: 1
    }

    to {
        opacity: .15
    }
}

@media(prefers-reduced-motion) {
    [data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar {
        transition: none!important;
        animation: none!important
    }
}

.sonner-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center;
    transition: opacity .2s,transform .2s
}

.sonner-loader[data-visible=false] {
    opacity: 0;
    transform: scale(.8) translate(-50%,-50%)
}

:where(.flexible.svelte-6xy9w4) {
    width: 100%
}