.phiki {
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: scroll;}


html.dark .phiki,
html.dark .phiki span {
    color: var(--phiki-dark-color) !important;
    background-color: var(--phiki-dark-background-color) !important;
    font-style: var(--phiki-dark-font-style) !important;
    font-weight: var(--phiki-dark-font-weight) !important;
    text-decoration: var(--phiki-dark-text-decoration) !important;
}

.zebra {
    background-image: repeating-linear-gradient(-30deg, var(--color-base-100), var(--color-base-100)13px, var(--color-base-300)13px, var(--color-base-300)15px);
}


@media (prefers-reduced-motion:reduce) {
    .theme-toggle:not(.theme-toggle--force-motion) * {
        transition: none !important
    }
}

.theme-toggle {
    --theme-toggle__around--duration: 500ms
}

.theme-toggle__around * {
    transform-origin: center;
    transition: transform calc(var(--theme-toggle__around--duration) * .6) ease
}

.theme-toggle__around>g g circle {
    transition-duration: calc(var(--theme-toggle__around--duration) * .2)
}

.theme-toggle__around>g g :first-child {
    transition-delay: calc(var(--theme-toggle__around--duration)*.253)
}

.theme-toggle__around>g g :nth-child(2) {
    transition-delay: calc(var(--theme-toggle__around--duration)*.348)
}

.theme-toggle__around>g g :nth-child(3) {
    transition-delay: calc(var(--theme-toggle__around--duration)*.443)
}

.theme-toggle__around>g g :nth-child(4) {
    transition-delay: calc(var(--theme-toggle__around--duration)*.538)
}

.theme-toggle__around>g g :nth-child(5) {
    transition-delay: calc(var(--theme-toggle__around--duration)*.633)
}

.theme-toggle__around>g g :nth-child(6) {
    transition-delay: calc(var(--theme-toggle__around--duration)*.728)
}

