*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    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;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
   
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

@font-face {
    font-display: swap;
    font-family: Cabin;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/cabin-condensed-v19-latin-regular.7fe4d6d6.woff2)
}

@font-face {
    font-display: swap;
    font-family: Cabin;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/cabin-condensed-v19-latin-500.9b54da32.woff2) format("woff2"), url(fonts/cabin-condensed-v19-latin-500.eccf74d7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Cabin;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/cabin-condensed-v19-latin-700.f8213503.woff2) format("woff2"), url(fonts/cabin-condensed-v19-latin-700.e10d16c8.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/poppins-v20-latin-300.78bc3aa7.woff2) format("woff2"), url(fonts/poppins-v20-latin-300.bd834791.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/poppins-v20-latin-regular.7d93459d.woff2) format("woff2"), url(fonts/poppins-v20-latin-regular.49f0742d.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/poppins-v20-latin-500.cd36de20.woff2) format("woff2"), url(fonts/poppins-v20-latin-500.316565c3.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/poppins-v20-latin-700.9338e65f.woff2) format("woff2"), url(fonts/poppins-v20-latin-700.da36c916.woff) format("woff")
}

.sf-ripple-container {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    contain: content;
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

.sf-ripple {
    background-color: inherit;
    border-radius: 100%;
    box-sizing: border-box;
    contain: strict;
    left: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0) translateZ(0);
    transition: transform 1.6s cubic-bezier(.08, .81, .07, 1), opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: opacity transform;
    z-index: 100
}

html {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    --un-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(249, 250, 251, var(--un-text-opacity))
}

h1{
    font-family: 'Bruno Ace SC',sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif
}

a,
b,
blockquote,
button,
div,
figure,
input,
p,
select,
span,
textarea {
    font-family: Changa, sans-serif
}

img {
    overflow: hidden;
    text-indent: -100vw
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: .125rem;
    --un-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--un-bg-opacity))
}

::-webkit-scrollbar {
    border-radius: .125rem;
    --un-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--un-bg-opacity))
}

::-webkit-scrollbar:hover {
    --un-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--un-bg-opacity))
}

.grecaptcha-badge {
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    height: 0;
    overflow: hidden;
    width: 0
}

