.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    height: 38px;
    background: #fff;
    display: block
}

.multiselect__spinner:before,
.multiselect__spinner:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
    opacity: 0
}

.multiselect,
.multiselect__input,
.multiselect__single {
    font-family: inherit;
    font-size: 16px;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input,
.multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
    width: auto
}

.multiselect__input:hover,
.multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus,
.multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: initial;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "×";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    line-height: 16px;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    margin: 0;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.multiselect__select {
    line-height: 16px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

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

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: #fff
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver;
    background: inherit
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #ededed;
    color: #a6a6a6;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active,
.multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter,
.multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

*[dir=rtl] .multiselect {
    text-align: right
}

*[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

*[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

*[dir=rtl] .multiselect__content {
    text-align: right
}

*[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

*[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

*[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@keyframes spinning {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

.multiselect__tags {
    min-height: 3rem;
    padding-left: 12px;
    border-radius: 0;
    border: none;
    background: #fff;
    display: flex;
    align-items: center
}

.multiselect__tags-wrap {
    overflow: hidden
}

.multiselect__select {
    height: 3rem
}

.multiselect__placeholder {
    color: #6f2b90
}

.multiselect__tag {
    background: #c76cab
}

.multiselect__option {
    white-space: normal
}

.multiselect__option--highlight,
.multiselect__option--highlight:after {
    background-color: #c76cab
}

/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
    @layer properties {
        @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
            *,
            :before,
            :after,
            ::backdrop {
                --tw-translate-x: 0;
                --tw-translate-y: 0;
                --tw-translate-z: 0;
                --tw-rotate-x: initial;
                --tw-rotate-y: initial;
                --tw-rotate-z: initial;
                --tw-skew-x: initial;
                --tw-skew-y: initial;
                --tw-space-y-reverse: 0;
                --tw-border-style: solid;
                --tw-leading: initial;
                --tw-font-weight: initial;
                --tw-outline-style: solid;
                --tw-duration: initial;
                --tw-ease: initial;
                --tw-shadow: 0 0 #0000;
                --tw-shadow-color: initial;
                --tw-shadow-alpha: 100%;
                --tw-inset-shadow: 0 0 #0000;
                --tw-inset-shadow-color: initial;
                --tw-inset-shadow-alpha: 100%;
                --tw-ring-color: initial;
                --tw-ring-shadow: 0 0 #0000;
                --tw-inset-ring-color: initial;
                --tw-inset-ring-shadow: 0 0 #0000;
                --tw-ring-inset: initial;
                --tw-ring-offset-width: 0px;
                --tw-ring-offset-color: #fff;
                --tw-ring-offset-shadow: 0 0 #0000
            }
        }
    }
@layer theme {
    :root,
    :host {
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --font-weight-normal: 400;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary-100: #cca1e0;
        --color-primary-500: #6f2b90;
        --color-secondary-100: #fff2fb;
        --color-secondary-500: #c76cab
    }
    
}

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

    button[type="submit"] {
      border: none !important;
    }

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

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

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

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

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

@layer components;

@layer utilities {
    #online-poradna .splide__list button {
      display: flex !important;
      align-items: center !important;
      gap: 0.75rem !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      color: var(--color-secondary-500) !important;
      border: none !important;
      font-size: 1rem !important;
      line-height: normal !important;
      padding: 0 !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    #online-poradna .splide__list button[type="button"] {
      font-size: 14px !important;
    }
    #online-poradna .splide__arrows button {
      margin: 0 !important;
      border: none !important;
    }
    #online-poradna button {
      border: none !important;
    }
    #online-poradna .splide__list .button :active,
    #online-poradna .splide__list button :active {
      background: none !important;
    }
    #online-poradna .splide__list h3 {
      font-size: 1rem !important;
      line-height: normal !important;
    }

    footer h3 {
      font-weight: 600 !important;
      margin-bottom: .5rem !important;
    }
    footer ul {
      list-style: disc !important;
      padding-left: 1rem !important;
    }
    #online-poradna .sr-only {
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
      border-width: 0 !important;
      width: 1px !important;
      height: 1px !important;
      margin: -1px !important;
      padding: 0 !important;
      position: absolute !important;
      overflow: hidden !important;
    }
    #online-poradna .absolute {
      position: absolute !important;
    }
    #online-poradna .fixed {
      position: fixed !important;
    }
    #online-poradna .relative {
      position: relative !important;
    }
    #online-poradna .static {
      position: static !important;
    }
    #online-poradna .inset-0 {
      inset: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .top-0 {
      top: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .right-0 {
      right: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .bottom-0 {
      bottom: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .left-0 {
      left: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .z-50 {
      z-index: 50 !important;
    }
    #online-poradna .col-span-1 {
      grid-column: span 1/span 1 !important;
    }
    #online-poradna .col-span-2 {
      grid-column: span 2/span 2 !important;
    }
    #online-poradna .col-span-7 {
      grid-column: span 7/span 7 !important;
    }
    #online-poradna .container {
      margin: 0 auto !important;
      width: 100% !important;
    }
    @media (min-width: 40rem) {
      #online-poradna .container {
        max-width: 40rem !important;
      }
    }
    @media (min-width: 48rem) {
      #online-poradna .container {
        max-width: 48rem !important;
      }
    }
    @media (min-width: 64rem) {
      #online-poradna .container {
        max-width: 64rem !important;
      }
    }
    @media (min-width: 80rem) {
      #online-poradna .container {
        max-width: 80rem !important;
      }
    }
    @media (min-width: 96rem) {
      #online-poradna .container {
        max-width: 96rem !important;
      }
    }
    #online-poradna .container {
      padding-inline: calc(var(--spacing) * 4) !important;
      margin-inline: auto !important;
    }
    #online-poradna .my-2 {
      margin-block: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .my-8 {
      margin-block: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .mt-1 {
      margin-top: calc(var(--spacing) * 1) !important;
    }
    #online-poradna .mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5) !important;
    }
    #online-poradna .mt-2 {
      margin-top: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .mt-2\.5 {
      margin-top: calc(var(--spacing) * 2.5) !important;
    }
    #online-poradna .mt-4 {
      margin-top: calc(var(--spacing) * 4) !important;
    }
    #online-poradna .mt-5 {
      margin-top: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .mt-6 {
      margin-top: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .mt-8 {
      margin-top: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .mt-10 {
      margin-top: calc(var(--spacing) * 10) !important;
    }
    #online-poradna .mt-auto {
      margin-top: auto !important;
    }
    #online-poradna .mr-5 {
      margin-right: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .mr-8 {
      margin-right: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .mb-1 {
      margin-bottom: calc(var(--spacing) * 1) !important;
    }
    #online-poradna .mb-2 {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .mb-3 {
      margin-bottom: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .mb-6 {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .ml-2 {
      margin-left: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .ml-6 {
      margin-left: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .ml-7 {
      margin-left: calc(var(--spacing) * 7) !important;
    }
    #online-poradna .ml-8 {
      margin-left: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .block {
      display: block !important;
    }
    #online-poradna .flex {
      display: flex !important;
    }
    #online-poradna .grid {
      display: grid !important;
    }
    #online-poradna .hidden {
      display: none !important;
    }
    #online-poradna .inline-block {
      display: inline-block !important;
    }
    #online-poradna .h-4 {
      height: calc(var(--spacing) * 4) !important;
    }
    #online-poradna .h-6 {
      height: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .h-7 {
      height: calc(var(--spacing) * 7) !important;
    }
    #online-poradna .h-12 {
      height: calc(var(--spacing) * 12) !important;
    }
    #online-poradna .h-14 {
      height: calc(var(--spacing) * 14) !important;
    }
    #online-poradna .h-20 {
      height: calc(var(--spacing) * 20) !important;
    }
    #online-poradna .h-30 {
      height: calc(var(--spacing) * 30) !important;
    }
    #online-poradna .h-full {
      height: 100% !important;
    }
    #online-poradna .w-4 {
      width: calc(var(--spacing) * 4) !important;
    }
    #online-poradna .w-6 {
      width: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .w-14 {
      width: calc(var(--spacing) * 14) !important;
    }
    #online-poradna .w-20 {
      width: calc(var(--spacing) * 20) !important;
    }
    #online-poradna .w-30 {
      width: calc(var(--spacing) * 30) !important;
    }
    #online-poradna .w-\[85\%\] {
      width: 85% !important;
    }
    #online-poradna .w-full {
      width: 100% !important;
    }
    #online-poradna .min-w-0 {
      min-width: calc(var(--spacing) * 0) !important;
    }
    #online-poradna .flex-1 {
      flex: 1 !important;
    }
    #online-poradna .shrink-0 {
      flex-shrink: 0 !important;
    }
    #online-poradna .-translate-x-full {
      --tw-translate-x: -100% !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    #online-poradna .translate-x-0 {
      --tw-translate-x: calc(var(--spacing)*0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    #online-poradna .translate-x-full {
      --tw-translate-x: 100% !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    #online-poradna .rotate-180 {
      rotate: 180deg !important;
    }
    #online-poradna .transform {
      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
    }
    #online-poradna .cursor-pointer {
      cursor: pointer !important;
    }
    #online-poradna .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    #online-poradna .grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    #online-poradna .grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
    #online-poradna .flex-col {
      flex-direction: column !important;
    }
    #online-poradna .items-center {
      align-items: center !important;
    }
    #online-poradna .items-start {
      align-items: flex-start !important;
    }
    #online-poradna .items-stretch {
      align-items: stretch !important;
    }
    #online-poradna .justify-between {
      justify-content: space-between !important;
    }
    #online-poradna .justify-center {
      justify-content: center !important;
    }
    #online-poradna .justify-start {
      justify-content: flex-start !important;
    }
    #online-poradna .gap-2 {
      gap: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .gap-3 {
      gap: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }
    #online-poradna .gap-5 {
      gap: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .gap-8 {
      gap: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .gap-10 {
      gap: calc(var(--spacing) * 10) !important;
    }
    #online-poradna :where(.space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(var(--spacing) * 1 * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(var(--spacing) * 1 * (1 - var(--tw-space-y-reverse))) !important;
    }
    #online-poradna :where(.space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(var(--spacing) * 5 * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(var(--spacing) * 5 * (1 - var(--tw-space-y-reverse))) !important;
    }
    #online-poradna :where(.space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(var(--spacing) * 8 * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse))) !important;
    }
    #online-poradna .gap-x-3 {
      column-gap: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .gap-x-6 {
      column-gap: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .gap-x-8 {
      column-gap: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .gap-x-10 {
      column-gap: calc(var(--spacing) * 10) !important;
    }
    #online-poradna .gap-y-2\.5 {
      row-gap: calc(var(--spacing) * 2.5) !important;
    }
    #online-poradna .gap-y-3 {
      row-gap: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .gap-y-5 {
      row-gap: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .gap-y-6 {
      row-gap: calc(var(--spacing) * 6) !important;
    }
    #online-poradna .rounded-full {
      border-radius: 340282000000000000000000000000000000000px !important;
    }
    #online-poradna .border {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
    #online-poradna .border-2 {
      border-style: var(--tw-border-style) !important;
      border-width: 2px !important;
    }
    #online-poradna .border-l-2 {
      border-left-style: var(--tw-border-style) !important;
      border-left-width: 2px !important;
    }
    #online-poradna .border-primary-100 {
      border-color: var(--color-primary-100) !important;
    }
    #online-poradna .border-secondary-500 {
      border-color: var(--color-secondary-500) !important;
    }
    #online-poradna .bg-\[\#F5F5F5\] {
      background-color: #f5f5f5 !important;
    }
    #online-poradna .bg-black\/50 {
      background-color: rgba(0, 0, 0, 0.5019607843) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      #online-poradna .bg-black\/50 {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
      }
    }
    #online-poradna .bg-gray-300 {
      background-color: var(--color-gray-300) !important;
    }
    #online-poradna .bg-green-400 {
      background-color: var(--color-green-400) !important;
    }
    #online-poradna .bg-indigo-400 {
      background-color: var(--color-indigo-400) !important;
    }
    #online-poradna .bg-primary-100 {
      background-color: var(--color-primary-100) !important;
    }
    #online-poradna .bg-red-400 {
      background-color: var(--color-red-400) !important;
    }
     .bg-secondary-100 {
      background-color: var(--color-secondary-100) !important;
    }
    #online-poradna .bg-secondary-500 {
      background-color: var(--color-secondary-500) !important;
    }
    #online-poradna .bg-white {
      background-color: var(--color-white) !important;
    }
    #online-poradna .bg-yellow-400 {
      background-color: var(--color-yellow-400) !important;
    }
    #online-poradna .object-cover {
      object-fit: cover !important;
    }
    #online-poradna .p-1 {
      padding: calc(var(--spacing) * 1) !important;
    }
    #online-poradna .p-2\.5 {
      padding: calc(var(--spacing) * 2.5) !important;
    }
    #online-poradna .p-3 {
      padding: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .px-2 {
      padding-inline: calc(var(--spacing) * 2) !important;
    }
    #online-poradna .px-3 {
      padding-inline: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .px-4 {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
    #online-poradna .py-1 {
      padding-block: calc(var(--spacing) * 1) !important;
    }
    #online-poradna .py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5) !important;
    }
    #online-poradna .py-3 {
      padding-block: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .py-5 {
      padding-block: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .py-7 {
      padding-block: calc(var(--spacing) * 7) !important;
    }
    #online-poradna .pt-5 {
      padding-top: calc(var(--spacing) * 5) !important;
    }
    #online-poradna .pt-8 {
      padding-top: calc(var(--spacing) * 8) !important;
    }
    #online-poradna .pr-3 {
      padding-right: calc(var(--spacing) * 3) !important;
    }
    #online-poradna .text-center {
      text-align: center !important;
    }
    #online-poradna .text-right {
      text-align: right !important;
    }
    #online-poradna .text-2xl {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
    #online-poradna .text-base {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
    #online-poradna .text-sm {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
    #online-poradna .text-xs {
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
    #online-poradna .text-\[15px\] {
      font-size: 15px !important;
    }
    #online-poradna .text-\[18px\] {
      font-size: 18px !important;
    }
    #online-poradna .text-\[20px\] {
      font-size: 20px !important;
    }
    #online-poradna .text-\[22px\] {
      font-size: 22px !important;
    }
    #online-poradna .text-\[24px\] {
      font-size: 24px !important;
    }
    #online-poradna .text-\[26px\] {
      font-size: 26px !important;
    }
    #online-poradna .text-\[30px\] {
      font-size: 30px !important;
    }
    #online-poradna .leading-\[1\.2\] {
      --tw-leading: 1.2 !important;
      line-height: 1.2 !important;
    }
    #online-poradna .leading-tight {
      --tw-leading: var(--leading-tight) !important;
      line-height: var(--leading-tight) !important;
    }
    #online-poradna .font-bold {
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
    }
    #online-poradna .font-normal {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
    #online-poradna .font-semibold {
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }
    #online-poradna .text-black {
      color: var(--color-black) !important;
    }
    #online-poradna .text-green-50 {
      color: var(--color-green-50) !important;
    }
    #online-poradna .text-indigo-50 {
      color: var(--color-indigo-50) !important;
    }
    #online-poradna .text-primary-500 {
      color: var(--color-primary-500) !important;
    }
    #online-poradna .text-red-50 {
      color: var(--color-red-50) !important;
    }
    #online-poradna .text-red-500 {
      color: var(--color-red-500) !important;
    }
    #online-poradna .text-red-600 {
      color: var(--color-red-600) !important;
    }
    #online-poradna .text-secondary-500 {
      color: var(--color-secondary-500) !important;
    }
    #online-poradna .text-white {
      color: var(--color-white) !important;
    }
    #online-poradna .text-yellow-50 {
      color: var(--color-yellow-50) !important;
    }
    #online-poradna .uppercase {
      text-transform: uppercase !important;
    }
    #online-poradna .underline {
      text-decoration-line: underline !important;
    }
    #online-poradna .underline\! {
      text-decoration-line: underline !important;
    }
    #online-poradna .placeholder-primary-500::placeholder {
      color: var(--color-primary-500) !important;
    }
    #online-poradna .ring-secondary-500 {
      --tw-ring-color: var(--color-secondary-500)  !important;
    }
    #online-poradna .outline-2 {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 2px !important;
    }
    #online-poradna .outline-secondary-500\/70 {
      outline-color: rgba(199, 108, 171, 0.7019607843) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      #online-poradna .outline-secondary-500\/70 {
        outline-color: color-mix(in oklab, var(--color-secondary-500) 70%, transparent) !important;
      }
    }
    #online-poradna .transition {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    }
    #online-poradna .transition-transform {
      transition-property: transform, translate, scale, rotate !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    }
    #online-poradna .duration-200 {
      --tw-duration: .2s !important;
      transition-duration: 0.2s !important;
    }
    #online-poradna .duration-300 {
      --tw-duration: .3s !important;
      transition-duration: 0.3s !important;
    }
    #online-poradna .ease-in {
      --tw-ease: var(--ease-in) !important;
      transition-timing-function: var(--ease-in) !important;
    }
    #online-poradna .ease-out {
      --tw-ease: var(--ease-out) !important;
      transition-timing-function: var(--ease-out) !important;
    }
    #online-poradna .outline-none {
      --tw-outline-style: none !important;
      outline-style: none !important;
    }
    @media (hover: hover) {
      #online-poradna .hover\:text-secondary-500:hover {
        color: var(--color-secondary-500) !important;
      }
      #online-poradna .hover\:ring-1:hover {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
      #online-poradna .hover\:outline-2:hover {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 2px !important;
      }
      #online-poradna .hover\:outline-secondary-500\/70:hover {
        outline-color: rgba(199, 108, 171, 0.7019607843) !important;
      }
      @supports (color: color-mix(in lab, red, red)) {
        #online-poradna .hover\:outline-secondary-500\/70:hover {
          outline-color: color-mix(in oklab, var(--color-secondary-500) 70%, transparent) !important;
        }
      }
    }
    #online-poradna .focus\:not-sr-only:focus {
      clip-path: none !important;
      white-space: normal !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      position: static !important;
      overflow: visible !important;
    }
    #online-poradna .disabled\:cursor-not-allowed:disabled {
      cursor: not-allowed !important;
    }
    #online-poradna .disabled\:opacity-50:disabled {
      opacity: 0.5 !important;
    }
    #online-poradna .md\:container {
      margin: 0 auto !important;
    }
    @media (min-width: 48rem) {
      #online-poradna .md\:container {
        width: 100% !important;
      }
    }
    @media (min-width: 48rem) and (min-width: 40rem) {
      #online-poradna .md\:container {
        max-width: 40rem !important;
      }
    }
    @media (min-width: 48rem) {
      #online-poradna .md\:container {
        max-width: 48rem !important;
      }
    }
    @media (min-width: 48rem) and (min-width: 64rem) {
      #online-poradna .md\:container {
        max-width: 64rem !important;
      }
    }
    @media (min-width: 48rem) and (min-width: 80rem) {
      #online-poradna .md\:container {
        max-width: 80rem !important;
      }
    }
    @media (min-width: 48rem) and (min-width: 96rem) {
      #online-poradna .md\:container {
        max-width: 96rem !important;
      }
    }
    @media (min-width: 48rem) {
      #online-poradna .md\:container {
        padding-inline: calc(var(--spacing) * 4) !important;
        margin-inline: auto !important;
      }
      #online-poradna .md\:my-16 {
        margin-block: calc(var(--spacing) * 16) !important;
      }
      #online-poradna .md\:mt-0 {
        margin-top: calc(var(--spacing) * 0) !important;
      }
      #online-poradna .md\:mt-10 {
        margin-top: calc(var(--spacing) * 10) !important;
      }
      #online-poradna .md\:mt-12 {
        margin-top: calc(var(--spacing) * 12) !important;
      }
      #online-poradna .md\:mb-6 {
        margin-bottom: calc(var(--spacing) * 6) !important;
      }
      #online-poradna .md\:ml-15 {
        margin-left: calc(var(--spacing) * 15) !important;
      }
      #online-poradna .md\:block {
        display: block !important;
      }
      #online-poradna .md\:hidden {
        display: none !important;
      }
      #online-poradna .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      #online-poradna .md\:flex-col {
        flex-direction: column !important;
      }
      #online-poradna .md\:flex-row {
        flex-direction: row !important;
      }
      #online-poradna :where(.md\:space-y-8 > :not(:last-child)) {
        --tw-space-y-reverse: 0 !important;
        margin-block-start: calc(var(--spacing) * 8 * var(--tw-space-y-reverse)) !important;
        margin-block-end: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse))) !important;
      }
      #online-poradna .md\:p-5 {
        padding: calc(var(--spacing) * 5) !important;
      }
      #online-poradna .md\:p-8 {
        padding: calc(var(--spacing) * 8) !important;
      }
      #online-poradna .md\:py-10 {
        padding-block: calc(var(--spacing) * 10) !important;
      }
      #online-poradna .md\:pt-10 {
        padding-top: calc(var(--spacing) * 10) !important;
      }
      #online-poradna .md\:pt-15 {
        padding-top: calc(var(--spacing) * 15) !important;
      }
      #online-poradna .md\:text-\[22px\] {
        font-size: 22px !important;
      }
      #online-poradna .md\:text-\[24px\] {
        font-size: 24px !important;
      }
      #online-poradna .md\:text-\[28px\] {
        font-size: 28px !important;
      }
      #online-poradna .md\:text-\[36px\] {
        font-size: 36px !important;
      }
    }
    @media (min-width: 64rem) {
      #online-poradna .lg\:col-span-1 {
        grid-column: span 1/span 1 !important;
      }
      #online-poradna .lg\:col-span-2 {
        grid-column: span 2/span 2 !important;
      }
      #online-poradna .lg\:col-span-5 {
        grid-column: span 5/span 5 !important;
      }
      #online-poradna .lg\:mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5) !important;
      }
      #online-poradna .lg\:block {
        display: block !important;
      }
      #online-poradna .lg\:flex {
        display: flex !important;
      }
      #online-poradna .lg\:grid {
        display: grid !important;
      }
      #online-poradna .lg\:hidden {
        display: none !important;
      }
      #online-poradna .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      #online-poradna .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      #online-poradna .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      }
      #online-poradna .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
      }
      #online-poradna .lg\:gap-12 {
        gap: calc(var(--spacing) * 12) !important;
      }
      #online-poradna .lg\:text-lg {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
      }
    }
    @media (min-width: 80rem) {
      #online-poradna .xl\:gap-x-5 {
        column-gap: calc(var(--spacing) * 5) !important;
      }
    }
  }
  #online-poradna a {
    text-decoration: none;
  }
  #online-poradna select {
    border-right: 16px solid rgba(0, 0, 0, 0);
  }
  @property --tw-translate-x {
      syntax: "*";
      inherits: false;
      initial-value: 0;
  }
  @property --tw-translate-y {
      syntax: "*";
      inherits: false;
      initial-value: 0;
  }
  @property --tw-translate-z {
      syntax: "*";
      inherits: false;
      initial-value: 0;
  }
  @property --tw-rotate-x {
      syntax: "*";
      inherits: false;
  }
  @property --tw-rotate-y {
      syntax: "*";
      inherits: false;
  }
  @property --tw-rotate-z {
      syntax: "*";
      inherits: false;
  }
  @property --tw-skew-x {
      syntax: "*";
      inherits: false;
  }
  @property --tw-skew-y {
      syntax: "*";
      inherits: false;
  }
  @property --tw-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0;
  }
  @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid;
  }
  @property --tw-leading {
      syntax: "*";
      inherits: false;
  }
  @property --tw-font-weight {
      syntax: "*";
      inherits: false;
  }
  @property --tw-outline-style {
      syntax: "*";
      inherits: false;
      initial-value: solid;
  }
  @property --tw-duration {
      syntax: "*";
      inherits: false;
  }
  @property --tw-ease {
      syntax: "*";
      inherits: false;
  }
  @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 rgba(0, 0, 0, 0);
  }
  @property --tw-shadow-color {
      syntax: "*";
      inherits: false;
  }
  @property --tw-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%;
  }
  @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 rgba(0, 0, 0, 0);
  }
  @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false;
  }
  @property --tw-inset-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%;
  }
  @property --tw-ring-color {
      syntax: "*";
      inherits: false;
  }
  @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 rgba(0, 0, 0, 0);
  }
  @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false;
  }
  @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 rgba(0, 0, 0, 0);
  }
  @property --tw-ring-inset {
      syntax: "*";
      inherits: false;
  }
  @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0;
  }
  @property --tw-ring-offset-color {
      syntax: "*";
      inherits: false;
      initial-value: #fff;
  }
  @property --tw-ring-offset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 rgba(0, 0, 0, 0);
  }