.controller div {
    color: var(--primary-text);
    width: 18%
}

.controller div:hover {
    color: var(--hover-btn)
}

@keyframes fadeIn-f2ce0d19 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-enter-active[data-v-f2ce0d19] {
    animation: .75s fadeIn-f2ce0d19
}

.tabs .nav li[data-v-f2ce0d19]:before {
    content: "";
    background: 0 0;
    border-bottom: .125rem solid #0000;
    border-radius: 0;
    width: auto;
    height: auto;
    transition: all .2s ease-in-out;
    position: absolute;
    inset: 2em 50% 0
}

.tabs .nav li.active[data-v-f2ce0d19]:before {
    border-bottom-color: var(--primary-color);
    left: 0;
    right: 0
}

ol[data-v-f2ce0d19] {
    counter-reset: counter
}

ol[data-v-f2ce0d19]::-webkit-scrollbar {
    width: .1875rem;
    height: .1875rem
}

ol>li[data-v-f2ce0d19]:before {
    content: counter(counter);
    counter-increment: counter;
    text-align: right;
    width: 1.875rem;
    color: var(--secondary-text);
    line-height: inherit;
    flex-shrink: 0;
    margin-left: -1.25rem;
    padding-right: .3125rem;
    position: relative
}

ol>li[data-v-f2ce0d19]:hover:before,
ol>li.current[data-v-f2ce0d19] {
    color: var(--primary-color)
}

ol>li.current[data-v-f2ce0d19]:before {
    color: currentColor
}

ol>li.current .progress[data-v-f2ce0d19]:before {
    content: attr(data-ptime)" / " attr(data-dtime);
    color: var(--secondary-text);
    z-index: 1;
    pointer-events: none;
    padding: 0 .3rem;
    line-height: 2rem;
    position: absolute;
    right: 0
}

ol>li.error[data-v-f2ce0d19] {
    opacity: .5;
    text-decoration-line: line-through
}

.playlist[data-v-e7dd3f4e] {
    border-top: .125rem solid var(--playlist-line)
}

@keyframes blur-11b6333c {
    0% {
        filter: blur(10px)
    }

    to {
        filter: blur()
    }
}