.theme-toggle__around>:first-child path {
    transition-property: transform, d
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__around *,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around * {
    transition-delay: 0s;
    transition-duration: var(--theme-toggle__around--duration)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__around>g>circle,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around>g>circle {
    transform: scale(1.4)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__around>g g circle,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around>g g circle {
    transform: scale(0);
    transition-duration: calc(var(--theme-toggle__around--duration) * .4)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__around>:first-child,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around>:first-child {
    transform: rotate(-90deg)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__around>:first-child path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around>:first-child path {
    d: path("M-12-14h42v30a1 1 0 00-16 13H0Z")
}

@supports not (d:path("")) {

    .theme-toggle input[type=checkbox]:checked~.theme-toggle__around:first-child path,
    .theme-toggle--toggled:not(label).theme-toggle .theme-toggle__around:first-child path {
        transform: translate3d(-12px, -14px, 0)
    }
}

.theme-toggle-animated {
    --theme-toggle-duration: 500ms
}

.theme-toggle__classic path {
    transition-timing-function: cubic-bezier(0, 0, .15, 1.25);
    transform-origin: center;
    transition-duration: calc(var(--theme-toggle-duration) * .8)
}

.theme-toggle__classic g path {
    transition-property: opacity, transform;
    transition-delay: calc(var(--theme-toggle-duration) * .2)
}

.theme-toggle__classic :first-child path {
    transition-property: transform, d
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic g path {
    transform: scale(.5) rotate(45deg);
    opacity: 0;
    transition-delay: 0s
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path {
    d: path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");
    transition-delay: calc(var(--theme-toggle-duration) * .2)
}

@supports not (d:path("")) {

    .theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,
    .theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path {
        transform: translate3d(-12px, 10px, 0)
    }
}


.theme-toggle__dark-inner path {
    transform-origin: center;
    transition: transform var(--theme-toggle-duration) ease
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__dark-inner :first-child,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__dark-inner :first-child {
    transform: rotate(180deg)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__dark-inner :last-child,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__dark-inner :last-child {
    transform: rotate(-180deg)
}



.theme-toggle__dark-side path {
    transform-origin: center;
    transition: transform var(--theme-toggle-duration) ease
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__dark-side path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__dark-side path {
    transform: rotate(180deg)
}


.theme-toggle__eclipse :first-child path {
    transition-property: transform, d;
    transition-duration: calc(var(--theme-toggle-duration));
    transition-timing-function: ease
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__eclipse :first-child path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__eclipse :first-child path {
    d: path("M-32 0h64v32h-64zm36 16a1 1 0 0024 1 1 1 0 00-24-1")
}

@supports not (d:path("")) {

    .theme-toggle input[type=checkbox]:checked~.theme-toggle__eclipse :first-child path,
    .theme-toggle--toggled:not(label).theme-toggle .theme-toggle__eclipse :first-child path {
        transform: translate3d(-32px, 0, 0)
    }
}

.theme-toggle__expand g circle,
.theme-toggle__expand g path {
    transform-origin: center;
    transition: transform calc(var(--theme-toggle-duration) * .65) cubic-bezier(0, 0, 0, 1.25) calc(var(--theme-toggle-duration) * .35)
}

.theme-toggle__expand :first-child path {
    transition-property: transform, d;
    transition-duration: calc(var(--theme-toggle-duration) * .6);
    transition-timing-function: cubic-bezier(0, 0, .5, 1)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g circle,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g circle {
    transform: scale(1.4);
    transition-delay: 0s
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g path {
    transform: scale(.75);
    transition-delay: 0s
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path {
    d: path("M-9 3h25a1 1 0 0017 13v30H0Z");
    transition-delay: calc(var(--theme-toggle-duration) * .4);
    transition-timing-function: cubic-bezier(0, 0, 0, 1.25)
}

@supports not (d:path("")) {

    .theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path,
    .theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path {
        transform: translate3d(-9px, 14px, 0)
    }
}

.theme-toggle__half-sun path {
    transform-origin: center;
    transition: transform var(--theme-toggle-duration) ease
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__half-sun path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__half-sun path {
    transform: rotate(180deg)
}


.theme-toggle__horizon g path {
    transition: transform var(--theme-toggle-duration) cubic-bezier(0, 0, .15, 1)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__horizon g path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__horizon g path {
    transform: translate3d(0, 50%, 0)
}

.theme-toggle__inner-moon path {
    transform-origin: center;
    transition: transform var(--theme-toggle-duration) cubic-bezier(0, 0, .15, 1.25)
}

.theme-toggle__inner-moon circle {
    transition: transform calc(var(--theme-toggle-duration) / 1.5) cubic-bezier(.4, 0, .2, 1)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__inner-moon path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__inner-moon path {
    transform: rotate(180deg)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__inner-moon circle,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__inner-moon circle {
    transform: translate3d(15%, 0, 0)
}

.theme-toggle__lightbulb .theme-toggle__lightbulb__coil,
.theme-toggle__lightbulb .theme-toggle__lightbulb__rays * {
    stroke-dasharray: 1.1;
    stroke-dashoffset: 0;
    opacity: 1;
    transition-property: stroke-dashoffset, opacity;
    transition-duration: var(--theme-toggle-duration)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__lightbulb .theme-toggle__lightbulb__coil,
.theme-toggle input[type=checkbox]:checked~.theme-toggle__lightbulb .theme-toggle__lightbulb__rays *,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__lightbulb .theme-toggle__lightbulb__coil,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__lightbulb .theme-toggle__lightbulb__rays * {
    stroke-dashoffset: 1;
    opacity: 0
}

.theme-toggle__simple :first-child path {
    transition-property: transform, d;
    transition-duration: calc(var(--theme-toggle-duration));
    transition-timing-function: cubic-bezier(0, 0, .15, 1.25)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__simple :first-child path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__simple :first-child path {
    d: path("M-18-1h55v37h-55zm32 12a1 1 0 0025 0 1 1 0 00-25 0")
}

@supports not (d:path("")) {

    .theme-toggle input[type=checkbox]:checked~.theme-toggle__simple :first-child path,
    .theme-toggle--toggled:not(label).theme-toggle .theme-toggle__simple :first-child path {
        transform: translate3d(-19px, 5px, 0)
    }
}

.theme-toggle.theme-toggle--reversed .theme-toggle__around,
.theme-toggle.theme-toggle--reversed .theme-toggle__classic,
.theme-toggle.theme-toggle--reversed .theme-toggle__eclipse,
.theme-toggle.theme-toggle--reversed .theme-toggle__expand,
.theme-toggle.theme-toggle--reversed .theme-toggle__inner-moon,
.theme-toggle.theme-toggle--reversed .theme-toggle__lightbulb,
.theme-toggle.theme-toggle--reversed .theme-toggle__simple,
.theme-toggle.theme-toggle--reversed .theme-toggle__within {
    transform: scaleX(-1)
}

.theme-toggle.theme-toggle--reversed .theme-toggle__dark-inner,
.theme-toggle.theme-toggle--reversed .theme-toggle__dark-side,
.theme-toggle.theme-toggle--reversed .theme-toggle__half-sun,
.theme-toggle.theme-toggle--reversed .theme-toggle__horizon {
    transform: scaleY(-1)
}

.theme-toggle__within * {
    transform-origin: center;
    transition: transform calc(var(--theme-toggle-duration)) cubic-bezier(0, 0, 0, 1.25)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__within .theme-toggle__within__circle,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__within .theme-toggle__within__circle {
    transform: scale(1.5)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__within .theme-toggle__within__inner,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__within .theme-toggle__within__inner {
    transform: translate3d(3px, -3px, 0) scale(1.2)
}

.theme-toggle input[type=checkbox]:checked~.theme-toggle__within g path,
.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__within g path {
    transform: scale(.65)
}

.theme-toggle {
    border: none;
    background: 0 0;
    cursor: pointer
}

* .theme-toggle input[type=checkbox] {
    display: none
}

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

@media (prefers-reduced-motion:reduce) {
    .theme-toggle:not(.theme-toggle--force-motion) * {
        transition: none !important
    }
}