/*!
 * Utilities
 */
 .visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.z-\[1\] {
    z-index: 1
}

.z-\[9\] {
    z-index: 9
}

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

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

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

.my-gutter {
    margin-top: 24px
}

.mb-gutter,
.my-gutter {
    margin-bottom: 24px
}

.mb-0 {
    margin-bottom: 0
}

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

.mb-half-gutter {
    margin-bottom: 12px
}

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

.mt-half-gutter {
    margin-top: 12px
}

.mt-60 {
    margin-top: 15rem
}

.mt-double-gutter {
    margin-top: 48px
}

.mb-60 {
    margin-bottom: 15rem
}

.mt-10 {
    margin-top: 2.5rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.h-gutter {
    height: 24px
}

.w-full {
    width: 100%
}

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

.max-w-screen-md {
    max-width: 768px
}

.max-w-prose {
    max-width: 65ch
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.overflow-hidden {
    overflow: hidden
}

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

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: .25rem
}

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

.border {
    border-width: 1px
}

.border-base-200 {
    border-color: var(--yuki-base-200)
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-base-color {
    background-color: var(--yuki-base-color)
}

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

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

.p-half-gutter {
    padding: 12px
}

.p-gutter {
    padding: 24px
}

.px-gutter {
    padding-left: 24px;
    padding-right: 24px
}

.py-half-gutter {
    padding-bottom: 12px;
    padding-top: 12px
}

.px-half-gutter {
    padding-left: 12px;
    padding-right: 12px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.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-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

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

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

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

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(254 226 226/var(--tw-text-opacity))
}

.text-accent-active {
    color: var(--yuki-accent-active)
}

.text-accent {
    color: var(--yuki-accent-color)
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

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

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

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

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

.transition-force-none,
.transition-force-none * {
    transition: none !important
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.yuki-is-sticky {
    z-index: 9999
}

html.sr .yuki-scroll-reveal,
html.sr .yuki-scroll-reveal-widget {
    visibility: hidden
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.screen-reader-text:focus {
    clip: auto !important;
    background-color: #ddd;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

@media (min-width:1024px) {
    .lg\:flex {
        display: flex
    }

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

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
}