@keyframes rotate-11b6333c {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotating-11b6333c {
    0% {
        transform: rotate(720deg)
    }

    to {
        transform: none
    }
}

@keyframes rotate-needle-pause-11b6333c {
    0% {
        transform: rotate(-35deg)
    }

    to {
        transform: rotate(-60deg)
    }
}

@keyframes rotate-needle-resume-11b6333c {
    0% {
        transform: rotate(-60deg)
    }

    to {
        transform: rotate(-35deg)
    }
}

.blurx-enter-active[data-v-11b6333c] {
    animation: .8s ease-in-out forwards blur-11b6333c
}

.cover[data-v-11b6333c]:before {
    transform-origin: .625rem .625rem;
    background: url(data:image/avif;base64,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) 50%/contain no-repeat;
    width: 3.4375rem;
    height: 5.1875rem;
    animation: .5s linear forwards rotate-needle-pause-11b6333c;
    top: -1.5625rem;
    left: -1.5625rem;
    transform: rotate(-60deg)
}

.cover .disc[data-v-11b6333c] {
    animation: 20s linear infinite paused rotate-11b6333c
}

.cover .disc[data-v-11b6333c]:after {
    content: "";
    z-index: 1;
    background: url(data:image/avif;base64,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) 50%/contain no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cover img[data-v-11b6333c] {
    object-fit: contain;
    border-radius: 50%;
    width: 6rem;
    height: 6rem
}

.cover.playing .disc[data-v-11b6333c] {
    animation-play-state: running
}

.cover.playing[data-v-11b6333c]:before {
    animation: .5s linear forwards rotate-needle-resume-11b6333c
}

.list-enter-active[data-v-cf5f5ece],
.list-leave-active[data-v-cf5f5ece] {
    transition: all .6s
}

.list-move[data-v-cf5f5ece] {
    transition: all .3s
}

.list-enter-from[data-v-cf5f5ece],
.list-leave-to[data-v-cf5f5ece] {
    opacity: 0;
    transform: translate(30px)
}

.list-leave-active[data-v-cf5f5ece] {
    justify-content: center;
    align-items: first;
    width: 100%;
    display: flex;
    position: absolute
}

.lrc p[data-v-cf5f5ece] {
    color: var(--primary-text);
    opacity: .3;
    font-size: .75rem;
    transition: all .5s ease-out;
    overflow: hidden;
    height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1rem !important
}

.lrc p.current[data-v-cf5f5ece] {
    opacity: 1;
    min-height: 1rem;
    overflow: visible;
    height: auto !important
}

@keyframes fadeIn-93a811a6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-enter-active[data-v-93a811a6] {
    animation: 1s fadeIn-93a811a6
}

@keyframes slideRightIn-c4bb13dd {
    0% {
        opacity: 0;
        transform: translate(50%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes slideRightOut-c4bb13dd {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(50%)
    }
}

.slideRight-enter-active[data-v-c4bb13dd] {
    animation: .5s slideRightIn-c4bb13dd
}

.slideRight-leave-active[data-v-c4bb13dd] {
    animation: .5s slideRightOut-c4bb13dd
}

.close[data-v-c4bb13dd] {
    color: var(--close-btn)
}

.player-info[data-v-c4bb13dd] {
    box-shadow: 0 .625rem 1.875rem -.9375rem var(--box-bg-shadow);
    background: var(--player-background);
    -webkit-backdrop-filter: blur(.625rem);
    backdrop-filter: blur(.625rem);
    width: 50vw;
    max-width: 25rem;
    padding-bottom: 1rem;
    bottom: 1rem;
    right: 3.5rem
}

*,
:before,
:after,
::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 #0000;
    --un-ring-shadow: 0 0 #0000;
    --un-shadow-inset: ;
    --un-shadow: 0 0 #0000;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: #93c5fd80;
    --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-ri-close-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:loop-right-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4a7.99 7.99 0 0 1 6.616 3.5H16v2h6v-6h-2V6a9.98 9.98 0 0 0-8-4C6.477 2 2 6.477 2 12h2a8 8 0 0 1 8-8m8 8a8 8 0 0 1-14.616 4.5H8v-2H2v6h2V18a9.98 9.98 0 0 0 8 4c5.523 0 10-4.477 10-10z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:order-play-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17 4V2.068a.5.5 0 0 1 .82-.385l4.12 3.433a.5.5 0 0 1-.321.884H2V4zM2 18h20v2H2zm0-7h20v2H2z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:pause-circle-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10M9 9v6h2V9zm4 0v6h2V9z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:play-circle-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10M10.622 8.415a.4.4 0 0 0-.622.332v6.506a.4.4 0 0 0 .622.332l4.879-3.252a.4.4 0 0 0 0-.666z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:shuffle-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18 17.883V16l5 3l-5 3v-2.09a9 9 0 0 1-6.997-5.365L11 14.54l-.003.006A9 9 0 0 1 2.725 20H2v-2h.725a7 7 0 0 0 6.434-4.243L9.912 12l-.753-1.757A7 7 0 0 0 2.725 6H2V4h.725a9 9 0 0 1 8.272 5.455L11 9.46l.003-.006A9 9 0 0 1 18 4.09V2l5 3l-5 3V6.117a7 7 0 0 0-5.159 4.126L12.088 12l.753 1.757A7 7 0 0 0 18 17.883'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:skip-back-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7 4a1 1 0 0 1 1 1v6.333l10.223-6.815a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L8 12.667V19a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1m10 3.737L10.606 12L17 16.263z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:skip-forward-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.667L5.777 19.482A.5.5 0 0 1 5 19.066V4.934a.5.5 0 0 1 .777-.416L16 11.333V5a1 1 0 1 1 2 0v14a1 1 0 1 1-2 0zm-9-4.93v8.526L13.394 12z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:volume-mute-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 7.22L6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm14.525-4l3.536 3.536l-1.415 1.414L19 13.414l-3.536 3.536l-1.414-1.414L17.586 12L14.05 8.465l1.414-1.415L19 10.586l3.535-3.536l1.415 1.415z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.i-ri\:volume-up-line {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.603 10L10 7.22v9.56L6.603 14H3v-4zM2 16h3.889l5.294 4.332a.5.5 0 0 0 .817-.387V4.055a.5.5 0 0 0-.817-.387L5.89 8H2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1m21-4c0 3.292-1.446 6.246-3.738 8.262l-1.418-1.418A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.155-6.844l1.417-1.418A10.97 10.97 0 0 1 23 12m-5 0a5.99 5.99 0 0 0-2.287-4.713l-1.429 1.429A4 4 0 0 1 16 12c0 1.36-.679 2.561-1.716 3.284l1.43 1.43A5.99 5.99 0 0 0 18 12'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon)no-repeat;
    -webkit-mask: var(--un-icon)no-repeat;
    mask: var(--un-icon)no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.visible {
    visibility: visible
}

.absolute,
[absolute=""] {
    position: absolute
}

.fixed {
    position: fixed
}

.relative,
[relative=""] {
    position: relative
}

.before\:absolute:before {
    position: absolute
}

.left-0,
[left-0=""] {
    left: 0
}

.right-4 {
    right: 1rem
}

.top-0,
[top-0=""] {
    top: 0
}

.top-3 {
    top: .75rem
}

.z-9 {
    z-index: 9
}

.before\:z-1:before {
    z-index: 1
}

.float-left {
    float: left
}

.float-right,
[float-right=""] {
    float: right
}

.m-\[0\.625rem_0_0\] {
    margin: .625rem 0 0
}

.m-0,
[m-0=""] {
    margin: 0
}

.ml-\[0\.625rem\] {
    margin-left: .625rem
}

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

.block {
    display: block
}

.inline-block,
[inline-block=""] {
    display: inline-block
}

.hidden {
    display: none
}

.h-\[12\.5rem\] {
    height: 12.5rem
}

.h-\[2\.6875rem\] {
    height: 2.6875rem
}

.h-\[2rem\] {
    height: 2rem
}

.h-6rem {
    height: 6rem
}

.h-full,
[h-full=""] {
    height: 100%
}

.h4 {
    height: 1rem
}

.max-h-12 {
    max-height: 3rem
}

.max-h-16 {
    max-height: 4rem
}

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

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

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

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

.w-18\% {
    width: 18%
}

.w-6rem {
    width: 6rem
}

.w-full {
    width: 100%
}

.flex,
[flex=""] {
    display: flex
}

.flex-shrink {
    flex-shrink: 1
}

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

.flex-col {
    flex-direction: column
}

.transform {
    transform: translateX(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))rotateZ(var(--un-rotate-z))skewX(var(--un-skew-x))skewY(var(--un-skew-y))scaleX(var(--un-scale-x))scaleY(var(--un-scale-y))scaleZ(var(--un-scale-z))
}

.cursor-pointer,
[cursor-pointer=""] {
    cursor: pointer
}

.select-none,
[select-none=""] {
    -webkit-user-select: none;
    user-select: none
}

.list-none {
    list-style-type: none
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

.overflow-hidden,
[overflow-hidden=""] {
    overflow: hidden
}

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

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

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.border-\[0\.0625rem\] {
    border-width: .0625rem
}

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

.border-\[var\(--player-background\)\] {
    border-color: var(--player-background)
}

.rounded-\[0\.8125em\] {
    border-radius: .8125em
}

.rounded-50\% {
    border-radius: 50%
}

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

.border-none,
[border-none=""] {
    border-style: none
}

.bg-\[var\(--primary-color-a\)\] {
    background-color: var(--primary-color-a)
}

.hover\:bg-\[var\(--player-background\)\]:hover {
    background-color: var(--player-background)
}

.p-\[0\.3125rem_0\.9375rem_0\.3125rem_1\.5625rem\] {
    padding: .3125rem .9375rem .3125rem 1.5625rem
}

.p-\[0\.3125rem_0\] {
    padding: .3125rem 0
}

.p-\[0\.3125rem_1\.25rem\] {
    padding: .3125rem 1.25rem
}

.p-0 {
    padding: 0
}

.p-6 {
    padding: 1.5rem
}

[p-0~=default\:]:default {
    padding: 0
}

.pb-0 {
    padding-bottom: 0
}

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

.pr-\[5rem\] {
    padding-right: 5rem
}

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

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

.text-align-center,
.text-center {
    text-align: center
}

.text-\[0\.8125em\] {
    font-size: .8125em
}

.text-3 {
    font-size: .75rem
}

.text-3\.25 {
    font-size: .8125rem
}

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

.text-5 {
    font-size: 1.25rem
}

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

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

.text-\[var\(--secondary-text\)\] {
    color: var(--secondary-text)
}

.hover\:color-\[var\(--hover-btn\)\]:hover {
    color: var(--hover-btn)
}

.line-through {
    text-decoration-line: line-through
}

.blur {
    --un-blur: blur(8px);
    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)
}

.filter {
    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)
}

.backdrop-filter {
    -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)
}

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

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

.transition-width,
[transition-width=""] {
    transition-property: width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-250,
[duration-250=""] {
    transition-duration: .25s
}

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

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

.ease-linear {
    transition-timing-function: linear
}

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

.before\:content-empty:before {
    content: ""
}

@media (min-width:768px) {
    .md\:flex {
        display: flex
    }

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

    .md\:pl-5 {
        padding-left: 1.25rem
    }

    .md\:pr-5 {
        padding-right: 1.25rem
    }
}

/*$vite$:1*/