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

.ym-sr-only-focusable {
    &:not(:focus) {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    }
}.ym-animation-bounce {
    animation: ym-motion-keyframes-bounce var(--ym-motion-duration-slow) ease;
}

.ym-animation-fade-in {
    animation: ym-motion-keyframes-fade-in var(--ym-motion-duration-slow) ease;
}

.ym-animation-pulse {
    animation: ym-motion-keyframes-pulse var(--ym-motion-duration-slow) ease;
}

.ym-animation-spin {
    animation: ym-motion-keyframes-spin 2s infinite linear;
}

.ym-animation-appear-above {
    animation: ym-motion-keyframes-appear-above var(--ym-motion-duration-slow) ease;
}

.ym-animation-appear-below {
    animation: ym-motion-keyframes-appear-below var(--ym-motion-duration-slow) ease;
}

.ym-animation-backdrop {
    animation: ym-motion-keyframes-backdrop var(--ym-motion-duration-slow) ease;
}

.ym-animation-skeleton-loader {
    overflow: hidden;
    background-color: var(--ym-bg-gray-50);
    background: linear-gradient(110deg, var(--ym-bg-gray-50) 35%, var(--ym-bg-white), var(--ym-bg-gray-50) 65%) 0px 0px / 100vw 100% fixed;
    @media (prefers-reduced-motion: no-preference) {
        animation: ym-motion-keyframes-skeleton-loader 2s linear infinite;
        animation-delay: inherit;
    }
}.ym-appearance-none {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.ym-number-as-text-inout {

    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    -moz-appearance: textfield;
}

.ym-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
        display: none;
        width: 0;
    }

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

    &::-webkit-scrollbar-thumb {
        background-color: transparent;
    }
}

.ym-custom-scrollbar {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    scrollbar-width: 12px;

    ::-webkit-scrollbar {
        width: 8px;
    }

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

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 40px;
        transition: width 0.15s;
    }
}

.ym-kbd {
    display: inline-flex;
    box-sizing: border-box;
    font-family: var(--ym-monospace-font);
    white-space: nowrap;
    user-select: none;
    font-size: var(--ym-font-size);
    min-width: var(--ym-spacing-scale-6);
    line-height: var(--ym-line-height-20);
    padding-left: var(--ym-spacing-scale-3);
    padding-right: var(--ym-spacing-scale-3);
    border-radius: var(--ym-border-radius-2);
    color: var(--ym-text-gray-700);
    background-color: var(--ym-bg-t-gray-a-08);
    box-shadow: inset 0 -1px 0 0 rgba(var(--ym-bg-gray-900), 0.08);
}

.ym-blockquote {
    @include ym-text-gray-700;
    @include ym-py-3;
    @include ym-pl-6;
    @include ym-my-3;
    @include ym-mx-0;
    @include ym-inset-border-l-4-gray-100;
}

.ym-dropdown-width {
    width: 100%;
    max-width: var(--ym-dropdown-width);
}

.ym-dropdown-width-narrow {
    width: 100%;
    max-width: var(--ym-dropdown-width-narrow);
}

.ym-dropdown-width-wide {
    width: 100%;
    max-width: var(--ym-dropdown-width-wide);
}

.ym-max-dropdown-max-height {
    height: 100%;
    max-height: var(--ym-max-dropdown-max-height);
}

.ym-toast-min-width {
    min-width: var(--ym-toast-min-width);
}

.ym-toast-max-width {
    width: 100%;
    max-width: var(--ym-toast-max-width);
}

.ym-modal-small-width {
    width: 100%;
    max-width: var(--ym-modal-small-width);
}

.ym-modal-base-width {
    width: 100%;
    max-width: var(--ym-modal-base-width);
}

.ym-modal-large-width {
    width: 100%;
    max-width: var(--ym-modal-large-width);
}

.ym-modal-extra-large-width {
    width: 100%;
    max-width: var(--ym-modal-extra-large-width);
}

.ym-backdrop-bg {
    background-color: var(--ym-backdrop-bg);
}

.ym-backdrop-opacity {
    opacity: var(--ym-backdrop-opacity);
}

.ym-drawer-small-width {
    width: 100%;
    max-width: var(--ym-drawer-small-width);
}

.ym-drawer-base-width {
    width: 100%;
    max-width: var(--ym-drawer-base-width);
}

.ym-drawer-large-width {
    width: 100%;
    max-width: var(--ym-drawer-large-width);
}

.ym-backdrop-bg {
    background-color: var(--ym-backdrop-bg);
}

.ym-backdrop-opacity {
    opacity: var(--ym-backdrop-opacity);
}.ym-bg-transparent {
    background-color: transparent
}
.ym-hover-bg-transparent:hover {
    background-color: transparent
}
.ym-bg-current-color {
    background-color: currentColor
}
.ym-bg-white {
    background-color: var(--ym-bg-white)
}
.ym-bg-white-normal {
    background-color: var(--ym-bg-white-normal)
}
.ym-bg-white-dark {
    background-color: var(--ym-bg-white-dark)
}
.ym-bg-white-contrast {
    background-color: var(--ym-bg-white-contrast)
}
.ym-bg-white-transparent {
    background-color: var(--ym-bg-white-transparent)
}
.ym-bg-black {
    background-color: var(--ym-bg-black)
}
.ym-bg-black-normal {
    background-color: var(--ym-bg-black-normal)
}
.ym-reset-bg {
    background-color: inherit
}
.ym-bg-primary {
    background-color: var(--ym-bg-primary)
}
.ym-bg-secondary {
    background-color: var(--ym-bg-secondary)
}
.ym-bg-success {
    background-color: var(--ym-bg-success)
}
.ym-bg-info {
    background-color: var(--ym-bg-info)
}
.ym-bg-warning {
    background-color: var(--ym-bg-warning)
}
.ym-bg-danger {
    background-color: var(--ym-bg-danger)
}
.ym-bg-gray-10 {
    background-color: var(--ym-bg-gray-10)
}
.ym-active-bg-gray-10:active {
    background-color: var(--ym-bg-gray-10)
}
.ym-focus-bg-gray-10:focus-visible {
    background-color: var(--ym-bg-gray-10)
}
.ym-hover-bg-gray-10:hover {
    background-color: var(--ym-bg-gray-10)
}
.ym-bg-gray-50 {
    background-color: var(--ym-bg-gray-50)
}
.ym-active-bg-gray-50:active {
    background-color: var(--ym-bg-gray-50)
}
.ym-focus-bg-gray-50:focus-visible {
    background-color: var(--ym-bg-gray-50)
}
.ym-hover-bg-gray-50:hover {
    background-color: var(--ym-bg-gray-50)
}
.ym-bg-gray-100 {
    background-color: var(--ym-bg-gray-100)
}
.ym-bg-gray-200 {
    background-color: var(--ym-bg-gray-200)
}
.ym-bg-gray-300 {
    background-color: var(--ym-bg-gray-300)
}
.ym-bg-gray-400 {
    background-color: var(--ym-bg-gray-400)
}
.ym-bg-gray-500 {
    background-color: var(--ym-bg-gray-500)
}
.ym-bg-gray-600 {
    background-color: var(--ym-bg-gray-600)
}
.ym-bg-gray-700 {
    background-color: var(--ym-bg-gray-700)
}
.ym-bg-gray-900 {
    background-color: var(--ym-bg-gray-900)
}
.ym-bg-blue-50 {
    background-color: var(--ym-bg-blue-50)
}
.ym-hover-bg-blue-50:hover {
    background-color: var(--ym-bg-blue-50)
}
.ym-bg-blue-100 {
    background-color: var(--ym-bg-blue-100)
}
.ym-bg-blue-200 {
    background-color: var(--ym-bg-blue-200)
}
.ym-bg-blue-500 {
    background-color: var(--ym-bg-blue-500)
}
.ym-bg-blue-600 {
    background-color: var(--ym-bg-blue-600)
}
.ym-bg-blue-700 {
    background-color: var(--ym-bg-blue-700)
}
.ym-bg-green-50 {
    background-color: var(--ym-bg-green-50)
}
.ym-bg-green-100 {
    background-color: var(--ym-bg-green-100)
}
.ym-bg-green-200 {
    background-color: var(--ym-bg-green-200)
}
.ym-bg-green-500 {
    background-color: var(--ym-bg-green-500)
}
.ym-bg-green-600 {
    background-color: var(--ym-bg-green-600)
}
.ym-bg-green-700 {
    background-color: var(--ym-bg-green-700)
}
.ym-bg-orange-50 {
    background-color: var(--ym-bg-orange-50)
}
.ym-bg-orange-100 {
    background-color: var(--ym-bg-orange-100)
}
.ym-bg-orange-200 {
    background-color: var(--ym-bg-orange-200)
}
.ym-bg-orange-500 {
    background-color: var(--ym-bg-orange-500)
}
.ym-bg-orange-600 {
    background-color: var(--ym-bg-orange-600)
}
.ym-bg-orange-700 {
    background-color: var(--ym-bg-orange-700)
}
.ym-bg-red-50 {
    background-color: var(--ym-bg-red-50)
}
.ym-bg-red-100 {
    background-color: var(--ym-bg-red-100)
}
.ym-bg-red-200 {
    background-color: var(--ym-bg-red-200)
}
.ym-bg-red-500 {
    background-color: var(--ym-bg-red-500)
}
.ym-bg-red-600 {
    background-color: var(--ym-bg-red-600)
}
.ym-bg-red-700 {
    background-color: var(--ym-bg-red-700)
}
.ym-bg-purple-50 {
    background-color: var(--ym-bg-purple-50)
}
.ym-bg-purple-100 {
    background-color: var(--ym-bg-purple-100)
}
.ym-bg-purple-200 {
    background-color: var(--ym-bg-purple-200)
}
.ym-bg-purple-300 {
    background-color: var(--ym-bg-purple-300)
}
.ym-bg-purple-500 {
    background-color: var(--ym-bg-purple-500)
}
.ym-bg-purple-600 {
    background-color: var(--ym-bg-purple-600)
}
.ym-bg-purple-700 {
    background-color: var(--ym-bg-purple-700)
}
.ym-bg-primary-50 {
    background-color: var(--ym-bg-primary-50)
}
.ym-bg-primary-100 {
    background-color: var(--ym-bg-primary-100)
}
.ym-bg-primary-200 {
    background-color: var(--ym-bg-primary-200)
}
.ym-bg-primary-500 {
    background-color: var(--ym-bg-primary-500)
}
.ym-bg-primary-600 {
    background-color: var(--ym-bg-primary-600)
}
.ym-bg-primary-700 {
    background-color: var(--ym-bg-primary-700)
}
.ym-bg-primary-800 {
    background-color: var(--ym-bg-primary-800)
}
.ym-bg-t-gray-a-04 {
    background-color: var(--ym-bg-t-gray-a-04)
}
.ym-hover-bg-t-gray-a-04:hover {
    background-color: var(--ym-bg-t-gray-a-04)
}
.ym-bg-t-gray-a-08 {
    background-color: var(--ym-bg-t-gray-a-08)
}
.ym-hover-bg-t-gray-a-08:hover {
    background-color: var(--ym-bg-t-gray-a-08)
}
.ym-bg-t-gray-a-16 {
    background-color: var(--ym-bg-t-gray-a-16)
}
.ym-hover-bg-t-gray-a-16:hover {
    background-color: var(--ym-bg-t-gray-a-16)
}
.ym-bg-t-gray-a-24 {
    background-color: var(--ym-bg-t-gray-a-24)
}
.ym-hover-bg-t-gray-a-24:hover {
    background-color: var(--ym-bg-t-gray-a-24)
}
.ym-bg-t-white-a-04 {
    background-color: var(--ym-bg-t-white-a-04)
}
.ym-hover-bg-t-white-a-04:hover {
    background-color: var(--ym-bg-t-white-a-04)
}
.ym-bg-t-white-a-08 {
    background-color: var(--ym-bg-t-white-a-08)
}
.ym-hover-bg-t-white-a-08:hover {
    background-color: var(--ym-bg-t-white-a-08)
}
.ym-bg-t-white-a-16 {
    background-color: var(--ym-bg-t-white-a-16)
}
.ym-hover-bg-t-white-a-16:hover {
    background-color: var(--ym-bg-t-white-a-16)
}
.ym-bg-t-white-a-24 {
    background-color: var(--ym-bg-t-white-a-24)
}
.ym-hover-bg-t-white-a-24:hover {
    background-color: var(--ym-bg-t-white-a-24)
}
.ym-bg-data-viz-blue-500 {
    background-color: var(--ym-bg-data-viz-blue-500)
}
.ym-bg-data-viz-blue-600 {
    background-color: var(--ym-bg-data-viz-blue-600)
}
.ym-bg-data-viz-blue-700 {
    background-color: var(--ym-bg-data-viz-blue-700)
}
.ym-bg-data-viz-blue-800 {
    background-color: var(--ym-bg-data-viz-blue-800)
}
.ym-bg-data-viz-blue-900 {
    background-color: var(--ym-bg-data-viz-blue-900)
}
.ym-bg-data-viz-blue-950 {
    background-color: var(--ym-bg-data-viz-blue-950)
}
.ym-bg-data-viz-orange-500 {
    background-color: var(--ym-bg-data-viz-orange-500)
}
.ym-bg-data-viz-orange-600 {
    background-color: var(--ym-bg-data-viz-orange-600)
}
.ym-bg-data-viz-orange-700 {
    background-color: var(--ym-bg-data-viz-orange-700)
}
.ym-bg-data-viz-orange-800 {
    background-color: var(--ym-bg-data-viz-orange-800)
}
.ym-bg-data-viz-orange-900 {
    background-color: var(--ym-bg-data-viz-orange-900)
}
.ym-bg-data-viz-orange-950 {
    background-color: var(--ym-bg-data-viz-orange-950)
}
.ym-bg-data-viz-aqua-100 {
    background-color: var(--ym-bg-data-viz-aqua-100)
}
.ym-bg-data-viz-aqua-500 {
    background-color: var(--ym-bg-data-viz-aqua-500)
}
.ym-bg-data-viz-aqua-600 {
    background-color: var(--ym-bg-data-viz-aqua-600)
}
.ym-bg-data-viz-aqua-700 {
    background-color: var(--ym-bg-data-viz-aqua-700)
}
.ym-bg-data-viz-aqua-800 {
    background-color: var(--ym-bg-data-viz-aqua-800)
}
.ym-bg-data-viz-aqua-900 {
    background-color: var(--ym-bg-data-viz-aqua-900)
}
.ym-bg-data-viz-aqua-950 {
    background-color: var(--ym-bg-data-viz-aqua-950)
}
.ym-bg-data-viz-green-500 {
    background-color: var(--ym-bg-data-viz-green-500)
}
.ym-bg-data-viz-green-600 {
    background-color: var(--ym-bg-data-viz-green-600)
}
.ym-bg-data-viz-green-700 {
    background-color: var(--ym-bg-data-viz-green-700)
}
.ym-bg-data-viz-green-800 {
    background-color: var(--ym-bg-data-viz-green-800)
}
.ym-bg-data-viz-green-900 {
    background-color: var(--ym-bg-data-viz-green-900)
}
.ym-bg-data-viz-green-950 {
    background-color: var(--ym-bg-data-viz-green-950)
}
.ym-bg-data-viz-magenta-100 {
    background-color: var(--ym-bg-data-viz-magenta-100)
}
.ym-bg-data-viz-magenta-500 {
    background-color: var(--ym-bg-data-viz-magenta-500)
}
.ym-bg-data-viz-magenta-600 {
    background-color: var(--ym-bg-data-viz-magenta-600)
}
.ym-bg-data-viz-magenta-700 {
    background-color: var(--ym-bg-data-viz-magenta-700)
}
.ym-bg-data-viz-magenta-800 {
    background-color: var(--ym-bg-data-viz-magenta-800)
}
.ym-bg-data-viz-magenta-900 {
    background-color: var(--ym-bg-data-viz-magenta-900)
}
.ym-bg-data-viz-magenta-950 {
    background-color: var(--ym-bg-data-viz-magenta-950)
}
.ym-bg-none {
    background: none
}
.ym-bg-center {
    background-position: center
}
.ym-bg-size-100p {
    background-size: 100% 100%
}
.ym-bg-size-cover {
    background-size: cover
}
.ym-bg-size-contain {
    background-size: contain
}
.ym-bg-no-repeat {
    background-repeat: no-repeat
}
.ym-bg-chevron-left {
    background-image: url('#{$ym-icon-chevron-left}')
}
.ym-bg-chevron-right {
    background-image: url('#{$ym-icon-chevron-right}')
}
.ym-bg-chevron-down {
    background-image: url('#{$ym-icon-chevron-down}')
}
.ym-backdrop-filter-blur-1 {
    backdrop-filter: blur(var(--ym-spacing-scale-1))
}.ym-border {
    border: solid var(--ym-border-size-1) var(--ym-border-gray-100);
}