*,
:after,
:before {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.i-heroicons-adjustments-horizontal {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-adjustments-horizontal-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6Zm0 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5Zm1.5 12h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12Zm6-8.25a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-left-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-path-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138a.75.75 0 0 0-1.449-.39Zm1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-right-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-right-on-rectangle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-top-right-on-square {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-top-right-on-square-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M4.25 5.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-4a.75.75 0 0 1 1.5 0v4A2.25 2.25 0 0 1 12.75 17h-8.5A2.25 2.25 0 0 1 2 14.75v-8.5A2.25 2.25 0 0 1 4.25 4h5a.75.75 0 0 1 0 1.5h-5Z'/%3E%3Cpath d='M6.194 12.753a.75.75 0 0 0 1.06.053L16.5 4.44v2.81a.75.75 0 0 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0 0 1.5h2.553l-9.056 8.194a.75.75 0 0 0-.053 1.06Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrow-up-20-solid,
[i~=heroicons-arrow-up-20-solid] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrows-pointing-in {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-arrows-pointing-out {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-at-symbol {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M16.5 12a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm0 0c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 1 0-2.636 6.364M16.5 12V8.25'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bars-2 {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 9h16.5m-16.5 6.75h16.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bars-arrow-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bars-arrow-down-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75ZM2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5ZM14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7ZM2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bars-arrow-up {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bars-arrow-up-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75ZM2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5ZM14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7ZM2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bell-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10 2a6 6 0 0 0-6 6c0 1.887-.454 3.665-1.257 5.234a.75.75 0 0 0 .515 1.076a32.91 32.91 0 0 0 3.256.508a3.5 3.5 0 0 0 6.972 0a32.903 32.903 0 0 0 3.256-.508a.75.75 0 0 0 .515-1.076A11.448 11.448 0 0 1 16 8a6 6 0 0 0-6-6ZM8.05 14.943a33.54 33.54 0 0 0 3.9 0a2 2 0 0 1-3.9 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bell-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0a24.585 24.585 0 0 1-4.831-1.244a.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0a25.057 25.057 0 0 1-4.496 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bookmark-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10 2c-1.716 0-3.408.106-5.07.31A2.213 2.213 0 0 0 3 4.517V17.25a.75.75 0 0 0 1.075.676L10 15.082l5.925 2.844A.75.75 0 0 0 17 17.25V4.517c0-1.103-.806-2.068-1.93-2.207A41.403 41.403 0 0 0 10 2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-bookmark-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-calendar-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-chat-bubble-oval-left-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 10c0-3.967 3.69-7 8-7c4.31 0 8 3.033 8 7s-3.69 7-8 7a9.165 9.165 0 0 1-1.504-.123a5.976 5.976 0 0 1-3.935 1.107a.75.75 0 0 1-.584-1.143a3.478 3.478 0 0 0 .522-1.756C2.979 13.825 2 12.025 2 10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-check {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 12.75l6 6l9-13.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-check-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893l7.48-9.817a.75.75 0 0 1 1.05-.143Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-check-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353l8.493-12.739a.75.75 0 0 1 1.04-.208Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-chevron-left-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.79 5.23a.75.75 0 0 1-.02 1.06L8.832 10l3.938 3.71a.75.75 0 1 1-1.04 1.08l-4.5-4.25a.75.75 0 0 1 0-1.08l4.5-4.25a.75.75 0 0 1 1.06.02Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-chevron-right-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10L7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-clock-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-clock-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75V6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-cog-6-tooth {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87c.074.04.147.083.22.127c.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 0 1 0 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 0 1 0-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124c.072-.044.146-.087.22-.128c.332-.183.582-.495.644-.869l.214-1.281Z'/%3E%3Cpath d='M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-cog-6-tooth-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.84 1.804A1 1 0 0 1 8.82 1h2.36a1 1 0 0 1 .98.804l.331 1.652a6.993 6.993 0 0 1 1.929 1.115l1.598-.54a1 1 0 0 1 1.186.447l1.18 2.044a1 1 0 0 1-.205 1.251l-1.267 1.113a7.047 7.047 0 0 1 0 2.228l1.267 1.113a1 1 0 0 1 .206 1.25l-1.18 2.045a1 1 0 0 1-1.187.447l-1.598-.54a6.993 6.993 0 0 1-1.929 1.115l-.33 1.652a1 1 0 0 1-.98.804H8.82a1 1 0 0 1-.98-.804l-.331-1.652a6.993 6.993 0 0 1-1.929-1.115l-1.598.54a1 1 0 0 1-1.186-.447l-1.18-2.044a1 1 0 0 1 .205-1.251l1.267-1.114a7.05 7.05 0 0 1 0-2.227L1.821 7.773a1 1 0 0 1-.206-1.25l1.18-2.045a1 1 0 0 1 1.187-.447l1.598.54a6.993 6.993 0 0 1 1.93-1.115l.33-1.652ZM10 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-cog-6-tooth-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.078 2.25c-.917 0-1.699.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.493 7.493 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.598 7.598 0 0 0 0 1.139c.015.2-.059.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082c.312.214.641.405.985.57c.182.088.277.228.297.35l.178 1.071a1.876 1.876 0 0 0 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349c.344-.165.673-.356.985-.57c.167-.114.335-.125.45-.082l1.02.382a1.875 1.875 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43a7.614 7.614 0 0 0 0-1.139c-.016-.2.059-.352.153-.43l.84-.692c.708-.582.891-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.449-.083a7.49 7.49 0 0 0-.985-.57c-.183-.087-.277-.227-.297-.348l-.179-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5a3.75 3.75 0 0 0 0 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-document-magnifying-glass-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M8 10a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z'/%3E%3Cpath fill-rule='evenodd' d='M4.5 2A1.5 1.5 0 0 0 3 3.5v13A1.5 1.5 0 0 0 4.5 18h11a1.5 1.5 0 0 0 1.5-1.5V7.621a1.5 1.5 0 0 0-.44-1.06l-4.12-4.122A1.5 1.5 0 0 0 11.378 2H4.5Zm5 5a3 3 0 1 0 1.524 5.585l1.196 1.195a.75.75 0 1 0 1.06-1.06l-1.195-1.196A3 3 0 0 0 9.5 7Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-eye-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M10 12.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5Z'/%3E%3Cpath fill-rule='evenodd' d='M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41c.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0a4 4 0 0 1 8 0Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-fire-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M13.5 4.938a7 7 0 1 1-9.006 1.737c.202-.257.59-.218.793.039c.278.352.594.672.943.954c.332.269.786-.049.773-.476a5.977 5.977 0 0 1 .572-2.759a6.026 6.026 0 0 1 2.486-2.665c.247-.14.55-.016.677.238A6.967 6.967 0 0 0 13.5 4.938ZM14 12a4 4 0 0 1-4 4c-1.913 0-3.52-1.398-3.91-3.182c-.093-.429.44-.643.814-.413a4.043 4.043 0 0 0 1.601.564c.303.038.531-.24.51-.544a5.975 5.975 0 0 1 1.315-4.192a.447.447 0 0 1 .431-.16A4.001 4.001 0 0 1 14 12Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-hashtag {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5l-3.9 19.5m-2.1-19.5l-3.9 19.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-heart {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5c-1.935 0-3.597 1.126-4.312 2.733c-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-heart-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m9.653 16.915l-.005-.003l-.019-.01a20.759 20.759 0 0 1-1.162-.682a22.045 22.045 0 0 1-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 0 1 8-2.828A4.5 4.5 0 0 1 18 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 0 1-3.744 2.582l-.019.01l-.005.003h-.002a.739.739 0 0 1-.69.001l-.002-.001Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-heart-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m11.645 20.91l-.007-.003l-.022-.012a15.247 15.247 0 0 1-.383-.218a25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25C2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052A5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25c0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17a15.247 15.247 0 0 1-.383.219l-.022.012l-.007.004l-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-home-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M11.47 3.84a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.06l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 0 0 1.061 1.06l8.69-8.69Z'/%3E%3Cpath d='m12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.43Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-inbox {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661l-2.41-7.839a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-information-circle-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18 10a8 8 0 1 1-16 0a8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-lock-closed {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-lock-open {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-magnifying-glass {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-magnifying-glass-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.5 3.75a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-megaphone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.34 15.84a24.07 24.07 0 0 0-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783c.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46a2.249 2.249 0 0 1 0 3.46m0-3.46a24.347 24.347 0 0 1 0 3.46'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-no-symbol {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-plus-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-rectangle-group-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2.5 3A1.5 1.5 0 0 0 1 4.5v4A1.5 1.5 0 0 0 2.5 10h6A1.5 1.5 0 0 0 10 8.5v-4A1.5 1.5 0 0 0 8.5 3h-6Zm11 2A1.5 1.5 0 0 0 12 6.5v7a1.5 1.5 0 0 0 1.5 1.5h4a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 17.5 5h-4Zm-10 7A1.5 1.5 0 0 0 2 13.5v2A1.5 1.5 0 0 0 3.5 17h6a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 9.5 12h-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-rectangle-stack-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M5.566 4.657A4.505 4.505 0 0 1 6.75 4.5h10.5c.41 0 .806.055 1.183.157A3 3 0 0 0 15.75 3h-7.5a3 3 0 0 0-2.684 1.657ZM2.25 12a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3v-6Zm3-4.5c-.41 0-.806.055-1.184.157A3 3 0 0 1 6.75 6h10.5a3 3 0 0 1 2.683 1.657A4.505 4.505 0 0 0 18.75 7.5H5.25Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-share {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186a2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185a2.25 2.25 0 0 0-3.933 2.185Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-square-3-stack-3d-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z'/%3E%3Cpath d='m3.265 10.602l7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13l1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z'/%3E%3Cpath d='m10.933 19.231l-7.668-4.13l-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738l-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-star-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401l-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102l-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637l3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382l-1.831-4.401Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-trash {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-user {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 6a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-user-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.5 6a4.5 4.5 0 1 1 9 0a4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0a.75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-x-mark {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-heroicons-x-mark-20-solid {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94L6.28 5.22Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-line-md-loading-twotone-loop {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-dasharray='60' stroke-dashoffset='60' stroke-opacity='.3' d='M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='1.3s' values='60;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='15' stroke-dashoffset='15' d='M12 3C16.9706 3 21 7.02944 21 12'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.3s' values='15;0'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

.i-logos-facebook {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%231877F2' d='M256 128C256 57.308 198.692 0 128 0C57.308 0 0 57.307 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.347-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.958 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445'/%3E%3Cpath fill='%23FFF' d='m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A128.959 128.959 0 0 0 128 256a128.9 128.9 0 0 0 20-1.555V165h29.825'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.i-logos-pinterest {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23CB1F27' d='M0 128.002c0 52.414 31.518 97.442 76.619 117.239c-.36-8.938-.064-19.668 2.228-29.393c2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136c11.643 0 17.268 8.745 17.268 19.217c0 11.704-7.465 29.211-11.304 45.426c-3.207 13.578 6.808 24.653 20.203 24.653c24.252 0 40.586-31.149 40.586-68.055c0-28.054-18.895-49.052-53.262-49.052c-38.828 0-63.017 28.956-63.017 61.3c0 11.152 3.288 19.016 8.438 25.106c2.368 2.797 2.697 3.922 1.84 7.134c-.614 2.355-2.024 8.025-2.608 10.272c-.852 3.242-3.479 4.401-6.409 3.204c-17.884-7.301-26.213-26.886-26.213-48.902c0-36.361 30.666-79.961 91.482-79.961c48.87 0 81.035 35.364 81.035 73.325c0 50.213-27.916 87.726-69.066 87.726c-13.819 0-26.818-7.47-31.271-15.955c0 0-7.431 29.492-9.005 35.187c-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0C57.314 0 0 57.309 0 128.002Z'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.i-logos-reddit-icon {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Ccircle cx='128' cy='128' r='128' fill='%23FF4500'/%3E%3Cpath fill='%23FFF' d='M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.598 33.598 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35.29 35.29 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093ZM85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278Zm74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782c8.699 0 21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883Zm-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275Z'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.i-logos-telegram {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cdefs%3E%3ClinearGradient id='logosTelegram0' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232AABEE'/%3E%3Cstop offset='100%25' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23logosTelegram0)' d='M128 0C94.06 0 61.48 13.494 37.5 37.49A128.038 128.038 0 0 0 0 128c0 33.934 13.5 66.514 37.5 90.51C61.48 242.506 94.06 256 128 256s66.52-13.494 90.5-37.49c24-23.996 37.5-56.576 37.5-90.51c0-33.934-13.5-66.514-37.5-90.51C194.52 13.494 161.94 0 128 0Z'/%3E%3Cpath fill='%23FFF' d='M57.94 126.648c37.32-16.256 62.2-26.974 74.64-32.152c35.56-14.786 42.94-17.354 47.76-17.441c1.06-.017 3.42.245 4.96 1.49c1.28 1.05 1.64 2.47 1.82 3.467c.16.996.38 3.266.2 5.038c-1.92 20.24-10.26 69.356-14.5 92.026c-1.78 9.592-5.32 12.808-8.74 13.122c-7.44.684-13.08-4.912-20.28-9.63c-11.26-7.386-17.62-11.982-28.56-19.188c-12.64-8.328-4.44-12.906 2.76-20.386c1.88-1.958 34.64-31.748 35.26-34.45c.08-.338.16-1.598-.6-2.262c-.74-.666-1.84-.438-2.64-.258c-1.14.256-19.12 12.152-54 35.686c-5.1 3.508-9.72 5.218-13.88 5.128c-4.56-.098-13.36-2.584-19.9-4.708c-8-2.606-14.38-3.984-13.82-8.41c.28-2.304 3.46-4.662 9.52-7.072Z'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.i-logos-twitter {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 209' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2355acee' d='M256 25.45a105.04 105.04 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.183 105.183 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.312 52.312 0 0 1-23.79-6.57c-.003.22-.003.44-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.592 52.592 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435c0-2.278-.05-4.543-.152-6.795A106.748 106.748 0 0 0 256 25.45'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.i-logos-whatsapp-icon {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 258' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cdefs%3E%3ClinearGradient id='logosWhatsappIcon0' x1='50%25' x2='50%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%231FAF38'/%3E%3Cstop offset='100%25' stop-color='%2360D669'/%3E%3C/linearGradient%3E%3ClinearGradient id='logosWhatsappIcon1' x1='50%25' x2='50%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23F9F9F9'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23logosWhatsappIcon0)' d='M5.463 127.456c-.006 21.677 5.658 42.843 16.428 61.499L4.433 252.697l65.232-17.104a122.994 122.994 0 0 0 58.8 14.97h.054c67.815 0 123.018-55.183 123.047-123.01c.013-32.867-12.775-63.773-36.009-87.025c-23.23-23.25-54.125-36.061-87.043-36.076c-67.823 0-123.022 55.18-123.05 123.004'/%3E%3Cpath fill='url(%23logosWhatsappIcon1)' d='M1.07 127.416c-.007 22.457 5.86 44.38 17.014 63.704L0 257.147l67.571-17.717c18.618 10.151 39.58 15.503 60.91 15.511h.055c70.248 0 127.434-57.168 127.464-127.423c.012-34.048-13.236-66.065-37.3-90.15C194.633 13.286 162.633.014 128.536 0C58.276 0 1.099 57.16 1.071 127.416Zm40.24 60.376l-2.523-4.005c-10.606-16.864-16.204-36.352-16.196-56.363C22.614 69.029 70.138 21.52 128.576 21.52c28.3.012 54.896 11.044 74.9 31.06c20.003 20.018 31.01 46.628 31.003 74.93c-.026 58.395-47.551 105.91-105.943 105.91h-.042c-19.013-.01-37.66-5.116-53.922-14.765l-3.87-2.295l-40.098 10.513l10.706-39.082Z'/%3E%3Cpath fill='%23FFF' d='M96.678 74.148c-2.386-5.303-4.897-5.41-7.166-5.503c-1.858-.08-3.982-.074-6.104-.074c-2.124 0-5.575.799-8.492 3.984c-2.92 3.188-11.148 10.892-11.148 26.561c0 15.67 11.413 30.813 13.004 32.94c1.593 2.123 22.033 35.307 54.405 48.073c26.904 10.609 32.379 8.499 38.218 7.967c5.84-.53 18.844-7.702 21.497-15.139c2.655-7.436 2.655-13.81 1.859-15.142c-.796-1.327-2.92-2.124-6.105-3.716c-3.186-1.593-18.844-9.298-21.763-10.361c-2.92-1.062-5.043-1.592-7.167 1.597c-2.124 3.184-8.223 10.356-10.082 12.48c-1.857 2.129-3.716 2.394-6.9.801c-3.187-1.598-13.444-4.957-25.613-15.806c-9.468-8.442-15.86-18.867-17.718-22.056c-1.858-3.184-.199-4.91 1.398-6.497c1.431-1.427 3.186-3.719 4.78-5.578c1.588-1.86 2.118-3.187 3.18-5.311c1.063-2.126.531-3.986-.264-5.579c-.798-1.593-6.987-17.343-9.819-23.64'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

[i~=heroicons-arrow-trending-up-20-solid] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.577 4.878a.75.75 0 0 1 .919-.53l4.78 1.281a.75.75 0 0 1 .531.919l-1.281 4.78a.75.75 0 0 1-1.449-.387l.81-3.022a19.407 19.407 0 0 0-5.594 5.203a.75.75 0 0 1-1.139.093L7 10.06l-4.72 4.72a.75.75 0 0 1-1.06-1.061l5.25-5.25a.75.75 0 0 1 1.06 0l3.074 3.073a20.923 20.923 0 0 1 5.545-4.931l-3.042-.815a.75.75 0 0 1-.53-.919Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    height: 1em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em
}

[i~=logos-discord-icon] {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 199' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%235865F2' d='M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046c-19.692-2.961-39.203-2.961-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632a108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237a136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18Z'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

[i~=logos-patreon] {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 247' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF424D' d='M45.136 0v246.35H0V0h45.136Zm118.521 0C214.657 0 256 41.343 256 92.343s-41.343 92.343-92.343 92.343s-92.343-41.344-92.343-92.343c0-51 41.344-92.343 92.343-92.343Z'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

[i~=logos-paypal] {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 302' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2327346A' d='M217.168 23.507C203.234 7.625 178.046.816 145.823.816h-93.52A13.393 13.393 0 0 0 39.076 12.11L.136 259.077c-.774 4.87 2.997 9.28 7.933 9.28h57.736l14.5-91.971l-.45 2.88c1.033-6.501 6.593-11.296 13.177-11.296h27.436c53.898 0 96.101-21.892 108.429-85.221c.366-1.873.683-3.696.957-5.477c-1.556-.824-1.556-.824 0 0c3.671-23.407-.025-39.34-12.686-53.765'/%3E%3Cpath fill='%2327346A' d='M102.397 68.84a11.737 11.737 0 0 1 5.053-1.14h73.318c8.682 0 16.78.565 24.18 1.756a101.6 101.6 0 0 1 6.177 1.182a89.928 89.928 0 0 1 8.59 2.347c3.638 1.215 7.026 2.63 10.14 4.287c3.67-23.416-.026-39.34-12.687-53.765C203.226 7.625 178.046.816 145.823.816H52.295C45.71.816 40.108 5.61 39.076 12.11L.136 259.068c-.774 4.878 2.997 9.282 7.925 9.282h57.744L95.888 77.58a11.717 11.717 0 0 1 6.509-8.74Z'/%3E%3Cpath fill='%232790C3' d='M228.897 82.749c-12.328 63.32-54.53 85.221-108.429 85.221H93.024c-6.584 0-12.145 4.795-13.168 11.296L61.817 293.621c-.674 4.262 2.622 8.124 6.934 8.124h48.67a11.71 11.71 0 0 0 11.563-9.88l.474-2.48l9.173-58.136l.591-3.213a11.71 11.71 0 0 1 11.562-9.88h7.284c47.147 0 84.064-19.154 94.852-74.55c4.503-23.15 2.173-42.478-9.739-56.054c-3.613-4.112-8.1-7.508-13.327-10.28c-.283 1.79-.59 3.604-.957 5.477Z'/%3E%3Cpath fill='%231F264F' d='M216.952 72.128a89.928 89.928 0 0 0-5.818-1.49a109.904 109.904 0 0 0-6.177-1.174c-7.408-1.199-15.5-1.765-24.19-1.765h-73.309a11.57 11.57 0 0 0-5.053 1.149a11.683 11.683 0 0 0-6.51 8.74l-15.582 98.798l-.45 2.88c1.025-6.501 6.585-11.296 13.17-11.296h27.444c53.898 0 96.1-21.892 108.428-85.221c.367-1.873.675-3.688.958-5.477c-3.122-1.648-6.501-3.072-10.14-4.279a83.26 83.26 0 0 0-2.77-.865'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.prose :where(h1, h2, h3, h4, h5, h6):not(:where(.not-prose, .not-prose *)) {
    color: var(--un-prose-headings);
    font-weight: 600;
    line-height: 1.25
}

.prose :where(a):not(:where(.not-prose, .not-prose *)) {
    color: var(--un-prose-links);
    font-weight: 500;
    text-decoration: underline
}

.prose :where(a code):not(:where(.not-prose, .not-prose *)) {
    color: var(--un-prose-links)
}

.prose :where(p, ul, ol, pre):not(:where(.not-prose, .not-prose *)) {
    line-height: 1.75;
    margin: 1em 0
}

.prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
    border-left: .25em solid var(--un-prose-borders);
    font-style: italic;
    margin: 1em 0;
    padding-left: 1em
}

.prose :where(h1):not(:where(.not-prose, .not-prose *)) {
    font-size: 2.25em;
    margin: 1rem 0
}

.prose :where(h2):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.75em;
    margin: 1.75em 0 .5em
}

.prose :where(h3):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.375em;
    margin: 1.5em 0 .5em
}

.prose :where(h4):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.125em;
    margin: 1em 0
}

.prose :where(img, video):not(:where(.not-prose, .not-prose *)) {
    max-width: 100%
}

.prose :where(figure, picture):not(:where(.not-prose, .not-prose *)) {
    margin: 1em 0
}

.prose :where(figcaption):not(:where(.not-prose, .not-prose *)) {
    color: var(--un-prose-captions);
    font-size: .875em
}

.prose :where(code):not(:where(.not-prose, .not-prose *)) {
    color: var(--un-prose-code);
    font-family: var(--un-prose-font-mono);
    font-size: .875em;
    font-weight: 600
}

.prose :where(:not(pre)>code):not(:where(.not-prose, .not-prose *)):after,
.prose :where(:not(pre)>code):not(:where(.not-prose, .not-prose *)):before {
    content: "`"
}

.prose :where(pre):not(:where(.not-prose, .not-prose *)) {
    border-radius: .375rem;
    overflow-x: auto;
    padding: 1.25rem 1.5rem
}

.prose :where(pre, code):not(:where(.not-prose, .not-prose *)) {
    word-wrap: normal;
    background: transparent;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

.prose :where(pre code):not(:where(.not-prose, .not-prose *)) {
    font-weight: inherit
}

.prose :where(ol, ul):not(:where(.not-prose, .not-prose *)) {
    padding-left: 1.25em
}

.prose :where(ol):not(:where(.not-prose, .not-prose *)) {
    list-style-type: decimal
}

.prose :where(ol[type=A]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where(.not-prose, .not-prose *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where(.not-prose, .not-prose *)) {
    list-style-type: disc
}

.prose :where(ol>li):not(:where(.not-prose, .not-prose *))::marker,
.prose :where(summary):not(:where(.not-prose, .not-prose *))::marker,
.prose :where(ul>li):not(:where(.not-prose, .not-prose *))::marker {
    color: var(--un-prose-lists)
}

.prose :where(hr):not(:where(.not-prose, .not-prose *)) {
    border: 1px solid var(--un-prose-hr);
    margin: 2em 0
}

.prose :where(table):not(:where(.not-prose, .not-prose *)) {
    border-collapse: collapse;
    display: block;
    margin: 1em 0;
    overflow-x: auto
}

.prose :where(tr):not(:where(.not-prose, .not-prose *)):nth-child(2n) {
    background: var(--un-prose-bg-soft)
}

.prose :where(td, th):not(:where(.not-prose, .not-prose *)) {
    border: 1px solid var(--un-prose-borders);
    padding: .625em 1em
}

.prose :where(abbr):not(:where(.not-prose, .not-prose *)) {
    cursor: help
}

.prose :where(kbd):not(:where(.not-prose, .not-prose *)) {
    border: 1px solid;
    border-radius: .25rem;
    color: var(--un-prose-code);
    font-size: .875em;
    padding: .25rem .5rem
}

.prose :where(details):not(:where(.not-prose, .not-prose *)) {
    background: var(--un-prose-bg-soft);
    margin: 1em 0;
    padding: 1.25rem 1.5rem
}

.prose :where(summary):not(:where(.not-prose, .not-prose *)) {
    cursor: pointer;
    font-weight: 600
}

.prose {
    color: var(--un-prose-body);
    max-width: 65ch
}

.prose-truegray {
    --un-prose-body: #404040;
    --un-prose-headings: #171717;
    --un-prose-links: #171717;
    --un-prose-lists: #a3a3a3;
    --un-prose-hr: #e5e5e5;
    --un-prose-captions: #737373;
    --un-prose-code: #171717;
    --un-prose-borders: #e5e5e5;
    --un-prose-bg-soft: #f5f5f5;
    --un-prose-invert-body: #e5e5e5;
    --un-prose-invert-headings: #f5f5f5;
    --un-prose-invert-links: #f5f5f5;
    --un-prose-invert-lists: #737373;
    --un-prose-invert-hr: #404040;
    --un-prose-invert-captions: #a3a3a3;
    --un-prose-invert-code: #f5f5f5;
    --un-prose-invert-borders: #404040;
    --un-prose-invert-bg-soft: #262626;
    --un-prose-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.prose-invert {
    --un-prose-body: var(--un-prose-invert-body);
    --un-prose-headings: var(--un-prose-invert-headings);
    --un-prose-links: var(--un-prose-invert-links);
    --un-prose-lists: var(--un-prose-invert-lists);
    --un-prose-hr: var(--un-prose-invert-hr);
    --un-prose-captions: var(--un-prose-invert-captions);
    --un-prose-code: var(--un-prose-invert-code);
    --un-prose-borders: var(--un-prose-invert-borders);
    --un-prose-bg-soft: var(--un-prose-invert-bg-soft)
}

.container {
    max-width: 100%
}

.absolute-b-left {
    bottom: 0;
    left: 0;
    position: absolute
}

.absolute-t-left {
    left: 0;
    position: absolute;
    top: 0
}

.flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center
}

.flex-end {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.flex-start {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }

    .md\:flex-between {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

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

.pointer-events-auto {
    pointer-events: auto
}

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

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.-bottom-1\/2 {
    bottom: -50%
}

.-bottom-2 {
    bottom: -.5rem
}

.-left-2 {
    left: -.5rem
}

.-left-24 {
    left: -6rem
}

.-left-4 {
    left: -1rem
}

.-right-1 {
    right: -.25rem
}

.-top-1 {
    top: -.25rem
}

.-top-14 {
    top: -3.5rem
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-5 {
    left: 1.25rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-5 {
    right: 1.25rem
}

.top-0 {
    top: 0
}

.top-5 {
    top: 1.25rem
}

.top-7 {
    top: 1.75rem
}

.top-full {
    top: 100%
}

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

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

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

.z-10 {
    z-index: 10
}

.z-100 {
    z-index: 100
}

.z-20 {
    z-index: 20
}

.grid {
    display: grid
}

.col-span-2 {
    grid-column: span 2/span 2
}

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

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

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-18 {
    margin-bottom: 4.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-36 {
    margin-top: 9rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

.aspect-\[2\.75\/4\.75\] {
    aspect-ratio: 2.75/4.75
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!max-w-10 {
    max-width: 2.5rem !important
}

.h-\[20px\] {
    height: 20px
}

.h-1\/2,
.h-2\/4 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-100 {
    height: 25rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-22 {
    height: 5.5rem
}

.h-3\/4 {
    height: 75%
}

.h-46 {
    height: 11.5rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-8 {
    height: 2rem
}

.h-96 {
    height: 24rem
}

.h-auto,
.ha {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.h1 {
    height: .25rem
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.max-h-\[41rem\] {
    max-height: 41rem
}

.max-h-\[calc\(100\%-44px\)\] {
    max-height: calc(100% - 44px)
}

.max-h-0 {
    max-height: 0
}

.max-h-160 {
    max-height: 40rem
}

.max-h-20 {
    max-height: 5rem
}

.max-h-96 {
    max-height: 24rem
}

.max-w-14 {
    max-width: 3.5rem
}

.max-w-48 {
    max-width: 12rem
}

.max-w-520px {
    max-width: 520px
}

.max-w-80 {
    max-width: 20rem
}

.max-w-96,
.max-w-sm {
    max-width: 24rem
}

.min-h-120 {
    min-height: 30rem
}

.min-h-20 {
    min-height: 5rem
}

.min-h-48 {
    min-height: 12rem
}

.min-h-8 {
    min-height: 2rem
}

.min-h-screen {
    min-height: 100vh
}

.min-w-\[244px\] {
    min-width: 244px
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-36 {
    min-width: 9rem
}

.min-w-4 {
    min-width: 1rem
}

.min-w-80 {
    min-width: 20rem
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.w-\[244px\] {
    width: 244px
}

.w-0 {
    width: 0
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-15 {
    width: 3.75rem
}

.w-16 {
    width: 4rem
}

.w-18 {
    width: 4.5rem
}

.w-2 {
    width: .5rem
}

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

.w-32 {
    width: 8rem
}

.w-34 {
    width: 8.5rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-84 {
    width: 21rem
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-1 {
    flex: 1 1 0%
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.translate-x-0 {
    --un-translate-x: 0rem;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-x-4 {
    --un-translate-x: 1rem;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.rotate-45 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 45deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-1 {
    --un-scale-x: .01;
    --un-scale-y: .01;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: translateY(0)
    }
}

@keyframes shake {

    0%,
    to {
        transform: translate(0)
    }

    25%,
    75% {
        transform: translate(5px)
    }

    50% {
        transform: translate(-5px)
    }
}

.animate-bounce {
    animation: bounce 1s linear infinite
}

.animate-shake {
    animation: shake .15s linear 1
}

.cursor-pointer {
    cursor: pointer
}

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

.snap-x {
    scroll-snap-type: x var(--un-scroll-snap-strictness)
}

.snap-mandatory {
    --un-scroll-snap-strictness: mandatory
}

.snap-start {
    scroll-snap-align: start
}

.columns-1 {
    -moz-columns: 1;
    column-count: 1
}

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

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.gap-1 {
    grid-gap: .25rem;
    gap: .25rem
}

.gap-18 {
    grid-gap: 4.5rem;
    gap: 4.5rem
}

.gap-2 {
    grid-gap: .5rem;
    gap: .5rem
}

.gap-3 {
    grid-gap: .75rem;
    gap: .75rem
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem
}

.gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.gap-8 {
    grid-gap: 2rem;
    gap: 2rem
}

.gap-y-1 {
    grid-row-gap: .25rem;
    row-gap: .25rem
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

.overflow-y-scroll {
    overflow-y: scroll
}

.whitespace-nowrap {
    white-space: nowrap
}

.b,
.border,
.border-1 {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-l {
    border-left-width: 1px
}

.\!border-transparent {
    border-color: transparent !important
}

.border-amber-400 {
    --un-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--un-border-opacity))
}

.border-gray-500 {
    --un-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--un-border-opacity))
}

.border-gray-600 {
    --un-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--un-border-opacity))
}

.border-gray-700 {
    --un-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--un-border-opacity))
}

.border-gray-700\/85 {
    border-color: #374151d9
}

.border-slate-600 {
    --un-border-opacity: 1;
    border-color: rgba(71, 85, 105, var(--un-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.focus-within\:border-gray-800:focus-within {
    --un-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--un-border-opacity))
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-inherit {
    border-radius: inherit
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-l-md {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.rounded-l-xl {
    border-bottom-left-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-t-md {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border-dashed {
    border-style: dashed
}

.\!bg-amber-300\/25 {
    background-color: #fcd34d40 !important
}

.\!bg-gray-700 {
    --un-bg-opacity: 1 !important;
    background-color: rgba(55, 65, 81, var(--un-bg-opacity)) !important
}

.\!bg-rose-400\/10 {
    background-color: #fb71851a !important
}

.bg-amber-100 {
    --un-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--un-bg-opacity))
}

.bg-amber-200\/25 {
    background-color: #fde68b40
}

.bg-amber-300 {
    --un-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--un-bg-opacity))
}

.bg-amber-300\/10,
.hover\:bg-amber-300\/10:hover {
    background-color: #fcd34d1a
}

.bg-amber-300\/25 {
    background-color: #fcd34d40
}

.bg-amber-400 {
    --un-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--un-bg-opacity))
}

.bg-amber-500,
.hover\:bg-amber-500:hover {
    --un-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--un-bg-opacity))
}

.bg-amber-500\/10 {
    background-color: #f59e0b1a
}

.bg-black\/5 {
    background-color: #0000000d
}

.bg-blue-300\/30 {
    background-color: #93c5fd4d
}

.bg-blue-300\/40 {
    background-color: #93c5fd66
}

.bg-blue-500\/30 {
    background-color: #3b82f64d
}

.bg-cyan-300\/30 {
    background-color: #67e8f94d
}

.bg-emerald-400 {
    --un-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--un-bg-opacity))
}

.bg-emerald-400\/10 {
    background-color: #34d3991a
}

.bg-emerald-500 {
    --un-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--un-bg-opacity))
}

.bg-emerald-600\/10 {
    background-color: #0596691a
}

.bg-emerald\/25 {
    background-color: #34d39940
}

.bg-gray-500 {
    --un-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--un-bg-opacity))
}

.bg-gray-600\/25 {
    background-color: #4b556340
}

.bg-gray-600\/70 {
    background-color: #4b5563b3
}

.bg-gray-700,
.hover\:bg-gray-700:hover {
    --un-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--un-bg-opacity))
}

.bg-gray-700\/25,
.hover\:bg-gray-700\/25:hover {
    background-color: #37415140
}

.bg-gray-700\/85 {
    background-color: #374151d9
}

.bg-gray-800,
.hover\:bg-gray-800:hover {
    --un-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--un-bg-opacity))
}

.bg-gray-800\/25 {
    background-color: #1f293740
}

.bg-gray-800\/80,
.hover\:bg-gray-800\/80:hover {
    background-color: #1f2937cc
}

.bg-gray-900 {
    --un-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--un-bg-opacity))
}

.bg-gray-900\/10 {
    background-color: #1118271a
}

.bg-gray-900\/30 {
    background-color: #1118274d
}

.bg-gray-900\/50,
.hover\:bg-gray-900\/50:hover {
    background-color: #11182780
}

.bg-green-500\/30 {
    background-color: #22c55e4d
}

.bg-green-700\/25 {
    background-color: #15803d40
}

.bg-orange-500\/30 {
    background-color: #f973164d
}

.bg-red-500\/30 {
    background-color: #ef44444d
}

.bg-rose-400 {
    --un-bg-opacity: 1;
    background-color: rgba(251, 113, 133, var(--un-bg-opacity))
}

.bg-rose-500 {
    --un-bg-opacity: 1;
    background-color: rgba(244, 63, 94, var(--un-bg-opacity))
}

.bg-rose-600\/25 {
    background-color: #e11d4840
}

.bg-sky-300 {
    --un-bg-opacity: 1;
    background-color: rgba(125, 211, 252, var(--un-bg-opacity))
}

.bg-sky-300\/30 {
    background-color: #7dd3fc4d
}

.bg-sky-600\/10 {
    background-color: #0284c71a
}

.bg-sky-700\/25 {
    background-color: #0369a140
}

.bg-slate-300 {
    --un-bg-opacity: 1;
    background-color: rgba(203, 213, 225, var(--un-bg-opacity))
}

.bg-slate-700,
.hover\:bg-slate-700:hover {
    --un-bg-opacity: 1;
    background-color: rgba(51, 65, 85, var(--un-bg-opacity))
}

.bg-slate\/25 {
    background-color: #94a3b840
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity))
}

.dark .dark\:bg-black {
    --un-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.dark .dark\:bg-white\/10 {
    background-color: #ffffff1a
}

.hover\:bg-emerald-400\/80:hover {
    background-color: #34d399cc
}

.hover\:bg-gray-900\/80:hover {
    background-color: #111827cc
}

.from-gray-800 {
    --un-gradient-from: rgba(31, 41, 55, var(--un-from-opacity, 1));
    --un-gradient-to: rgba(31, 41, 55, 0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-slate-800\/50 {
    --un-gradient-from: rgba(30, 41, 59, .5);
    --un-gradient-to: rgba(30, 41, 59, 0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-transparent {
    --un-gradient-from: transparent;
    --un-gradient-to: hsla(0, 0%, 100%, 0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.via-gray-800\/30 {
    --un-gradient-to: rgba(31, 41, 55, 0);
    --un-gradient-stops: var(--un-gradient-from), rgba(31, 41, 55, .3), var(--un-gradient-to)
}

.via-gray-800\/70 {
    --un-gradient-to: rgba(31, 41, 55, 0);
    --un-gradient-stops: var(--un-gradient-from), rgba(31, 41, 55, .7), var(--un-gradient-to)
}

.via-gray-800\/85 {
    --un-gradient-to: rgba(31, 41, 55, 0);
    --un-gradient-stops: var(--un-gradient-from), rgba(31, 41, 55, .85), var(--un-gradient-to)
}

.via-slate-800\/25 {
    --un-gradient-to: rgba(30, 41, 59, 0);
    --un-gradient-stops: var(--un-gradient-from), rgba(30, 41, 59, .25), var(--un-gradient-to)
}

.to-gray-800 {
    --un-gradient-to: rgba(31, 41, 55, var(--un-to-opacity, 1))
}

.to-gray-800\/90 {
    --un-gradient-to: rgba(31, 41, 55, .9)
}

.to-transparent {
    --un-gradient-to: transparent
}

.bg-gradient-to-b {
    --un-gradient-shape: to bottom;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-l {
    --un-gradient-shape: to left;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-r {
    --un-gradient-shape: to right;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient))
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-1 {
    padding: .25rem
}

.p-16 {
    padding: 4rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px,
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.1 {
    padding-top: .525rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-8 {
    padding-top: 2rem
}

.text-center {
    text-align: center
}

.align-bottom {
    vertical-align: bottom
}

.font-header {
    font-family: Share, sans-serif
}

.font-sans {
    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
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-decoration\:inherit {
    line-height: inherit
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.uppercase {
    text-transform: uppercase
}

.capitalize,
.first-letter\:capitalize:first-letter {
    text-transform: capitalize
}

.\!focus-within\:text-slate-50:focus-within {
    --un-text-opacity: 1 !important;
    color: rgba(248, 250, 252, var(--un-text-opacity)) !important
}

.\!text-amber-300 {
    --un-text-opacity: 1 !important;
    color: rgba(252, 211, 77, var(--un-text-opacity)) !important
}

.\!text-rose-600 {
    --un-text-opacity: 1 !important;
    color: rgba(225, 29, 72, var(--un-text-opacity)) !important
}

.\!text-white {
    --un-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--un-text-opacity)) !important
}

.dark .dark\:text-gray-400,
.text-gray-400 {
    --un-text-opacity: 1;
    color: rgba(156, 163, 175, var(--un-text-opacity))
}

.dark .dark\:text-gray-500,
.focus\:text-gray-500:focus,
.text-gray-500 {
    --un-text-opacity: 1;
    color: rgba(107, 114, 128, var(--un-text-opacity))
}

.dark .dark\:text-white,
.group:hover .group-hover\:text-white,
.hover\:text-white:hover,
.text-white {
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.group:hover .group-hover\:text-amber-500,
.hover\:text-amber-500:hover,
.text-amber-500 {
    --un-text-opacity: 1;
    color: rgba(245, 158, 11, var(--un-text-opacity))
}

.hover\:text-gray-50:hover,
.text-gray-50 {
    --un-text-opacity: 1;
    color: rgba(249, 250, 251, var(--un-text-opacity))
}

.hover\:text-sky-400:hover {
    --un-text-opacity: 1;
    color: rgba(56, 189, 248, var(--un-text-opacity))
}

.hover\:text-slate-400:hover,
.text-slate-400 {
    --un-text-opacity: 1;
    color: rgba(148, 163, 184, var(--un-text-opacity))
}

.text-amber-300 {
    --un-text-opacity: 1;
    color: rgba(252, 211, 77, var(--un-text-opacity))
}

.text-amber-400 {
    --un-text-opacity: 1;
    color: rgba(251, 191, 36, var(--un-text-opacity))
}

.text-amber-800 {
    --un-text-opacity: 1;
    color: rgba(146, 64, 14, var(--un-text-opacity))
}

.text-black {
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.text-cyan-300 {
    --un-text-opacity: 1;
    color: rgba(103, 232, 249, var(--un-text-opacity))
}

.text-emerald-300 {
    --un-text-opacity: 1;
    color: rgba(110, 231, 183, var(--un-text-opacity))
}

.text-emerald-600 {
    --un-text-opacity: 1;
    color: rgba(5, 150, 105, var(--un-text-opacity))
}

.text-gray-200 {
    --un-text-opacity: 1;
    color: rgba(229, 231, 235, var(--un-text-opacity))
}

.text-gray-300 {
    --un-text-opacity: 1;
    color: rgba(209, 213, 219, var(--un-text-opacity))
}

.text-gray-900 {
    --un-text-opacity: 1;
    color: rgba(17, 24, 39, var(--un-text-opacity))
}

.text-green-300 {
    --un-text-opacity: 1;
    color: rgba(134, 239, 172, var(--un-text-opacity))
}

.text-green-500 {
    --un-text-opacity: 1;
    color: rgba(34, 197, 94, var(--un-text-opacity))
}

.text-red-500 {
    --un-text-opacity: 1;
    color: rgba(239, 68, 68, var(--un-text-opacity))
}

.text-rose-300 {
    --un-text-opacity: 1;
    color: rgba(253, 164, 175, var(--un-text-opacity))
}

.text-rose-400 {
    --un-text-opacity: 1;
    color: rgba(251, 113, 133, var(--un-text-opacity))
}

.text-rose-400\/50 {
    color: #fb718580
}

.text-rose-500 {
    --un-text-opacity: 1;
    color: rgba(244, 63, 94, var(--un-text-opacity))
}

.text-sky-300 {
    --un-text-opacity: 1;
    color: rgba(125, 211, 252, var(--un-text-opacity))
}

.text-slate-500 {
    --un-text-opacity: 1;
    color: rgba(100, 116, 139, var(--un-text-opacity))
}

.text-transparent {
    color: transparent
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: grayscale
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.shadow-lg {
    --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0, 0, 0, .1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-xl {
    --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0, 0, 0, .1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.focus\:outline-none:focus,
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.backdrop-blur {
    --un-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.backdrop-blur-sm {
    --un-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.blur-xl {
    --un-blur: blur(24px);
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.\!brightness-100 {
    --un-brightness: brightness(1) !important;
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) !important
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-background-color {
    transition-duration: .15s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-border-color {
    transition-duration: .15s;
    transition-property: border-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-color {
    transition-duration: .15s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-height {
    transition-duration: .15s;
    transition-property: height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-max-height {
    transition-duration: .15s;
    transition-property: max-height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-150,
[duration~="150"] {
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.delay-300 {
    transition-delay: .3s
}

.ease,
.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@media (min-width:640px) {
    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-8xl {
        font-size: 6rem;
        line-height: 1
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:768px) {
    .md\:pointer-events-none {
        pointer-events: none
    }

    .md\:-right-2 {
        right: -.5rem
    }

    .md\:-top-2 {
        top: -.5rem
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:row-span-2 {
        grid-row: span 2/span 2
    }

    .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\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:block {
        display: block
    }

    .md\:hidden {
        display: none
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:max-h-96 {
        max-height: 24rem
    }

    .md\:max-w-\[38rem\] {
        max-width: 38rem
    }

    .md\:max-w-18 {
        max-width: 4.5rem
    }

    .md\:w-18 {
        width: 4.5rem
    }

    .md\:w-26 {
        width: 6.5rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:flex {
        display: flex
    }

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

    .md\:columns-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .md\:items-initial {
        align-items: normal
    }

    .md\:justify-inherit {
        justify-content: inherit
    }

    .md\:gap-0 {
        grid-gap: 0;
        gap: 0
    }

    .md\:gap-16 {
        grid-gap: 4rem;
        gap: 4rem
    }

    .md\:gap-2 {
        grid-gap: .5rem;
        gap: .5rem
    }

    .md\:gap-4 {
        grid-gap: 1rem;
        gap: 1rem
    }

    .md\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .md\:gap-8 {
        grid-gap: 2rem;
        gap: 2rem
    }

    .md\:border-2 {
        border-width: 2px
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:p-1 {
        padding: .25rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:font-normal {
        font-weight: 400
    }
}

@media (min-width:1024px) {
    .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\:mt-0 {
        margin-top: 0
    }

    .lg\:max-w-80 {
        max-width: 20rem
    }

    .lg\:flex {
        display: flex
    }
}

@media (min-width:1280px) {
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@keyframes xyz-in-keyframes {
    0% {
        opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-out-keyframes {
    0% {
        opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-appear-keyframes {
    0% {
        opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))))
    }
}

:root {
    --xyz-perspective-none: 0;
    --xyz-keyframes-default: none;
    --xyz-ease-default: ease;
    --xyz-duration-default: .5s;
    --xyz-delay-default: 0s;
    --xyz-stagger-default: .25s;
    --xyz-iterate-default: 1;
    --xyz-direction-default: normal;
    --xyz-out-direction-default: reverse;
    --xyz-origin-default: center;
    --xyz-opacity-default: 1;
    --xyz-perspective-default: var(--xyz-perspective-none);
    --xyz-translate-default: 25%;
    --xyz-translate-z-default: 300px;
    --xyz-rotate-default: .25turn;
    --xyz-scale-default: .5;
    --xyz-skew-default: 30deg
}

@supports (transform:perspective(none)) {
    :root {
        --xyz-perspective-none: none
    }
}

.xyz-appear-nested:first-child,
.xyz-appear:first-child,
.xyz-in-nested:first-child,
.xyz-in:first-child,
.xyz-nested:first-child,
.xyz-out-nested:first-child,
.xyz-out:first-child {
    --xyz-index: 0
}

.xyz-appear-nested:last-child,
.xyz-appear:last-child,
.xyz-in-nested:last-child,
.xyz-in:last-child,
.xyz-nested:last-child,
.xyz-out-nested:last-child,
.xyz-out:last-child {
    --xyz-index-rev: 0
}

.xyz-appear-nested:nth-child(2),
.xyz-appear:nth-child(2),
.xyz-in-nested:nth-child(2),
.xyz-in:nth-child(2),
.xyz-nested:nth-child(2),
.xyz-out-nested:nth-child(2),
.xyz-out:nth-child(2) {
    --xyz-index: 1
}

.xyz-appear-nested:nth-last-child(2),
.xyz-appear:nth-last-child(2),
.xyz-in-nested:nth-last-child(2),
.xyz-in:nth-last-child(2),
.xyz-nested:nth-last-child(2),
.xyz-out-nested:nth-last-child(2),
.xyz-out:nth-last-child(2) {
    --xyz-index-rev: 1
}

.xyz-appear-nested:nth-child(3),
.xyz-appear:nth-child(3),
.xyz-in-nested:nth-child(3),
.xyz-in:nth-child(3),
.xyz-nested:nth-child(3),
.xyz-out-nested:nth-child(3),
.xyz-out:nth-child(3) {
    --xyz-index: 2
}

.xyz-appear-nested:nth-last-child(3),
.xyz-appear:nth-last-child(3),
.xyz-in-nested:nth-last-child(3),
.xyz-in:nth-last-child(3),
.xyz-nested:nth-last-child(3),
.xyz-out-nested:nth-last-child(3),
.xyz-out:nth-last-child(3) {
    --xyz-index-rev: 2
}

.xyz-appear-nested:nth-child(4),
.xyz-appear:nth-child(4),
.xyz-in-nested:nth-child(4),
.xyz-in:nth-child(4),
.xyz-nested:nth-child(4),
.xyz-out-nested:nth-child(4),
.xyz-out:nth-child(4) {
    --xyz-index: 3
}

.xyz-appear-nested:nth-last-child(4),
.xyz-appear:nth-last-child(4),
.xyz-in-nested:nth-last-child(4),
.xyz-in:nth-last-child(4),
.xyz-nested:nth-last-child(4),
.xyz-out-nested:nth-last-child(4),
.xyz-out:nth-last-child(4) {
    --xyz-index-rev: 3
}

.xyz-appear-nested:nth-child(5),
.xyz-appear:nth-child(5),
.xyz-in-nested:nth-child(5),
.xyz-in:nth-child(5),
.xyz-nested:nth-child(5),
.xyz-out-nested:nth-child(5),
.xyz-out:nth-child(5) {
    --xyz-index: 4
}

.xyz-appear-nested:nth-last-child(5),
.xyz-appear:nth-last-child(5),
.xyz-in-nested:nth-last-child(5),
.xyz-in:nth-last-child(5),
.xyz-nested:nth-last-child(5),
.xyz-out-nested:nth-last-child(5),
.xyz-out:nth-last-child(5) {
    --xyz-index-rev: 4
}

.xyz-appear-nested:nth-child(6),
.xyz-appear:nth-child(6),
.xyz-in-nested:nth-child(6),
.xyz-in:nth-child(6),
.xyz-nested:nth-child(6),
.xyz-out-nested:nth-child(6),
.xyz-out:nth-child(6) {
    --xyz-index: 5
}

.xyz-appear-nested:nth-last-child(6),
.xyz-appear:nth-last-child(6),
.xyz-in-nested:nth-last-child(6),
.xyz-in:nth-last-child(6),
.xyz-nested:nth-last-child(6),
.xyz-out-nested:nth-last-child(6),
.xyz-out:nth-last-child(6) {
    --xyz-index-rev: 5
}

.xyz-appear-nested:nth-child(7),
.xyz-appear:nth-child(7),
.xyz-in-nested:nth-child(7),
.xyz-in:nth-child(7),
.xyz-nested:nth-child(7),
.xyz-out-nested:nth-child(7),
.xyz-out:nth-child(7) {
    --xyz-index: 6
}

.xyz-appear-nested:nth-last-child(7),
.xyz-appear:nth-last-child(7),
.xyz-in-nested:nth-last-child(7),
.xyz-in:nth-last-child(7),
.xyz-nested:nth-last-child(7),
.xyz-out-nested:nth-last-child(7),
.xyz-out:nth-last-child(7) {
    --xyz-index-rev: 6
}

.xyz-appear-nested:nth-child(8),
.xyz-appear:nth-child(8),
.xyz-in-nested:nth-child(8),
.xyz-in:nth-child(8),
.xyz-nested:nth-child(8),
.xyz-out-nested:nth-child(8),
.xyz-out:nth-child(8) {
    --xyz-index: 7
}

.xyz-appear-nested:nth-last-child(8),
.xyz-appear:nth-last-child(8),
.xyz-in-nested:nth-last-child(8),
.xyz-in:nth-last-child(8),
.xyz-nested:nth-last-child(8),
.xyz-out-nested:nth-last-child(8),
.xyz-out:nth-last-child(8) {
    --xyz-index-rev: 7
}

.xyz-appear-nested:nth-child(9),
.xyz-appear:nth-child(9),
.xyz-in-nested:nth-child(9),
.xyz-in:nth-child(9),
.xyz-nested:nth-child(9),
.xyz-out-nested:nth-child(9),
.xyz-out:nth-child(9) {
    --xyz-index: 8
}

.xyz-appear-nested:nth-last-child(9),
.xyz-appear:nth-last-child(9),
.xyz-in-nested:nth-last-child(9),
.xyz-in:nth-last-child(9),
.xyz-nested:nth-last-child(9),
.xyz-out-nested:nth-last-child(9),
.xyz-out:nth-last-child(9) {
    --xyz-index-rev: 8
}

.xyz-appear-nested:nth-child(10),
.xyz-appear:nth-child(10),
.xyz-in-nested:nth-child(10),
.xyz-in:nth-child(10),
.xyz-nested:nth-child(10),
.xyz-out-nested:nth-child(10),
.xyz-out:nth-child(10) {
    --xyz-index: 9
}

.xyz-appear-nested:nth-last-child(10),
.xyz-appear:nth-last-child(10),
.xyz-in-nested:nth-last-child(10),
.xyz-in:nth-last-child(10),
.xyz-nested:nth-last-child(10),
.xyz-out-nested:nth-last-child(10),
.xyz-out:nth-last-child(10) {
    --xyz-index-rev: 9
}

.xyz-appear-nested:nth-child(11),
.xyz-appear:nth-child(11),
.xyz-in-nested:nth-child(11),
.xyz-in:nth-child(11),
.xyz-nested:nth-child(11),
.xyz-out-nested:nth-child(11),
.xyz-out:nth-child(11) {
    --xyz-index: 10
}

.xyz-appear-nested:nth-last-child(11),
.xyz-appear:nth-last-child(11),
.xyz-in-nested:nth-last-child(11),
.xyz-in:nth-last-child(11),
.xyz-nested:nth-last-child(11),
.xyz-out-nested:nth-last-child(11),
.xyz-out:nth-last-child(11) {
    --xyz-index-rev: 10
}

.xyz-appear-nested:nth-child(12),
.xyz-appear:nth-child(12),
.xyz-in-nested:nth-child(12),
.xyz-in:nth-child(12),
.xyz-nested:nth-child(12),
.xyz-out-nested:nth-child(12),
.xyz-out:nth-child(12) {
    --xyz-index: 11
}

.xyz-appear-nested:nth-last-child(12),
.xyz-appear:nth-last-child(12),
.xyz-in-nested:nth-last-child(12),
.xyz-in:nth-last-child(12),
.xyz-nested:nth-last-child(12),
.xyz-out-nested:nth-last-child(12),
.xyz-out:nth-last-child(12) {
    --xyz-index-rev: 11
}

.xyz-appear-nested:nth-child(13),
.xyz-appear:nth-child(13),
.xyz-in-nested:nth-child(13),
.xyz-in:nth-child(13),
.xyz-nested:nth-child(13),
.xyz-out-nested:nth-child(13),
.xyz-out:nth-child(13) {
    --xyz-index: 12
}

.xyz-appear-nested:nth-last-child(13),
.xyz-appear:nth-last-child(13),
.xyz-in-nested:nth-last-child(13),
.xyz-in:nth-last-child(13),
.xyz-nested:nth-last-child(13),
.xyz-out-nested:nth-last-child(13),
.xyz-out:nth-last-child(13) {
    --xyz-index-rev: 12
}

.xyz-appear-nested:nth-child(14),
.xyz-appear:nth-child(14),
.xyz-in-nested:nth-child(14),
.xyz-in:nth-child(14),
.xyz-nested:nth-child(14),
.xyz-out-nested:nth-child(14),
.xyz-out:nth-child(14) {
    --xyz-index: 13
}

.xyz-appear-nested:nth-last-child(14),
.xyz-appear:nth-last-child(14),
.xyz-in-nested:nth-last-child(14),
.xyz-in:nth-last-child(14),
.xyz-nested:nth-last-child(14),
.xyz-out-nested:nth-last-child(14),
.xyz-out:nth-last-child(14) {
    --xyz-index-rev: 13
}

.xyz-appear-nested:nth-child(15),
.xyz-appear:nth-child(15),
.xyz-in-nested:nth-child(15),
.xyz-in:nth-child(15),
.xyz-nested:nth-child(15),
.xyz-out-nested:nth-child(15),
.xyz-out:nth-child(15) {
    --xyz-index: 14
}

.xyz-appear-nested:nth-last-child(15),
.xyz-appear:nth-last-child(15),
.xyz-in-nested:nth-last-child(15),
.xyz-in:nth-last-child(15),
.xyz-nested:nth-last-child(15),
.xyz-out-nested:nth-last-child(15),
.xyz-out:nth-last-child(15) {
    --xyz-index-rev: 14
}

.xyz-appear-nested:nth-child(16),
.xyz-appear:nth-child(16),
.xyz-in-nested:nth-child(16),
.xyz-in:nth-child(16),
.xyz-nested:nth-child(16),
.xyz-out-nested:nth-child(16),
.xyz-out:nth-child(16) {
    --xyz-index: 15
}

.xyz-appear-nested:nth-last-child(16),
.xyz-appear:nth-last-child(16),
.xyz-in-nested:nth-last-child(16),
.xyz-in:nth-last-child(16),
.xyz-nested:nth-last-child(16),
.xyz-out-nested:nth-last-child(16),
.xyz-out:nth-last-child(16) {
    --xyz-index-rev: 15
}

.xyz-appear-nested:nth-child(17),
.xyz-appear:nth-child(17),
.xyz-in-nested:nth-child(17),
.xyz-in:nth-child(17),
.xyz-nested:nth-child(17),
.xyz-out-nested:nth-child(17),
.xyz-out:nth-child(17) {
    --xyz-index: 16
}

.xyz-appear-nested:nth-last-child(17),
.xyz-appear:nth-last-child(17),
.xyz-in-nested:nth-last-child(17),
.xyz-in:nth-last-child(17),
.xyz-nested:nth-last-child(17),
.xyz-out-nested:nth-last-child(17),
.xyz-out:nth-last-child(17) {
    --xyz-index-rev: 16
}

.xyz-appear-nested:nth-child(18),
.xyz-appear:nth-child(18),
.xyz-in-nested:nth-child(18),
.xyz-in:nth-child(18),
.xyz-nested:nth-child(18),
.xyz-out-nested:nth-child(18),
.xyz-out:nth-child(18) {
    --xyz-index: 17
}

.xyz-appear-nested:nth-last-child(18),
.xyz-appear:nth-last-child(18),
.xyz-in-nested:nth-last-child(18),
.xyz-in:nth-last-child(18),
.xyz-nested:nth-last-child(18),
.xyz-out-nested:nth-last-child(18),
.xyz-out:nth-last-child(18) {
    --xyz-index-rev: 17
}

.xyz-appear-nested:nth-child(19),
.xyz-appear:nth-child(19),
.xyz-in-nested:nth-child(19),
.xyz-in:nth-child(19),
.xyz-nested:nth-child(19),
.xyz-out-nested:nth-child(19),
.xyz-out:nth-child(19) {
    --xyz-index: 18
}

.xyz-appear-nested:nth-last-child(19),
.xyz-appear:nth-last-child(19),
.xyz-in-nested:nth-last-child(19),
.xyz-in:nth-last-child(19),
.xyz-nested:nth-last-child(19),
.xyz-out-nested:nth-last-child(19),
.xyz-out:nth-last-child(19) {
    --xyz-index-rev: 18
}

.xyz-appear-nested:nth-child(20),
.xyz-appear:nth-child(20),
.xyz-in-nested:nth-child(20),
.xyz-in:nth-child(20),
.xyz-nested:nth-child(20),
.xyz-out-nested:nth-child(20),
.xyz-out:nth-child(20) {
    --xyz-index: 19
}

.xyz-appear-nested:nth-last-child(20),
.xyz-appear:nth-last-child(20),
.xyz-in-nested:nth-last-child(20),
.xyz-in:nth-last-child(20),
.xyz-nested:nth-last-child(20),
.xyz-out-nested:nth-last-child(20),
.xyz-out:nth-last-child(20) {
    --xyz-index-rev: 19
}

.xyz-appear,
.xyz-in,
.xyz-out {
    --xyz-root-stagger-delay: var(--xyz-stagger-delay, 0s);
    --xyz-nested-stagger-delay: initial;
    --xyz-start-offset: initial
}

.xyz-appear-nested,
.xyz-in-nested,
.xyz-nested,
.xyz-out-nested {
    --xyz-nested-stagger-delay: var(--xyz-root-stagger-delay, 0s)
}

.xyz-in,
.xyz-in .xyz-in-nested,
.xyz-in .xyz-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-in-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-in-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-in-delay, var(--xyz-delay, var(--xyz-in-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default))))) * -1;
    animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
    animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-in-origin, var(--xyz-origin, var(--xyz-in-origin-default, var(--xyz-origin-default))))
}

.xyz-out,
.xyz-out .xyz-nested,
.xyz-out .xyz-out-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-out-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-out-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-out-delay, var(--xyz-delay, var(--xyz-out-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default))))) * -1;
    animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
    animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-out-origin, var(--xyz-origin, var(--xyz-out-origin-default, var(--xyz-origin-default))))
}

.xyz-appear,
.xyz-appear .xyz-appear-nested,
.xyz-appear .xyz-nested {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-appear-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-appear-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-appear-delay, var(--xyz-delay, var(--xyz-appear-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default))))) * -1;
    animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
    animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform-origin: var(--xyz-appear-origin, var(--xyz-origin, var(--xyz-appear-origin-default, var(--xyz-origin-default))))
}

.xyz-absolute.xyz-appear,
.xyz-absolute.xyz-in,
.xyz-absolute.xyz-out,
.xyz-appear .xyz-absolute.xyz-appear-nested,
.xyz-appear .xyz-absolute.xyz-nested,
.xyz-appear .xyz-appear-absolute.xyz-appear-nested,
.xyz-appear .xyz-appear-absolute.xyz-nested,
.xyz-appear-absolute.xyz-appear,
.xyz-in .xyz-absolute.xyz-in-nested,
.xyz-in .xyz-absolute.xyz-nested,
.xyz-in .xyz-in-absolute.xyz-in-nested,
.xyz-in .xyz-in-absolute.xyz-nested,
.xyz-in-absolute.xyz-in,
.xyz-out .xyz-absolute.xyz-nested,
.xyz-out .xyz-absolute.xyz-out-nested,
.xyz-out .xyz-out-absolute.xyz-nested,
.xyz-out .xyz-out-absolute.xyz-out-nested,
.xyz-out-absolute.xyz-out {
    position: absolute !important
}

.xyz-appear .xyz-appear-paused.xyz-appear-nested,
.xyz-appear .xyz-appear-paused.xyz-nested,
.xyz-appear .xyz-paused.xyz-appear-nested,
.xyz-appear .xyz-paused.xyz-nested,
.xyz-appear-paused.xyz-appear,
.xyz-appear.xyz-appear-paused-all,
.xyz-appear.xyz-appear-paused-all .xyz-appear-nested,
.xyz-appear.xyz-appear-paused-all .xyz-nested,
.xyz-appear.xyz-paused-all,
.xyz-appear.xyz-paused-all .xyz-appear-nested,
.xyz-appear.xyz-paused-all .xyz-nested,
.xyz-in .xyz-in-paused.xyz-in-nested,
.xyz-in .xyz-in-paused.xyz-nested,
.xyz-in .xyz-paused.xyz-in-nested,
.xyz-in .xyz-paused.xyz-nested,
.xyz-in-paused.xyz-in,
.xyz-in.xyz-in-paused-all,
.xyz-in.xyz-in-paused-all .xyz-in-nested,
.xyz-in.xyz-in-paused-all .xyz-nested,
.xyz-in.xyz-paused-all,
.xyz-in.xyz-paused-all .xyz-in-nested,
.xyz-in.xyz-paused-all .xyz-nested,
.xyz-out .xyz-out-paused.xyz-nested,
.xyz-out .xyz-out-paused.xyz-out-nested,
.xyz-out .xyz-paused.xyz-nested,
.xyz-out .xyz-paused.xyz-out-nested,
.xyz-out-paused.xyz-out,
.xyz-out.xyz-out-paused-all,
.xyz-out.xyz-out-paused-all .xyz-nested,
.xyz-out.xyz-out-paused-all .xyz-out-nested,
.xyz-out.xyz-paused-all,
.xyz-out.xyz-paused-all .xyz-nested,
.xyz-out.xyz-paused-all .xyz-out-nested,
.xyz-paused.xyz-appear,
.xyz-paused.xyz-in,
.xyz-paused.xyz-out {
    animation-play-state: paused !important
}

.xyz-appear .xyz-appear-none.xyz-appear-nested,
.xyz-appear .xyz-appear-none.xyz-nested,
.xyz-appear .xyz-none.xyz-appear-nested,
.xyz-appear .xyz-none.xyz-nested,
.xyz-appear-none.xyz-appear,
.xyz-appear.xyz-appear-none-all,
.xyz-appear.xyz-appear-none-all .xyz-appear-nested,
.xyz-appear.xyz-appear-none-all .xyz-nested,
.xyz-appear.xyz-none-all,
.xyz-appear.xyz-none-all .xyz-appear-nested,
.xyz-appear.xyz-none-all .xyz-nested,
.xyz-in .xyz-in-none.xyz-in-nested,
.xyz-in .xyz-in-none.xyz-nested,
.xyz-in .xyz-none.xyz-in-nested,
.xyz-in .xyz-none.xyz-nested,
.xyz-in-none.xyz-in,
.xyz-in.xyz-in-none-all,
.xyz-in.xyz-in-none-all .xyz-in-nested,
.xyz-in.xyz-in-none-all .xyz-nested,
.xyz-in.xyz-none-all,
.xyz-in.xyz-none-all .xyz-in-nested,
.xyz-in.xyz-none-all .xyz-nested,
.xyz-none.xyz-appear,
.xyz-none.xyz-in,
.xyz-none.xyz-out,
.xyz-out .xyz-none.xyz-nested,
.xyz-out .xyz-none.xyz-out-nested,
.xyz-out .xyz-out-none.xyz-nested,
.xyz-out .xyz-out-none.xyz-out-nested,
.xyz-out-none.xyz-out,
.xyz-out.xyz-none-all,
.xyz-out.xyz-none-all .xyz-nested,
.xyz-out.xyz-none-all .xyz-out-nested,
.xyz-out.xyz-out-none-all,
.xyz-out.xyz-out-none-all .xyz-nested,
.xyz-out.xyz-out-none-all .xyz-out-nested {
    animation: none !important
}

@media (prefers-reduced-motion:reduce) {

    .xyz-appear,
    .xyz-appear .xyz-appear-nested,
    .xyz-appear .xyz-nested,
    .xyz-in,
    .xyz-in .xyz-in-nested,
    .xyz-in .xyz-nested,
    .xyz-out,
    .xyz-out .xyz-nested,
    .xyz-out .xyz-out-nested {
        animation: none
    }
}

[xyz] {
    --xyz-keyframes: initial;
    --xyz-in-keyframes: initial;
    --xyz-out-keyframes: initial;
    --xyz-appear-keyframes: initial;
    --xyz-ease: initial;
    --xyz-in-ease: initial;
    --xyz-out-ease: initial;
    --xyz-appear-ease: initial;
    --xyz-duration: initial;
    --xyz-in-duration: initial;
    --xyz-out-duration: initial;
    --xyz-appear-duration: initial;
    --xyz-delay: initial;
    --xyz-in-delay: initial;
    --xyz-out-delay: initial;
    --xyz-appear-delay: initial;
    --xyz-stagger: initial;
    --xyz-in-stagger: initial;
    --xyz-out-stagger: initial;
    --xyz-appear-stagger: initial;
    --xyz-stagger-rev: initial;
    --xyz-in-stagger-rev: initial;
    --xyz-out-stagger-rev: initial;
    --xyz-appear-stagger-rev: initial;
    --xyz-iterate: initial;
    --xyz-in-iterate: initial;
    --xyz-out-iterate: initial;
    --xyz-appear-iterate: initial;
    --xyz-direction: initial;
    --xyz-in-direction: initial;
    --xyz-out-direction: initial;
    --xyz-appear-direction: initial;
    --xyz-origin: initial;
    --xyz-in-origin: initial;
    --xyz-out-origin: initial;
    --xyz-appear-origin: initial;
    --xyz-opacity: initial;
    --xyz-in-opacity: initial;
    --xyz-out-opacity: initial;
    --xyz-appear-opacity: initial;
    --xyz-transform: initial;
    --xyz-in-transform: initial;
    --xyz-out-transform: initial;
    --xyz-appear-transform: initial;
    --xyz-perspective: initial;
    --xyz-in-perspective: initial;
    --xyz-out-perspective: initial;
    --xyz-appear-perspective: initial;
    --xyz-translate-x: initial;
    --xyz-in-translate-x: initial;
    --xyz-out-translate-x: initial;
    --xyz-appear-translate-x: initial;
    --xyz-translate-y: initial;
    --xyz-in-translate-y: initial;
    --xyz-out-translate-y: initial;
    --xyz-appear-translate-y: initial;
    --xyz-translate-z: initial;
    --xyz-in-translate-z: initial;
    --xyz-out-translate-z: initial;
    --xyz-appear-translate-z: initial;
    --xyz-rotate-x: initial;
    --xyz-in-rotate-x: initial;
    --xyz-out-rotate-x: initial;
    --xyz-appear-rotate-x: initial;
    --xyz-rotate-y: initial;
    --xyz-in-rotate-y: initial;
    --xyz-out-rotate-y: initial;
    --xyz-appear-rotate-y: initial;
    --xyz-rotate-z: initial;
    --xyz-in-rotate-z: initial;
    --xyz-out-rotate-z: initial;
    --xyz-appear-rotate-z: initial;
    --xyz-scale-x: initial;
    --xyz-in-scale-x: initial;
    --xyz-out-scale-x: initial;
    --xyz-appear-scale-x: initial;
    --xyz-scale-y: initial;
    --xyz-in-scale-y: initial;
    --xyz-out-scale-y: initial;
    --xyz-appear-scale-y: initial;
    --xyz-scale-z: initial;
    --xyz-in-scale-z: initial;
    --xyz-out-scale-z: initial;
    --xyz-appear-scale-z: initial;
    --xyz-skew-x: initial;
    --xyz-in-skew-x: initial;
    --xyz-out-skew-x: initial;
    --xyz-appear-skew-x: initial;
    --xyz-skew-y: initial;
    --xyz-in-skew-y: initial;
    --xyz-out-skew-y: initial;
    --xyz-appear-skew-y: initial
}

[xyz~=inherit] {
    --xyz-keyframes: inherit;
    --xyz-in-keyframes: inherit;
    --xyz-out-keyframes: inherit;
    --xyz-appear-keyframes: inherit;
    --xyz-ease: inherit;
    --xyz-in-ease: inherit;
    --xyz-out-ease: inherit;
    --xyz-appear-ease: inherit;
    --xyz-duration: inherit;
    --xyz-in-duration: inherit;
    --xyz-out-duration: inherit;
    --xyz-appear-duration: inherit;
    --xyz-delay: inherit;
    --xyz-in-delay: inherit;
    --xyz-out-delay: inherit;
    --xyz-appear-delay: inherit;
    --xyz-stagger: inherit;
    --xyz-in-stagger: inherit;
    --xyz-out-stagger: inherit;
    --xyz-appear-stagger: inherit;
    --xyz-stagger-rev: inherit;
    --xyz-in-stagger-rev: inherit;
    --xyz-out-stagger-rev: inherit;
    --xyz-appear-stagger-rev: inherit;
    --xyz-iterate: inherit;
    --xyz-in-iterate: inherit;
    --xyz-out-iterate: inherit;
    --xyz-appear-iterate: inherit;
    --xyz-direction: inherit;
    --xyz-in-direction: inherit;
    --xyz-out-direction: inherit;
    --xyz-appear-direction: inherit;
    --xyz-origin: inherit;
    --xyz-in-origin: inherit;
    --xyz-out-origin: inherit;
    --xyz-appear-origin: inherit;
    --xyz-opacity: inherit;
    --xyz-in-opacity: inherit;
    --xyz-out-opacity: inherit;
    --xyz-appear-opacity: inherit;
    --xyz-transform: inherit;
    --xyz-in-transform: inherit;
    --xyz-out-transform: inherit;
    --xyz-appear-transform: inherit;
    --xyz-perspective: inherit;
    --xyz-in-perspective: inherit;
    --xyz-out-perspective: inherit;
    --xyz-appear-perspective: inherit;
    --xyz-translate-x: inherit;
    --xyz-in-translate-x: inherit;
    --xyz-out-translate-x: inherit;
    --xyz-appear-translate-x: inherit;
    --xyz-translate-y: inherit;
    --xyz-in-translate-y: inherit;
    --xyz-out-translate-y: inherit;
    --xyz-appear-translate-y: inherit;
    --xyz-translate-z: inherit;
    --xyz-in-translate-z: inherit;
    --xyz-out-translate-z: inherit;
    --xyz-appear-translate-z: inherit;
    --xyz-rotate-x: inherit;
    --xyz-in-rotate-x: inherit;
    --xyz-out-rotate-x: inherit;
    --xyz-appear-rotate-x: inherit;
    --xyz-rotate-y: inherit;
    --xyz-in-rotate-y: inherit;
    --xyz-out-rotate-y: inherit;
    --xyz-appear-rotate-y: inherit;
    --xyz-rotate-z: inherit;
    --xyz-in-rotate-z: inherit;
    --xyz-out-rotate-z: inherit;
    --xyz-appear-rotate-z: inherit;
    --xyz-scale-x: inherit;
    --xyz-in-scale-x: inherit;
    --xyz-out-scale-x: inherit;
    --xyz-appear-scale-x: inherit;
    --xyz-scale-y: inherit;
    --xyz-in-scale-y: inherit;
    --xyz-out-scale-y: inherit;
    --xyz-appear-scale-y: inherit;
    --xyz-scale-z: inherit;
    --xyz-in-scale-z: inherit;
    --xyz-out-scale-z: inherit;
    --xyz-appear-scale-z: inherit;
    --xyz-skew-x: inherit;
    --xyz-in-skew-x: inherit;
    --xyz-out-skew-x: inherit;
    --xyz-appear-skew-x: inherit;
    --xyz-skew-y: inherit;
    --xyz-in-skew-y: inherit;
    --xyz-out-skew-y: inherit;
    --xyz-appear-skew-y: inherit
}

[xyz~=ease] {
    --xyz-ease: var(--xyz-ease-default)
}

[xyz~=ease-ease] {
    --xyz-ease: ease
}

[xyz~=ease-linear] {
    --xyz-ease: linear
}

[xyz~=ease-in] {
    --xyz-ease: ease-in
}

[xyz~=ease-in-back] {
    --xyz-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=ease-out] {
    --xyz-ease: ease-out
}

[xyz~=ease-out-back] {
    --xyz-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=ease-in-out] {
    --xyz-ease: ease-in-out
}

[xyz~=ease-in-out-back] {
    --xyz-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=in-ease] {
    --xyz-in-ease: var(--xyz-ease-default)
}

[xyz~=in-ease-ease] {
    --xyz-in-ease: ease
}

[xyz~=in-ease-linear] {
    --xyz-in-ease: linear
}

[xyz~=in-ease-in] {
    --xyz-in-ease: ease-in
}

[xyz~=in-ease-in-back] {
    --xyz-in-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=in-ease-out] {
    --xyz-in-ease: ease-out
}

[xyz~=in-ease-out-back] {
    --xyz-in-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=in-ease-in-out] {
    --xyz-in-ease: ease-in-out
}

[xyz~=in-ease-in-out-back] {
    --xyz-in-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=out-ease] {
    --xyz-out-ease: var(--xyz-ease-default)
}

[xyz~=out-ease-ease] {
    --xyz-out-ease: ease
}

[xyz~=out-ease-linear] {
    --xyz-out-ease: linear
}

[xyz~=out-ease-in] {
    --xyz-out-ease: ease-in
}

[xyz~=out-ease-in-back] {
    --xyz-out-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=out-ease-out] {
    --xyz-out-ease: ease-out
}

[xyz~=out-ease-out-back] {
    --xyz-out-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=out-ease-in-out] {
    --xyz-out-ease: ease-in-out
}

[xyz~=out-ease-in-out-back] {
    --xyz-out-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=appear-ease] {
    --xyz-appear-ease: var(--xyz-ease-default)
}

[xyz~=appear-ease-ease] {
    --xyz-appear-ease: ease
}

[xyz~=appear-ease-linear] {
    --xyz-appear-ease: linear
}

[xyz~=appear-ease-in] {
    --xyz-appear-ease: ease-in
}

[xyz~=appear-ease-in-back] {
    --xyz-appear-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=appear-ease-out] {
    --xyz-appear-ease: ease-out
}

[xyz~=appear-ease-out-back] {
    --xyz-appear-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=appear-ease-in-out] {
    --xyz-appear-ease: ease-in-out
}

[xyz~=appear-ease-in-out-back] {
    --xyz-appear-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=duration] {
    --xyz-duration: var(--xyz-duration-default)
}

[xyz~=duration-0] {
    --xyz-duration: 0s
}

[xyz~="duration-0.5"] {
    --xyz-duration: .05s
}

[xyz~=duration-1] {
    --xyz-duration: .1s
}

[xyz~="duration-1.5"] {
    --xyz-duration: .15s
}

[xyz~=duration-2] {
    --xyz-duration: .2s
}

[xyz~="duration-2.5"] {
    --xyz-duration: .25s
}

[xyz~=duration-3] {
    --xyz-duration: .3s
}

[xyz~=duration-4] {
    --xyz-duration: .4s
}

[xyz~=duration-5] {
    --xyz-duration: .5s
}

[xyz~=duration-6] {
    --xyz-duration: .6s
}

[xyz~=duration-7] {
    --xyz-duration: .7s
}

[xyz~=duration-8] {
    --xyz-duration: .8s
}

[xyz~=duration-9] {
    --xyz-duration: .9s
}

[xyz~=duration-10] {
    --xyz-duration: 1s
}

[xyz~=duration-15] {
    --xyz-duration: 1.5s
}

[xyz~=duration-20] {
    --xyz-duration: 2s
}

[xyz~=duration-25] {
    --xyz-duration: 2.5s
}

[xyz~=duration-30] {
    --xyz-duration: 3s
}

[xyz~=in-duration] {
    --xyz-in-duration: var(--xyz-duration-default)
}

[xyz~=in-duration-0] {
    --xyz-in-duration: 0s
}

[xyz~="in-duration-0.5"] {
    --xyz-in-duration: .05s
}

[xyz~=in-duration-1] {
    --xyz-in-duration: .1s
}

[xyz~="in-duration-1.5"] {
    --xyz-in-duration: .15s
}

[xyz~=in-duration-2] {
    --xyz-in-duration: .2s
}

[xyz~="in-duration-2.5"] {
    --xyz-in-duration: .25s
}

[xyz~=in-duration-3] {
    --xyz-in-duration: .3s
}

[xyz~=in-duration-4] {
    --xyz-in-duration: .4s
}

[xyz~=in-duration-5] {
    --xyz-in-duration: .5s
}

[xyz~=in-duration-6] {
    --xyz-in-duration: .6s
}

[xyz~=in-duration-7] {
    --xyz-in-duration: .7s
}

[xyz~=in-duration-8] {
    --xyz-in-duration: .8s
}

[xyz~=in-duration-9] {
    --xyz-in-duration: .9s
}

[xyz~=in-duration-10] {
    --xyz-in-duration: 1s
}

[xyz~=in-duration-15] {
    --xyz-in-duration: 1.5s
}

[xyz~=in-duration-20] {
    --xyz-in-duration: 2s
}

[xyz~=in-duration-25] {
    --xyz-in-duration: 2.5s
}

[xyz~=in-duration-30] {
    --xyz-in-duration: 3s
}

[xyz~=out-duration] {
    --xyz-out-duration: var(--xyz-duration-default)
}

[xyz~=out-duration-0] {
    --xyz-out-duration: 0s
}

[xyz~="out-duration-0.5"] {
    --xyz-out-duration: .05s
}

[xyz~=out-duration-1] {
    --xyz-out-duration: .1s
}

[xyz~="out-duration-1.5"] {
    --xyz-out-duration: .15s
}

[xyz~=out-duration-2] {
    --xyz-out-duration: .2s
}

[xyz~="out-duration-2.5"] {
    --xyz-out-duration: .25s
}

[xyz~=out-duration-3] {
    --xyz-out-duration: .3s
}

[xyz~=out-duration-4] {
    --xyz-out-duration: .4s
}

[xyz~=out-duration-5] {
    --xyz-out-duration: .5s
}

[xyz~=out-duration-6] {
    --xyz-out-duration: .6s
}

[xyz~=out-duration-7] {
    --xyz-out-duration: .7s
}

[xyz~=out-duration-8] {
    --xyz-out-duration: .8s
}

[xyz~=out-duration-9] {
    --xyz-out-duration: .9s
}

[xyz~=out-duration-10] {
    --xyz-out-duration: 1s
}

[xyz~=out-duration-15] {
    --xyz-out-duration: 1.5s
}

[xyz~=out-duration-20] {
    --xyz-out-duration: 2s
}

[xyz~=out-duration-25] {
    --xyz-out-duration: 2.5s
}

[xyz~=out-duration-30] {
    --xyz-out-duration: 3s
}

[xyz~=appear-duration] {
    --xyz-appear-duration: var(--xyz-duration-default)
}

[xyz~=appear-duration-0] {
    --xyz-appear-duration: 0s
}

[xyz~="appear-duration-0.5"] {
    --xyz-appear-duration: .05s
}

[xyz~=appear-duration-1] {
    --xyz-appear-duration: .1s
}

[xyz~="appear-duration-1.5"] {
    --xyz-appear-duration: .15s
}

[xyz~=appear-duration-2] {
    --xyz-appear-duration: .2s
}

[xyz~="appear-duration-2.5"] {
    --xyz-appear-duration: .25s
}

[xyz~=appear-duration-3] {
    --xyz-appear-duration: .3s
}

[xyz~=appear-duration-4] {
    --xyz-appear-duration: .4s
}

[xyz~=appear-duration-5] {
    --xyz-appear-duration: .5s
}

[xyz~=appear-duration-6] {
    --xyz-appear-duration: .6s
}

[xyz~=appear-duration-7] {
    --xyz-appear-duration: .7s
}

[xyz~=appear-duration-8] {
    --xyz-appear-duration: .8s
}

[xyz~=appear-duration-9] {
    --xyz-appear-duration: .9s
}

[xyz~=appear-duration-10] {
    --xyz-appear-duration: 1s
}

[xyz~=appear-duration-15] {
    --xyz-appear-duration: 1.5s
}

[xyz~=appear-duration-20] {
    --xyz-appear-duration: 2s
}

[xyz~=appear-duration-25] {
    --xyz-appear-duration: 2.5s
}

[xyz~=appear-duration-30] {
    --xyz-appear-duration: 3s
}

[xyz~=delay] {
    --xyz-delay: var(--xyz-delay-default)
}

[xyz~=delay-0] {
    --xyz-delay: 0s
}

[xyz~="delay-0.5"] {
    --xyz-delay: .05s
}

[xyz~=delay-1] {
    --xyz-delay: .1s
}

[xyz~="delay-1.5"] {
    --xyz-delay: .15s
}

[xyz~=delay-2] {
    --xyz-delay: .2s
}

[xyz~="delay-2.5"] {
    --xyz-delay: .25s
}

[xyz~=delay-3] {
    --xyz-delay: .3s
}

[xyz~=delay-4] {
    --xyz-delay: .4s
}

[xyz~=delay-5] {
    --xyz-delay: .5s
}

[xyz~=delay-6] {
    --xyz-delay: .6s
}

[xyz~=delay-7] {
    --xyz-delay: .7s
}

[xyz~=delay-8] {
    --xyz-delay: .8s
}

[xyz~=delay-9] {
    --xyz-delay: .9s
}

[xyz~=delay-10] {
    --xyz-delay: 1s
}

[xyz~=delay-15] {
    --xyz-delay: 1.5s
}

[xyz~=delay-20] {
    --xyz-delay: 2s
}

[xyz~=delay-25] {
    --xyz-delay: 2.5s
}

[xyz~=delay-30] {
    --xyz-delay: 3s
}

[xyz~=in-delay] {
    --xyz-in-delay: var(--xyz-delay-default)
}

[xyz~=in-delay-0] {
    --xyz-in-delay: 0s
}

[xyz~="in-delay-0.5"] {
    --xyz-in-delay: .05s
}

[xyz~=in-delay-1] {
    --xyz-in-delay: .1s
}

[xyz~="in-delay-1.5"] {
    --xyz-in-delay: .15s
}

[xyz~=in-delay-2] {
    --xyz-in-delay: .2s
}

[xyz~="in-delay-2.5"] {
    --xyz-in-delay: .25s
}

[xyz~=in-delay-3] {
    --xyz-in-delay: .3s
}

[xyz~=in-delay-4] {
    --xyz-in-delay: .4s
}

[xyz~=in-delay-5] {
    --xyz-in-delay: .5s
}

[xyz~=in-delay-6] {
    --xyz-in-delay: .6s
}

[xyz~=in-delay-7] {
    --xyz-in-delay: .7s
}

[xyz~=in-delay-8] {
    --xyz-in-delay: .8s
}

[xyz~=in-delay-9] {
    --xyz-in-delay: .9s
}

[xyz~=in-delay-10] {
    --xyz-in-delay: 1s
}

[xyz~=in-delay-15] {
    --xyz-in-delay: 1.5s
}

[xyz~=in-delay-20] {
    --xyz-in-delay: 2s
}

[xyz~=in-delay-25] {
    --xyz-in-delay: 2.5s
}

[xyz~=in-delay-30] {
    --xyz-in-delay: 3s
}

[xyz~=out-delay] {
    --xyz-out-delay: var(--xyz-delay-default)
}

[xyz~=out-delay-0] {
    --xyz-out-delay: 0s
}

[xyz~="out-delay-0.5"] {
    --xyz-out-delay: .05s
}

[xyz~=out-delay-1] {
    --xyz-out-delay: .1s
}

[xyz~="out-delay-1.5"] {
    --xyz-out-delay: .15s
}

[xyz~=out-delay-2] {
    --xyz-out-delay: .2s
}

[xyz~="out-delay-2.5"] {
    --xyz-out-delay: .25s
}

[xyz~=out-delay-3] {
    --xyz-out-delay: .3s
}

[xyz~=out-delay-4] {
    --xyz-out-delay: .4s
}

[xyz~=out-delay-5] {
    --xyz-out-delay: .5s
}

[xyz~=out-delay-6] {
    --xyz-out-delay: .6s
}

[xyz~=out-delay-7] {
    --xyz-out-delay: .7s
}

[xyz~=out-delay-8] {
    --xyz-out-delay: .8s
}

[xyz~=out-delay-9] {
    --xyz-out-delay: .9s
}

[xyz~=out-delay-10] {
    --xyz-out-delay: 1s
}

[xyz~=out-delay-15] {
    --xyz-out-delay: 1.5s
}

[xyz~=out-delay-20] {
    --xyz-out-delay: 2s
}

[xyz~=out-delay-25] {
    --xyz-out-delay: 2.5s
}

[xyz~=out-delay-30] {
    --xyz-out-delay: 3s
}

[xyz~=appear-delay] {
    --xyz-appear-delay: var(--xyz-delay-default)
}

[xyz~=appear-delay-0] {
    --xyz-appear-delay: 0s
}

[xyz~="appear-delay-0.5"] {
    --xyz-appear-delay: .05s
}

[xyz~=appear-delay-1] {
    --xyz-appear-delay: .1s
}

[xyz~="appear-delay-1.5"] {
    --xyz-appear-delay: .15s
}

[xyz~=appear-delay-2] {
    --xyz-appear-delay: .2s
}

[xyz~="appear-delay-2.5"] {
    --xyz-appear-delay: .25s
}

[xyz~=appear-delay-3] {
    --xyz-appear-delay: .3s
}

[xyz~=appear-delay-4] {
    --xyz-appear-delay: .4s
}

[xyz~=appear-delay-5] {
    --xyz-appear-delay: .5s
}

[xyz~=appear-delay-6] {
    --xyz-appear-delay: .6s
}

[xyz~=appear-delay-7] {
    --xyz-appear-delay: .7s
}

[xyz~=appear-delay-8] {
    --xyz-appear-delay: .8s
}

[xyz~=appear-delay-9] {
    --xyz-appear-delay: .9s
}

[xyz~=appear-delay-10] {
    --xyz-appear-delay: 1s
}

[xyz~=appear-delay-15] {
    --xyz-appear-delay: 1.5s
}

[xyz~=appear-delay-20] {
    --xyz-appear-delay: 2s
}

[xyz~=appear-delay-25] {
    --xyz-appear-delay: 2.5s
}

[xyz~=appear-delay-30] {
    --xyz-appear-delay: 3s
}

[xyz~=stagger] {
    --xyz-stagger: var(--xyz-stagger-default)
}

[xyz~=stagger-0] {
    --xyz-stagger: 0s
}

[xyz~="stagger-0.5"] {
    --xyz-stagger: .05s
}

[xyz~=stagger-1] {
    --xyz-stagger: .1s
}

[xyz~="stagger-1.5"] {
    --xyz-stagger: .15s
}

[xyz~=stagger-2] {
    --xyz-stagger: .2s
}

[xyz~="stagger-2.5"] {
    --xyz-stagger: .25s
}

[xyz~=stagger-3] {
    --xyz-stagger: .3s
}

[xyz~=stagger-4] {
    --xyz-stagger: .4s
}

[xyz~=stagger-5] {
    --xyz-stagger: .5s
}

[xyz~=stagger-6] {
    --xyz-stagger: .6s
}

[xyz~=stagger-7] {
    --xyz-stagger: .7s
}

[xyz~=stagger-8] {
    --xyz-stagger: .8s
}

[xyz~=stagger-9] {
    --xyz-stagger: .9s
}

[xyz~=stagger-10] {
    --xyz-stagger: 1s
}

[xyz~=stagger-15] {
    --xyz-stagger: 1.5s
}

[xyz~=stagger-20] {
    --xyz-stagger: 2s
}

[xyz~=stagger-25] {
    --xyz-stagger: 2.5s
}

[xyz~=stagger-30] {
    --xyz-stagger: 3s
}

[xyz~=in-stagger] {
    --xyz-in-stagger: var(--xyz-stagger-default)
}

[xyz~=in-stagger-0] {
    --xyz-in-stagger: 0s
}

[xyz~="in-stagger-0.5"] {
    --xyz-in-stagger: .05s
}

[xyz~=in-stagger-1] {
    --xyz-in-stagger: .1s
}

[xyz~="in-stagger-1.5"] {
    --xyz-in-stagger: .15s
}

[xyz~=in-stagger-2] {
    --xyz-in-stagger: .2s
}

[xyz~="in-stagger-2.5"] {
    --xyz-in-stagger: .25s
}

[xyz~=in-stagger-3] {
    --xyz-in-stagger: .3s
}

[xyz~=in-stagger-4] {
    --xyz-in-stagger: .4s
}

[xyz~=in-stagger-5] {
    --xyz-in-stagger: .5s
}

[xyz~=in-stagger-6] {
    --xyz-in-stagger: .6s
}

[xyz~=in-stagger-7] {
    --xyz-in-stagger: .7s
}

[xyz~=in-stagger-8] {
    --xyz-in-stagger: .8s
}

[xyz~=in-stagger-9] {
    --xyz-in-stagger: .9s
}

[xyz~=in-stagger-10] {
    --xyz-in-stagger: 1s
}

[xyz~=in-stagger-15] {
    --xyz-in-stagger: 1.5s
}

[xyz~=in-stagger-20] {
    --xyz-in-stagger: 2s
}

[xyz~=in-stagger-25] {
    --xyz-in-stagger: 2.5s
}

[xyz~=in-stagger-30] {
    --xyz-in-stagger: 3s
}

[xyz~=out-stagger] {
    --xyz-out-stagger: var(--xyz-stagger-default)
}

[xyz~=out-stagger-0] {
    --xyz-out-stagger: 0s
}

[xyz~="out-stagger-0.5"] {
    --xyz-out-stagger: .05s
}

[xyz~=out-stagger-1] {
    --xyz-out-stagger: .1s
}

[xyz~="out-stagger-1.5"] {
    --xyz-out-stagger: .15s
}

[xyz~=out-stagger-2] {
    --xyz-out-stagger: .2s
}

[xyz~="out-stagger-2.5"] {
    --xyz-out-stagger: .25s
}

[xyz~=out-stagger-3] {
    --xyz-out-stagger: .3s
}

[xyz~=out-stagger-4] {
    --xyz-out-stagger: .4s
}

[xyz~=out-stagger-5] {
    --xyz-out-stagger: .5s
}

[xyz~=out-stagger-6] {
    --xyz-out-stagger: .6s
}

[xyz~=out-stagger-7] {
    --xyz-out-stagger: .7s
}

[xyz~=out-stagger-8] {
    --xyz-out-stagger: .8s
}

[xyz~=out-stagger-9] {
    --xyz-out-stagger: .9s
}

[xyz~=out-stagger-10] {
    --xyz-out-stagger: 1s
}

[xyz~=out-stagger-15] {
    --xyz-out-stagger: 1.5s
}

[xyz~=out-stagger-20] {
    --xyz-out-stagger: 2s
}

[xyz~=out-stagger-25] {
    --xyz-out-stagger: 2.5s
}

[xyz~=out-stagger-30] {
    --xyz-out-stagger: 3s
}

[xyz~=appear-stagger] {
    --xyz-appear-stagger: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-0] {
    --xyz-appear-stagger: 0s
}

[xyz~="appear-stagger-0.5"] {
    --xyz-appear-stagger: .05s
}

[xyz~=appear-stagger-1] {
    --xyz-appear-stagger: .1s
}

[xyz~="appear-stagger-1.5"] {
    --xyz-appear-stagger: .15s
}

[xyz~=appear-stagger-2] {
    --xyz-appear-stagger: .2s
}

[xyz~="appear-stagger-2.5"] {
    --xyz-appear-stagger: .25s
}

[xyz~=appear-stagger-3] {
    --xyz-appear-stagger: .3s
}

[xyz~=appear-stagger-4] {
    --xyz-appear-stagger: .4s
}

[xyz~=appear-stagger-5] {
    --xyz-appear-stagger: .5s
}

[xyz~=appear-stagger-6] {
    --xyz-appear-stagger: .6s
}

[xyz~=appear-stagger-7] {
    --xyz-appear-stagger: .7s
}

[xyz~=appear-stagger-8] {
    --xyz-appear-stagger: .8s
}

[xyz~=appear-stagger-9] {
    --xyz-appear-stagger: .9s
}

[xyz~=appear-stagger-10] {
    --xyz-appear-stagger: 1s
}

[xyz~=appear-stagger-15] {
    --xyz-appear-stagger: 1.5s
}

[xyz~=appear-stagger-20] {
    --xyz-appear-stagger: 2s
}

[xyz~=appear-stagger-25] {
    --xyz-appear-stagger: 2.5s
}

[xyz~=appear-stagger-30] {
    --xyz-appear-stagger: 3s
}

[xyz~=stagger-rev] {
    --xyz-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=stagger-rev-0] {
    --xyz-stagger-rev: 0s
}

[xyz~="stagger-rev-0.5"] {
    --xyz-stagger-rev: .05s
}

[xyz~=stagger-rev-1] {
    --xyz-stagger-rev: .1s
}

[xyz~="stagger-rev-1.5"] {
    --xyz-stagger-rev: .15s
}

[xyz~=stagger-rev-2] {
    --xyz-stagger-rev: .2s
}

[xyz~="stagger-rev-2.5"] {
    --xyz-stagger-rev: .25s
}

[xyz~=stagger-rev-3] {
    --xyz-stagger-rev: .3s
}

[xyz~=stagger-rev-4] {
    --xyz-stagger-rev: .4s
}

[xyz~=stagger-rev-5] {
    --xyz-stagger-rev: .5s
}

[xyz~=stagger-rev-6] {
    --xyz-stagger-rev: .6s
}

[xyz~=stagger-rev-7] {
    --xyz-stagger-rev: .7s
}

[xyz~=stagger-rev-8] {
    --xyz-stagger-rev: .8s
}

[xyz~=stagger-rev-9] {
    --xyz-stagger-rev: .9s
}

[xyz~=stagger-rev-10] {
    --xyz-stagger-rev: 1s
}

[xyz~=stagger-rev-15] {
    --xyz-stagger-rev: 1.5s
}

[xyz~=stagger-rev-20] {
    --xyz-stagger-rev: 2s
}

[xyz~=stagger-rev-25] {
    --xyz-stagger-rev: 2.5s
}

[xyz~=stagger-rev-30] {
    --xyz-stagger-rev: 3s
}

[xyz~=in-stagger-rev] {
    --xyz-in-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=in-stagger-rev-0] {
    --xyz-in-stagger-rev: 0s
}

[xyz~="in-stagger-rev-0.5"] {
    --xyz-in-stagger-rev: .05s
}

[xyz~=in-stagger-rev-1] {
    --xyz-in-stagger-rev: .1s
}

[xyz~="in-stagger-rev-1.5"] {
    --xyz-in-stagger-rev: .15s
}

[xyz~=in-stagger-rev-2] {
    --xyz-in-stagger-rev: .2s
}

[xyz~="in-stagger-rev-2.5"] {
    --xyz-in-stagger-rev: .25s
}

[xyz~=in-stagger-rev-3] {
    --xyz-in-stagger-rev: .3s
}

[xyz~=in-stagger-rev-4] {
    --xyz-in-stagger-rev: .4s
}

[xyz~=in-stagger-rev-5] {
    --xyz-in-stagger-rev: .5s
}

[xyz~=in-stagger-rev-6] {
    --xyz-in-stagger-rev: .6s
}

[xyz~=in-stagger-rev-7] {
    --xyz-in-stagger-rev: .7s
}

[xyz~=in-stagger-rev-8] {
    --xyz-in-stagger-rev: .8s
}

[xyz~=in-stagger-rev-9] {
    --xyz-in-stagger-rev: .9s
}

[xyz~=in-stagger-rev-10] {
    --xyz-in-stagger-rev: 1s
}

[xyz~=in-stagger-rev-15] {
    --xyz-in-stagger-rev: 1.5s
}

[xyz~=in-stagger-rev-20] {
    --xyz-in-stagger-rev: 2s
}

[xyz~=in-stagger-rev-25] {
    --xyz-in-stagger-rev: 2.5s
}

[xyz~=in-stagger-rev-30] {
    --xyz-in-stagger-rev: 3s
}

[xyz~=out-stagger-rev] {
    --xyz-out-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=out-stagger-rev-0] {
    --xyz-out-stagger-rev: 0s
}

[xyz~="out-stagger-rev-0.5"] {
    --xyz-out-stagger-rev: .05s
}

[xyz~=out-stagger-rev-1] {
    --xyz-out-stagger-rev: .1s
}

[xyz~="out-stagger-rev-1.5"] {
    --xyz-out-stagger-rev: .15s
}

[xyz~=out-stagger-rev-2] {
    --xyz-out-stagger-rev: .2s
}

[xyz~="out-stagger-rev-2.5"] {
    --xyz-out-stagger-rev: .25s
}

[xyz~=out-stagger-rev-3] {
    --xyz-out-stagger-rev: .3s
}

[xyz~=out-stagger-rev-4] {
    --xyz-out-stagger-rev: .4s
}

[xyz~=out-stagger-rev-5] {
    --xyz-out-stagger-rev: .5s
}

[xyz~=out-stagger-rev-6] {
    --xyz-out-stagger-rev: .6s
}

[xyz~=out-stagger-rev-7] {
    --xyz-out-stagger-rev: .7s
}

[xyz~=out-stagger-rev-8] {
    --xyz-out-stagger-rev: .8s
}

[xyz~=out-stagger-rev-9] {
    --xyz-out-stagger-rev: .9s
}

[xyz~=out-stagger-rev-10] {
    --xyz-out-stagger-rev: 1s
}

[xyz~=out-stagger-rev-15] {
    --xyz-out-stagger-rev: 1.5s
}

[xyz~=out-stagger-rev-20] {
    --xyz-out-stagger-rev: 2s
}

[xyz~=out-stagger-rev-25] {
    --xyz-out-stagger-rev: 2.5s
}

[xyz~=out-stagger-rev-30] {
    --xyz-out-stagger-rev: 3s
}

[xyz~=appear-stagger-rev] {
    --xyz-appear-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-rev-0] {
    --xyz-appear-stagger-rev: 0s
}

[xyz~="appear-stagger-rev-0.5"] {
    --xyz-appear-stagger-rev: .05s
}

[xyz~=appear-stagger-rev-1] {
    --xyz-appear-stagger-rev: .1s
}

[xyz~="appear-stagger-rev-1.5"] {
    --xyz-appear-stagger-rev: .15s
}

[xyz~=appear-stagger-rev-2] {
    --xyz-appear-stagger-rev: .2s
}

[xyz~="appear-stagger-rev-2.5"] {
    --xyz-appear-stagger-rev: .25s
}

[xyz~=appear-stagger-rev-3] {
    --xyz-appear-stagger-rev: .3s
}

[xyz~=appear-stagger-rev-4] {
    --xyz-appear-stagger-rev: .4s
}

[xyz~=appear-stagger-rev-5] {
    --xyz-appear-stagger-rev: .5s
}

[xyz~=appear-stagger-rev-6] {
    --xyz-appear-stagger-rev: .6s
}

[xyz~=appear-stagger-rev-7] {
    --xyz-appear-stagger-rev: .7s
}

[xyz~=appear-stagger-rev-8] {
    --xyz-appear-stagger-rev: .8s
}

[xyz~=appear-stagger-rev-9] {
    --xyz-appear-stagger-rev: .9s
}

[xyz~=appear-stagger-rev-10] {
    --xyz-appear-stagger-rev: 1s
}

[xyz~=appear-stagger-rev-15] {
    --xyz-appear-stagger-rev: 1.5s
}

[xyz~=appear-stagger-rev-20] {
    --xyz-appear-stagger-rev: 2s
}

[xyz~=appear-stagger-rev-25] {
    --xyz-appear-stagger-rev: 2.5s
}

[xyz~=appear-stagger-rev-30] {
    --xyz-appear-stagger-rev: 3s
}

[xyz~=iterate] {
    --xyz-iterate: var(--xyz-iterate-default)
}

[xyz~=iterate-1] {
    --xyz-iterate: 1
}

[xyz~=iterate-2] {
    --xyz-iterate: 2
}

[xyz~=iterate-3] {
    --xyz-iterate: 3
}

[xyz~=iterate-4] {
    --xyz-iterate: 4
}

[xyz~=iterate-5] {
    --xyz-iterate: 5
}

[xyz~=iterate-infinite] {
    --xyz-iterate: infinite
}

[xyz~=in-iterate] {
    --xyz-in-iterate: var(--xyz-iterate-default)
}

[xyz~=in-iterate-1] {
    --xyz-in-iterate: 1
}

[xyz~=in-iterate-2] {
    --xyz-in-iterate: 2
}

[xyz~=in-iterate-3] {
    --xyz-in-iterate: 3
}

[xyz~=in-iterate-4] {
    --xyz-in-iterate: 4
}

[xyz~=in-iterate-5] {
    --xyz-in-iterate: 5
}

[xyz~=in-iterate-infinite] {
    --xyz-in-iterate: infinite
}

[xyz~=out-iterate] {
    --xyz-out-iterate: var(--xyz-iterate-default)
}

[xyz~=out-iterate-1] {
    --xyz-out-iterate: 1
}

[xyz~=out-iterate-2] {
    --xyz-out-iterate: 2
}

[xyz~=out-iterate-3] {
    --xyz-out-iterate: 3
}

[xyz~=out-iterate-4] {
    --xyz-out-iterate: 4
}

[xyz~=out-iterate-5] {
    --xyz-out-iterate: 5
}

[xyz~=out-iterate-infinite] {
    --xyz-out-iterate: infinite
}

[xyz~=appear-iterate] {
    --xyz-appear-iterate: var(--xyz-iterate-default)
}

[xyz~=appear-iterate-1] {
    --xyz-appear-iterate: 1
}

[xyz~=appear-iterate-2] {
    --xyz-appear-iterate: 2
}

[xyz~=appear-iterate-3] {
    --xyz-appear-iterate: 3
}

[xyz~=appear-iterate-4] {
    --xyz-appear-iterate: 4
}

[xyz~=appear-iterate-5] {
    --xyz-appear-iterate: 5
}

[xyz~=appear-iterate-infinite] {
    --xyz-appear-iterate: infinite
}

[xyz~=direction] {
    --xyz-direction: var(--xyz-direction-default)
}

[xyz~=direction-normal] {
    --xyz-direction: normal
}

[xyz~=direction-reverse] {
    --xyz-direction: reverse
}

[xyz~=direction-alternate] {
    --xyz-direction: alternate
}

[xyz~=direction-alternate-reverse] {
    --xyz-direction: alternate-reverse
}

[xyz~=in-direction] {
    --xyz-in-direction: var(--xyz-direction-default)
}

[xyz~=in-direction-normal] {
    --xyz-in-direction: normal
}

[xyz~=in-direction-reverse] {
    --xyz-in-direction: reverse
}

[xyz~=in-direction-alternate] {
    --xyz-in-direction: alternate
}

[xyz~=in-direction-alternate-reverse] {
    --xyz-in-direction: alternate-reverse
}

[xyz~=out-direction] {
    --xyz-out-direction: var(--xyz-direction-default)
}

[xyz~=out-direction-normal] {
    --xyz-out-direction: normal
}

[xyz~=out-direction-reverse] {
    --xyz-out-direction: reverse
}

[xyz~=out-direction-alternate] {
    --xyz-out-direction: alternate
}

[xyz~=out-direction-alternate-reverse] {
    --xyz-out-direction: alternate-reverse
}

[xyz~=appear-direction] {
    --xyz-appear-direction: var(--xyz-direction-default)
}

[xyz~=appear-direction-normal] {
    --xyz-appear-direction: normal
}

[xyz~=appear-direction-reverse] {
    --xyz-appear-direction: reverse
}

[xyz~=appear-direction-alternate] {
    --xyz-appear-direction: alternate
}

[xyz~=appear-direction-alternate-reverse] {
    --xyz-appear-direction: alternate-reverse
}

[xyz~=origin] {
    --xyz-origin: var(--xyz-origin-default)
}

[xyz~=origin-center] {
    --xyz-origin: center
}

[xyz~=origin-top] {
    --xyz-origin: top
}

[xyz~=origin-bottom] {
    --xyz-origin: bottom
}

[xyz~=origin-left] {
    --xyz-origin: left
}

[xyz~=origin-right] {
    --xyz-origin: right
}

[xyz~=origin-top-left] {
    --xyz-origin: top left
}

[xyz~=origin-top-right] {
    --xyz-origin: top right
}

[xyz~=origin-bottom-left] {
    --xyz-origin: bottom left
}

[xyz~=origin-bottom-right] {
    --xyz-origin: bottom right
}

[xyz~=in-origin] {
    --xyz-in-origin: var(--xyz-origin-default)
}

[xyz~=in-origin-center] {
    --xyz-in-origin: center
}

[xyz~=in-origin-top] {
    --xyz-in-origin: top
}

[xyz~=in-origin-bottom] {
    --xyz-in-origin: bottom
}

[xyz~=in-origin-left] {
    --xyz-in-origin: left
}

[xyz~=in-origin-right] {
    --xyz-in-origin: right
}

[xyz~=in-origin-top-left] {
    --xyz-in-origin: top left
}

[xyz~=in-origin-top-right] {
    --xyz-in-origin: top right
}

[xyz~=in-origin-bottom-left] {
    --xyz-in-origin: bottom left
}

[xyz~=in-origin-bottom-right] {
    --xyz-in-origin: bottom right
}

[xyz~=out-origin] {
    --xyz-out-origin: var(--xyz-origin-default)
}

[xyz~=out-origin-center] {
    --xyz-out-origin: center
}

[xyz~=out-origin-top] {
    --xyz-out-origin: top
}

[xyz~=out-origin-bottom] {
    --xyz-out-origin: bottom
}

[xyz~=out-origin-left] {
    --xyz-out-origin: left
}

[xyz~=out-origin-right] {
    --xyz-out-origin: right
}

[xyz~=out-origin-top-left] {
    --xyz-out-origin: top left
}

[xyz~=out-origin-top-right] {
    --xyz-out-origin: top right
}

[xyz~=out-origin-bottom-left] {
    --xyz-out-origin: bottom left
}

[xyz~=out-origin-bottom-right] {
    --xyz-out-origin: bottom right
}

[xyz~=appear-origin] {
    --xyz-appear-origin: var(--xyz-origin-default)
}

[xyz~=appear-origin-center] {
    --xyz-appear-origin: center
}

[xyz~=appear-origin-top] {
    --xyz-appear-origin: top
}

[xyz~=appear-origin-bottom] {
    --xyz-appear-origin: bottom
}

[xyz~=appear-origin-left] {
    --xyz-appear-origin: left
}

[xyz~=appear-origin-right] {
    --xyz-appear-origin: right
}

[xyz~=appear-origin-top-left] {
    --xyz-appear-origin: top left
}

[xyz~=appear-origin-top-right] {
    --xyz-appear-origin: top right
}

[xyz~=appear-origin-bottom-left] {
    --xyz-appear-origin: bottom left
}

[xyz~=appear-origin-bottom-right] {
    --xyz-appear-origin: bottom right
}

[xyz~=perspective] {
    --xyz-perspective: var(--xyz-perspective-default)
}

[xyz~=perspective-0] {
    --xyz-perspective: var(--xyz-perspective-none)
}

[xyz~=perspective-1] {
    --xyz-perspective: 500px
}

[xyz~=perspective-2] {
    --xyz-perspective: 1000px
}

[xyz~=perspective-3] {
    --xyz-perspective: 1500px
}

[xyz~=perspective-4] {
    --xyz-perspective: 2000px
}

[xyz~=perspective-5] {
    --xyz-perspective: 2500px
}

[xyz~=in-perspective] {
    --xyz-in-perspective: var(--xyz-perspective-default)
}

[xyz~=in-perspective-0] {
    --xyz-in-perspective: var(--xyz-perspective-none)
}

[xyz~=in-perspective-1] {
    --xyz-in-perspective: 500px
}

[xyz~=in-perspective-2] {
    --xyz-in-perspective: 1000px
}

[xyz~=in-perspective-3] {
    --xyz-in-perspective: 1500px
}

[xyz~=in-perspective-4] {
    --xyz-in-perspective: 2000px
}

[xyz~=in-perspective-5] {
    --xyz-in-perspective: 2500px
}

[xyz~=out-perspective] {
    --xyz-out-perspective: var(--xyz-perspective-default)
}

[xyz~=out-perspective-0] {
    --xyz-out-perspective: var(--xyz-perspective-none)
}

[xyz~=out-perspective-1] {
    --xyz-out-perspective: 500px
}

[xyz~=out-perspective-2] {
    --xyz-out-perspective: 1000px
}

[xyz~=out-perspective-3] {
    --xyz-out-perspective: 1500px
}

[xyz~=out-perspective-4] {
    --xyz-out-perspective: 2000px
}

[xyz~=out-perspective-5] {
    --xyz-out-perspective: 2500px
}

[xyz~=appear-perspective] {
    --xyz-appear-perspective: var(--xyz-perspective-default)
}

[xyz~=appear-perspective-0] {
    --xyz-appear-perspective: var(--xyz-perspective-none)
}

[xyz~=appear-perspective-1] {
    --xyz-appear-perspective: 500px
}

[xyz~=appear-perspective-2] {
    --xyz-appear-perspective: 1000px
}

[xyz~=appear-perspective-3] {
    --xyz-appear-perspective: 1500px
}

[xyz~=appear-perspective-4] {
    --xyz-appear-perspective: 2000px
}

[xyz~=appear-perspective-5] {
    --xyz-appear-perspective: 2500px
}

[xyz~=fade] {
    --xyz-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=fade-0] {
    --xyz-opacity: 1
}

[xyz~="fade-25%"] {
    --xyz-opacity: .75
}

[xyz~="fade-50%"] {
    --xyz-opacity: .5
}

[xyz~="fade-75%"] {
    --xyz-opacity: .25
}

[xyz~="fade-100%"] {
    --xyz-opacity: 0
}

[xyz~=in-fade] {
    --xyz-in-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=in-fade-0] {
    --xyz-in-opacity: 1
}

[xyz~="in-fade-25%"] {
    --xyz-in-opacity: .75
}

[xyz~="in-fade-50%"] {
    --xyz-in-opacity: .5
}

[xyz~="in-fade-75%"] {
    --xyz-in-opacity: .25
}

[xyz~="in-fade-100%"] {
    --xyz-in-opacity: 0
}

[xyz~=out-fade] {
    --xyz-out-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=out-fade-0] {
    --xyz-out-opacity: 1
}

[xyz~="out-fade-25%"] {
    --xyz-out-opacity: .75
}

[xyz~="out-fade-50%"] {
    --xyz-out-opacity: .5
}

[xyz~="out-fade-75%"] {
    --xyz-out-opacity: .25
}

[xyz~="out-fade-100%"] {
    --xyz-out-opacity: 0
}

[xyz~=appear-fade] {
    --xyz-appear-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=appear-fade-0] {
    --xyz-appear-opacity: 1
}

[xyz~="appear-fade-25%"] {
    --xyz-appear-opacity: .75
}

[xyz~="appear-fade-50%"] {
    --xyz-appear-opacity: .5
}

[xyz~="appear-fade-75%"] {
    --xyz-appear-opacity: .25
}

[xyz~="appear-fade-100%"] {
    --xyz-appear-opacity: 0
}

[xyz~=right] {
    --xyz-translate-x: var(--xyz-translate-default)
}

[xyz~=right-0] {
    --xyz-translate-x: 0px
}

[xyz~=right-1] {
    --xyz-translate-x: 10px
}

[xyz~=right-2] {
    --xyz-translate-x: 20px
}

[xyz~=right-3] {
    --xyz-translate-x: 30px
}

[xyz~=right-4] {
    --xyz-translate-x: 40px
}

[xyz~=right-5] {
    --xyz-translate-x: 50px
}

[xyz~="right-25%"] {
    --xyz-translate-x: 25%
}

[xyz~="right-50%"] {
    --xyz-translate-x: 50%
}

[xyz~="right-75%"] {
    --xyz-translate-x: 75%
}

[xyz~="right-100%"] {
    --xyz-translate-x: 100%
}

[xyz~=in-right] {
    --xyz-in-translate-x: var(--xyz-translate-default)
}

[xyz~=in-right-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-right-1] {
    --xyz-in-translate-x: 10px
}

[xyz~=in-right-2] {
    --xyz-in-translate-x: 20px
}

[xyz~=in-right-3] {
    --xyz-in-translate-x: 30px
}

[xyz~=in-right-4] {
    --xyz-in-translate-x: 40px
}

[xyz~=in-right-5] {
    --xyz-in-translate-x: 50px
}

[xyz~="in-right-25%"] {
    --xyz-in-translate-x: 25%
}

[xyz~="in-right-50%"] {
    --xyz-in-translate-x: 50%
}

[xyz~="in-right-75%"] {
    --xyz-in-translate-x: 75%
}

[xyz~="in-right-100%"] {
    --xyz-in-translate-x: 100%
}

[xyz~=out-right] {
    --xyz-out-translate-x: var(--xyz-translate-default)
}

[xyz~=out-right-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-right-1] {
    --xyz-out-translate-x: 10px
}

[xyz~=out-right-2] {
    --xyz-out-translate-x: 20px
}

[xyz~=out-right-3] {
    --xyz-out-translate-x: 30px
}

[xyz~=out-right-4] {
    --xyz-out-translate-x: 40px
}

[xyz~=out-right-5] {
    --xyz-out-translate-x: 50px
}

[xyz~="out-right-25%"] {
    --xyz-out-translate-x: 25%
}

[xyz~="out-right-50%"] {
    --xyz-out-translate-x: 50%
}

[xyz~="out-right-75%"] {
    --xyz-out-translate-x: 75%
}

[xyz~="out-right-100%"] {
    --xyz-out-translate-x: 100%
}

[xyz~=appear-right] {
    --xyz-appear-translate-x: var(--xyz-translate-default)
}

[xyz~=appear-right-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-right-1] {
    --xyz-appear-translate-x: 10px
}

[xyz~=appear-right-2] {
    --xyz-appear-translate-x: 20px
}

[xyz~=appear-right-3] {
    --xyz-appear-translate-x: 30px
}

[xyz~=appear-right-4] {
    --xyz-appear-translate-x: 40px
}

[xyz~=appear-right-5] {
    --xyz-appear-translate-x: 50px
}

[xyz~="appear-right-25%"] {
    --xyz-appear-translate-x: 25%
}

[xyz~="appear-right-50%"] {
    --xyz-appear-translate-x: 50%
}

[xyz~="appear-right-75%"] {
    --xyz-appear-translate-x: 75%
}

[xyz~="appear-right-100%"] {
    --xyz-appear-translate-x: 100%
}

[xyz~=left] {
    --xyz-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=left-0] {
    --xyz-translate-x: 0px
}

[xyz~=left-1] {
    --xyz-translate-x: -10px
}

[xyz~=left-2] {
    --xyz-translate-x: -20px
}

[xyz~=left-3] {
    --xyz-translate-x: -30px
}

[xyz~=left-4] {
    --xyz-translate-x: -40px
}

[xyz~=left-5] {
    --xyz-translate-x: -50px
}

[xyz~="left-25%"] {
    --xyz-translate-x: -25%
}

[xyz~="left-50%"] {
    --xyz-translate-x: -50%
}

[xyz~="left-75%"] {
    --xyz-translate-x: -75%
}

[xyz~="left-100%"] {
    --xyz-translate-x: -100%
}

[xyz~=in-left] {
    --xyz-in-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-left-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-left-1] {
    --xyz-in-translate-x: -10px
}

[xyz~=in-left-2] {
    --xyz-in-translate-x: -20px
}

[xyz~=in-left-3] {
    --xyz-in-translate-x: -30px
}

[xyz~=in-left-4] {
    --xyz-in-translate-x: -40px
}

[xyz~=in-left-5] {
    --xyz-in-translate-x: -50px
}

[xyz~="in-left-25%"] {
    --xyz-in-translate-x: -25%
}

[xyz~="in-left-50%"] {
    --xyz-in-translate-x: -50%
}

[xyz~="in-left-75%"] {
    --xyz-in-translate-x: -75%
}

[xyz~="in-left-100%"] {
    --xyz-in-translate-x: -100%
}

[xyz~=out-left] {
    --xyz-out-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-left-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-left-1] {
    --xyz-out-translate-x: -10px
}

[xyz~=out-left-2] {
    --xyz-out-translate-x: -20px
}

[xyz~=out-left-3] {
    --xyz-out-translate-x: -30px
}

[xyz~=out-left-4] {
    --xyz-out-translate-x: -40px
}

[xyz~=out-left-5] {
    --xyz-out-translate-x: -50px
}

[xyz~="out-left-25%"] {
    --xyz-out-translate-x: -25%
}

[xyz~="out-left-50%"] {
    --xyz-out-translate-x: -50%
}

[xyz~="out-left-75%"] {
    --xyz-out-translate-x: -75%
}

[xyz~="out-left-100%"] {
    --xyz-out-translate-x: -100%
}

[xyz~=appear-left] {
    --xyz-appear-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-left-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-left-1] {
    --xyz-appear-translate-x: -10px
}

[xyz~=appear-left-2] {
    --xyz-appear-translate-x: -20px
}

[xyz~=appear-left-3] {
    --xyz-appear-translate-x: -30px
}

[xyz~=appear-left-4] {
    --xyz-appear-translate-x: -40px
}

[xyz~=appear-left-5] {
    --xyz-appear-translate-x: -50px
}

[xyz~="appear-left-25%"] {
    --xyz-appear-translate-x: -25%
}

[xyz~="appear-left-50%"] {
    --xyz-appear-translate-x: -50%
}

[xyz~="appear-left-75%"] {
    --xyz-appear-translate-x: -75%
}

[xyz~="appear-left-100%"] {
    --xyz-appear-translate-x: -100%
}

[xyz~=down] {
    --xyz-translate-y: var(--xyz-translate-default)
}

[xyz~=down-0] {
    --xyz-translate-y: 0px
}

[xyz~=down-1] {
    --xyz-translate-y: 10px
}

[xyz~=down-2] {
    --xyz-translate-y: 20px
}

[xyz~=down-3] {
    --xyz-translate-y: 30px
}

[xyz~=down-4] {
    --xyz-translate-y: 40px
}

[xyz~=down-5] {
    --xyz-translate-y: 50px
}

[xyz~="down-25%"] {
    --xyz-translate-y: 25%
}

[xyz~="down-50%"] {
    --xyz-translate-y: 50%
}

[xyz~="down-75%"] {
    --xyz-translate-y: 75%
}

[xyz~="down-100%"] {
    --xyz-translate-y: 100%
}

[xyz~=in-down] {
    --xyz-in-translate-y: var(--xyz-translate-default)
}

[xyz~=in-down-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-down-1] {
    --xyz-in-translate-y: 10px
}

[xyz~=in-down-2] {
    --xyz-in-translate-y: 20px
}

[xyz~=in-down-3] {
    --xyz-in-translate-y: 30px
}

[xyz~=in-down-4] {
    --xyz-in-translate-y: 40px
}

[xyz~=in-down-5] {
    --xyz-in-translate-y: 50px
}

[xyz~="in-down-25%"] {
    --xyz-in-translate-y: 25%
}

[xyz~="in-down-50%"] {
    --xyz-in-translate-y: 50%
}

[xyz~="in-down-75%"] {
    --xyz-in-translate-y: 75%
}

[xyz~="in-down-100%"] {
    --xyz-in-translate-y: 100%
}

[xyz~=out-down] {
    --xyz-out-translate-y: var(--xyz-translate-default)
}

[xyz~=out-down-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-down-1] {
    --xyz-out-translate-y: 10px
}

[xyz~=out-down-2] {
    --xyz-out-translate-y: 20px
}

[xyz~=out-down-3] {
    --xyz-out-translate-y: 30px
}

[xyz~=out-down-4] {
    --xyz-out-translate-y: 40px
}

[xyz~=out-down-5] {
    --xyz-out-translate-y: 50px
}

[xyz~="out-down-25%"] {
    --xyz-out-translate-y: 25%
}

[xyz~="out-down-50%"] {
    --xyz-out-translate-y: 50%
}

[xyz~="out-down-75%"] {
    --xyz-out-translate-y: 75%
}

[xyz~="out-down-100%"] {
    --xyz-out-translate-y: 100%
}

[xyz~=appear-down] {
    --xyz-appear-translate-y: var(--xyz-translate-default)
}

[xyz~=appear-down-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-down-1] {
    --xyz-appear-translate-y: 10px
}

[xyz~=appear-down-2] {
    --xyz-appear-translate-y: 20px
}

[xyz~=appear-down-3] {
    --xyz-appear-translate-y: 30px
}

[xyz~=appear-down-4] {
    --xyz-appear-translate-y: 40px
}

[xyz~=appear-down-5] {
    --xyz-appear-translate-y: 50px
}

[xyz~="appear-down-25%"] {
    --xyz-appear-translate-y: 25%
}

[xyz~="appear-down-50%"] {
    --xyz-appear-translate-y: 50%
}

[xyz~="appear-down-75%"] {
    --xyz-appear-translate-y: 75%
}

[xyz~="appear-down-100%"] {
    --xyz-appear-translate-y: 100%
}

[xyz~=up] {
    --xyz-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=up-0] {
    --xyz-translate-y: 0px
}

[xyz~=up-1] {
    --xyz-translate-y: -10px
}

[xyz~=up-2] {
    --xyz-translate-y: -20px
}

[xyz~=up-3] {
    --xyz-translate-y: -30px
}

[xyz~=up-4] {
    --xyz-translate-y: -40px
}

[xyz~=up-5] {
    --xyz-translate-y: -50px
}

[xyz~="up-25%"] {
    --xyz-translate-y: -25%
}

[xyz~="up-50%"] {
    --xyz-translate-y: -50%
}

[xyz~="up-75%"] {
    --xyz-translate-y: -75%
}

[xyz~="up-100%"] {
    --xyz-translate-y: -100%
}

[xyz~=in-up] {
    --xyz-in-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-up-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-up-1] {
    --xyz-in-translate-y: -10px
}

[xyz~=in-up-2] {
    --xyz-in-translate-y: -20px
}

[xyz~=in-up-3] {
    --xyz-in-translate-y: -30px
}

[xyz~=in-up-4] {
    --xyz-in-translate-y: -40px
}

[xyz~=in-up-5] {
    --xyz-in-translate-y: -50px
}

[xyz~="in-up-25%"] {
    --xyz-in-translate-y: -25%
}

[xyz~="in-up-50%"] {
    --xyz-in-translate-y: -50%
}

[xyz~="in-up-75%"] {
    --xyz-in-translate-y: -75%
}

[xyz~="in-up-100%"] {
    --xyz-in-translate-y: -100%
}

[xyz~=out-up] {
    --xyz-out-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-up-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-up-1] {
    --xyz-out-translate-y: -10px
}

[xyz~=out-up-2] {
    --xyz-out-translate-y: -20px
}

[xyz~=out-up-3] {
    --xyz-out-translate-y: -30px
}

[xyz~=out-up-4] {
    --xyz-out-translate-y: -40px
}

[xyz~=out-up-5] {
    --xyz-out-translate-y: -50px
}

[xyz~="out-up-25%"] {
    --xyz-out-translate-y: -25%
}

[xyz~="out-up-50%"] {
    --xyz-out-translate-y: -50%
}

[xyz~="out-up-75%"] {
    --xyz-out-translate-y: -75%
}

[xyz~="out-up-100%"] {
    --xyz-out-translate-y: -100%
}

[xyz~=appear-up] {
    --xyz-appear-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-up-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-up-1] {
    --xyz-appear-translate-y: -10px
}

[xyz~=appear-up-2] {
    --xyz-appear-translate-y: -20px
}

[xyz~=appear-up-3] {
    --xyz-appear-translate-y: -30px
}

[xyz~=appear-up-4] {
    --xyz-appear-translate-y: -40px
}

[xyz~=appear-up-5] {
    --xyz-appear-translate-y: -50px
}

[xyz~="appear-up-25%"] {
    --xyz-appear-translate-y: -25%
}

[xyz~="appear-up-50%"] {
    --xyz-appear-translate-y: -50%
}

[xyz~="appear-up-75%"] {
    --xyz-appear-translate-y: -75%
}

[xyz~="appear-up-100%"] {
    --xyz-appear-translate-y: -100%
}

[xyz~=front] {
    --xyz-translate-z: var(--xyz-translate-z-default)
}

[xyz~=front-0] {
    --xyz-translate-z: 0px
}

[xyz~=front-1] {
    --xyz-translate-z: 100px
}

[xyz~=front-2] {
    --xyz-translate-z: 200px
}

[xyz~=front-3] {
    --xyz-translate-z: 300px
}

[xyz~=front-4] {
    --xyz-translate-z: 400px
}

[xyz~=front-5] {
    --xyz-translate-z: 500px
}

[xyz~=in-front] {
    --xyz-in-translate-z: var(--xyz-translate-z-default)
}

[xyz~=in-front-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-front-1] {
    --xyz-in-translate-z: 100px
}

[xyz~=in-front-2] {
    --xyz-in-translate-z: 200px
}

[xyz~=in-front-3] {
    --xyz-in-translate-z: 300px
}

[xyz~=in-front-4] {
    --xyz-in-translate-z: 400px
}

[xyz~=in-front-5] {
    --xyz-in-translate-z: 500px
}

[xyz~=out-front] {
    --xyz-out-translate-z: var(--xyz-translate-z-default)
}

[xyz~=out-front-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-front-1] {
    --xyz-out-translate-z: 100px
}

[xyz~=out-front-2] {
    --xyz-out-translate-z: 200px
}

[xyz~=out-front-3] {
    --xyz-out-translate-z: 300px
}

[xyz~=out-front-4] {
    --xyz-out-translate-z: 400px
}

[xyz~=out-front-5] {
    --xyz-out-translate-z: 500px
}

[xyz~=appear-front] {
    --xyz-appear-translate-z: var(--xyz-translate-z-default)
}

[xyz~=appear-front-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-front-1] {
    --xyz-appear-translate-z: 100px
}

[xyz~=appear-front-2] {
    --xyz-appear-translate-z: 200px
}

[xyz~=appear-front-3] {
    --xyz-appear-translate-z: 300px
}

[xyz~=appear-front-4] {
    --xyz-appear-translate-z: 400px
}

[xyz~=appear-front-5] {
    --xyz-appear-translate-z: 500px
}

[xyz~=back] {
    --xyz-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=back-0] {
    --xyz-translate-z: 0px
}

[xyz~=back-1] {
    --xyz-translate-z: -100px
}

[xyz~=back-2] {
    --xyz-translate-z: -200px
}

[xyz~=back-3] {
    --xyz-translate-z: -300px
}

[xyz~=back-4] {
    --xyz-translate-z: -400px
}

[xyz~=back-5] {
    --xyz-translate-z: -500px
}

[xyz~=in-back] {
    --xyz-in-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=in-back-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-back-1] {
    --xyz-in-translate-z: -100px
}

[xyz~=in-back-2] {
    --xyz-in-translate-z: -200px
}

[xyz~=in-back-3] {
    --xyz-in-translate-z: -300px
}

[xyz~=in-back-4] {
    --xyz-in-translate-z: -400px
}

[xyz~=in-back-5] {
    --xyz-in-translate-z: -500px
}

[xyz~=out-back] {
    --xyz-out-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=out-back-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-back-1] {
    --xyz-out-translate-z: -100px
}

[xyz~=out-back-2] {
    --xyz-out-translate-z: -200px
}

[xyz~=out-back-3] {
    --xyz-out-translate-z: -300px
}

[xyz~=out-back-4] {
    --xyz-out-translate-z: -400px
}

[xyz~=out-back-5] {
    --xyz-out-translate-z: -500px
}

[xyz~=appear-back] {
    --xyz-appear-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=appear-back-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-back-1] {
    --xyz-appear-translate-z: -100px
}

[xyz~=appear-back-2] {
    --xyz-appear-translate-z: -200px
}

[xyz~=appear-back-3] {
    --xyz-appear-translate-z: -300px
}

[xyz~=appear-back-4] {
    --xyz-appear-translate-z: -400px
}

[xyz~=appear-back-5] {
    --xyz-appear-translate-z: -500px
}

[xyz~=flip-up] {
    --xyz-rotate-x: var(--xyz-rotate-default)
}

[xyz~=flip-up-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-up-1] {
    --xyz-rotate-x: 10deg
}

[xyz~=flip-up-2] {
    --xyz-rotate-x: 20deg
}

[xyz~=flip-up-3] {
    --xyz-rotate-x: 30deg
}

[xyz~=flip-up-4] {
    --xyz-rotate-x: 40deg
}

[xyz~=flip-up-5] {
    --xyz-rotate-x: 50deg
}

[xyz~="flip-up-25%"] {
    --xyz-rotate-x: .25turn
}

[xyz~="flip-up-50%"] {
    --xyz-rotate-x: .5turn
}

[xyz~="flip-up-75%"] {
    --xyz-rotate-x: .75turn
}

[xyz~="flip-up-100%"] {
    --xyz-rotate-x: 1turn
}

[xyz~=in-flip-up] {
    --xyz-in-rotate-x: var(--xyz-rotate-default)
}

[xyz~=in-flip-up-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-up-1] {
    --xyz-in-rotate-x: 10deg
}

[xyz~=in-flip-up-2] {
    --xyz-in-rotate-x: 20deg
}

[xyz~=in-flip-up-3] {
    --xyz-in-rotate-x: 30deg
}

[xyz~=in-flip-up-4] {
    --xyz-in-rotate-x: 40deg
}

[xyz~=in-flip-up-5] {
    --xyz-in-rotate-x: 50deg
}

[xyz~="in-flip-up-25%"] {
    --xyz-in-rotate-x: .25turn
}

[xyz~="in-flip-up-50%"] {
    --xyz-in-rotate-x: .5turn
}

[xyz~="in-flip-up-75%"] {
    --xyz-in-rotate-x: .75turn
}

[xyz~="in-flip-up-100%"] {
    --xyz-in-rotate-x: 1turn
}

[xyz~=out-flip-up] {
    --xyz-out-rotate-x: var(--xyz-rotate-default)
}

[xyz~=out-flip-up-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-up-1] {
    --xyz-out-rotate-x: 10deg
}

[xyz~=out-flip-up-2] {
    --xyz-out-rotate-x: 20deg
}

[xyz~=out-flip-up-3] {
    --xyz-out-rotate-x: 30deg
}

[xyz~=out-flip-up-4] {
    --xyz-out-rotate-x: 40deg
}

[xyz~=out-flip-up-5] {
    --xyz-out-rotate-x: 50deg
}

[xyz~="out-flip-up-25%"] {
    --xyz-out-rotate-x: .25turn
}

[xyz~="out-flip-up-50%"] {
    --xyz-out-rotate-x: .5turn
}

[xyz~="out-flip-up-75%"] {
    --xyz-out-rotate-x: .75turn
}

[xyz~="out-flip-up-100%"] {
    --xyz-out-rotate-x: 1turn
}

[xyz~=appear-flip-up] {
    --xyz-appear-rotate-x: var(--xyz-rotate-default)
}

[xyz~=appear-flip-up-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-up-1] {
    --xyz-appear-rotate-x: 10deg
}

[xyz~=appear-flip-up-2] {
    --xyz-appear-rotate-x: 20deg
}

[xyz~=appear-flip-up-3] {
    --xyz-appear-rotate-x: 30deg
}

[xyz~=appear-flip-up-4] {
    --xyz-appear-rotate-x: 40deg
}

[xyz~=appear-flip-up-5] {
    --xyz-appear-rotate-x: 50deg
}

[xyz~="appear-flip-up-25%"] {
    --xyz-appear-rotate-x: .25turn
}

[xyz~="appear-flip-up-50%"] {
    --xyz-appear-rotate-x: .5turn
}

[xyz~="appear-flip-up-75%"] {
    --xyz-appear-rotate-x: .75turn
}

[xyz~="appear-flip-up-100%"] {
    --xyz-appear-rotate-x: 1turn
}

[xyz~=flip-down] {
    --xyz-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-down-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-down-1] {
    --xyz-rotate-x: -10deg
}

[xyz~=flip-down-2] {
    --xyz-rotate-x: -20deg
}

[xyz~=flip-down-3] {
    --xyz-rotate-x: -30deg
}

[xyz~=flip-down-4] {
    --xyz-rotate-x: -40deg
}

[xyz~=flip-down-5] {
    --xyz-rotate-x: -50deg
}

[xyz~="flip-down-25%"] {
    --xyz-rotate-x: -.25turn
}

[xyz~="flip-down-50%"] {
    --xyz-rotate-x: -.5turn
}

[xyz~="flip-down-75%"] {
    --xyz-rotate-x: -.75turn
}

[xyz~="flip-down-100%"] {
    --xyz-rotate-x: -1turn
}

[xyz~=in-flip-down] {
    --xyz-in-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-down-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-down-1] {
    --xyz-in-rotate-x: -10deg
}

[xyz~=in-flip-down-2] {
    --xyz-in-rotate-x: -20deg
}

[xyz~=in-flip-down-3] {
    --xyz-in-rotate-x: -30deg
}

[xyz~=in-flip-down-4] {
    --xyz-in-rotate-x: -40deg
}

[xyz~=in-flip-down-5] {
    --xyz-in-rotate-x: -50deg
}

[xyz~="in-flip-down-25%"] {
    --xyz-in-rotate-x: -.25turn
}

[xyz~="in-flip-down-50%"] {
    --xyz-in-rotate-x: -.5turn
}

[xyz~="in-flip-down-75%"] {
    --xyz-in-rotate-x: -.75turn
}

[xyz~="in-flip-down-100%"] {
    --xyz-in-rotate-x: -1turn
}

[xyz~=out-flip-down] {
    --xyz-out-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-down-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-down-1] {
    --xyz-out-rotate-x: -10deg
}

[xyz~=out-flip-down-2] {
    --xyz-out-rotate-x: -20deg
}

[xyz~=out-flip-down-3] {
    --xyz-out-rotate-x: -30deg
}

[xyz~=out-flip-down-4] {
    --xyz-out-rotate-x: -40deg
}

[xyz~=out-flip-down-5] {
    --xyz-out-rotate-x: -50deg
}

[xyz~="out-flip-down-25%"] {
    --xyz-out-rotate-x: -.25turn
}

[xyz~="out-flip-down-50%"] {
    --xyz-out-rotate-x: -.5turn
}

[xyz~="out-flip-down-75%"] {
    --xyz-out-rotate-x: -.75turn
}

[xyz~="out-flip-down-100%"] {
    --xyz-out-rotate-x: -1turn
}

[xyz~=appear-flip-down] {
    --xyz-appear-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-down-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-down-1] {
    --xyz-appear-rotate-x: -10deg
}

[xyz~=appear-flip-down-2] {
    --xyz-appear-rotate-x: -20deg
}

[xyz~=appear-flip-down-3] {
    --xyz-appear-rotate-x: -30deg
}

[xyz~=appear-flip-down-4] {
    --xyz-appear-rotate-x: -40deg
}

[xyz~=appear-flip-down-5] {
    --xyz-appear-rotate-x: -50deg
}

[xyz~="appear-flip-down-25%"] {
    --xyz-appear-rotate-x: -.25turn
}

[xyz~="appear-flip-down-50%"] {
    --xyz-appear-rotate-x: -.5turn
}

[xyz~="appear-flip-down-75%"] {
    --xyz-appear-rotate-x: -.75turn
}

[xyz~="appear-flip-down-100%"] {
    --xyz-appear-rotate-x: -1turn
}

[xyz~=flip-right] {
    --xyz-rotate-y: var(--xyz-rotate-default)
}

[xyz~=flip-right-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-right-1] {
    --xyz-rotate-y: 10deg
}

[xyz~=flip-right-2] {
    --xyz-rotate-y: 20deg
}

[xyz~=flip-right-3] {
    --xyz-rotate-y: 30deg
}

[xyz~=flip-right-4] {
    --xyz-rotate-y: 40deg
}

[xyz~=flip-right-5] {
    --xyz-rotate-y: 50deg
}

[xyz~="flip-right-25%"] {
    --xyz-rotate-y: .25turn
}

[xyz~="flip-right-50%"] {
    --xyz-rotate-y: .5turn
}

[xyz~="flip-right-75%"] {
    --xyz-rotate-y: .75turn
}

[xyz~="flip-right-100%"] {
    --xyz-rotate-y: 1turn
}

[xyz~=in-flip-right] {
    --xyz-in-rotate-y: var(--xyz-rotate-default)
}

[xyz~=in-flip-right-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-right-1] {
    --xyz-in-rotate-y: 10deg
}

[xyz~=in-flip-right-2] {
    --xyz-in-rotate-y: 20deg
}

[xyz~=in-flip-right-3] {
    --xyz-in-rotate-y: 30deg
}

[xyz~=in-flip-right-4] {
    --xyz-in-rotate-y: 40deg
}

[xyz~=in-flip-right-5] {
    --xyz-in-rotate-y: 50deg
}

[xyz~="in-flip-right-25%"] {
    --xyz-in-rotate-y: .25turn
}

[xyz~="in-flip-right-50%"] {
    --xyz-in-rotate-y: .5turn
}

[xyz~="in-flip-right-75%"] {
    --xyz-in-rotate-y: .75turn
}

[xyz~="in-flip-right-100%"] {
    --xyz-in-rotate-y: 1turn
}

[xyz~=out-flip-right] {
    --xyz-out-rotate-y: var(--xyz-rotate-default)
}

[xyz~=out-flip-right-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-right-1] {
    --xyz-out-rotate-y: 10deg
}

[xyz~=out-flip-right-2] {
    --xyz-out-rotate-y: 20deg
}

[xyz~=out-flip-right-3] {
    --xyz-out-rotate-y: 30deg
}

[xyz~=out-flip-right-4] {
    --xyz-out-rotate-y: 40deg
}

[xyz~=out-flip-right-5] {
    --xyz-out-rotate-y: 50deg
}

[xyz~="out-flip-right-25%"] {
    --xyz-out-rotate-y: .25turn
}

[xyz~="out-flip-right-50%"] {
    --xyz-out-rotate-y: .5turn
}

[xyz~="out-flip-right-75%"] {
    --xyz-out-rotate-y: .75turn
}

[xyz~="out-flip-right-100%"] {
    --xyz-out-rotate-y: 1turn
}

[xyz~=appear-flip-right] {
    --xyz-appear-rotate-y: var(--xyz-rotate-default)
}

[xyz~=appear-flip-right-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-right-1] {
    --xyz-appear-rotate-y: 10deg
}

[xyz~=appear-flip-right-2] {
    --xyz-appear-rotate-y: 20deg
}

[xyz~=appear-flip-right-3] {
    --xyz-appear-rotate-y: 30deg
}

[xyz~=appear-flip-right-4] {
    --xyz-appear-rotate-y: 40deg
}

[xyz~=appear-flip-right-5] {
    --xyz-appear-rotate-y: 50deg
}

[xyz~="appear-flip-right-25%"] {
    --xyz-appear-rotate-y: .25turn
}

[xyz~="appear-flip-right-50%"] {
    --xyz-appear-rotate-y: .5turn
}

[xyz~="appear-flip-right-75%"] {
    --xyz-appear-rotate-y: .75turn
}

[xyz~="appear-flip-right-100%"] {
    --xyz-appear-rotate-y: 1turn
}

[xyz~=flip-left] {
    --xyz-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-left-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-left-1] {
    --xyz-rotate-y: -10deg
}

[xyz~=flip-left-2] {
    --xyz-rotate-y: -20deg
}

[xyz~=flip-left-3] {
    --xyz-rotate-y: -30deg
}

[xyz~=flip-left-4] {
    --xyz-rotate-y: -40deg
}

[xyz~=flip-left-5] {
    --xyz-rotate-y: -50deg
}

[xyz~="flip-left-25%"] {
    --xyz-rotate-y: -.25turn
}

[xyz~="flip-left-50%"] {
    --xyz-rotate-y: -.5turn
}

[xyz~="flip-left-75%"] {
    --xyz-rotate-y: -.75turn
}

[xyz~="flip-left-100%"] {
    --xyz-rotate-y: -1turn
}

[xyz~=in-flip-left] {
    --xyz-in-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-left-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-left-1] {
    --xyz-in-rotate-y: -10deg
}

[xyz~=in-flip-left-2] {
    --xyz-in-rotate-y: -20deg
}

[xyz~=in-flip-left-3] {
    --xyz-in-rotate-y: -30deg
}

[xyz~=in-flip-left-4] {
    --xyz-in-rotate-y: -40deg
}

[xyz~=in-flip-left-5] {
    --xyz-in-rotate-y: -50deg
}

[xyz~="in-flip-left-25%"] {
    --xyz-in-rotate-y: -.25turn
}

[xyz~="in-flip-left-50%"] {
    --xyz-in-rotate-y: -.5turn
}

[xyz~="in-flip-left-75%"] {
    --xyz-in-rotate-y: -.75turn
}

[xyz~="in-flip-left-100%"] {
    --xyz-in-rotate-y: -1turn
}

[xyz~=out-flip-left] {
    --xyz-out-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-left-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-left-1] {
    --xyz-out-rotate-y: -10deg
}

[xyz~=out-flip-left-2] {
    --xyz-out-rotate-y: -20deg
}

[xyz~=out-flip-left-3] {
    --xyz-out-rotate-y: -30deg
}

[xyz~=out-flip-left-4] {
    --xyz-out-rotate-y: -40deg
}

[xyz~=out-flip-left-5] {
    --xyz-out-rotate-y: -50deg
}

[xyz~="out-flip-left-25%"] {
    --xyz-out-rotate-y: -.25turn
}

[xyz~="out-flip-left-50%"] {
    --xyz-out-rotate-y: -.5turn
}

[xyz~="out-flip-left-75%"] {
    --xyz-out-rotate-y: -.75turn
}

[xyz~="out-flip-left-100%"] {
    --xyz-out-rotate-y: -1turn
}

[xyz~=appear-flip-left] {
    --xyz-appear-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-left-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-left-1] {
    --xyz-appear-rotate-y: -10deg
}

[xyz~=appear-flip-left-2] {
    --xyz-appear-rotate-y: -20deg
}

[xyz~=appear-flip-left-3] {
    --xyz-appear-rotate-y: -30deg
}

[xyz~=appear-flip-left-4] {
    --xyz-appear-rotate-y: -40deg
}

[xyz~=appear-flip-left-5] {
    --xyz-appear-rotate-y: -50deg
}

[xyz~="appear-flip-left-25%"] {
    --xyz-appear-rotate-y: -.25turn
}

[xyz~="appear-flip-left-50%"] {
    --xyz-appear-rotate-y: -.5turn
}

[xyz~="appear-flip-left-75%"] {
    --xyz-appear-rotate-y: -.75turn
}

[xyz~="appear-flip-left-100%"] {
    --xyz-appear-rotate-y: -1turn
}

[xyz~=rotate-right] {
    --xyz-rotate-z: var(--xyz-rotate-default)
}

[xyz~=rotate-right-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-right-1] {
    --xyz-rotate-z: 10deg
}

[xyz~=rotate-right-2] {
    --xyz-rotate-z: 20deg
}

[xyz~=rotate-right-3] {
    --xyz-rotate-z: 30deg
}

[xyz~=rotate-right-4] {
    --xyz-rotate-z: 40deg
}

[xyz~=rotate-right-5] {
    --xyz-rotate-z: 50deg
}

[xyz~="rotate-right-25%"] {
    --xyz-rotate-z: .25turn
}

[xyz~="rotate-right-50%"] {
    --xyz-rotate-z: .5turn
}

[xyz~="rotate-right-75%"] {
    --xyz-rotate-z: .75turn
}

[xyz~="rotate-right-100%"] {
    --xyz-rotate-z: 1turn
}

[xyz~=in-rotate-right] {
    --xyz-in-rotate-z: var(--xyz-rotate-default)
}

[xyz~=in-rotate-right-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-right-1] {
    --xyz-in-rotate-z: 10deg
}

[xyz~=in-rotate-right-2] {
    --xyz-in-rotate-z: 20deg
}

[xyz~=in-rotate-right-3] {
    --xyz-in-rotate-z: 30deg
}

[xyz~=in-rotate-right-4] {
    --xyz-in-rotate-z: 40deg
}

[xyz~=in-rotate-right-5] {
    --xyz-in-rotate-z: 50deg
}

[xyz~="in-rotate-right-25%"] {
    --xyz-in-rotate-z: .25turn
}

[xyz~="in-rotate-right-50%"] {
    --xyz-in-rotate-z: .5turn
}

[xyz~="in-rotate-right-75%"] {
    --xyz-in-rotate-z: .75turn
}

[xyz~="in-rotate-right-100%"] {
    --xyz-in-rotate-z: 1turn
}

[xyz~=out-rotate-right] {
    --xyz-out-rotate-z: var(--xyz-rotate-default)
}

[xyz~=out-rotate-right-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-right-1] {
    --xyz-out-rotate-z: 10deg
}

[xyz~=out-rotate-right-2] {
    --xyz-out-rotate-z: 20deg
}

[xyz~=out-rotate-right-3] {
    --xyz-out-rotate-z: 30deg
}

[xyz~=out-rotate-right-4] {
    --xyz-out-rotate-z: 40deg
}

[xyz~=out-rotate-right-5] {
    --xyz-out-rotate-z: 50deg
}

[xyz~="out-rotate-right-25%"] {
    --xyz-out-rotate-z: .25turn
}

[xyz~="out-rotate-right-50%"] {
    --xyz-out-rotate-z: .5turn
}

[xyz~="out-rotate-right-75%"] {
    --xyz-out-rotate-z: .75turn
}

[xyz~="out-rotate-right-100%"] {
    --xyz-out-rotate-z: 1turn
}

[xyz~=appear-rotate-right] {
    --xyz-appear-rotate-z: var(--xyz-rotate-default)
}

[xyz~=appear-rotate-right-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-right-1] {
    --xyz-appear-rotate-z: 10deg
}

[xyz~=appear-rotate-right-2] {
    --xyz-appear-rotate-z: 20deg
}

[xyz~=appear-rotate-right-3] {
    --xyz-appear-rotate-z: 30deg
}

[xyz~=appear-rotate-right-4] {
    --xyz-appear-rotate-z: 40deg
}

[xyz~=appear-rotate-right-5] {
    --xyz-appear-rotate-z: 50deg
}

[xyz~="appear-rotate-right-25%"] {
    --xyz-appear-rotate-z: .25turn
}

[xyz~="appear-rotate-right-50%"] {
    --xyz-appear-rotate-z: .5turn
}

[xyz~="appear-rotate-right-75%"] {
    --xyz-appear-rotate-z: .75turn
}

[xyz~="appear-rotate-right-100%"] {
    --xyz-appear-rotate-z: 1turn
}

[xyz~=rotate-left] {
    --xyz-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=rotate-left-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-left-1] {
    --xyz-rotate-z: -10deg
}

[xyz~=rotate-left-2] {
    --xyz-rotate-z: -20deg
}

[xyz~=rotate-left-3] {
    --xyz-rotate-z: -30deg
}

[xyz~=rotate-left-4] {
    --xyz-rotate-z: -40deg
}

[xyz~=rotate-left-5] {
    --xyz-rotate-z: -50deg
}

[xyz~="rotate-left-25%"] {
    --xyz-rotate-z: -.25turn
}

[xyz~="rotate-left-50%"] {
    --xyz-rotate-z: -.5turn
}

[xyz~="rotate-left-75%"] {
    --xyz-rotate-z: -.75turn
}

[xyz~="rotate-left-100%"] {
    --xyz-rotate-z: -1turn
}

[xyz~=in-rotate-left] {
    --xyz-in-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-rotate-left-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-left-1] {
    --xyz-in-rotate-z: -10deg
}

[xyz~=in-rotate-left-2] {
    --xyz-in-rotate-z: -20deg
}

[xyz~=in-rotate-left-3] {
    --xyz-in-rotate-z: -30deg
}

[xyz~=in-rotate-left-4] {
    --xyz-in-rotate-z: -40deg
}

[xyz~=in-rotate-left-5] {
    --xyz-in-rotate-z: -50deg
}

[xyz~="in-rotate-left-25%"] {
    --xyz-in-rotate-z: -.25turn
}

[xyz~="in-rotate-left-50%"] {
    --xyz-in-rotate-z: -.5turn
}

[xyz~="in-rotate-left-75%"] {
    --xyz-in-rotate-z: -.75turn
}

[xyz~="in-rotate-left-100%"] {
    --xyz-in-rotate-z: -1turn
}

[xyz~=out-rotate-left] {
    --xyz-out-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-rotate-left-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-left-1] {
    --xyz-out-rotate-z: -10deg
}

[xyz~=out-rotate-left-2] {
    --xyz-out-rotate-z: -20deg
}

[xyz~=out-rotate-left-3] {
    --xyz-out-rotate-z: -30deg
}

[xyz~=out-rotate-left-4] {
    --xyz-out-rotate-z: -40deg
}

[xyz~=out-rotate-left-5] {
    --xyz-out-rotate-z: -50deg
}

[xyz~="out-rotate-left-25%"] {
    --xyz-out-rotate-z: -.25turn
}

[xyz~="out-rotate-left-50%"] {
    --xyz-out-rotate-z: -.5turn
}

[xyz~="out-rotate-left-75%"] {
    --xyz-out-rotate-z: -.75turn
}

[xyz~="out-rotate-left-100%"] {
    --xyz-out-rotate-z: -1turn
}

[xyz~=appear-rotate-left] {
    --xyz-appear-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-rotate-left-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-left-1] {
    --xyz-appear-rotate-z: -10deg
}

[xyz~=appear-rotate-left-2] {
    --xyz-appear-rotate-z: -20deg
}

[xyz~=appear-rotate-left-3] {
    --xyz-appear-rotate-z: -30deg
}

[xyz~=appear-rotate-left-4] {
    --xyz-appear-rotate-z: -40deg
}

[xyz~=appear-rotate-left-5] {
    --xyz-appear-rotate-z: -50deg
}

[xyz~="appear-rotate-left-25%"] {
    --xyz-appear-rotate-z: -.25turn
}

[xyz~="appear-rotate-left-50%"] {
    --xyz-appear-rotate-z: -.5turn
}

[xyz~="appear-rotate-left-75%"] {
    --xyz-appear-rotate-z: -.75turn
}

[xyz~="appear-rotate-left-100%"] {
    --xyz-appear-rotate-z: -1turn
}

[xyz~=small] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=small-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=small-1] {
    --xyz-scale-x: .975;
    --xyz-scale-y: .975;
    --xyz-scale-z: .975
}

[xyz~=small-2] {
    --xyz-scale-x: .95;
    --xyz-scale-y: .95;
    --xyz-scale-z: .95
}

[xyz~=small-3] {
    --xyz-scale-x: .925;
    --xyz-scale-y: .925;
    --xyz-scale-z: .925
}

[xyz~=small-4] {
    --xyz-scale-x: .9;
    --xyz-scale-y: .9;
    --xyz-scale-z: .9
}

[xyz~=small-5] {
    --xyz-scale-x: .875;
    --xyz-scale-y: .875;
    --xyz-scale-z: .875
}

[xyz~="small-25%"] {
    --xyz-scale-x: .75;
    --xyz-scale-y: .75;
    --xyz-scale-z: .75
}

[xyz~="small-50%"] {
    --xyz-scale-x: .5;
    --xyz-scale-y: .5;
    --xyz-scale-z: .5
}

[xyz~="small-75%"] {
    --xyz-scale-x: .25;
    --xyz-scale-y: .25;
    --xyz-scale-z: .25
}

[xyz~="small-100%"] {
    --xyz-scale-x: 0;
    --xyz-scale-y: 0;
    --xyz-scale-z: 0
}

[xyz~=in-small] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-small-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-small-1] {
    --xyz-in-scale-x: .975;
    --xyz-in-scale-y: .975;
    --xyz-in-scale-z: .975
}

[xyz~=in-small-2] {
    --xyz-in-scale-x: .95;
    --xyz-in-scale-y: .95;
    --xyz-in-scale-z: .95
}

[xyz~=in-small-3] {
    --xyz-in-scale-x: .925;
    --xyz-in-scale-y: .925;
    --xyz-in-scale-z: .925
}

[xyz~=in-small-4] {
    --xyz-in-scale-x: .9;
    --xyz-in-scale-y: .9;
    --xyz-in-scale-z: .9
}

[xyz~=in-small-5] {
    --xyz-in-scale-x: .875;
    --xyz-in-scale-y: .875;
    --xyz-in-scale-z: .875
}

[xyz~="in-small-25%"] {
    --xyz-in-scale-x: .75;
    --xyz-in-scale-y: .75;
    --xyz-in-scale-z: .75
}

[xyz~="in-small-50%"] {
    --xyz-in-scale-x: .5;
    --xyz-in-scale-y: .5;
    --xyz-in-scale-z: .5
}

[xyz~="in-small-75%"] {
    --xyz-in-scale-x: .25;
    --xyz-in-scale-y: .25;
    --xyz-in-scale-z: .25
}

[xyz~="in-small-100%"] {
    --xyz-in-scale-x: 0;
    --xyz-in-scale-y: 0;
    --xyz-in-scale-z: 0
}

[xyz~=out-small] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-small-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-small-1] {
    --xyz-out-scale-x: .975;
    --xyz-out-scale-y: .975;
    --xyz-out-scale-z: .975
}

[xyz~=out-small-2] {
    --xyz-out-scale-x: .95;
    --xyz-out-scale-y: .95;
    --xyz-out-scale-z: .95
}

[xyz~=out-small-3] {
    --xyz-out-scale-x: .925;
    --xyz-out-scale-y: .925;
    --xyz-out-scale-z: .925
}

[xyz~=out-small-4] {
    --xyz-out-scale-x: .9;
    --xyz-out-scale-y: .9;
    --xyz-out-scale-z: .9
}

[xyz~=out-small-5] {
    --xyz-out-scale-x: .875;
    --xyz-out-scale-y: .875;
    --xyz-out-scale-z: .875
}

[xyz~="out-small-25%"] {
    --xyz-out-scale-x: .75;
    --xyz-out-scale-y: .75;
    --xyz-out-scale-z: .75
}

[xyz~="out-small-50%"] {
    --xyz-out-scale-x: .5;
    --xyz-out-scale-y: .5;
    --xyz-out-scale-z: .5
}

[xyz~="out-small-75%"] {
    --xyz-out-scale-x: .25;
    --xyz-out-scale-y: .25;
    --xyz-out-scale-z: .25
}

[xyz~="out-small-100%"] {
    --xyz-out-scale-x: 0;
    --xyz-out-scale-y: 0;
    --xyz-out-scale-z: 0
}

[xyz~=appear-small] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-small-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-small-1] {
    --xyz-appear-scale-x: .975;
    --xyz-appear-scale-y: .975;
    --xyz-appear-scale-z: .975
}

[xyz~=appear-small-2] {
    --xyz-appear-scale-x: .95;
    --xyz-appear-scale-y: .95;
    --xyz-appear-scale-z: .95
}

[xyz~=appear-small-3] {
    --xyz-appear-scale-x: .925;
    --xyz-appear-scale-y: .925;
    --xyz-appear-scale-z: .925
}

[xyz~=appear-small-4] {
    --xyz-appear-scale-x: .9;
    --xyz-appear-scale-y: .9;
    --xyz-appear-scale-z: .9
}

[xyz~=appear-small-5] {
    --xyz-appear-scale-x: .875;
    --xyz-appear-scale-y: .875;
    --xyz-appear-scale-z: .875
}

[xyz~="appear-small-25%"] {
    --xyz-appear-scale-x: .75;
    --xyz-appear-scale-y: .75;
    --xyz-appear-scale-z: .75
}

[xyz~="appear-small-50%"] {
    --xyz-appear-scale-x: .5;
    --xyz-appear-scale-y: .5;
    --xyz-appear-scale-z: .5
}

[xyz~="appear-small-75%"] {
    --xyz-appear-scale-x: .25;
    --xyz-appear-scale-y: .25;
    --xyz-appear-scale-z: .25
}

[xyz~="appear-small-100%"] {
    --xyz-appear-scale-x: 0;
    --xyz-appear-scale-y: 0;
    --xyz-appear-scale-z: 0
}

[xyz~=big] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=big-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=big-1] {
    --xyz-scale-x: 1.025;
    --xyz-scale-y: 1.025;
    --xyz-scale-z: 1.025
}

[xyz~=big-2] {
    --xyz-scale-x: 1.05;
    --xyz-scale-y: 1.05;
    --xyz-scale-z: 1.05
}

[xyz~=big-3] {
    --xyz-scale-x: 1.075;
    --xyz-scale-y: 1.075;
    --xyz-scale-z: 1.075
}

[xyz~=big-4] {
    --xyz-scale-x: 1.1;
    --xyz-scale-y: 1.1;
    --xyz-scale-z: 1.1
}

[xyz~=big-5] {
    --xyz-scale-x: 1.125;
    --xyz-scale-y: 1.125;
    --xyz-scale-z: 1.125
}

[xyz~="big-25%"] {
    --xyz-scale-x: 1.25;
    --xyz-scale-y: 1.25;
    --xyz-scale-z: 1.25
}

[xyz~="big-50%"] {
    --xyz-scale-x: 1.5;
    --xyz-scale-y: 1.5;
    --xyz-scale-z: 1.5
}

[xyz~="big-75%"] {
    --xyz-scale-x: 1.75;
    --xyz-scale-y: 1.75;
    --xyz-scale-z: 1.75
}

[xyz~="big-100%"] {
    --xyz-scale-x: 2;
    --xyz-scale-y: 2;
    --xyz-scale-z: 2
}

[xyz~=in-big] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-big-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-big-1] {
    --xyz-in-scale-x: 1.025;
    --xyz-in-scale-y: 1.025;
    --xyz-in-scale-z: 1.025
}

[xyz~=in-big-2] {
    --xyz-in-scale-x: 1.05;
    --xyz-in-scale-y: 1.05;
    --xyz-in-scale-z: 1.05
}

[xyz~=in-big-3] {
    --xyz-in-scale-x: 1.075;
    --xyz-in-scale-y: 1.075;
    --xyz-in-scale-z: 1.075
}

[xyz~=in-big-4] {
    --xyz-in-scale-x: 1.1;
    --xyz-in-scale-y: 1.1;
    --xyz-in-scale-z: 1.1
}

[xyz~=in-big-5] {
    --xyz-in-scale-x: 1.125;
    --xyz-in-scale-y: 1.125;
    --xyz-in-scale-z: 1.125
}

[xyz~="in-big-25%"] {
    --xyz-in-scale-x: 1.25;
    --xyz-in-scale-y: 1.25;
    --xyz-in-scale-z: 1.25
}

[xyz~="in-big-50%"] {
    --xyz-in-scale-x: 1.5;
    --xyz-in-scale-y: 1.5;
    --xyz-in-scale-z: 1.5
}

[xyz~="in-big-75%"] {
    --xyz-in-scale-x: 1.75;
    --xyz-in-scale-y: 1.75;
    --xyz-in-scale-z: 1.75
}

[xyz~="in-big-100%"] {
    --xyz-in-scale-x: 2;
    --xyz-in-scale-y: 2;
    --xyz-in-scale-z: 2
}

[xyz~=out-big] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-big-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-big-1] {
    --xyz-out-scale-x: 1.025;
    --xyz-out-scale-y: 1.025;
    --xyz-out-scale-z: 1.025
}

[xyz~=out-big-2] {
    --xyz-out-scale-x: 1.05;
    --xyz-out-scale-y: 1.05;
    --xyz-out-scale-z: 1.05
}

[xyz~=out-big-3] {
    --xyz-out-scale-x: 1.075;
    --xyz-out-scale-y: 1.075;
    --xyz-out-scale-z: 1.075
}

[xyz~=out-big-4] {
    --xyz-out-scale-x: 1.1;
    --xyz-out-scale-y: 1.1;
    --xyz-out-scale-z: 1.1
}

[xyz~=out-big-5] {
    --xyz-out-scale-x: 1.125;
    --xyz-out-scale-y: 1.125;
    --xyz-out-scale-z: 1.125
}

[xyz~="out-big-25%"] {
    --xyz-out-scale-x: 1.25;
    --xyz-out-scale-y: 1.25;
    --xyz-out-scale-z: 1.25
}

[xyz~="out-big-50%"] {
    --xyz-out-scale-x: 1.5;
    --xyz-out-scale-y: 1.5;
    --xyz-out-scale-z: 1.5
}

[xyz~="out-big-75%"] {
    --xyz-out-scale-x: 1.75;
    --xyz-out-scale-y: 1.75;
    --xyz-out-scale-z: 1.75
}

[xyz~="out-big-100%"] {
    --xyz-out-scale-x: 2;
    --xyz-out-scale-y: 2;
    --xyz-out-scale-z: 2
}

[xyz~=appear-big] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-big-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-big-1] {
    --xyz-appear-scale-x: 1.025;
    --xyz-appear-scale-y: 1.025;
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-big-2] {
    --xyz-appear-scale-x: 1.05;
    --xyz-appear-scale-y: 1.05;
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-big-3] {
    --xyz-appear-scale-x: 1.075;
    --xyz-appear-scale-y: 1.075;
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-big-4] {
    --xyz-appear-scale-x: 1.1;
    --xyz-appear-scale-y: 1.1;
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-big-5] {
    --xyz-appear-scale-x: 1.125;
    --xyz-appear-scale-y: 1.125;
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-big-25%"] {
    --xyz-appear-scale-x: 1.25;
    --xyz-appear-scale-y: 1.25;
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-big-50%"] {
    --xyz-appear-scale-x: 1.5;
    --xyz-appear-scale-y: 1.5;
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-big-75%"] {
    --xyz-appear-scale-x: 1.75;
    --xyz-appear-scale-y: 1.75;
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-big-100%"] {
    --xyz-appear-scale-x: 2;
    --xyz-appear-scale-y: 2;
    --xyz-appear-scale-z: 2
}

[xyz~=narrow] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=narrow-0] {
    --xyz-scale-x: 1
}

[xyz~=narrow-1] {
    --xyz-scale-x: .975
}

[xyz~=narrow-2] {
    --xyz-scale-x: .95
}

[xyz~=narrow-3] {
    --xyz-scale-x: .925
}

[xyz~=narrow-4] {
    --xyz-scale-x: .9
}

[xyz~=narrow-5] {
    --xyz-scale-x: .875
}

[xyz~="narrow-25%"] {
    --xyz-scale-x: .75
}

[xyz~="narrow-50%"] {
    --xyz-scale-x: .5
}

[xyz~="narrow-75%"] {
    --xyz-scale-x: .25
}

[xyz~="narrow-100%"] {
    --xyz-scale-x: 0
}

[xyz~=in-narrow] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-narrow-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-narrow-1] {
    --xyz-in-scale-x: .975
}

[xyz~=in-narrow-2] {
    --xyz-in-scale-x: .95
}

[xyz~=in-narrow-3] {
    --xyz-in-scale-x: .925
}

[xyz~=in-narrow-4] {
    --xyz-in-scale-x: .9
}

[xyz~=in-narrow-5] {
    --xyz-in-scale-x: .875
}

[xyz~="in-narrow-25%"] {
    --xyz-in-scale-x: .75
}

[xyz~="in-narrow-50%"] {
    --xyz-in-scale-x: .5
}

[xyz~="in-narrow-75%"] {
    --xyz-in-scale-x: .25
}

[xyz~="in-narrow-100%"] {
    --xyz-in-scale-x: 0
}

[xyz~=out-narrow] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-narrow-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-narrow-1] {
    --xyz-out-scale-x: .975
}

[xyz~=out-narrow-2] {
    --xyz-out-scale-x: .95
}

[xyz~=out-narrow-3] {
    --xyz-out-scale-x: .925
}

[xyz~=out-narrow-4] {
    --xyz-out-scale-x: .9
}

[xyz~=out-narrow-5] {
    --xyz-out-scale-x: .875
}

[xyz~="out-narrow-25%"] {
    --xyz-out-scale-x: .75
}

[xyz~="out-narrow-50%"] {
    --xyz-out-scale-x: .5
}

[xyz~="out-narrow-75%"] {
    --xyz-out-scale-x: .25
}

[xyz~="out-narrow-100%"] {
    --xyz-out-scale-x: 0
}

[xyz~=appear-narrow] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-narrow-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-narrow-1] {
    --xyz-appear-scale-x: .975
}

[xyz~=appear-narrow-2] {
    --xyz-appear-scale-x: .95
}

[xyz~=appear-narrow-3] {
    --xyz-appear-scale-x: .925
}

[xyz~=appear-narrow-4] {
    --xyz-appear-scale-x: .9
}

[xyz~=appear-narrow-5] {
    --xyz-appear-scale-x: .875
}

[xyz~="appear-narrow-25%"] {
    --xyz-appear-scale-x: .75
}

[xyz~="appear-narrow-50%"] {
    --xyz-appear-scale-x: .5
}

[xyz~="appear-narrow-75%"] {
    --xyz-appear-scale-x: .25
}

[xyz~="appear-narrow-100%"] {
    --xyz-appear-scale-x: 0
}

[xyz~=wide] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=wide-0] {
    --xyz-scale-x: 1
}

[xyz~=wide-1] {
    --xyz-scale-x: 1.025
}

[xyz~=wide-2] {
    --xyz-scale-x: 1.05
}

[xyz~=wide-3] {
    --xyz-scale-x: 1.075
}

[xyz~=wide-4] {
    --xyz-scale-x: 1.1
}

[xyz~=wide-5] {
    --xyz-scale-x: 1.125
}

[xyz~="wide-25%"] {
    --xyz-scale-x: 1.25
}

[xyz~="wide-50%"] {
    --xyz-scale-x: 1.5
}

[xyz~="wide-75%"] {
    --xyz-scale-x: 1.75
}

[xyz~="wide-100%"] {
    --xyz-scale-x: 2
}

[xyz~=in-wide] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-wide-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-wide-1] {
    --xyz-in-scale-x: 1.025
}

[xyz~=in-wide-2] {
    --xyz-in-scale-x: 1.05
}

[xyz~=in-wide-3] {
    --xyz-in-scale-x: 1.075
}

[xyz~=in-wide-4] {
    --xyz-in-scale-x: 1.1
}

[xyz~=in-wide-5] {
    --xyz-in-scale-x: 1.125
}

[xyz~="in-wide-25%"] {
    --xyz-in-scale-x: 1.25
}

[xyz~="in-wide-50%"] {
    --xyz-in-scale-x: 1.5
}

[xyz~="in-wide-75%"] {
    --xyz-in-scale-x: 1.75
}

[xyz~="in-wide-100%"] {
    --xyz-in-scale-x: 2
}

[xyz~=out-wide] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-wide-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-wide-1] {
    --xyz-out-scale-x: 1.025
}

[xyz~=out-wide-2] {
    --xyz-out-scale-x: 1.05
}

[xyz~=out-wide-3] {
    --xyz-out-scale-x: 1.075
}

[xyz~=out-wide-4] {
    --xyz-out-scale-x: 1.1
}

[xyz~=out-wide-5] {
    --xyz-out-scale-x: 1.125
}

[xyz~="out-wide-25%"] {
    --xyz-out-scale-x: 1.25
}

[xyz~="out-wide-50%"] {
    --xyz-out-scale-x: 1.5
}

[xyz~="out-wide-75%"] {
    --xyz-out-scale-x: 1.75
}

[xyz~="out-wide-100%"] {
    --xyz-out-scale-x: 2
}

[xyz~=appear-wide] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-wide-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-wide-1] {
    --xyz-appear-scale-x: 1.025
}

[xyz~=appear-wide-2] {
    --xyz-appear-scale-x: 1.05
}

[xyz~=appear-wide-3] {
    --xyz-appear-scale-x: 1.075
}

[xyz~=appear-wide-4] {
    --xyz-appear-scale-x: 1.1
}

[xyz~=appear-wide-5] {
    --xyz-appear-scale-x: 1.125
}

[xyz~="appear-wide-25%"] {
    --xyz-appear-scale-x: 1.25
}

[xyz~="appear-wide-50%"] {
    --xyz-appear-scale-x: 1.5
}

[xyz~="appear-wide-75%"] {
    --xyz-appear-scale-x: 1.75
}

[xyz~="appear-wide-100%"] {
    --xyz-appear-scale-x: 2
}

[xyz~=short] {
    --xyz-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=short-0] {
    --xyz-scale-y: 1
}

[xyz~=short-1] {
    --xyz-scale-y: .975
}

[xyz~=short-2] {
    --xyz-scale-y: .95
}

[xyz~=short-3] {
    --xyz-scale-y: .925
}

[xyz~=short-4] {
    --xyz-scale-y: .9
}

[xyz~=short-5] {
    --xyz-scale-y: .875
}

[xyz~="short-25%"] {
    --xyz-scale-y: .75
}

[xyz~="short-50%"] {
    --xyz-scale-y: .5
}

[xyz~="short-75%"] {
    --xyz-scale-y: .25
}

[xyz~="short-100%"] {
    --xyz-scale-y: 0
}

[xyz~=in-short] {
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-short-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-short-1] {
    --xyz-in-scale-y: .975
}

[xyz~=in-short-2] {
    --xyz-in-scale-y: .95
}

[xyz~=in-short-3] {
    --xyz-in-scale-y: .925
}

[xyz~=in-short-4] {
    --xyz-in-scale-y: .9
}

[xyz~=in-short-5] {
    --xyz-in-scale-y: .875
}

[xyz~="in-short-25%"] {
    --xyz-in-scale-y: .75
}

[xyz~="in-short-50%"] {
    --xyz-in-scale-y: .5
}

[xyz~="in-short-75%"] {
    --xyz-in-scale-y: .25
}

[xyz~="in-short-100%"] {
    --xyz-in-scale-y: 0
}

[xyz~=out-short] {
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-short-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-short-1] {
    --xyz-out-scale-y: .975
}

[xyz~=out-short-2] {
    --xyz-out-scale-y: .95
}

[xyz~=out-short-3] {
    --xyz-out-scale-y: .925
}

[xyz~=out-short-4] {
    --xyz-out-scale-y: .9
}

[xyz~=out-short-5] {
    --xyz-out-scale-y: .875
}

[xyz~="out-short-25%"] {
    --xyz-out-scale-y: .75
}

[xyz~="out-short-50%"] {
    --xyz-out-scale-y: .5
}

[xyz~="out-short-75%"] {
    --xyz-out-scale-y: .25
}

[xyz~="out-short-100%"] {
    --xyz-out-scale-y: 0
}

[xyz~=appear-short] {
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-short-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-short-1] {
    --xyz-appear-scale-y: .975
}

[xyz~=appear-short-2] {
    --xyz-appear-scale-y: .95
}

[xyz~=appear-short-3] {
    --xyz-appear-scale-y: .925
}

[xyz~=appear-short-4] {
    --xyz-appear-scale-y: .9
}

[xyz~=appear-short-5] {
    --xyz-appear-scale-y: .875
}

[xyz~="appear-short-25%"] {
    --xyz-appear-scale-y: .75
}

[xyz~="appear-short-50%"] {
    --xyz-appear-scale-y: .5
}

[xyz~="appear-short-75%"] {
    --xyz-appear-scale-y: .25
}

[xyz~="appear-short-100%"] {
    --xyz-appear-scale-y: 0
}

[xyz~=tall] {
    --xyz-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=tall-0] {
    --xyz-scale-y: 1
}

[xyz~=tall-1] {
    --xyz-scale-y: 1.025
}

[xyz~=tall-2] {
    --xyz-scale-y: 1.05
}

[xyz~=tall-3] {
    --xyz-scale-y: 1.075
}

[xyz~=tall-4] {
    --xyz-scale-y: 1.1
}

[xyz~=tall-5] {
    --xyz-scale-y: 1.125
}

[xyz~="tall-25%"] {
    --xyz-scale-y: 1.25
}

[xyz~="tall-50%"] {
    --xyz-scale-y: 1.5
}

[xyz~="tall-75%"] {
    --xyz-scale-y: 1.75
}

[xyz~="tall-100%"] {
    --xyz-scale-y: 2
}

[xyz~=in-tall] {
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-tall-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-tall-1] {
    --xyz-in-scale-y: 1.025
}

[xyz~=in-tall-2] {
    --xyz-in-scale-y: 1.05
}

[xyz~=in-tall-3] {
    --xyz-in-scale-y: 1.075
}

[xyz~=in-tall-4] {
    --xyz-in-scale-y: 1.1
}

[xyz~=in-tall-5] {
    --xyz-in-scale-y: 1.125
}

[xyz~="in-tall-25%"] {
    --xyz-in-scale-y: 1.25
}

[xyz~="in-tall-50%"] {
    --xyz-in-scale-y: 1.5
}

[xyz~="in-tall-75%"] {
    --xyz-in-scale-y: 1.75
}

[xyz~="in-tall-100%"] {
    --xyz-in-scale-y: 2
}

[xyz~=out-tall] {
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-tall-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-tall-1] {
    --xyz-out-scale-y: 1.025
}

[xyz~=out-tall-2] {
    --xyz-out-scale-y: 1.05
}

[xyz~=out-tall-3] {
    --xyz-out-scale-y: 1.075
}

[xyz~=out-tall-4] {
    --xyz-out-scale-y: 1.1
}

[xyz~=out-tall-5] {
    --xyz-out-scale-y: 1.125
}

[xyz~="out-tall-25%"] {
    --xyz-out-scale-y: 1.25
}

[xyz~="out-tall-50%"] {
    --xyz-out-scale-y: 1.5
}

[xyz~="out-tall-75%"] {
    --xyz-out-scale-y: 1.75
}

[xyz~="out-tall-100%"] {
    --xyz-out-scale-y: 2
}

[xyz~=appear-tall] {
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-tall-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-tall-1] {
    --xyz-appear-scale-y: 1.025
}

[xyz~=appear-tall-2] {
    --xyz-appear-scale-y: 1.05
}

[xyz~=appear-tall-3] {
    --xyz-appear-scale-y: 1.075
}

[xyz~=appear-tall-4] {
    --xyz-appear-scale-y: 1.1
}

[xyz~=appear-tall-5] {
    --xyz-appear-scale-y: 1.125
}

[xyz~="appear-tall-25%"] {
    --xyz-appear-scale-y: 1.25
}

[xyz~="appear-tall-50%"] {
    --xyz-appear-scale-y: 1.5
}

[xyz~="appear-tall-75%"] {
    --xyz-appear-scale-y: 1.75
}

[xyz~="appear-tall-100%"] {
    --xyz-appear-scale-y: 2
}

[xyz~=thin] {
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=thin-0] {
    --xyz-scale-z: 1
}

[xyz~=thin-1] {
    --xyz-scale-z: .975
}

[xyz~=thin-2] {
    --xyz-scale-z: .95
}

[xyz~=thin-3] {
    --xyz-scale-z: .925
}

[xyz~=thin-4] {
    --xyz-scale-z: .9
}

[xyz~=thin-5] {
    --xyz-scale-z: .875
}

[xyz~="thin-25%"] {
    --xyz-scale-z: .75
}

[xyz~="thin-50%"] {
    --xyz-scale-z: .5
}

[xyz~="thin-75%"] {
    --xyz-scale-z: .25
}

[xyz~="thin-100%"] {
    --xyz-scale-z: 0
}

[xyz~=in-thin] {
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-thin-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thin-1] {
    --xyz-in-scale-z: .975
}

[xyz~=in-thin-2] {
    --xyz-in-scale-z: .95
}

[xyz~=in-thin-3] {
    --xyz-in-scale-z: .925
}

[xyz~=in-thin-4] {
    --xyz-in-scale-z: .9
}

[xyz~=in-thin-5] {
    --xyz-in-scale-z: .875
}

[xyz~="in-thin-25%"] {
    --xyz-in-scale-z: .75
}

[xyz~="in-thin-50%"] {
    --xyz-in-scale-z: .5
}

[xyz~="in-thin-75%"] {
    --xyz-in-scale-z: .25
}

[xyz~="in-thin-100%"] {
    --xyz-in-scale-z: 0
}

[xyz~=out-thin] {
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-thin-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thin-1] {
    --xyz-out-scale-z: .975
}

[xyz~=out-thin-2] {
    --xyz-out-scale-z: .95
}

[xyz~=out-thin-3] {
    --xyz-out-scale-z: .925
}

[xyz~=out-thin-4] {
    --xyz-out-scale-z: .9
}

[xyz~=out-thin-5] {
    --xyz-out-scale-z: .875
}

[xyz~="out-thin-25%"] {
    --xyz-out-scale-z: .75
}

[xyz~="out-thin-50%"] {
    --xyz-out-scale-z: .5
}

[xyz~="out-thin-75%"] {
    --xyz-out-scale-z: .25
}

[xyz~="out-thin-100%"] {
    --xyz-out-scale-z: 0
}

[xyz~=appear-thin] {
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-thin-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thin-1] {
    --xyz-appear-scale-z: .975
}

[xyz~=appear-thin-2] {
    --xyz-appear-scale-z: .95
}

[xyz~=appear-thin-3] {
    --xyz-appear-scale-z: .925
}

[xyz~=appear-thin-4] {
    --xyz-appear-scale-z: .9
}

[xyz~=appear-thin-5] {
    --xyz-appear-scale-z: .875
}

[xyz~="appear-thin-25%"] {
    --xyz-appear-scale-z: .75
}

[xyz~="appear-thin-50%"] {
    --xyz-appear-scale-z: .5
}

[xyz~="appear-thin-75%"] {
    --xyz-appear-scale-z: .25
}

[xyz~="appear-thin-100%"] {
    --xyz-appear-scale-z: 0
}

[xyz~=thick] {
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=thick-0] {
    --xyz-scale-z: 1
}

[xyz~=thick-1] {
    --xyz-scale-z: 1.025
}

[xyz~=thick-2] {
    --xyz-scale-z: 1.05
}

[xyz~=thick-3] {
    --xyz-scale-z: 1.075
}

[xyz~=thick-4] {
    --xyz-scale-z: 1.1
}

[xyz~=thick-5] {
    --xyz-scale-z: 1.125
}

[xyz~="thick-25%"] {
    --xyz-scale-z: 1.25
}

[xyz~="thick-50%"] {
    --xyz-scale-z: 1.5
}

[xyz~="thick-75%"] {
    --xyz-scale-z: 1.75
}

[xyz~="thick-100%"] {
    --xyz-scale-z: 2
}

[xyz~=in-thick] {
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-thick-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thick-1] {
    --xyz-in-scale-z: 1.025
}

[xyz~=in-thick-2] {
    --xyz-in-scale-z: 1.05
}

[xyz~=in-thick-3] {
    --xyz-in-scale-z: 1.075
}

[xyz~=in-thick-4] {
    --xyz-in-scale-z: 1.1
}

[xyz~=in-thick-5] {
    --xyz-in-scale-z: 1.125
}

[xyz~="in-thick-25%"] {
    --xyz-in-scale-z: 1.25
}

[xyz~="in-thick-50%"] {
    --xyz-in-scale-z: 1.5
}

[xyz~="in-thick-75%"] {
    --xyz-in-scale-z: 1.75
}

[xyz~="in-thick-100%"] {
    --xyz-in-scale-z: 2
}

[xyz~=out-thick] {
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-thick-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thick-1] {
    --xyz-out-scale-z: 1.025
}

[xyz~=out-thick-2] {
    --xyz-out-scale-z: 1.05
}

[xyz~=out-thick-3] {
    --xyz-out-scale-z: 1.075
}

[xyz~=out-thick-4] {
    --xyz-out-scale-z: 1.1
}

[xyz~=out-thick-5] {
    --xyz-out-scale-z: 1.125
}

[xyz~="out-thick-25%"] {
    --xyz-out-scale-z: 1.25
}

[xyz~="out-thick-50%"] {
    --xyz-out-scale-z: 1.5
}

[xyz~="out-thick-75%"] {
    --xyz-out-scale-z: 1.75
}

[xyz~="out-thick-100%"] {
    --xyz-out-scale-z: 2
}

[xyz~=appear-thick] {
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-thick-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thick-1] {
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-thick-2] {
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-thick-3] {
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-thick-4] {
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-thick-5] {
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-thick-25%"] {
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-thick-50%"] {
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-thick-75%"] {
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-thick-100%"] {
    --xyz-appear-scale-z: 2
}

[xyz~=skew-left] {
    --xyz-skew-x: var(--xyz-skew-default)
}

[xyz~=skew-left-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-left-1] {
    --xyz-skew-x: 10deg
}

[xyz~=skew-left-2] {
    --xyz-skew-x: 20deg
}

[xyz~=skew-left-3] {
    --xyz-skew-x: 30deg
}

[xyz~=skew-left-4] {
    --xyz-skew-x: 40deg
}

[xyz~=skew-left-5] {
    --xyz-skew-x: 50deg
}

[xyz~=in-skew-left] {
    --xyz-in-skew-x: var(--xyz-skew-default)
}

[xyz~=in-skew-left-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-left-1] {
    --xyz-in-skew-x: 10deg
}

[xyz~=in-skew-left-2] {
    --xyz-in-skew-x: 20deg
}

[xyz~=in-skew-left-3] {
    --xyz-in-skew-x: 30deg
}

[xyz~=in-skew-left-4] {
    --xyz-in-skew-x: 40deg
}

[xyz~=in-skew-left-5] {
    --xyz-in-skew-x: 50deg
}

[xyz~=out-skew-left] {
    --xyz-out-skew-x: var(--xyz-skew-default)
}

[xyz~=out-skew-left-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-left-1] {
    --xyz-out-skew-x: 10deg
}

[xyz~=out-skew-left-2] {
    --xyz-out-skew-x: 20deg
}

[xyz~=out-skew-left-3] {
    --xyz-out-skew-x: 30deg
}

[xyz~=out-skew-left-4] {
    --xyz-out-skew-x: 40deg
}

[xyz~=out-skew-left-5] {
    --xyz-out-skew-x: 50deg
}

[xyz~=appear-skew-left] {
    --xyz-appear-skew-x: var(--xyz-skew-default)
}

[xyz~=appear-skew-left-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-left-1] {
    --xyz-appear-skew-x: 10deg
}

[xyz~=appear-skew-left-2] {
    --xyz-appear-skew-x: 20deg
}

[xyz~=appear-skew-left-3] {
    --xyz-appear-skew-x: 30deg
}

[xyz~=appear-skew-left-4] {
    --xyz-appear-skew-x: 40deg
}

[xyz~=appear-skew-left-5] {
    --xyz-appear-skew-x: 50deg
}

[xyz~=skew-right] {
    --xyz-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-right-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-right-1] {
    --xyz-skew-x: -10deg
}

[xyz~=skew-right-2] {
    --xyz-skew-x: -20deg
}

[xyz~=skew-right-3] {
    --xyz-skew-x: -30deg
}

[xyz~=skew-right-4] {
    --xyz-skew-x: -40deg
}

[xyz~=skew-right-5] {
    --xyz-skew-x: -50deg
}

[xyz~=in-skew-right] {
    --xyz-in-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-right-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-right-1] {
    --xyz-in-skew-x: -10deg
}

[xyz~=in-skew-right-2] {
    --xyz-in-skew-x: -20deg
}

[xyz~=in-skew-right-3] {
    --xyz-in-skew-x: -30deg
}

[xyz~=in-skew-right-4] {
    --xyz-in-skew-x: -40deg
}

[xyz~=in-skew-right-5] {
    --xyz-in-skew-x: -50deg
}

[xyz~=out-skew-right] {
    --xyz-out-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-right-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-right-1] {
    --xyz-out-skew-x: -10deg
}

[xyz~=out-skew-right-2] {
    --xyz-out-skew-x: -20deg
}

[xyz~=out-skew-right-3] {
    --xyz-out-skew-x: -30deg
}

[xyz~=out-skew-right-4] {
    --xyz-out-skew-x: -40deg
}

[xyz~=out-skew-right-5] {
    --xyz-out-skew-x: -50deg
}

[xyz~=appear-skew-right] {
    --xyz-appear-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-right-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-right-1] {
    --xyz-appear-skew-x: -10deg
}

[xyz~=appear-skew-right-2] {
    --xyz-appear-skew-x: -20deg
}

[xyz~=appear-skew-right-3] {
    --xyz-appear-skew-x: -30deg
}

[xyz~=appear-skew-right-4] {
    --xyz-appear-skew-x: -40deg
}

[xyz~=appear-skew-right-5] {
    --xyz-appear-skew-x: -50deg
}

[xyz~=skew-up] {
    --xyz-skew-y: var(--xyz-skew-default)
}

[xyz~=skew-up-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-up-1] {
    --xyz-skew-y: 10deg
}

[xyz~=skew-up-2] {
    --xyz-skew-y: 20deg
}

[xyz~=skew-up-3] {
    --xyz-skew-y: 30deg
}

[xyz~=skew-up-4] {
    --xyz-skew-y: 40deg
}

[xyz~=skew-up-5] {
    --xyz-skew-y: 50deg
}

[xyz~=in-skew-up] {
    --xyz-in-skew-y: var(--xyz-skew-default)
}

[xyz~=in-skew-up-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-up-1] {
    --xyz-in-skew-y: 10deg
}

[xyz~=in-skew-up-2] {
    --xyz-in-skew-y: 20deg
}

[xyz~=in-skew-up-3] {
    --xyz-in-skew-y: 30deg
}

[xyz~=in-skew-up-4] {
    --xyz-in-skew-y: 40deg
}

[xyz~=in-skew-up-5] {
    --xyz-in-skew-y: 50deg
}

[xyz~=out-skew-up] {
    --xyz-out-skew-y: var(--xyz-skew-default)
}

[xyz~=out-skew-up-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-up-1] {
    --xyz-out-skew-y: 10deg
}

[xyz~=out-skew-up-2] {
    --xyz-out-skew-y: 20deg
}

[xyz~=out-skew-up-3] {
    --xyz-out-skew-y: 30deg
}

[xyz~=out-skew-up-4] {
    --xyz-out-skew-y: 40deg
}

[xyz~=out-skew-up-5] {
    --xyz-out-skew-y: 50deg
}

[xyz~=appear-skew-up] {
    --xyz-appear-skew-y: var(--xyz-skew-default)
}

[xyz~=appear-skew-up-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-up-1] {
    --xyz-appear-skew-y: 10deg
}

[xyz~=appear-skew-up-2] {
    --xyz-appear-skew-y: 20deg
}

[xyz~=appear-skew-up-3] {
    --xyz-appear-skew-y: 30deg
}

[xyz~=appear-skew-up-4] {
    --xyz-appear-skew-y: 40deg
}

[xyz~=appear-skew-up-5] {
    --xyz-appear-skew-y: 50deg
}

[xyz~=skew-down] {
    --xyz-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-down-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-down-1] {
    --xyz-skew-y: -10deg
}

[xyz~=skew-down-2] {
    --xyz-skew-y: -20deg
}

[xyz~=skew-down-3] {
    --xyz-skew-y: -30deg
}

[xyz~=skew-down-4] {
    --xyz-skew-y: -40deg
}

[xyz~=skew-down-5] {
    --xyz-skew-y: -50deg
}

[xyz~=in-skew-down] {
    --xyz-in-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-down-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-down-1] {
    --xyz-in-skew-y: -10deg
}

[xyz~=in-skew-down-2] {
    --xyz-in-skew-y: -20deg
}

[xyz~=in-skew-down-3] {
    --xyz-in-skew-y: -30deg
}

[xyz~=in-skew-down-4] {
    --xyz-in-skew-y: -40deg
}

[xyz~=in-skew-down-5] {
    --xyz-in-skew-y: -50deg
}

[xyz~=out-skew-down] {
    --xyz-out-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-down-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-down-1] {
    --xyz-out-skew-y: -10deg
}

[xyz~=out-skew-down-2] {
    --xyz-out-skew-y: -20deg
}

[xyz~=out-skew-down-3] {
    --xyz-out-skew-y: -30deg
}

[xyz~=out-skew-down-4] {
    --xyz-out-skew-y: -40deg
}

[xyz~=out-skew-down-5] {
    --xyz-out-skew-y: -50deg
}

[xyz~=appear-skew-down] {
    --xyz-appear-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-down-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-down-1] {
    --xyz-appear-skew-y: -10deg
}

[xyz~=appear-skew-down-2] {
    --xyz-appear-skew-y: -20deg
}

[xyz~=appear-skew-down-3] {
    --xyz-appear-skew-y: -30deg
}

[xyz~=appear-skew-down-4] {
    --xyz-appear-skew-y: -40deg
}

[xyz~=appear-skew-down-5] {
    --xyz-appear-skew-y: -50deg
}

@media all and (min-width: 1026px ) {
    .recomendadosMobile{
        display: none !important;
    }
}

@media all and (max-width: 1025px ) {
    .sliderBanner{
        display:none !important;
    }
        
    .recomendadosMobile{
        display: grid !important;
    }
}




/*Fondo de body*/
body{
    background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(180,733,399)'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%233E0000'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;




}
/**Footer**/
footer[class="bg-gray-800 py-16 mt-8"],
div[class="bg-gray-800 py-16 mt-8"]{
    background-color: #00000000;
}

    /*Titulo[SCan x serie] */
 .mt-8{
    color: rgb(255, 224, 224);
    
}
header[class="h-18 bg-gray-800 relative z-20"]{
    background-color: #312222a1!important;
}
nav[class="bg-gray-900 p-4 flex items-center justify-between shadow-lg md:hidden"]{
    background-color: #3122226a!important;
    
}
/*Redes sociales*/
section[class="rounded-md flex-center flex-col md:flex-row gap-4 md:flex-between mx-1 md:mx-0 p-4 bg-gray-800"]{
    background-color: rgba(255, 101, 127, 0.384)!important;
    display:none;
}
/*Bloque de anuncios*/
div[class="md:col-span-2 w-full flex-center bg-gray-700 rounded-xl relative"],
div[class="md:col-span-2 w-full flex-center bg-gray-700 rounded-xl relative mt-8"]{
    background-color: #452d2df1!important;
}

/*Cuadro de capitulos->serie*/
div[class="bg-gray-800 p-4 md:p-8 rounded-md flex flex-col gap-4 w-full mt-4"]{
    background-color: #241818cc!important;
}

/*Cuadrito AD de anuncios*/
div[class="absolute left-5 top-5 text-gray-900 text-xs rounded-xl bg-amber-400 px-3 font-bold pointer-events-none"]{
    background-color: #dd3333;
    color:white;
}

/*Borde de los slots*/
.border-gray-700{
    border: 0.5px solid rgba(255, 198, 198, 0.292);
}

/*gradiente correspo9neinte a la caratula*/
div[class="absolute bottom-0 left-0 w-full h-full bg-gradient-to-b from-transparent via-gray-800/85 to-gray-800 rounded-md"]{
    background: #691919;
    background: linear-gradient(0deg,#000000 20%, rgba(0, 0, 0, 0.22) 70%);
    background: -webkit-linear-gradient(90deg,#241818fe 20%, rgba(0, 0, 0, 0.22) 70%);
    background: -moz-linear-gradient(0deg,#301e1e 20%, rgba(0, 0, 0, 0.22) 70%);
}

/*Slot primer cap*/
div[class="p-8 relative bg-gray-800 rounded-md min-w-80 lg:max-w-80 overflow-hidden"]{
    background-color: #241818fe ;
}

/*Slot de scan responsable->serie*/
.mt-8 div[class="p-8 bg-gray-800 rounded-md relative"]{
    background-color:#241818fe ;
    border:none;
}
/*Boton de los punticos*/
.bg-amber-300{
    background-color:rgb(255, 101, 127);
}

.div[class="hover:text-white snap-start btnActives"]{
    background-color:#990808;
}

/*Boton de primer capitulo*/
a[class="bg-amber-200/25 text-amber-300 w-full flex-between p-3 rounded"]{
    
    margin-top: 10px;
    padding-right: 22px;
    padding-left: 22px;

    width: 195px;
    height: 62px;
    cursor: pointer;
    color: #410d0d;
    font-size: 17px;
    border-radius: 1rem;
    border: none;
    position: relative;
    background: #ffb3b3;
    transition: 0.1s;
    
    


}

/*Boton Primer capitulo*/
a[class="bg-amber-200/25 text-amber-300 w-full flex-between p-3 rounded"]::after{
    content: '';
    width: 100%;
    height: 100%;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgb(255, 0, 64) 17.8%, rgb(255, 0, 166)100.2% );
    filter: blur(20px);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    font-family: Arial!important;
    

}

/*Boton Primer capitulo*/
a[class="bg-amber-200/25 text-amber-300 w-full flex-between p-3 rounded"]:hover{
    transform: scale(0.9) rotate(0deg);
    background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,0,64,1) 17.8%, rgba(255,0,166,1) 100.2% );
    color:white; 
    transition: 0.5s;
}


/*Boton Primer capitulo*/
a[class="bg-amber-200/25 text-amber-300 w-full flex-between p-3 rounded"]:active{
    transform: scale(0.9) rotate(0deg);
  background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,0,64,1) 17.8%, rgba(255,0,166,1) 100.2% );
  color:white; 
  transition: 0.5s;

}

div[class="aspect-square flex-center bg-gray-800 p-3 rounded-full"]{
    background-color: #00000000;
}

/*Buscador bg general*/
div[class="bg-gray-800/80 backdrop-blur rounded-xl w-full max-w-96"]{
    background-color: #45030348;
}

#buscador{
    background-color: #ffd0d0;
    color:rgb(118, 9, 9);
}

#buscador::placeholder{
    color: rgba(118, 9, 9, 0.51);
}


/*Slot genero ->buscador*/
div[class="text-xs inline-block px-2 py-0.5 rounded-md capitalize tracking-wider font-bold font-header text-sky-300 bg-sky-600/10"]{
    color:rgba(255, 212, 212, 0.827);
    background-color: rgba(114, 0, 0, 0.51);
}

/*Seccion barras de scroll tuneado*/
body::-webkit-scrollbar,
div[class="h-100 overflow-y-scroll relative"]::-webkit-scrollbar,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"]::-webkit-scrollbar,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 pb-4"]::-webkit-scrollbar{
    background-color:rgba(255, 0, 0, 0.129);
}
body::-webkit-scrollbar:hover,
div[class="h-100 overflow-y-scroll relative"]::-webkit-scrollbar:hover,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"]::-webkit-scrollbar:hover,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 pb-4"]::-webkit-scrollbar:hover{
    background-color:rgba(255, 0, 0, 0.205);
}

body::-webkit-scrollbar-thumb,
div[class="h-100 overflow-y-scroll relative"]::-webkit-scrollbar-thumb,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"]::-webkit-scrollbar-thumb,
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 pb-4"]::-webkit-scrollbar-thumb
{
    background-color:rgba(255, 138, 138, 0.814);
    
}


/*Seccion header tuneado*/
a[class="hover:bg-gray-800 px-3 py-0.5 rounded-md transition-background-color flex items-center gap-2"]:hover{
    background-color:rgba(255, 117, 117, 0);
    text-shadow:1px 1px 2px black, 0 0 1em rgb(255, 162, 173), 0 0 0.2em rgb(255, 0, 217);
}

a[class="hover:bg-gray-800 px-3 py-0.5 rounded-md transition-background-color flex items-center gap-2"]:focus{
    background-color: rgba(255, 101, 127, 0.514);
}

#icon-buscador:hover{
    background-color:rgba(255, 117, 117, 0);
    box-shadow:1px 1px 2px black, 0 0 1em rgb(255, 162, 173), 0 0 0.2em rgb(255, 0, 217);
    transition: 0.3s;
}
/*Pag inicio btn*/
a[class="router-link-active router-link-exact-active hover:bg-gray-800 px-3 py-0.5 rounded-md transition-background-color flex items-center gap-2"]{
   background-color: rgba(0, 0, 0, 0)!important;
   color:rgb(255, 101, 127)!important;
}


#btn-login{
    visibility: hidden;
}
/*Fin de la seccion header tuneado*.h-1\


/*Controller de final de capitulo*/
div[class="flex-center bg-gray-800 p-4 rounded-xl gap-4"]{
    background-color: rgba(126, 33, 33, 0.51);
}

div[class="flex-center bg-gray-800 p-4 rounded-xl gap-4"] a:hover{
    color: rgb(255, 141, 160)!important;
}
div[class="p-8 bg-gray-800 rounded-md relative"]{
    display: none;
}

.btnActives{
    color: rgb(255, 255, 255)!important;
    background-color: rgb(112, 0, 19)!important;
}

div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"] .text-gray-400{
    color: rgb(255, 205, 213)!important;
}
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"] .text-gray-400:hover{
    color: rgb(255, 255, 255)!important;
}


/*Ajute de tamaño de titulos de las series en el inicio*/
figcaption[class="font-header text-base md:text-xl font-medium md:font-normal"]{
    font-size: 1.25rem;
}

/*Titulo de la serie en la pagina de lectura de caps*/ 
h1[class="text-slate-500 hover:text-slate-400 transition-color font-medium text-sm md:text-base line-clamp-1 text-center"]{
    color: rgb(255, 160, 176);
}


/*Header de la pagina de lectura de caps*/

div[class="flex items-center text-sm md:text-lg gap-4"] a:hover{
    background-color: rgba(97, 15, 15, 0);
    color: rgb(255, 141, 160);
}


/*Otra vez tuneando el footer*/
div[class="flex items-center text-sm md:text-lg gap-4"] a:first-child{
    background: rgba(255, 101, 127, 0.514);
}
div[class="flex items-center text-sm md:text-lg gap-4"] a:first-child:hover{
    background-color: rgba(97, 15, 15, 0.473);
    color: white;
}

/*Tuneando seccion de series populares*/

#btnes_father{
    display: flex;
    justify-content: center;
    

}
#btnes_father div{
   text-align: center;
   width: 100%;
}


#btnes_child{
   display: flex;
   justify-content: center;
   flex-direction: row!important;
}

#btnes_child span{
    height: auto;
    background-color: rgba(176, 69, 2, 0.814);
    padding: 10px 60px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 1.2rem;

 }

 


 
 #btnes_child span:hover{
    background-color: rgba(172, 0, 0, 0.595);
    
    
 }




div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"] .object-cover{
    border: 3px solid rgba(255, 120, 120, 0.574);
}