.ym-border-t {
    border-top: solid var(--ym-border-size-1) var(--ym-border-gray-100);
}

.ym-border-b {
    border-bottom: solid var(--ym-border-size-1) var(--ym-border-gray-100);
}

.ym-border-l {
    border-left: solid var(--ym-border-size-1) var(--ym-border-gray-100);
}

.ym-border-r {
    border-right: solid var(--ym-border-size-1) var(--ym-border-gray-100);
}

.ym-border-none {
    border-style: none;
}

.ym-border-t-none {
    border-top-style: none;
}

.ym-border-solid {
    border-style: solid;
}

.ym-hover-border-solid:hover {
    border-style: solid;
}

.ym-border-dashed {
    border-style: dashed;
}

.ym-hover-border-dashed:hover {
    border-style: dashed;
}

.ym-border-dotted {
    border-style: dotter;
}

.ym-hover-border-dotted:hover {
    border-style: dotter;
}

.ym-border-t-solid {
    border-top-style: solid;
}

.ym-hover-border-t-solid:hover {
    border-top-style: solid;
}

.ym-border-t-dashed {
    border-top-style: dashed;
}

.ym-border-t-double {
    border-top-style: double;
}

.ym-border-r-solid {
    border-right-style: solid;
}

.ym-border-b-solid {
    border-bottom-style: solid;
}

.ym-hover-border-b-solid:hover {
    border-bottom-style: solid;
}

.ym-border-b-initial {
    border-bottom-style: initial;
}

.ym-border-l-solid {
    border-left-style: solid;
}

.ym-border-l-none {
    border-left-style: none;
}

.ym-border-r-none {
    border-right-style: none;
}

.ym-md-border-l-solid {
    @include ym-media-breakpoint-up(md) {
        border-left-style: solid;
    }
}

.ym-border-white {
    border-color: var(--ym-border-white);
}

.ym-border-transparent {
    border-color: transparent;
}

.ym-border-t-transparent {
    border-top-color: transparent;
}

.ym-border-r-transparent {
    border-right-color: transparent;
}

.ym-border-b-transparent {
    border-bottom-color: transparent;
}

.ym-border-l-transparent {
    border-left-color: transparent;
}

.ym-border-primary {
    border-color: var(--ym-border-primary);
}

.ym-border-secondary {
    border-color: var(--ym-border-secondary);
}

.ym-border-success {
    border-color: var(--ym-border-success);
}

.ym-border-selected-color {
    border-color: var(--ym-focus-color);
}

.ym-border-warning {
    border-color: var(--ym-border-warning);
}

.ym-border-danger {
    border-color: var(--ym-border-danger);
}

.ym-border-gray-50 {
    border-color: var(--ym-border-gray-50);
}

.ym-border-gray-100 {
    border-color: var(--ym-border-gray-100);
}

.ym-border-gray-200 {
    border-color: var(--ym-border-gray-200);
}

.ym-active-border-gray-200:active {
    border-color: var(--ym-border-gray-200);
}

.ym-focus-border-gray-200:focus-visible {
    border-color: var(--ym-border-gray-200);
}

.ym-hover-border-gray-200:hover {
    border-color: var(--ym-border-gray-200);
}

.ym-border-gray-300 {
    border-color: var(--ym-border-gray-300);
}

.ym-border-gray-400 {
    border-color: var(--ym-border-gray-400);
}

.ym-border-gray-500 {
    border-color: var(--ym-border-gray-500);
}

.ym-border-red-50 {
    border-color: var(--ym-border-red-50);
}

.ym-border-red-100 {
    border-color: var(--ym-border-red-100);
}

.ym-border-red-200 {
    border-color: var(--ym-border-red-200);
}

.ym-border-red-300 {
    border-color: var(--ym-border-red-300);
}

.ym-border-red-500 {
    border-color: var(--ym-border-red-500);
}

.ym-border-orange-50 {
    border-color: var(--ym-border-orange-50);
}

.ym-border-orange-100 {
    border-color: var(--ym-border-orange-100);
}

.ym-border-orange-200 {
    border-color: var(--ym-border-orange-200);
}

.ym-border-orange-300 {
    border-color: var(--ym-border-orange-300);
}

.ym-border-orange-500 {
    border-color: var(--ym-border-orange-500);
}

.ym-border-green-50 {
    border-color: var(--ym-border-green-50);
}

.ym-border-green-100 {
    border-color: var(--ym-border-green-100);
}

.ym-border-green-200 {
    border-color: var(--ym-border-green-200);
}

.ym-border-green-300 {
    border-color: var(--ym-border-green-300);
}

.ym-border-green-500 {
    border-color: var(--ym-border-green-500);
}

.ym-border-blue-50 {
    border-color: var(--ym-border-blue-50);
}

.ym-border-blue-100 {
    border-color: var(--ym-border-blue-100);
}

.ym-border-blue-200 {
    border-color: var(--ym-border-blue-200);
}

.ym-hover-border-blue-200:hover {
    border-color: var(--ym-border-blue-200);
}

.ym-border-blue-300 {
    border-color: var(--ym-border-blue-300);
}

.ym-border-blue-500 {
    border-color: var(--ym-border-blue-500);
}

.ym-border-blue-600 {
    border-color: var(--ym-border-blue-600);
}

.ym-border-blue-700 {
    border-color: var(--ym-border-blue-700);
}

.ym-border-purple-50 {
    border-color: var(--ym-border-purple-50);
}

.ym-border-purple-100 {
    border-color: var(--ym-border-purple-100);
}

.ym-border-purple-200 {
    border-color: var(--ym-border-purple-200);
}

.ym-border-purple-300 {
    border-color: var(--ym-border-purple-300);
}

.ym-border-purple-500 {
    border-color: var(--ym-border-purple-500);
}

.ym-border-purple-700 {
    border-color: var(--ym-border-purple-700);
}

.ym-border-primary-50 {
    border-color: var(--ym-border-primary-50);
}

.ym-border-primary-100 {
    border-color: var(--ym-border-primary-100);
}

.ym-border-primary-200 {
    border-color: var(--ym-border-primary-200);
}

.ym-border-primary-300 {
    border-color: var(--ym-border-primary-300);
}

.ym-border-primary-500 {
    border-color: var(--ym-border-primary-500);
}

.ym-border-primary-600 {
    border-color: var(--ym-border-primary-600);
}

.ym-border-primary-700 {
    border-color: var(--ym-border-primary-700);
}

.ym-border-gray-a-08 {
    border-color: var(--ym-border-gray-a-08);
}

.ym-border-gray-a-16 {
    border-color: var(--ym-border-gray-a-16);
}

.ym-border-gray-a-24 {
    border-color: var(--ym-border-gray-a-24);
}

.ym-border-white-a-08 {
    border-color: var(--ym-border-white-a-08);
}

.ym-border-white-a-16 {
    border-color: var(--ym-border-white-a-16);
}

.ym-border-white-a-24 {
    border-color: var(--ym-border-white-a-24);
}

.ym-border-t-gray-50 {
    border-top-color: var(--ym-border-gray-50);
}

.ym-border-t-gray-100 {
    border-top-color: var(--ym-border-gray-100);
}

.ym-border-t-gray-200 {
    border-top-color: var(--ym-border-gray-200);
}

.ym-border-r-gray-100 {
    border-right-color: var(--ym-border-gray-100);
}

.ym-border-r-gray-200 {
    border-right-color: var(--ym-border-gray-200);
}

.ym-border-b-gray-10 {
    border-bottom-color: var(--ym-border-gray-10);
}

.ym-border-b-gray-50 {
    border-bottom-color: var(--ym-border-gray-50);
}

.ym-border-b-gray-100 {
    border-bottom-color: var(--ym-border-gray-100);
}

.ym-border-b-gray-200 {
    border-bottom-color: var(--ym-border-gray-200);
}

.ym-border-l-gray-50 {
    border-left-color: var(--ym-border-gray-50);
}

.ym-border-l-gray-100 {
    border-left-color: var(--ym-border-gray-100);
}

.ym-border-l-gray-200 {
    border-left-color: var(--ym-border-gray-200);
}

.ym-border-l-gray-500 {
    border-left-color: var(--ym-border-gray-500);
}

.ym-border-t-blue-600 {
    border-top-color: var(--ym-border-blue-600);
}

.ym-border-r-blue-600 {
    border-right-color: var(--ym-border-blue-600);
}

.ym-border-b-blue-600 {
    border-bottom-color: var(--ym-border-blue-600);
}

.ym-border-l-blue-600 {
    border-left-color: var(--ym-border-blue-600);
}

.ym-border-0 {
    border-width: 0;
}

.ym-border-t-0 {
    border-top-width: 0;
}

.ym-border-b-0 {
    border-bottom-width: 0;
}

.ym-border-l-0 {
    border-left-width: 0;
}

.ym-border-r-0 {
    border-right-width: 0;
}

.ym-border-1 {
    border-width: var(--ym-border-size-1);
}

.ym-border-2 {
    border-width: var(--ym-border-size-2);
}

.ym-border-3 {
    border-width: var(--ym-border-size-3);
}

.ym-border-4 {
    border-width: var(--ym-border-size-4);
}

.ym-border-8 {
    border-width: var(--ym-border-size-8);
}

.ym-border-t-1 {
    border-top-width: var(--ym-border-size-1);
}

.ym-border-b-1 {
    border-bottom-width: var(--ym-border-size-1);
}

.ym-border-l-1 {
    border-left-width: var(--ym-border-size-1);
}

.ym-border-r-1 {
    border-right-width: var(--ym-border-size-1);
}

.ym-border-l-4 {
    border-left-width: var(--ym-border-size-4);
}

.ym-border-t-2 {
    border-top-width: var(--ym-border-size-2);
}

.ym-border-b-2 {
    border-bottom-width: var(--ym-border-size-2);
}

.ym-border-r-2 {
    border-right-width: var(--ym-border-size-2);
}

.ym-border-top-0 {
    border-top: 0;
}

.ym-border-right-0 {
    border-right: 0;
}

.ym-border-bottom-0 {
    border-bottom: 0;
}

.ym-border-left-0 {
    border-left: 0;
}

.ym-rounded-0 {
    border-radius: 0;
}

.ym-hover-rounded-0:hover {
    border-radius: 0;
}

.ym-rounded-2 {
    border-radius: var(--ym-border-radius-2);
}

.ym-rounded-3 {
    border-radius: var(--ym-border-radius-3);
}

.ym-rounded-4 {
    border-radius: var(--ym-border-radius-4);
}

.ym-rounded-5 {
    border-radius: var(--ym-border-radius-5);
}

.ym-rounded-6 {
    border-radius: var(--ym-border-radius-6);
}

.ym-rounded-7 {
    border-radius: var(--ym-border-radius-7);
}

.ym-rounded-base {
    border-radius: var(--ym-border-radius-base);
}

.ym-hover-rounded-base:hover {
    border-radius: var(--ym-border-radius-base);
}

.ym-rounded-full {
    border-radius:  var(--ym-border-radius-full);
}

.ym-hover-rounded-full:hover {
    border-radius:  var(--ym-border-radius-full);
}

.ym-rounded-small {
    border-radius: var(--ym-border-radius-small);
}

.ym-hover-rounded-small:hover {
    border-radius: var(--ym-border-radius-small);
}

.ym-rounded-lg {
    border-radius: var(--ym-border-radius-large);
}

.ym-hover-rounded-lg:hover {
    border-radius: var(--ym-border-radius-large);
}

.ym-rounded-pill {
    border-radius: var(--ym-spacing-scale-4);
}

.ym-hover-rounded-pill:hover {
    border-radius: var(--ym-spacing-scale-4);
}

.ym-rounded-top-left-base {
    border-top-left-radius: var(--ym-border-radius-base);
}

.ym-rounded-top-left-none {
    border-top-left-radius: 0;
}

.ym-rounded-top-right-base {
    border-top-right-radius: var(--ym-border-radius-base);
}

.ym-rounded-top-right-none {
    border-top-right-radius: 0;
}

.ym-rounded-top-base {
    border-top-left-radius: var(--ym-border-radius-base);
    border-top-right-radius: var(--ym-border-radius-base);
}

.ym-rounded-bottom-left-base {
    border-bottom-left-radius: var(--ym-border-radius-base);
}

.ym-rounded-bottom-left-none {
    border-bottom-left-radius: 0;
}

.ym-rounded-bottom-right-base {
    border-bottom-right-radius: var(--ym-border-radius-base);
}

.ym-rounded-bottom-right-none {
    border-bottom-right-radius: 0;
}

.ym-rounded-bottom-base {
    border-bottom-left-radius: var(--ym-border-radius-base);
    border-bottom-right-radius: var(--ym-border-radius-base);
}

.ym-rounded-top-left-small {
    border-top-left-radius: var(--ym-border-radius-small);
}

.ym-rounded-top-right-small {
    border-top-right-radius: var(--ym-border-radius-small);
}

.ym-rounded-bottom-left-small {
    border-bottom-left-radius: var(--ym-border-radius-small);
}

.ym-rounded-bottom-right-small {
    border-bottom-right-radius: var(--ym-border-radius-small);
}

.ym-rounded-top-left-6 {
    border-top-left-radius: var(--ym-border-radius-6);
}

.ym-rounded-top-right-6 {
    border-top-right-radius: var(--ym-border-radius-6);
}

.ym-rounded-bottom-left-6 {
    border-bottom-left-radius: var(--ym-border-radius-6);
}

.ym-rounded-top-right-6 {
    border-top-right-radius: var(--ym-border-radius-6);
}.ym-inset-border-l-4-gray-100 {
    box-shadow: var(--ym-inset-border-l-4-gray-100)
}

.ym-shadow-none {
    box-shadow: none
}

.ym-focus-shadow-none:focus-visible {
    box-shadow: none
}

.ym-shadow-drawer {
    box-shadow: var(--ym-shadow-drawer)
}

.ym-shadow-layer-sm {
    box-shadow: var(--ym-shadow-layer-sm)
}

.ym-hover-shadow-layer-sm:hover {
    box-shadow: var(--ym-shadow-layer-sm)
}

.ym-shadow-layer-md {
    box-shadow: var(--ym-shadow-layer-md)
}

.ym-hover-shadow-layer-md:hover {
    box-shadow: var(--ym-shadow-layer-md)
}

.ym-shadow-layer-lg {
    box-shadow: var(--ym-shadow-layer-lg)
}

.ym-hover-shadow-layer-lg:hover {
    box-shadow: var(--ym-shadow-layer-lg)
}

.ym-shadow-layer-xl {
    box-shadow: var(--ym-shadow-layer-xl)
}

.ym-hover-shadow-layer-xl:hover {
    box-shadow: var(--ym-shadow-layer-xl)
}

.ym--focus {
    box-shadow: var(--ym--focus);
    outline: none
}

.ym-focus--focus:focus-visible {
    box-shadow: var(--ym--focus);
    outline: none
}

.ym--focus-inset {
    box-shadow: var(--ym--focus-inset);
    outline: none
}

.ym-focus--focus-inset:focus-visible {
    box-shadow: var(--ym--focus-inset);
    outline: none
}

.ym--focus-border {
    box-shadow: var(--ym--focus-border);
    outline: none
}

.ym-focus--focus-border:focus-visible {
    box-shadow: var(--ym--focus-border);
    outline: none
}

.ym-shadow-button {
    box-shadow: var(--ym--focus-button)
}

.ym-shadow-scroll {
    box-shadow: var(--ym--focus-scroll)
}

.ym-hover-shadow-scroll:hover {
    box-shadow: var(--ym--focus-scroll)
}.ym-box-sizing-border-box {
    box-sizing: border-box
}

.ym-box-sizing-content-box {
    box-sizing: content-box
}

.ym-reset-box-sizing {
    box-sizing: inherit
}

.ym-object-fit-contain {
    object-fit: contain
}

.ym-object-fit-cover {
    object-fit: cover
}.ym-clearfix {
    &::after {
        display: block;
        clear: both;
        content: "";
    }
}.ym-reset-color {
    color: inherit;
}

.ym-text-transparent {
    color: transparent;
}

.ym-text-white {
    color: var(--ym-text-white);
}

.ym-hover-text-white:hover {
    color: var(--ym-text-white);
}

.ym-text-contrast {
    color: var(--ym-text-white-contrast);
}

.ym-text-white-dark {
    color: var(--ym-text-white-dark);
}

.ym-text-white-normal {
    color: var(--ym-text-white-normal);
}

.ym-text-white-transparent {
    color: var(--ym-text-white-transparent);
}

.ym-text-color {
    color: var(--ym-text-color);
}

.ym-text-disabled {
    color: var(--ym-text-gray-400);
}

.ym-text-primary {
    color: var(--ym-text-primary);
}

.ym-text-secondary {
    color: var(--ym-text-secondary);
}

.ym-text-success {
    color: var(--ym-text-success);
}

.ym-text-info {
    color: var(--ym-text-info);
}

.ym-text-warning {
    color: var(--ym-text-warning);
}

.ym-text-danger {
    color: var(--ym-text-danger);
}

.ym-text-gray-50 {
    color: var(--ym-text-gray-50);
}

.ym-text-gray-100 {
    color: var(--ym-text-gray-100);
}

.ym-text-gray-200 {
    color: var(--ym-text-gray-200);
}

.ym-text-gray-300 {
    color: var(--ym-text-gray-300);
}

.ym-text-gray-400 {
    color: var(--ym-text-gray-400);
}

.ym-text-gray-500 {
    color: var(--ym-text-gray-500);
}

.ym-text-gray-600 {
    color: var(--ym-text-gray-600);
}

.ym-text-gray-700 {
    color: var(--ym-text-gray-700);
}

.ym-text-gray-800 {
    color: var(--ym-text-gray-800);
}

.ym-text-gray-900 {
    color: var(--ym-text-gray-900);
}

.ym-active-text-gray-900:active {
    color: var(--ym-text-gray-900);
}

.ym-focus-text-gray-900:focus-visible {
    color: var(--ym-text-gray-900);
}

.ym-hover-text-gray-900:hover {
    color: var(--ym-text-gray-900);
}

.ym-text-gray-950 {
    color: var(--ym-text-gray-950);
}

.ym-text-blue-200 {
    color: var(--ym-text-blue-200);
}

.ym-text-blue-300 {
    color: var(--ym-text-blue-300);
}

.ym-text-blue-400 {
    color: var(--ym-text-blue-400);
}

.ym-text-blue-500 {
    color: var(--ym-text-blue-500);
}

.ym-text-blue-600 {
    color: var(--ym-text-blue-600);
}

.ym-hover-text-blue-600:hover {
    color: var(--ym-text-blue-600);
}

.ym-text-blue-700 {
    color: var(--ym-text-blue-700);
}

.ym-text-blue-800 {
    color: var(--ym-text-blue-800);
}

.ym-hover-text-blue-800:hover {
    color: var(--ym-text-blue-800);
}

.ym-text-blue-900 {
    color: var(--ym-text-blue-900);
}

.ym-text-green-300 {
    color: var(--ym-text-green-300);
}

.ym-text-green-400 {
    color: var(--ym-text-green-400);
}

.ym-text-green-500 {
    color: var(--ym-text-green-500);
}

.ym-text-green-600 {
    color: var(--ym-text-green-600);
}

.ym-text-green-700 {
    color: var(--ym-text-green-700);
}

.ym-text-green-800 {
    color: var(--ym-text-green-800);
}

.ym-text-green-900 {
    color: var(--ym-text-green-900);
}

.ym-text-orange-300 {
    color: var(--ym-text-orange-300);
}

.ym-text-orange-400 {
    color: var(--ym-text-orange-400);
}

.ym-text-orange-500 {
    color: var(--ym-text-orange-500);
}

.ym-text-orange-600 {
    color: var(--ym-text-orange-600);
}

.ym-text-orange-700 {
    color: var(--ym-text-orange-700);
}

.ym-text-orange-800 {
    color: var(--ym-text-orange-800);
}

.ym-text-orange-900 {
    color: var(--ym-text-orange-900);
}

.ym-text-red-300 {
    color: var(--ym-text-red-300);
}

.ym-text-red-500 {
    color: var(--ym-text-red-500);
}

.ym-text-red-600 {
    color: var(--ym-text-red-600);
}

.ym-text-red-700 {
    color: var(--ym-text-red-700);
}

.ym-text-red-800 {
    color: var(--ym-text-red-800);
}

.ym-text-red-900 {
    color: var(--ym-text-red-900);
}

.ym-text-purple-300 {
    color: var(--ym-text-purple-300);
}

.ym-text-purple-500 {
    color: var(--ym-text-purple-600);
}

.ym-text-purple-600 {
    color: var(--ym-text-purple-600);
}

.ym-text-purple-700 {
    color: var(--ym-text-purple-700);
}

.ym-text-purple-800 {
    color: var(--ym-text-purple-800);
}

.ym-text-purple-900 {
    color: var(--ym-text-purple-900);
}

.ym-text-primary-300 {
    color: var(--ym-text-primary-300);
}

.ym-text-primary-400 {
    color: var(--ym-text-primary-400);
}

.ym-text-primary-500 {
    color: var(--ym-text-primary);
}

.ym-text-primary-600 {
    color: var(--ym-text-primary-600);
}

.ym-text-primary-700 {
    color: var(--ym-text-primary-700);
}

.ym-text-primary-800 {
    color: var(--ym-text-primary-800);
}

.ym-text-primary-900 {
    color: var(--ym-text-primary-900);
}

.ym-dark-invert-keep-hue {
    .ym-dark & {
        filter: invert(0.8) hue-rotate(180deg);
    }
}.ym--flex-center{
    @include ym-display-flex;
    @include ym-align-items-center;
    @include ym-justify-content-center
}.ym-content-empty {
    content: ""
}.ym-cursor-default {
    cursor: default
}

.ym-cursor-pointer {
    cursor: pointer
}

.ym-hover-cursor-pointer:hover {
    cursor: pointer
}

.ym-cursor-grab {
    cursor: grab
}

.ym-cursor-grabbing {
    cursor: grabbing
}