div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"]:nth-child(4) a div .object-cover{
    border: 3px solid rgb(149, 128, 7)!important;
}
div[class="snap-x snap-mandatory overflow-x-auto flex items-center gap-1 md:gap-4 px-1 md:px-0 pb-4"]:nth-child(3) a div .object-cover{
    border: 3px solid rgb(181, 105, 0)!important;
}

/*Botoncitos de comics previous next*/
nav .pagination li{
    background-color: rgba(172, 0, 0, 0.595);
    padding: 10px 20px;
}

nav .pagination li:hover{
    background-color: rgb(146, 43, 60);
    color: rgba(255, 255, 255, 0.641);
}


nav[class="bg-gray-900 p-4 flex items-center justify-between shadow-lg md:hidden"]{
    align-items: center!important;
}


/*Header->Inicio*/ 
a[class="router-link-active router-link-exact-active flex-start rounded-full transition-all duration-300 overflow-hidden font-medium"]{
    background-color: rgb(255, 101, 127)!important;
    color: white!important;
    padding-left: 10px;
    padding-right: 10px;
}
a[class="router-link-active router-link-exact-active flex-start rounded-full transition-all duration-300 overflow-hidden font-medium"]:nth-child(2){
    background-color: rgba(255, 101, 127, 0)!important;
    color: rgb(255, 101, 127)!important;
    box-shadow: none!important;
    border:none;
    font-size: 1rem!important;
}

a[class="router-link-active router-link-exact-active flex-start rounded-full transition-all duration-300 overflow-hidden font-medium"]:nth-child(2) span{

    font-size: 1.5rem!important;
}

a[class="router-link-active router-link-exact-active flex-start rounded-full transition-all duration-300 overflow-hidden font-medium"]:nth-child(2) i{
    font-size: 1.5rem!important;
}


@media(max-width: 605px){
    #btnes_child span{
        
        padding: 10px 30px!important;
        margin-left: 10px;
    margin-right: 10px;
    
     }


    a[class="router-link-active router-link-exact-active flex-start rounded-full transition-all duration-300 overflow-hidden font-medium"]:nth-child(2) span{
        margin-top: 4px;
        font-size: 1.3rem!important;
    } 
 }