.ym-cursor-not-allowed {
    cursor: not-allowed
}

.ym-cursor-text {
    cursor: text
}

.ym-cursor-crosshair {
    cursor: crosshair
}

.ym-hover-cursor-crosshair:hover {
    cursor: crosshair
}

.ym-cursor-help {
    cursor: help
}

.ym-cursor-move {
    cursor: move
}.ym-display-none {
    display: none;
}

.ym-xs-display-none {
    @include ym-media-breakpoint-down(sm) {
    display: none;
    }
}

.ym-sm-display-none {
    @include ym-media-breakpoint-up(sm) {
    display: none;
    }
}

.ym-md-display-none {
    @include ym-media-breakpoint-up(md) {
    display: none;
    }
}

.ym-lg-display-none {
    @include ym-media-breakpoint-up(lg) {
    display: none;
    }
}

.ym-display-flex {
    display: flex;
}

.ym-sm-display-flex {
    @include ym-media-breakpoint-up(sm) {
    display: flex}
}

.ym-md-display-flex {
    @include ym-media-breakpoint-up(md) {
    display: flex}
}

.ym-lg-display-flex {
    @include ym-media-breakpoint-up(lg) {
    display: flex}
}

.ym-display-inline-flex {
    display: inline-flex;
}

.ym-sm-display-inline-flex {
    @include ym-media-breakpoint-up(sm) {
    display: inline-flex}
}

.ym-md-display-inline-flex {
    @include ym-media-breakpoint-up(md) {
    display: inline-flex}
}

.ym-lg-display-inline-flex {
    @include ym-media-breakpoint-up(lg) {
    display: inline-flex}
}

.ym-display-block {
    display: block;
}

.ym-sm-display-block {
    @include ym-media-breakpoint-up(sm) {
    display: block}
}

.ym-md-display-block {
    @include ym-media-breakpoint-up(md) {
    display: block}
}

.ym-lg-display-block {
    @include ym-media-breakpoint-up(lg) {
    display: block}
}

.ym-display-inline {
    display: inline;
}

.ym-sm-display-inline {
    @include ym-media-breakpoint-up(sm) {
    display: inline}
}

.ym-md-display-inline {
    @include ym-media-breakpoint-up(md) {
    display: inline}
}

.ym-lg-display-inline {
    @include ym-media-breakpoint-up(lg) {
    display: inline}
}

.ym-display-inline-block {
    display: inline-block;
}

.ym-sm-display-inline-block {
    @include ym-media-breakpoint-up(sm) {
    display: inline-block}
}

.ym-md-display-inline-block {
    @include ym-media-breakpoint-up(md) {
    display: inline-block}
}

.ym-lg-display-inline-block {
    @include ym-media-breakpoint-up(lg) {
    display: inline-block}
}

.ym-display-table {
    display: table;
}

.ym-display-table-row {
    display: table-row;
}

.ym-display-table-cell {
    display: table-cell;
}

.ym-display-grid {
    display: grid;
}

.ym-sm-display-table-cell {
    @include ym-media-breakpoint-up(sm) {
    display: table-cell}
}

.ym-md-display-table-cell {
    @include ym-media-breakpoint-up(md) {
    display: table-cell}
}

.ym-lg-display-table-cell {
    @include ym-media-breakpoint-up(lg) {
    display: table-cell}
}

.ym-display-contents {
    display: contents;
}.ym-align-items-baseline {
    align-items: baseline;
}
.ym-align-items-center {
    align-items: center;
}
.ym-align-items-flex-start {
    align-items: flex-start;
}
.ym-align-items-flex-end {
    align-items: flex-end;
}
.ym-align-items-stretch {
    align-items: stretch;
}
.ym-lg-align-items-baseline {
    @include ym-media-breakpoint-up(lg) {
    align-items: baseline;
    }
}
.ym-sm-align-items-center {
    @include ym-media-breakpoint-up(sm) {
    align-items: center;
    }
}
.ym-md-align-items-center {
    @include ym-media-breakpoint-up(md) {
    align-items: center;
    }
}
.ym-lg-align-items-center {
    @include ym-media-breakpoint-up(lg) {
    align-items: center;
    }
}
.ym-sm-align-items-flex-start {
    @include ym-media-breakpoint-up(sm) {
    align-items: flex-start;
    }
}
.ym-sm-align-items-flex-end {
    @include ym-media-breakpoint-up(sm) {
    align-items: flex-end;
    }
}
.ym-lg-align-items-flex-end {
    @include ym-media-breakpoint-up(lg) {
    align-items: flex-end;
    }
}
.ym-justify-items-center {
    justify-items: center;
}
.ym-justify-items-flex-start {
    justify-items: flex-start;
}
.ym-justify-items-flex-end {
    justify-items: flex-end;
}
.ym-justify-items-stretch {
    justify-items: stretch;
}
.ym-sm-justify-items-center {
    @include ym-media-breakpoint-up(sm) {
    justify-items: center;
    }
}
.ym-md-justify-items-center {
    @include ym-media-breakpoint-up(md) {
    justify-items: center;
    }
}
.ym-lg-justify-items-center {
    @include ym-media-breakpoint-up(lg) {
    justify-items: center;
    }
}
.ym-sm-justify-items-flex-start {
    @include ym-media-breakpoint-up(sm) {
    justify-items: flex-start;
    }
}
.ym-sm-justify-items-flex-end {
    @include ym-media-breakpoint-up(sm) {
    justify-items: flex-end;
    }
}
.ym-lg-justify-items-flex-end {
    @include ym-media-breakpoint-up(lg) {
    justify-items: flex-end;
    }
}
.ym-flex-wrap-wrap {
    flex-wrap: wrap;
}
.ym-lg-flex-wrap-wrap {
    @include ym-media-breakpoint-up(lg) {
    flex-wrap: wrap;
    }
}
.ym-xl-flex-wrap-wrap {
    @include ym-media-breakpoint-up(xl) {
    flex-wrap: wrap;
    }
}
.ym-sm-flex-wrap-wrap {
    @include ym-media-breakpoint-up(sm) {
    flex-wrap: wrap;
    }
}
.ym-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.ym-flex-wrap-nowrap {
    flex-wrap: nowrap;
}
.ym-sm-flex-wrap-nowrap {
    @include ym-media-breakpoint-up(sm) {
    flex-wrap: nowrap;
    }
}
.ym-flex-direction-column {
    flex-direction: column;
}
.ym-sm-flex-direction-column {
    @include ym-media-breakpoint-down(md) {
    flex-direction: column;
    }
}
.ym-md-flex-direction-column {
    @include ym-media-breakpoint-up(md) {
    flex-direction: column;
    }
}
.ym-lg-flex-direction-column {
    @include ym-media-breakpoint-up(lg) {
    flex-direction: column;
    }
}
.ym-xs-flex-direction-column {
    @include ym-media-breakpoint-down(sm) {
    flex-direction: column;
    }
}
.ym-flex-direction-column-reverse {
    flex-direction: column-reverse;
}
.ym-flex-direction-row {
    flex-direction: row;
}
.ym-sm-flex-direction-row {
    @include ym-media-breakpoint-up(sm) {
    flex-direction: row;
    }
}
.ym-md-flex-direction-row {
    @include ym-media-breakpoint-up(md) {
    flex-direction: row;
    }
}
.ym-lg-flex-direction-row {
    @include ym-media-breakpoint-up(lg) {
    flex-direction: row;
    }
}
.ym-xl-flex-direction-row {
    @include ym-media-breakpoint-up(xl) {
    flex-direction: row;
    }
}
.ym-flex-direction-row-reverse {
    flex-direction: row-reverse;
}
.ym-flex-shrink-0 {
    flex-shrink: 0;
}
.ym-flex-grow-0 {
    flex-grow: 0;
}
.ym-flex-grow-1 {
    flex-grow: 1;
}
.ym-flex-grow-2 {
    flex-grow: 2;
}
.ym-md-flex-grow-0 {
    @include ym-media-breakpoint-up(md) {
    flex-grow: 0;
    }
}
.ym-md-flex-grow-1 {
    @include ym-media-breakpoint-up(md) {
    flex-grow: 1;
    }
}
.ym-lg-flex-grow-1 {
    @include ym-media-breakpoint-up(lg) {
    flex-grow: 1;
    }
}
.ym-flex-basis-0 {
    flex-basis: 0;
}
.ym-flex-basis-quarter {
    flex-basis: 25%;
}
.ym-flex-basis-third {
    flex-basis: 33%;
}
.ym-flex-basis-two-thirds {
    flex-basis: 66%;
}
.ym-flex-flow-row-wrap {
    flex-flow: row wrap;
}
.ym-justify-content-center {
    justify-content: center;
}
.ym-justify-content-end {
    justify-content: end;
}
.ym-sm-justify-content-end {
    @include ym-media-breakpoint-up(sm) {
    justify-content: end;
    }
}
.ym-md-justify-content-end {
    @include ym-media-breakpoint-up(md) {
    justify-content: end;
    }
}
.ym-lg-justify-content-end {
    @include ym-media-breakpoint-up(lg) {
    justify-content: end;
    }
}
.ym-justify-content-space-between {
    justify-content: space-between;
}
.ym-md-justify-content-space-between {
    @include ym-media-breakpoint-up(md) {
    justify-content: space-between;
    }
}
.ym-justify-content-start {
    justify-content: flex-start;
}
.ym-md-justify-content-start {
    @include ym-media-breakpoint-up(md) {
    justify-content: flex-start;
    }
}
.ym-lg-justify-content-start {
    @include ym-media-breakpoint-up(lg) {
    justify-content: flex-start;
    }
}
.ym-align-self-start {
    align-self: flex-start;
}
.ym-align-self-end {
    align-self: flex-end;
}
.ym-align-self-center {
    align-self: center;
}
.ym-sm-align-self-center {
    @include ym-media-breakpoint-up(md) {
    align-self: center;
    }
}
.ym-order-n1 {
    order: -1;
}.ym-grid-template-rows-auto {
    grid-template-rows: auto;
}

.ym-grid-col-start-1 {
    grid-column-start: 1;
}

.ym-grid-template-columns-2 {
    grid-template-columns: 1fr 1fr;
}

.ym-sm-grid-template-columns-2 {
    @include ym-media-breakpoint-up(sm) {
    grid-template-columns: 1fr 1fr;
    }
}

.ym-md-grid-template-columns-2 {
    @include ym-media-breakpoint-up(md) {
    grid-template-columns: 1fr 1fr;
    }
}

.ym-md-grid-template-columns-3 {
    @include ym-media-breakpoint-up(md) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ym-grid-template-columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ym-lg-grid-template-columns-4 {
    @include ym-media-breakpoint-up(lg) {
        grid-template-columns: repeat(4, 1fr);
    }
}.ym-isolation-isolate {
    isolate: isolate
}.ym-list-style-none {
    list-style-type: none
}

.ym-list-style-position-inside {
    list-style-position: inside
}.ym-mask-chevron-down {
    mask-image: url('#{$ym-icon-chevron-down}');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover
}.ym-mix-blend-mode-luminosity {
    mix-blend-mode: luminosity
}.ym-opacity-0 {
    opacity: 0
}

.ym-opacity-3 {
    opacity: 0.3
}

.ym-opacity-4 {
    opacity: 0.4
}

.ym-opacity-5 {
    opacity: 0.5
}

.ym-opacity-6 {
    opacity: 0.6
}

.ym-opacity-7 {
    opacity: 0.7
}

.ym-opacity-10 {
    opacity: 1
}.ym-outline-0 {
    outline: 0
}

.ym-outline-none {
    outline: none
}.ym-overflow-hidden {
    overflow: hidden
}

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

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

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

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

.ym-overflow-wrap-anywhere {
    overflow-wrap: anywhere
}

.ym-overflow-x-scroll {
    overflow-x: scroll
}

.ym-overflow-scroll {
    overflow: scroll
}

.ym-overflow-auto {
    overflow: auto
}

.ym-overflow-visible {
    overflow: visible
}.ym-pointer-events-none {
    pointer-events: none
}

.ym-pointer-events-auto {
    pointer-events: auto
}.ym-relative {
    position: relative;
}

.ym-absolute {
    position: absolute;
}

.ym-static {
    position: static;
}

.ym-fixed {
    position: fixed;
}

.ym-sticky {
    position: sticky;
}

.ym-lg-sticky {
    @include ym-media-breakpoint-up(lg) {
    position: sticky;
    }
}

.ym-top-auto {
    top: auto;
}

.ym-top-0 {
    top: 0;
}

.ym-top-1 {
    top: var(--ym-spacing-scale-1);
}

.ym-top-2 {
    top: var(--ym-spacing-scale-2);
}

.ym-top-3 {
    top: var(--ym-spacing-scale-3);
}

.ym-top-4 {
    top: var(--ym-spacing-scale-4);
}

.ym-top-5 {
    top: var(--ym-spacing-scale-5);
}

.ym-top-6 {
    top: var(--ym-spacing-scale-6);
}

.ym-top-7 {
    top: var(--ym-spacing-scale-7);
}

.ym-top-8 {
    top: var(--ym-spacing-scale-8);
}

.ym-top-half {
    top: 50%;
}

.ym-top-66vh {
    top: 66vh;
}

.ym-top-100vh {
    top: 100vh;
}

.ym-right-auto {
    right: auto;
}

.ym-right-half {
    right: 50%;
}

.ym-right-0 {
    right: 0;
}

.ym-right-1 {
    right: var(--ym-spacing-scale-1);
}

.ym-right-2 {
    right: var(--ym-spacing-scale-2);
}

.ym-right-3 {
    right: var(--ym-spacing-scale-3);
}

.ym-right-4 {
    right: var(--ym-spacing-scale-4);
}

.ym-right-5 {
    right: var(--ym-spacing-scale-5);
}

.ym-right-6 {
    right: var(--ym-spacing-scale-6);
}

.ym-right-7 {
    right: var(--ym-spacing-scale-7);
}

.ym-bottom-half {
    bottom: 50%;
}

.ym-bottom-0 {
    bottom: 0;
}

.ym-bottom-1 {
    bottom: var(--ym-spacing-scale-1);
}

.ym-bottom-2 {
    bottom: var(--ym-spacing-scale-2);
}

.ym-bottom-3 {
    bottom: var(--ym-spacing-scale-3);
}

.ym-bottom-4 {
    bottom: var(--ym-spacing-scale-4);
}

.ym-bottom-5 {
    bottom: var(--ym-spacing-scale-5);
}

.ym-bottom-6 {
    bottom: var(--ym-spacing-scale-6);
}

.ym-bottom-7 {
    bottom: var(--ym-spacing-scale-7);
}

.ym-left-auto {
    left: auto;
}

.ym-left-0 {
    left: 0;
}

.ym-left-1 {
    left: var(--ym-spacing-scale-1);
}

.ym-left-2 {
    left: var(--ym-spacing-scale-2);
}

.ym-left-3 {
    left: var(--ym-spacing-scale-3);
}

.ym-left-4 {
    left: var(--ym-spacing-scale-4);
}

.ym-left-5 {
    left: var(--ym-spacing-scale-5);
}

.ym-left-6 {
    left: var(--ym-spacing-scale-6);
}

.ym-left-7 {
    left: var(--ym-spacing-scale-7);
}

.ym-left-n5 {
    left: calc(-1*var(--ym-spacing-scale-5));
}

.ym-left-half {
    left: 50%;
}

.ym-top-n2 {
    top: calc(-1*var(--ym-spacing-scale-2));
}

.ym-top-n4 {
    top: calc(-1*var(--ym-spacing-scale-4));
}

.ym-top-n5 {
    top: calc(-1*var(--ym-spacing-scale-5));
}

.ym-top-n6 {
    top: calc(-1*var(--ym-spacing-scale-6));
}

.ym-float-left {
    float: left;
}

.ym-float-right {
    float: right;
}.ym-w-auto {
    width: auto;
}

.ym-w-2 {
    width: var(--ym-spacing-scale-2);
}

.ym-w-3 {
    width: var(--ym-spacing-scale-3);
}

.ym-w-4 {
    width: var(--ym-spacing-scale-4);
}

.ym-w-5 {
    width: var(--ym-spacing-scale-5);
}

.ym-w-6 {
    width: var(--ym-spacing-scale-6);
}

.ym-w-7 {
    width: var(--ym-spacing-scale-7);
}

.ym-w-8 {
    width: var(--ym-spacing-scale-8);
}

.ym-w-9 {
    width: var(--ym-spacing-scale-9);
}

.ym-w-10 {
    width: var(--ym-spacing-scale-10);
}

.ym-w-11 {
    width: var(--ym-spacing-scale-11);
}

.ym-w-12 {
    width: var(--ym-spacing-scale-12);
}

.ym-w-13 {
    width: var(--ym-spacing-scale-13);
}

.ym-w-15 {
    width: var(--ym-spacing-scale-15);
}

.ym-w-20 {
    width: var(--ym-spacing-scale-20);
}

.ym-w-28 {
    width: var(--ym-spacing-scale-28);
}

.ym-w-30 {
    width: var(--ym-spacing-scale-30);
}

.ym-w-34 {
    width: var(--ym-spacing-scale-34);
}

.ym-w-eighth {
    width: 12.5%;
}

.ym-w-5p {
    width: 5%;
}

.ym-w-10p {
    width: 10%;
}

.ym-w-15p {
    width: 15%;
}

.ym-w-20p {
    width: 20%;
}

.ym-w-30p {
    width: 30%;
}

.ym-w-40p {
    width: 40%;
}

.ym-w-quarter {
    width: 25%;
}

.ym-w-half {
    width: 50%;
}

.ym-w-70p {
    width: 70%;
}

.ym-w-85p {
    width: 85%;
}

.ym-w-90p {
    width: 90%;
}

.ym-w-full {
    width: 100%;
}

.ym-w-grid-size-30 {
    width: $grid-size * 30;
}

.ym-w-grid-size-40 {
    width: $grid-size * 40;
}

.ym-xs-w-full {
    @include ym-media-breakpoint-down(sm) {
    width: 100%;
    }
}

.ym-sm-w-full {
    @include ym-media-breakpoint-up(sm) {
    width: 100%;
    }
}

.ym-md-w-full {
    @include ym-media-breakpoint-up(md) {
    width: 100%;
    }
}

.ym-lg-w-full {
    @include ym-media-breakpoint-up(lg) {
    width: 100%;
    }
}

.ym-w-fit-content {
    width: fit-content;
}

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

.ym-layout-w-limited {
    max-width: $limited-layout-width;
}

.ym-container-xl {
    max-width: $container-xl;
}

.ym-h-auto {
    height: auto;
}

.ym-h-0 {
    height: 0;
}

.ym-h-2 {
    height: var(--ym-spacing-scale-2);
}

.ym-h-3 {
    height: var(--ym-spacing-scale-3);
}

.ym-h-4 {
    height: var(--ym-spacing-scale-4);
}

.ym-h-5 {
    height: var(--ym-spacing-scale-5);
}

.ym-h-6 {
    height: var(--ym-spacing-scale-6);
}

.ym-h-7 {
    height: var(--ym-spacing-scale-7);
}

.ym-h-8 {
    height: var(--ym-spacing-scale-8);
}

.ym-h-9 {
    height: var(--ym-spacing-scale-9);
}

.ym-h-10 {
    height: var(--ym-spacing-scale-10);
}

.ym-h-11 {
    height: var(--ym-spacing-scale-11);
}

.ym-h-11-5 {
    height: var(--ym-spacing-scale-11-5);
}

.ym-h-12 {
    height: var(--ym-spacing-scale-12);
}

.ym-h-13 {
    height: var(--ym-spacing-scale-13);
}

.ym-h-15 {
    height: var(--ym-spacing-scale-15);
}

.ym-h-20 {
    height: var(--ym-spacing-scale-20);
}

.ym-h-26 {
    height: var(--ym-spacing-scale-26);
}

.ym-h-28 {
    height: var(--ym-spacing-scale-28);
}

.ym-h-30 {
    height: var(--ym-spacing-scale-30);
}

.ym-h-full {
    height: 100%;
}

.ym-h-fit-content {
    height: fit-content;
}

.ym-h-max-content {
    height: max-content;
}

.ym-h-100vh {
    height: 100vh;
}

.ym-sm-w-auto {
    @include ym-media-breakpoint-up(sm) {
        width: auto;
    }
}

.ym-md-w-auto {
    @include ym-media-breakpoint-up(md) {
        width: auto;
    }
}

.ym-sm-w-half {
    @include ym-media-breakpoint-up(sm) {
        width: 50%;
    }
}

.ym-md-w-half {
    @include ym-media-breakpoint-up(md) {
        width: 50%;
    }
}

.ym-lg-w-half {
    @include ym-media-breakpoint-up(lg) {
        width: 50%;
    }
}

.ym-md-w-50p {
    @include ym-media-breakpoint-up(md) {
        width: 50%;
    }
}

.ym-lg-w-1px {
    @include ym-media-breakpoint-up(lg) {
        width: 1px;
    }
}

.ym-lg-w-auto {
    @include ym-media-breakpoint-up(lg) {
        width: auto;
    }
}

.ym-lg-w-25p {
    @include ym-media-breakpoint-up(lg) {
        width: 25%;
    }
}

.ym-lg-w-30p {
    @include ym-media-breakpoint-up(lg) {
        width: 30%;
    }
}

.ym-lg-w-40p {
    @include ym-media-breakpoint-up(lg) {
        width: 40%;
    }
}

.ym-lg-w-50p {
    @include ym-media-breakpoint-up(lg) {
        width: 50%;
    }
}

.ym-min-w-0 {
    min-width: 0;
}

.ym-min-w-7 {
    min-width: var(--ym-spacing-scale-7);
}

.ym-min-w-8 {
    min-width: var(--ym-spacing-scale-8);
}

.ym-min-w-9 {
    min-width: var(--ym-spacing-scale-9);
}

.ym-min-w-10 {
    min-width: var(--ym-spacing-scale-10);
}

.ym-min-w-20 {
    min-width: var(--ym-spacing-scale-20);
}

.ym-min-w-full {
    min-width: 100%;
}

.ym-min-w-fit-content {
    min-width: fit-content;
}

.ym-min-h-0 {
    min-height: 0;
}

.ym-min-h-5 {
    min-height: var(--ym-spacing-scale-5);
}

.ym-min-h-6 {
    min-height: var(--ym-spacing-scale-6);
}

.ym-min-h-7 {
    min-height: var(--ym-spacing-scale-7);
}

.ym-min-h-8 {
    min-height: var(--ym-spacing-scale-8);
}

.ym-min-h-9 {
    min-height: var(--ym-spacing-scale-9);
}

.ym-min-h-full {
    min-height: 100%;
}

.ym-max-w-0 {
    max-width: 0;
}

.ym-max-w-15 {
    max-width: var(--ym-spacing-scale-15);
}

.ym-max-w-20 {
    max-width: var(--ym-spacing-scale-20);
}

.ym-max-w-26 {
    max-width: var(--ym-spacing-scale-26);
}

.ym-max-w-34 {
    max-width: var(--ym-spacing-scale-34);
}

.ym-max-w-40 {
    max-width: var(--ym-spacing-scale-40);
}

.ym-max-w-48 {
    max-width: var(--ym-spacing-scale-48);
}

.ym-max-w-54 {
    max-width: var(--ym-spacing-scale-54);
}

.ym-max-w-62 {
    max-width: var(--ym-spacing-scale-62);
}

.ym-max-w-75 {
    max-width: var(--ym-spacing-scale-75);
}

.ym-max-w-80 {
    max-width: var(--ym-spacing-scale-80);
}

.ym-max-w-none {
    max-width: none;
}

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

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

.ym-max-h-11 {
    max-height: var(--ym-spacing-scale-11);
}

.ym-max-h-20 {
    max-height: var(--ym-spacing-scale-20);
}

.ym-max-h-26 {
    max-height: var(--ym-spacing-scale-26);
}

.ym-max-h-34 {
    max-height: var(--ym-spacing-scale-34);
}

.ym-max-h-40 {
    max-height: var(--ym-spacing-scale-40);
}

.ym-max-h-48 {
    max-height: var(--ym-spacing-scale-48);
}

.ym-max-h-54 {
    max-height: var(--ym-spacing-scale-54);
}

.ym-max-h-62 {
    max-height: var(--ym-spacing-scale-62);
}

.ym-max-h-75 {
    max-height: var(--ym-spacing-scale-75);
}

.ym-max-h-80 {
    max-height: var(--ym-spacing-scale-80);
}

.ym-max-h-none {
    max-height: none;
}

.ym-max-h-24vh {
    max-height: 24vh;
}

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

.ym-max-w-100vw {
    max-width: 100vw;
}

.ym-max-w-50p {
    max-width: 50%;
}

.ym-md-max-w-26 {
    @include ym-media-breakpoint-up(md) {
        max-width: var(--ym-spacing-scale-26);
    }
}

.ym-md-w-15p {
    @include ym-media-breakpoint-up(md) {
        max-width: 15%;
    }
}

.ym-md-w-30p {
    @include ym-media-breakpoint-up(md) {
        max-width: 30%;
    }
}

.ym-md-w-50p {
    @include ym-media-breakpoint-up(md) {
        max-width: 50%;
    }
}

.ym-md-w-70p {
    @include ym-media-breakpoint-up(md) {
        max-width: 70%;
    }
}

.ym-lg-w-80p {
    @include ym-media-breakpoint-up(lg) {
        max-width: 80%;
    }
}.ym-p-0 {
    padding: 0;
}
.ym-p-1 {
    padding: var(--ym-spacing-scale-1);
}
.ym-p-2 {
    padding: var(--ym-spacing-scale-2);
}
.ym-p-3 {
    padding: var(--ym-spacing-scale-3);
}
.ym-p-4 {
    padding: var(--ym-spacing-scale-4);
}
.ym-p-5 {
    padding: var(--ym-spacing-scale-5);
}
.ym-p-6 {
    padding: var(--ym-spacing-scale-6);
}
.ym-p-7 {
    padding: var(--ym-spacing-scale-7);
}
.ym-p-9 {
    padding: var(--ym-spacing-scale-9);
}
.ym-p-13 {
    padding: var(--ym-spacing-scale-13);
}
.ym-px-0 {
    padding-left: 0;
    padding-right: 0;
}
.ym-px-1 {
    padding-left: var(--ym-spacing-scale-1);
    padding-right: var(--ym-spacing-scale-1);
}
.ym-px-2 {
    padding-left: var(--ym-spacing-scale-2);
    padding-right: var(--ym-spacing-scale-2);
}
.ym-px-3 {
    padding-left: var(--ym-spacing-scale-3);
    padding-right: var(--ym-spacing-scale-3);
}
.ym-px-4 {
    padding-left: var(--ym-spacing-scale-4);
    padding-right: var(--ym-spacing-scale-4);
}
.ym-px-5 {
    padding-left: var(--ym-spacing-scale-5);
    padding-right: var(--ym-spacing-scale-5);
}
.ym-px-6 {
    padding-left: var(--ym-spacing-scale-6);
    padding-right: var(--ym-spacing-scale-6);
}
.ym-px-7 {
    padding-left: var(--ym-spacing-scale-7);
    padding-right: var(--ym-spacing-scale-7);
}
.ym-lg-px-7 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-7);
    padding-right: var(--ym-spacing-scale-7);
    }
}
.ym-px-8 {
    padding-left: var(--ym-spacing-scale-8);
    padding-right: var(--ym-spacing-scale-8);
}
.ym-px-9 {
    padding-left: var(--ym-spacing-scale-9);
    padding-right: var(--ym-spacing-scale-9);
}
.ym-pr-0 {
    padding-right: 0;
}
.ym-pr-1 {
    padding-right: var(--ym-spacing-scale-1);
}
.ym-pr-2 {
    padding-right: var(--ym-spacing-scale-2);
}
.ym-pr-3 {
    padding-right: var(--ym-spacing-scale-3);
}
.ym-pr-4 {
    padding-right: var(--ym-spacing-scale-4);
}
.ym-pr-5 {
    padding-right: var(--ym-spacing-scale-5);
}
.ym-pr-6 {
    padding-right: var(--ym-spacing-scale-6);
}
.ym-pr-7 {
    padding-right: var(--ym-spacing-scale-7);
}
.ym-pr-8 {
    padding-right: var(--ym-spacing-scale-8);
}
.ym-pr-9 {
    padding-right: var(--ym-spacing-scale-9);
}
.ym-pr-10 {
    padding-right: var(--ym-spacing-scale-10);
}
.ym-pl-0 {
    padding-left: 0;
}
.ym-pl-1 {
    padding-left: var(--ym-spacing-scale-1);
}
.ym-pl-2 {
    padding-left: var(--ym-spacing-scale-2);
}
.ym-pl-3 {
    padding-left: var(--ym-spacing-scale-3);
}
.ym-pl-4 {
    padding-left: var(--ym-spacing-scale-4);
}
.ym-pl-5 {
    padding-left: var(--ym-spacing-scale-5);
}
.ym-pl-6 {
    padding-left: var(--ym-spacing-scale-6);
}
.ym-pl-7 {
    padding-left: var(--ym-spacing-scale-7);
}
.ym-pl-8 {
    padding-left: var(--ym-spacing-scale-8);
}
.ym-pl-9 {
    padding-left: var(--ym-spacing-scale-9);
}
.ym-pl-10 {
    padding-left: var(--ym-spacing-scale-10);
}
.ym-pl-11 {
    padding-left: var(--ym-spacing-scale-11);
}
.ym-pl-11-5 {
    padding-left: var(--ym-spacing-scale-11-5);
}
.ym-pt-0 {
    padding-top: 0;
}
.ym-pt-1 {
    padding-top: var(--ym-spacing-scale-1);
}
.ym-pt-2 {
    padding-top: var(--ym-spacing-scale-2);
}
.ym-pt-3 {
    padding-top: var(--ym-spacing-scale-3);
}
.ym-pt-4 {
    padding-top: var(--ym-spacing-scale-4);
}
.ym-pt-5 {
    padding-top: var(--ym-spacing-scale-5);
}
.ym-pt-6 {
    padding-top: var(--ym-spacing-scale-6);
}
.ym-pt-7 {
    padding-top: var(--ym-spacing-scale-7);
}
.ym-pt-8 {
    padding-top: var(--ym-spacing-scale-8);
}
.ym-pt-9 {
    padding-top: var(--ym-spacing-scale-9);
}
.ym-pt-11 {
    padding-top: var(--ym-spacing-scale-11);
}
.ym-pt-12 {
    padding-top: var(--ym-spacing-scale-12);
}
.ym-pt-13 {
    padding-top: var(--ym-spacing-scale-13);
}
.ym-md-pt-12 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-12);
    }
}
.ym-pb-0 {
    padding-bottom: 0;
}
.ym-pb-1 {
    padding-bottom: var(--ym-spacing-scale-1);
}
.ym-pb-2 {
    padding-bottom: var(--ym-spacing-scale-2);
}
.ym-pb-3 {
    padding-bottom: var(--ym-spacing-scale-3);
}
.ym-pb-4 {
    padding-bottom: var(--ym-spacing-scale-4);
}
.ym-pb-5 {
    padding-bottom: var(--ym-spacing-scale-5);
}
.ym-pb-6 {
    padding-bottom: var(--ym-spacing-scale-6);
}
.ym-pb-7 {
    padding-bottom: var(--ym-spacing-scale-7);
}
.ym-pb-8 {
    padding-bottom: var(--ym-spacing-scale-8);
}
.ym-pb-9 {
    padding-bottom: var(--ym-spacing-scale-9);
}
.ym-pb-11 {
    padding-bottom: var(--ym-spacing-scale-11);
}
.ym-pb-13 {
    padding-bottom: var(--ym-spacing-scale-13);
}
.ym-py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.ym-py-1 {
    padding-top: var(--ym-spacing-scale-1);
    padding-bottom: var(--ym-spacing-scale-1);
}
.ym-py-2 {
    padding-top: var(--ym-spacing-scale-2);
    padding-bottom: var(--ym-spacing-scale-2);
}
.ym-py-3 {
    padding-top: var(--ym-spacing-scale-3);
    padding-bottom: var(--ym-spacing-scale-3);
}
.ym-py-4 {
    padding-top: var(--ym-spacing-scale-4);
    padding-bottom: var(--ym-spacing-scale-4);
}
.ym-py-5 {
    padding-top: var(--ym-spacing-scale-5);
    padding-bottom: var(--ym-spacing-scale-5);
}
.ym-py-6 {
    padding-top: var(--ym-spacing-scale-6);
    padding-bottom: var(--ym-spacing-scale-6);
}
.ym-py-7 {
    padding-top: var(--ym-spacing-scale-7);
    padding-bottom: var(--ym-spacing-scale-7);
}
.ym-py-8 {
    padding-top: var(--ym-spacing-scale-8);
    padding-bottom: var(--ym-spacing-scale-8);
}
.ym-py-13 {
    padding-top: var(--ym-spacing-scale-13);
    padding-bottom: var(--ym-spacing-scale-13);
}
.ym-m-o {
    margin: 0;
}
.ym-m-2 {
    margin: var(--ym-spacing-scale-2);
}
.ym-m-3 {
    margin: var(--ym-spacing-scale-3);
}
.ym-m-4 {
    margin: var(--ym-spacing-scale-4);
}
.ym-m-5 {
    margin: var(--ym-spacing-scale-5);
}
.ym-m-7 {
    margin: var(--ym-spacing-scale-7);
}
.ym-m-auto {
    margin: auto;
}
.ym-mt-auto {
    margin-top: auto;
}
.ym-mt-0 {
    margin-top: 0;
}
.ym-mt-1 {
    margin-top: var(--ym-spacing-scale-1);
}
.ym-mt-n1 {
    margin-top: calc(-1*var(--ym-spacing-scale-1));
}
.ym-md-mt-n2 {
    @include ym-media-breakpoint-up(md) {
        margin-top: calc(-1*var(--ym-spacing-scale-2));
    }
}
.ym-mt-2 {
    margin-top: var(--ym-spacing-scale-2);
}
.ym-mt-n2 {
    margin-top: calc(-1*var(--ym-spacing-scale-2));
}
.ym-mt-3 {
    margin-top: var(--ym-spacing-scale-3);
}
.ym-mt-n3 {
    margin-top: calc(-1*var(--ym-spacing-scale-3));
}
.ym-mt-4 {
    margin-top: var(--ym-spacing-scale-4);
}
.ym-mt-n4 {
    margin-top: calc(-1*var(--ym-spacing-scale-4));
}
.ym-mt-5 {
    margin-top: var(--ym-spacing-scale-5);
}
.ym-mt-n5 {
    margin-top: calc(-1*var(--ym-spacing-scale-5));
}
.ym-mt-6 {
    margin-top: var(--ym-spacing-scale-6);
}
.ym-mt-n6 {
    margin-top: calc(-1*var(--ym-spacing-scale-6));
}
.ym-mt-7 {
    margin-top: var(--ym-spacing-scale-7);
}
.ym-mt-8 {
    margin-top: var(--ym-spacing-scale-8);
}
.ym-mt-9 {
    margin-top: var(--ym-spacing-scale-9);
}
.ym-mt-11 {
    margin-top: var(--ym-spacing-scale-11);
}
.ym-md-mt-11 {
    @include ym-media-breakpoint-up(md) {
        margin-top: var(--ym-spacing-scale-11);
    }
}
.ym-mr-auto {
    margin-right: auto;
}
.ym-mr-0 {
    margin-right: 0;
}
.ym-mr-1 {
    margin-right: var(--ym-spacing-scale-1);
}
.ym-mr-n1 {
    margin-right: calc(-1*var(--ym-spacing-scale-1));
}
.ym-mr-2 {
    margin-right: var(--ym-spacing-scale-2);
}
.ym-mr-n2 {
    margin-right: calc(-1*var(--ym-spacing-scale-2));
}
.ym-mr-3 {
    margin-right: var(--ym-spacing-scale-3);
}
.ym-mr-n3 {
    margin-right: calc(-1*var(--ym-spacing-scale-3));
}
.ym-mr-4 {
    margin-right: var(--ym-spacing-scale-4);
}
.ym-mr-n4 {
    margin-right: calc(-1*var(--ym-spacing-scale-4));
}
.ym-mr-5 {
    margin-right: var(--ym-spacing-scale-5);
}
.ym-mr-n5 {
    margin-right: calc(-1*var(--ym-spacing-scale-5));
}
.ym-mr-6 {
    margin-right: var(--ym-spacing-scale-6);
}
.ym-mr-7 {
    margin-right: var(--ym-spacing-scale-7);
}
.ym-sm-mr-3 {
    @include ym-media-breakpoint-up(sm) {
        margin-right: var(--ym-spacing-scale-3);
    }
}
.ym-mb-auto {
    margin-bottom: auto;
}
.ym-mb-0 {
    margin-bottom: 0;
}
.ym-mb-1 {
    margin-bottom: var(--ym-spacing-scale-1);
}
.ym-mb-n1 {
    margin-bottom: calc(-1*var(--ym-spacing-scale-1));
}
.ym-mb-2 {
    margin-bottom: var(--ym-spacing-scale-2);
}
.ym-mb-n2 {
    margin-bottom: calc(-1*var(--ym-spacing-scale-2));
}
.ym-mb-3 {
    margin-bottom: var(--ym-spacing-scale-3);
}
.ym-mb-n3 {
    margin-bottom: calc(-1*var(--ym-spacing-scale-3));
}
.ym-mb-4 {
    margin-bottom: var(--ym-spacing-scale-4);
}
.ym-mb-n4 {
    margin-bottom: calc(-1*var(--ym-spacing-scale-4));
}
.ym-mb-5 {
    margin-bottom: var(--ym-spacing-scale-5);
}
.ym-mb-6 {
    margin-bottom: var(--ym-spacing-scale-6);
}
.ym-mb-7 {
    margin-bottom: var(--ym-spacing-scale-7);
}
.ym-mb-8 {
    margin-bottom: var(--ym-spacing-scale-8);
}
.ym-mb-9 {
    margin-bottom: var(--ym-spacing-scale-9);
}
.ym-mb-11 {
    margin-bottom: var(--ym-spacing-scale-11);
}
.ym-mb-12 {
    margin-bottom: var(--ym-spacing-scale-12);
}
.ym-ml-auto {
    margin-left: auto;
}
.ym-sm-ml-auto {
    @include ym-media-breakpoint-up(sm) {
    margin-left: auto;
    }
}
.ym-ml-0 {
    margin-left: 0;
}
.ym-ml-1 {
    margin-left: var(--ym-spacing-scale-1);
}
.ym-ml-n1 {
    margin-left: calc(-1*var(--ym-spacing-scale-1));
}
.ym-ml-2 {
    margin-left: var(--ym-spacing-scale-2);
}
.ym-ml-n2 {
    margin-left: calc(-1*var(--ym-spacing-scale-2));
}
.ym-ml-3 {
    margin-left: var(--ym-spacing-scale-3);
}
.ym-ml-n3 {
    margin-left: calc(-1*var(--ym-spacing-scale-3));
}
.ym-ml-4 {
    margin-left: var(--ym-spacing-scale-4);
}
.ym-ml-n4 {
    margin-left: calc(-1*var(--ym-spacing-scale-4));
}
.ym-ml-5 {
    margin-left: var(--ym-spacing-scale-5);
}
.ym-ml-n5 {
    margin-left: calc(-1*var(--ym-spacing-scale-5));
}
.ym-ml-6 {
    margin-left: var(--ym-spacing-scale-6);
}
.ym-ml-7 {
    margin-left: var(--ym-spacing-scale-7);
}
.ym-ml-11 {
    margin-left: var(--ym-spacing-scale-11);
}
.ym-my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.ym-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.ym-my-1 {
    margin-top: var(--ym-spacing-scale-1);
    margin-bottom: var(--ym-spacing-scale-1);
}
.ym-my-2 {
    margin-top: var(--ym-spacing-scale-2);
    margin-bottom: var(--ym-spacing-scale-2);
}
.ym-my-3 {
    margin-top: var(--ym-spacing-scale-3);
    margin-bottom: var(--ym-spacing-scale-3);
}
.ym-my-4 {
    margin-top: var(--ym-spacing-scale-4);
    margin-bottom: var(--ym-spacing-scale-4);
}
.ym-my-5 {
    margin-top: var(--ym-spacing-scale-5);
    margin-bottom: var(--ym-spacing-scale-5);
}
.ym-my-6 {
    margin-top: var(--ym-spacing-scale-6);
    margin-bottom: var(--ym-spacing-scale-6);
}
.ym-my-7 {
    margin-top: var(--ym-spacing-scale-7);
    margin-bottom: var(--ym-spacing-scale-7);
}
.ym-my-8 {
    margin-top: var(--ym-spacing-scale-8);
    margin-bottom: var(--ym-spacing-scale-8);
}
.ym-my-9 {
    margin-top: var(--ym-spacing-scale-9);
    margin-bottom: var(--ym-spacing-scale-9);
}
.ym-my-11 {
    margin-top: var(--ym-spacing-scale-11);
    margin-bottom: var(--ym-spacing-scale-11);
}
.ym-my-12 {
    margin-top: var(--ym-spacing-scale-12);
    margin-bottom: var(--ym-spacing-scale-12);
}
.ym-mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.ym-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.ym-mx-1 {
    margin-left: var(--ym-spacing-scale-1);
    margin-right: var(--ym-spacing-scale-1);
}
.ym-mx-2 {
    margin-left: var(--ym-spacing-scale-2);
    margin-right: var(--ym-spacing-scale-2);
}
.ym-mx-3 {
    margin-left: var(--ym-spacing-scale-3);
    margin-right: var(--ym-spacing-scale-3);
}
.ym-mx-4 {
    margin-left: var(--ym-spacing-scale-4);
    margin-right: var(--ym-spacing-scale-4);
}
.ym-mx-5 {
    margin-left: var(--ym-spacing-scale-5);
    margin-right: var(--ym-spacing-scale-5);
}
.ym-mx-6 {
    margin-left: var(--ym-spacing-scale-6);
    margin-right: var(--ym-spacing-scale-6);
}
.ym-mx-7 {
    margin-left: var(--ym-spacing-scale-7);
    margin-right: var(--ym-spacing-scale-7);
}
.ym-mx-8 {
    margin-left: var(--ym-spacing-scale-8);
    margin-right: var(--ym-spacing-scale-8);
}
.ym-my-n1 {
    margin-top: calc(-1*var(--ym-spacing-scale-1));
    margin-bottom: calc(-1*var(--ym-spacing-scale-1));
}
.ym-mx-n1 {
    margin-left: calc(-1*var(--ym-spacing-scale-1));
    margin-right: calc(-1*var(--ym-spacing-scale-1));
}
.ym-my-n2 {
    margin-top: calc(-1*var(--ym-spacing-scale-2));
    margin-bottom: calc(-1*var(--ym-spacing-scale-2));
}
.ym-mx-n2 {
    margin-left: calc(-1*var(--ym-spacing-scale-2));
    margin-right: calc(-1*var(--ym-spacing-scale-2));
}
.ym-my-n3 {
    margin-top: calc(-1*var(--ym-spacing-scale-3));
    margin-bottom: calc(-1*var(--ym-spacing-scale-3));
}
.ym-mx-n3 {
    margin-left: calc(-1*var(--ym-spacing-scale-3));
    margin-right: calc(-1*var(--ym-spacing-scale-3));
}
.ym-my-n4 {
    margin-top: calc(-1*var(--ym-spacing-scale-4));
    margin-bottom: calc(-1*var(--ym-spacing-scale-4));
}
.ym-mx-n4 {
    margin-left: calc(-1*var(--ym-spacing-scale-4));
    margin-right: calc(-1*var(--ym-spacing-scale-4));
}
.ym-mx-n5 {
    margin-left: calc(-1*var(--ym-spacing-scale-5));
    margin-right: calc(-1*var(--ym-spacing-scale-5));
}
.ym-mx-n6 {
    margin-left: calc(-1*var(--ym-spacing-scale-6));
    margin-right: calc(-1*var(--ym-spacing-scale-6));
}
.ym-gap-x-3 {
    >*+* {
        margin-left: var(--ym-spacing-scale-3);
    }
}
.ym-gap-x-5 {
    >*+* {
        margin-left: var(--ym-spacing-scale-5);
    }
}
.ym-gap-y-3 {
    >*+* {
        margin-top: var(--ym-spacing-scale-3);
    }
}
.ym-gap-1 {
    gap: var(--ym-spacing-scale-1);
}
.ym-gap-2 {
    gap: var(--ym-spacing-scale-2);
}
.ym-gap-3 {
    gap: var(--ym-spacing-scale-3);
}
.ym-sm-gap-3 {
    @include ym-media-breakpoint-up(sm) {
    gap: var(--ym-spacing-scale-3);
    }
}
.ym-gap-5 {
    gap: var(--ym-spacing-scale-5);
}
.ym-gap-6 {
    gap: var(--ym-spacing-scale-6);
}
.ym-gap-7 {
    gap: var(--ym-spacing-scale-7);
}
.ym-column-gap-6 {
    column-gap: var(--ym-spacing-scale-6);
}
.ym-xs-mb-3 {
    @include ym-media-breakpoint-down(sm) {
    margin-bottom: var(--ym-spacing-scale-3);
    }
}
.ym-xs-mb-4 {
    @include ym-media-breakpoint-down(sm) {
    margin-bottom: var(--ym-spacing-scale-4);
    }
}
.ym-sm-ml-3 {
    @include ym-media-breakpoint-up(sm) {
    margin-left: var(--ym-spacing-scale-3);
    }
}
.ym-sm-ml-5 {
    @include ym-media-breakpoint-up(sm) {
    margin-left: var(--ym-spacing-scale-5);
    }
}
.ym-sm-ml-7 {
    @include ym-media-breakpoint-up(sm) {
    margin-left: var(--ym-spacing-scale-7);
    }
}
.ym-sm-mt-0 {
    @include ym-media-breakpoint-up(sm) {
    margin-top: 0;
    }
}
.ym-sm-mt-5 {
    @include ym-media-breakpoint-up(sm) {
    margin-top: var(--ym-spacing-scale-5);
    }
}
.ym-sm-mt-6 {
    @include ym-media-breakpoint-up(sm) {
    margin-top: var(--ym-spacing-scale-6);
    }
}
.ym-sm-mb-7 {
    @include ym-media-breakpoint-up(sm) {
    margin-bottom: var(--ym-spacing-scale-7);
    }
}
.ym-sm-my-12 {
    @include ym-media-breakpoint-up(sm) {
    margin-top: var(--ym-spacing-scale-12);
    margin-bottom: var(--ym-spacing-scale-12);
    }
}
.ym-sm-mx-0 {
    @include ym-media-breakpoint-up(sm) {
    margin-left: 0;
    margin-right: 0;
    }
}
.ym-md-mt-0 {
    @include ym-media-breakpoint-up(md) {
    margin-top: 0;
    }
}
.ym-md-mt-5 {
    @include ym-media-breakpoint-up(md) {
    margin-top: var(--ym-spacing-scale-5);
    }
}
.ym-md-mb-0 {
    @include ym-media-breakpoint-up(md) {
    margin-bottom: 0;
    }
}
.ym-md-mb-3 {
    @include ym-media-breakpoint-up(md) {
    margin-bottom: var(--ym-spacing-scale-3);
    }
}
.ym-md-mb-6 {
    @include ym-media-breakpoint-up(md) {
    margin-bottom: var(--ym-spacing-scale-6);
    }
}
.ym-md-mb-12 {
    @include ym-media-breakpoint-up(md) {
    margin-bottom: var(--ym-spacing-scale-12);
    }
}
.ym-lg-mb-0 {
    @include ym-media-breakpoint-up(lg) {
    margin-bottom: 0;
    }
}
.ym-lg-mb-5 {
    @include ym-media-breakpoint-up(lg) {
    margin-bottom: var(--ym-spacing-scale-5);
    }
}
.ym-md-ml-auto {
    @include ym-media-breakpoint-up(md) {
    margin-left: auto}
}
.ym-md-ml-2 {
    @include ym-media-breakpoint-up(md) {
    margin-left: var(--ym-spacing-scale-2)}
}
.ym-md-ml-3 {
    @include ym-media-breakpoint-up(md) {
    margin-left: var(--ym-spacing-scale-3)}
}
.ym-md-mr-3 {
    @include ym-media-breakpoint-up(md) {
    margin-right: var(--ym-spacing-scale-3)}
}
.ym-md-mr-5 {
    @include ym-media-breakpoint-up(md) {
    margin-right: var(--ym-spacing-scale-5)}
}
.ym-lg-mr-2 {
    @include ym-media-breakpoint-up(lg) {
    margin-right: var(--ym-spacing-scale-2);
    }
}
.ym-lg-mr-3 {
    @include ym-media-breakpoint-up(lg) {
    margin-right: var(--ym-spacing-scale-3);
    }
}
.ym-lg-mr-10 {
    @include ym-media-breakpoint-up(lg) {
        margin-right: var(--ym-spacing-scale-10);
    }
}
.ym-lg-mr-12 {
    @include ym-media-breakpoint-up(lg) {
        margin-right: var(--ym-spacing-scale-12);
    }
}
.ym-lg-ml-2 {
    @include ym-media-breakpoint-up(lg) {
    margin-left: var(--ym-spacing-scale-2);
    }
}
.ym-lg-ml-3 {
    @include ym-media-breakpoint-up(lg) {
    margin-left: var(--ym-spacing-scale-3);
    }
}
.ym-lg-ml-10 {
    @include ym-media-breakpoint-up(lg) {
        margin-left: var(--ym-spacing-scale-10);
    }
}
.ym-lg-ml-12 {
    @include ym-media-breakpoint-up(lg) {
        margin-left: var(--ym-spacing-scale-12);
    }
}
.ym-xl-ml-3 {
    @include ym-media-breakpoint-up(xl) {
        margin-left: var(--ym-spacing-scale-3);
    }
}
.ym-lg-mx-2 {
    @include ym-media-breakpoint-up(lg) {
    margin-left: var(--ym-spacing-scale-2);
    margin-right: var(--ym-spacing-scale-2);
    }
}
.ym-lg-mx-3 {
    @include ym-media-breakpoint-up(lg) {
    margin-left: var(--ym-spacing-scale-3);
    margin-right: var(--ym-spacing-scale-3);
    }
}
.ym-lg-mx-12 {
    @include ym-media-breakpoint-up(lg) {
        margin-left: var(--ym-spacing-scale-12);
        margin-right: var(--ym-spacing-scale-12);
    }
}
.ym-lg-my-5 {
    @include ym-media-breakpoint-up(lg) {
    margin-top: var(--ym-spacing-scale-5);
    margin-bottom: var(--ym-spacing-scale-5);
    }
}
.ym-lg-mt-0 {
    @include ym-media-breakpoint-up(lg) {
    margin-top: 0;
    }
}
.ym-lg-mt-5 {
    @include ym-media-breakpoint-up(lg) {
    margin-top: var(--ym-spacing-scale-5);
    }
}
.ym-sm-pr-2 {
    @include ym-media-breakpoint-up(sm) {
    padding-right: var(--ym-spacing-scale-2);
    }
}
.ym-sm-pr-3 {
    @include ym-media-breakpoint-up(sm) {
    padding-right: var(--ym-spacing-scale-3);
    }
}
.ym-sm-pr-5 {
    @include ym-media-breakpoint-up(sm) {
    padding-right: var(--ym-spacing-scale-5);
    }
}
.ym-sm-pl-0 {
    @include ym-media-breakpoint-up(sm) {
    padding-left: 0;
    }
}
.ym-sm-pl-5 {
    @include ym-media-breakpoint-up(sm) {
    padding-left: var(--ym-spacing-scale-5);
    }
}
.ym-sm-pl-6 {
    @include ym-media-breakpoint-up(sm) {
    padding-left: var(--ym-spacing-scale-6);
    }
}
.ym-md-pt-0 {
    @include ym-media-breakpoint-up(md) {
    padding-top: 0}
}
.ym-md-pt-1 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-1);
    }
}
.ym-md-pt-2 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-2);
    }
}
.ym-md-pt-3 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-3);
    }
}
.ym-md-pt-4 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-4);
    }
}
.ym-md-pt-5 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-5);
    }
}
.ym-md-pt-11 {
    @include ym-media-breakpoint-up(md) {
    padding-top: var(--ym-spacing-scale-11);
    }
}
.ym-md-pr-0 {
    @include ym-media-breakpoint-up(md) {
    padding-right: 0;
    }
}
.ym-md-pr-1 {
    @include ym-media-breakpoint-up(md) {
    padding-right: var(--ym-spacing-scale-1);
    }
}
.ym-md-pr-3 {
    @include ym-media-breakpoint-up(md) {
    padding-right: var(--ym-spacing-scale-3);
    }
}
.ym-md-pr-4 {
    @include ym-media-breakpoint-up(md) {
    padding-right: var(--ym-spacing-scale-4);
    }
}
.ym-md-pr-5 {
    @include ym-media-breakpoint-up(md) {
    padding-right: var(--ym-spacing-scale-5);
    }
}
.ym-md-pb-0 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: 0;
    }
}
.ym-md-pb-1 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: var(--ym-spacing-scale-1);
    }
}
.ym-md-pb-2 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: var(--ym-spacing-scale-2);
    }
}
.ym-md-pb-3 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: var(--ym-spacing-scale-3);
    }
}
.ym-md-pb-4 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: var(--ym-spacing-scale-4);
    }
}
.ym-md-pb-5 {
    @include ym-media-breakpoint-up(md) {
    padding-bottom: var(--ym-spacing-scale-5);
    }
}
.ym-md-pl-0 {
    @include ym-media-breakpoint-up(md) {
    padding-left: 0;
    }
}
.ym-md-pl-1 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-1);
    }
}
.ym-md-pl-2 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-2);
    }
}
.ym-md-pl-3 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-3);
    }
}
.ym-md-pl-4 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-4);
    }
}
.ym-md-pl-5 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-5);
    }
}
.ym-md-pl-7 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-7);
    }
}
.ym-md-px-7 {
    @include ym-media-breakpoint-up(md) {
    padding-left: var(--ym-spacing-scale-7);
    padding-right: var(--ym-spacing-scale-7);
    }
}
.ym-lg-pt-0 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: 0;
    }
}
.ym-lg-pt-1 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: var(--ym-spacing-scale-1);
    }
}
.ym-lg-pt-2 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: var(--ym-spacing-scale-2);
    }
}
.ym-lg-pt-3 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: var(--ym-spacing-scale-3);
    }
}
.ym-lg-pt-4 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: var(--ym-spacing-scale-4);
    }
}
.ym-lg-pt-5 {
    @include ym-media-breakpoint-up(lg) {
    padding-top: var(--ym-spacing-scale-5);
    }
}
.ym-lg-pr-0 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: 0;
    }
}
.ym-lg-pr-1 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: var(--ym-spacing-scale-1);
    }
}
.ym-lg-pr-2 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: var(--ym-spacing-scale-2);
    }
}
.ym-lg-pr-3 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: var(--ym-spacing-scale-3);
    }
}
.ym-lg-pr-4 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: var(--ym-spacing-scale-4);
    }
}
.ym-lg-pr-5 {
    @include ym-media-breakpoint-up(lg) {
    padding-right: var(--ym-spacing-scale-5);
    }
}
.ym-lg-pb-0 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: 0;
    }
}
.ym-lg-pb-1 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: var(--ym-spacing-scale-1);
    }
}
.ym-lg-pb-2 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: var(--ym-spacing-scale-2);
    }
}
.ym-lg-pb-3 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: var(--ym-spacing-scale-3);
    }
}
.ym-lg-pb-4 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: var(--ym-spacing-scale-4);
    }
}
.ym-lg-pb-5 {
    @include ym-media-breakpoint-up(lg) {
    padding-bottom: var(--ym-spacing-scale-5);
    }
}
.ym-lg-pl-0 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: 0;
    }
}
.ym-lg-pl-1 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-1);
    }
}
.ym-lg-pl-2 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-2);
    }
}
.ym-lg-pl-3 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-3);
    }
}
.ym-lg-pl-4 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-4);
    }
}
.ym-lg-pl-5 {
    @include ym-media-breakpoint-up(lg) {
    padding-left: var(--ym-spacing-scale-5);
    }
}
.ym-collapse-empty {
    &:empty {
        padding: 0;
        margin: 0;
    }
}@each $ym-svg-size,
$ym-svg-value in $ym-svg-dimensions {
    .ym-svg-#{$ym-svg-size} {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

        & svg {
            width: $ym-svg-value;
            height: $ym-svg-value;
            fill: currentColor;
        }
    }
}

.ym-fill-current-color {
    fill: currentColor;
}

.ym-fill-transparent {
    fill: transparent;
}.ym-table-layout-fixed {
    table-layout: fixed
}.ym-text-left {
    text-align: left;
}
.ym-text-center {
    text-align: center;
}
.ym-text-right {
    text-align: right;
}
.ym-reset-text-align {
    text-align: inherit;
}
.ym-text-decoration-none {
    text-decoration: none;
}
.ym-active-text-decoration-none:active {
    text-decoration: none;
}
.ym-focus-text-decoration-none:focus-visible {
    text-decoration: none;
}
.ym-hover-text-decoration-none:hover {
    text-decoration: none;
}
.ym-text-decoration-underline {
    text-decoration: underline;
}
.ym-active-text-decoration-underline:active {
    text-decoration: underline;
}
.ym-focus-text-decoration-underline:focus-visible {
    text-decoration: underline;
}
.ym-hover-text-decoration-underline:hover {
    text-decoration: underline;
}
.ym-reset-text-decoration-color {
    text-decoration-color: inherit;
}
.ym-text-decoration-color-gray-500 {
    text-decoration-color: var(--ym-text-gray-500);
}
.ym-text-decoration-color-gray-700 {
    text-decoration-color: var(--ym-text-gray-700);
}
.ym-text-decoration-color-gray-900 {
    text-decoration-color: var(--ym-text-gray-900);
}
.ym-text-transform-none {
    text-transform: none;
}
.ym-text-transform-capitalize {
    text-transform: capitalize;
}
.ym-text-transform-uppercase {
    text-transform: uppercase;
}
.ym-text-overflow-ellipsis {
    text-overflow: ellipsis;
}
.ym-text-indent-0 {
    text-indent: 0;
}
.ym-text-indent-hide {
    text-indent: -9999px;
}
.ym-white-space-normal {
    white-space: normal;
}
.ym-white-space-nowrap {
    white-space: nowrap;
}
.ym-white-space-pre-wrap {
    white-space: pre-wrap;
}
.ym-white-space-pre-line {
    white-space: pre-line;
}
.ym-md-white-space-nowrap {
    @include ym-media-breakpoint-up(md) {
        white-space: nowrap;
    }
}
.ym-word-break-all {
    word-break: break-all;
}
.ym-word-break-word {
    word-break: break-word;
}
.ym-overflow-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}
.ym-text-truncate {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}.ym-translate-x-0 {
    transform: translateX(0)
}

.ym-translate-x-100 {
    transform: translateX(100%)
}

.ym-translate-x-n50 {
    transform: translateX(-50%)
}

.ym-translate-y-0 {
    transform: translateY(0)
}

.ym-translate-y-100 {
    transform: translateY(100%)
}

.ym-translate-y-n50 {
    transform: translateY(-50%)
}

.ym-translate-y-n100 {
    transform: translateY(-100%)
}

.ym-translate-n50 {
    transform: translate(-50%, -50%)
}

.ym-rotate-90 {
    transform: rotate(90deg)
}

.ym-rotate-180 {
    transform: rotate(180deg)
}

.ym-rotate-270 {
    transform: rotate(270deg)
}

.ym-flip-horizontal {
    transform: scale(-1, 1)
}

.ym-flip-vertical {
    transform: scale(1, -1)
}

.ym-flip-both {
    transform: scale(-1, -1)
}.ym-transition-property-border-color {
    transition-property: border-color
}

.ym-transition-property-width {
    transition-property: width
}

.ym-transition-property-stroke {
    transition-property: stroke
}

.ym-transition-property-stroke-opacity {
    transition-property: stroke-opacity
}

.ym-transition-duration-slow {
    transition-duration: var(--ym-transition-duration-slow)
}

.ym-transition-duration-medium {
    transition-duration: var(--ym-transition-duration-medium)
}

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

.ym-transition-slow {
    transition: all var(--ym-transition-duration-slow) ease
}

.ym-transition-medium {
    transition: all var(--ym-transition-duration-medium) ease
}@each $ym-icon-size in $ym-icon-sizes {
    .ym-font-icon-size-#{$ym-icon-size} {
        font-size: $ym-icon-size + px;
    }
}
.ym-font-monospace {
    font-family: var(--ym-monospace-font);
    font-variant-ligatures: none;
}
.ym-font-regular {
    font-family: var(--ym-regular-font);
}
.ym-font-style-italic {
    font-style: italic;
}
.ym-font-style-normal {
    font-style: normal;
}
.ym-font-xs {
    font-size: var(--ym-font-size-xs);
}
.ym-font-sm {
    font-size: var(--ym-font-size-sm);
}
.ym-font-base {
    font-size: var(--ym-font-size);
}
.ym-font-lg {
    font-size: var(--ym-font-size-lg);
}
.ym-font-xl {
    font-size: var(--ym-font-size-xl);
}
.ym-font-size-h-display {
    font-size: var(--ym-font-size-h-display);
}
.ym-font-size-h1 {
    font-size: var(--ym-font-size-h1);
}
.ym-font-size-h2 {
    font-size: var(--ym-font-size-h2);
}
.ym-font-size-h-display-xl {
    font-size: var(--ym-font-size-h-display-xl);
}
.ym-font-size-h1-xl {
    font-size: var(--ym-font-size-h1-xl);
}
.ym-font-size-h2-xl {
    font-size: var(--ym-font-size-h2-xl);
}
.ym-font-icon-size {
    font-size: $default-icon-size;
}
.ym-reset-font-size {
    font-size: inherit;
}
.ym-font-weight-100 {
    font-weight: 100;
}
.ym-font-weight-300 {
    font-weight: 300;
}
.ym-font-weight-normal {
    font-weight: var(--ym-font-weight-normal);
}
.ym-font-weight-semibold {
    font-weight: var(--ym-font-weight-semibold);
}
.ym-font-weight-bold {
    font-weight: var(--ym-font-weight-bold);
}
.ym-sm-font-weight-bold {
    @include ym-media-breakpoint-up(sm) {
    font-weight: var(--ym-font-weight-bold);
    }
}
.ym-line-height-0 {
    line-height: 0;
}
.ym-line-height-1 {
    line-height: 1;
}
.ym-line-height-normal {
    line-height: var(--ym-line-height-16);
}
.ym-line-height-12 {
    line-height: var(--ym-line-height-12);
}
.ym-line-height-20 {
    line-height: var(--ym-line-height-20);
}
.ym-line-height-24 {
    line-height: var(--ym-line-height-24);
}
.ym-line-height-28 {
    line-height: var(--ym-line-height-28);
}
.ym-line-height-32 {
    line-height: var(--ym-line-height-32);
}
.ym-line-height-36 {
    line-height: var(--ym-line-height-36);
}
.ym-line-height-42 {
    line-height: var(--ym-line-height-42);
}
.ym-line-height-52 {
    line-height: var(--ym-line-height-52);
}
.ym-reset-line-height {
    line-height: inherit;
}
.ym-letter-spacing-06em {
    letter-spacing: 0.06em;
}.ym-user-select-none {
    user-select: none
}

.ym-user-select-text {
    user-select: text
}.ym-vertical-align-baseline {
    vertical-align: baseline
}

.ym-vertical-align-middle {
    vertical-align: middle
}

.ym-vertical-align-top {
    vertical-align: top
}

.ym-vertical-align-bottom {
    vertical-align: bottom
}

.ym-vertical-align-text-bottom {
    vertical-align: text-bottom
}.ym-visibility-hidden {
    visibility: hidden
}

.ym-visibility-visible {
    visibility: visible
}.ym-z-index-0 {
    z-index: 0
}

.ym-z-index-1 {
    z-index: 1
}

.ym-z-index-2 {
    z-index: 2
}

.ym-z-index-3 {
    z-index: 3
}

.ym-z-index-200 {
    z-index: 200
}

.ym-z-index-9999 {
    z-index: 9999
}

.ym-isolate {
    isolation: isolate
}