@font-face {
    font-family: Golos UI;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Golos UI;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Golos UI;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Golos UI;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Golos UI;
    font-weight: 400;
    font-style: normal
}

.primo {
    font-size: 72px;
    line-height: 72px
}

.gouda, .primo {
    font-weight: 700
}

.gouda {
    font-size: 56px;
    line-height: 56px
}

.cheddar {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700
}

.camembert {
    font-size: 32px;
    line-height: 36px;
    font-weight: 700
}

.ricotta {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700
}

.comte {
    font-size: 24px
}

.burrata, .comte {
    line-height: 28px;
    font-weight: 700
}

.burrata, .taleggio {
    font-size: 20px
}

.taleggio {
    line-height: 24px;
    font-weight: 700
}

.bryndza {
    line-height: 20px
}

.bryndza, .tulum {
    font-size: 16px;
    font-weight: 700
}

.tulum {
    line-height: 24px
}

.mascarpone {
    line-height: 28px
}

.brie, .mascarpone {
    font-size: 20px;
    font-weight: 400
}

.brie {
    line-height: 24px
}

.parmigiano {
    line-height: 24px
}

.feta, .parmigiano {
    font-size: 16px;
    font-weight: 400
}

.feta {
    line-height: 20px
}

.mozzarella {
    font-weight: 400
}

.mozzarella, .roquefort {
    font-size: 13px;
    line-height: 16px
}

.roquefort {
    font-weight: 700
}

.сaprino {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400
}

.maasdam {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

.sulguni {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.briscola {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500
}

.edam {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500
}

.amelie {
    background-color: #fff !important
}

.text-amelie {
    color: #fff !important
}

.terminator {
    background-color: #000 !important
}

.text-terminator {
    color: #000 !important
}

.titanic {
    background-color: #04153e !important
}

.text-titanic {
    color: #04153e !important
}

.titanic-hover, .titanic-hover--text {
    color: #051848 !important
}

.titanic-pressed, .titanic-pressed--text {
    color: #031234 !important
}

.bladerunner {
    background-color: #111827 !important
}

.text-bladerunner {
    color: #111827 !important
}

.bladerunner-hover, .bladerunner-hover--text {
    color: #141c2e !important
}

.bladerunner-pressed, .bladerunner-pressed--text {
    color: #0e1420 !important
}

.extraction {
    background-color: #21043e !important
}

.text-extraction {
    color: #21043e !important
}

.extraction-hover, .extraction-hover--text {
    color: #260548 !important
}

.extraction-pressed, .extraction-pressed--text {
    color: #1c0334 !important
}

.prestige {
    background-color: #34040f !important
}

.text-prestige {
    color: #34040f !important
}

.prestige-hover, .prestige-hover--text {
    color: #3d0512 !important
}

.prestige-pressed, .prestige-pressed--text {
    color: #2b030c !important
}

.oldBoy {
    background-color: #142202 !important
}

.text-oldBoy {
    color: #142202 !important
}

.oldBoy-hover, .oldBoy-hover--text {
    color: #1a2c03 !important
}

.oldBoy-pressed, .oldBoy-pressed--text {
    color: #0e1801 !important
}

.schindler {
    background-color: #2a1704 !important
}

.text-schindler {
    color: #2a1704 !important
}

.schindler-hover, .schindler-hover--text {
    color: #331c05 !important
}

.schindler-pressed, .schindler-pressed--text {
    color: #211203 !important
}

.gladiator {
    background-color: #091f52 !important
}

.text-gladiator {
    color: #091f52 !important
}

.gladiator-hover, .gladiator-hover--text {
    color: #0b2460 !important
}

.gladiator-pressed, .gladiator-pressed--text {
    color: #081c49 !important
}

.harakiri {
    background-color: #1c2331 !important
}

.text-harakiri {
    color: #1c2331 !important
}

.harakiri-hover, .harakiri-hover--text {
    color: #222a3b !important
}

.harakiri-pressed, .harakiri-pressed--text {
    color: #181e2b !important
}

.room {
    background-color: #300f52 !important
}

.text-room {
    color: #300f52 !important
}

.room-hover, .room-hover--text {
    color: #38115f !important
}

.room-pressed, .room-pressed--text {
    color: #2b0d49 !important
}

.exorcist {
    background-color: #480a17 !important
}

.text-exorcist {
    color: #480a17 !important
}

.exorcist-hover, .exorcist-hover--text {
    color: #550c1b !important
}

.exorcist-pressed, .exorcist-pressed--text {
    color: #3f0914 !important
}

.forest {
    background-color: #1f3404 !important
}

.text-forest {
    color: #1f3404 !important
}

.forest-hover, .forest-hover--text {
    color: #274205 !important
}

.forest-pressed, .forest-pressed--text {
    color: #192b03 !important
}

.capernaum {
    background-color: #3a1f03 !important
}

.text-capernaum {
    color: #3a1f03 !important
}

.capernaum-hover, .capernaum-hover--text {
    color: #492704 !important
}

.capernaum-pressed, .capernaum-pressed--text {
    color: #301a02 !important
}

.interstellar {
    background-color: #113079 !important
}

.text-interstellar {
    color: #113079 !important
}

.interstellar-hover, .interstellar-hover--text {
    color: #133586 !important
}

.interstellar-pressed, .interstellar-pressed--text {
    color: #102c70 !important
}

.vertigo {
    background-color: #2e3648 !important
}

.text-vertigo {
    color: #2e3648 !important
}

.vertigo-hover, .vertigo-hover--text {
    color: #343d51 !important
}

.vertigo-pressed, .vertigo-pressed--text {
    color: #2a3142 !important
}

.heat {
    background-color: #4a197b !important
}

.text-heat {
    color: #4a197b !important
}

.heat-hover, .heat-hover--text {
    color: #521c88 !important
}

.heat-pressed, .heat-pressed--text {
    color: #451773 !important
}

.predator {
    background-color: #711426 !important
}

.text-predator {
    color: #711426 !important
}

.predator-hover, .predator-hover--text {
    color: #7e162a !important
}

.predator-pressed, .predator-pressed--text {
    color: #681223 !important
}

.whiplash {
    background-color: #304d0a !important
}

.text-whiplash {
    color: #304d0a !important
}

.whiplash-hover, .whiplash-hover--text {
    color: #385b0c !important
}

.whiplash-pressed, .whiplash-pressed--text {
    color: #2a4409 !important
}

.platoon {
    background-color: #643302 !important
}

.text-platoon {
    color: #643302 !important
}

.platoon-hover, .platoon-hover--text {
    color: #733b02 !important
}

.platoon-pressed, .platoon-pressed--text {
    color: #5a2e02 !important
}

.godfather {
    background-color: #214eb0 !important
}

.text-godfather {
    color: #214eb0 !important
}

.godfather-hover, .godfather-hover--text {
    color: #2354bd !important
}

.godfather-pressed, .godfather-pressed--text {
    color: #1f48a3 !important
}

.troy {
    background-color: #495469 !important
}

.text-troy {
    color: #495469 !important
}

.troy-hover, .troy-hover--text {
    color: #4f5b72 !important
}

.troy-pressed, .troy-pressed--text {
    color: #434d60 !important
}

.casino {
    background-color: #6d3aa6 !important
}

.text-casino {
    color: #6d3aa6 !important
}

.casino-hover, .casino-hover--text {
    color: #743eb1 !important
}

.casino-pressed, .casino-pressed--text {
    color: #66369b !important
}

.stalker {
    background-color: #ab213a !important
}

.text-stalker {
    color: #ab213a !important
}

.stalker-hover, .stalker-hover--text {
    color: #b8233e !important
}

.stalker-pressed, .stalker-pressed--text {
    color: #9e1f36 !important
}

.shining {
    background-color: #467510 !important
}

.text-shining {
    color: #467510 !important
}

.shining-hover, .shining-hover--text {
    color: #4e8212 !important
}

.shining-pressed, .shining-pressed--text {
    color: #3e680e !important
}

.mulHolland {
    background-color: #9e4f00 !important
}

.text-mulHolland {
    color: #9e4f00 !important
}

.mulHolland-hover, .mulHolland-hover--text {
    color: #ad5700 !important
}

.mulHolland-pressed, .mulHolland-pressed--text {
    color: #8f4700 !important
}

.rocky {
    background-color: #3d75e4
}

.text-rocky {
    color: #3d75e4 !important
}

.rocky-hover, .rocky-hover--text {
    color: #4a7fe6 !important
}

.rocky-pressed, .rocky-pressed--text {
    color: #306be2 !important
}

.metropolis {
    background-color: #6f7a90
}

.text-metropolis {
    color: #6f7a90 !important
}

.metropolis-hover, .metropolis-hover--text {
    color: #788297 !important
}

.metropolis-pressed, .metropolis-pressed--text {
    color: #687387 !important
}

.gentlemen {
    background-color: #9954f2 !important
}

.text-gentlemen {
    color: #9954f2 !important
}

.gentlemen-hover, .gentlemen-hover--text {
    color: #a162f3 !important
}

.gentlemen-pressed, .gentlemen-pressed--text {
    color: #9146f1 !important
}

.fargo {
    background-color: #e14761
}

.text-fargo {
    color: #e14761 !important
}

.fargo-hover, .fargo-hover--text {
    color: #e3546c !important
}

.fargo-pressed, .fargo-pressed--text {
    color: #df3a56 !important
}

.matrix {
    background-color: #57a003
}

.text-matrix {
    color: #57a003 !important
}

.matrix-hover, .matrix-hover--text {
    color: #5faf03 !important
}

.matrix-pressed, .matrix-pressed--text {
    color: #4f9103 !important
}

.lebowski {
    background-color: #d06e0b
}

.text-lebowski {
    color: #d06e0b !important
}

.lebowski-hover, .lebowski-hover--text {
    color: #df760c !important
}

.lebowski-pressed, .lebowski-pressed--text {
    color: #c1660a !important
}

.alien {
    background-color: #81abee
}

.text-alien {
    color: #81abee !important
}

.alien-hover, .alien-hover--text {
    color: #8eb4f0 !important
}

.alien-pressed, .alien-pressed--text {
    color: #74a2ec !important
}

.pianist {
    background-color: #a2abbe !important
}

.text-pianist {
    color: #a2abbe !important
}

.pianist-hover, .pianist-hover--text {
    color: #abb3c4 !important
}

.pianist-pressed, .pianist-pressed--text {
    color: #99a3b8 !important
}

.seven {
    background-color: #bb9af4 !important
}

.text-seven {
    color: #bb9af4 !important
}

.seven-hover, .seven-hover--text {
    color: #c4a8f6 !important
}

.seven-pressed, .seven-pressed--text {
    color: #b28cf2 !important
}

.indiana {
    background-color: #f196a5 !important
}

.text-indiana {
    color: #f196a5 !important
}

.indiana-hover, .indiana-hover--text {
    color: #f3a4b1 !important
}

.indiana-pressed, .indiana-pressed--text {
    color: #ef8999 !important
}

.drive {
    background-color: #8dc95e !important
}

.text-drive {
    color: #8dc95e !important
}

.drive-hover, .drive-hover--text {
    color: #95cd69 !important
}

.drive-pressed, .drive-pressed--text {
    color: #85c553 !important
}

.snatch {
    background-color: #e9a35d !important
}

.text-snatch {
    color: #e9a35d !important
}

.snatch-hover, .snatch-hover--text {
    color: #ebab6a !important
}

.snatch-pressed, .snatch-pressed--text {
    color: #e79b50 !important
}

.memento {
    background-color: #c0d6f6 !important
}

.text-memento {
    color: #c0d6f6 !important
}

.memento-hover, .memento-hover--text {
    color: #cddff8 !important
}

.memento-pressed, .memento-pressed--text {
    color: #b7d0f5 !important
}

.inception {
    background-color: #cdd3df !important
}

.text-inception {
    color: #cdd3df !important
}

.inception-hover, .inception-hover--text {
    color: #d6dbe5 !important
}

.inception-pressed, .inception-pressed--text {
    color: #c7cedb !important
}

.unforgiven {
    background-color: #dbccfa !important
}

.text-unforgiven {
    color: #dbccfa !important
}

.unforgiven-hover, .unforgiven-hover--text {
    color: #e5dafb !important
}

.unforgiven-pressed, .unforgiven-pressed--text {
    color: #d4c3f9 !important
}

.bandit {
    background-color: #f7cfd5 !important
}

.text-bandit {
    color: #f7cfd5 !important
}

.bandit-hover, .bandit-hover--text {
    color: #f9dce0 !important
}

.bandit-pressed, .bandit-pressed--text {
    color: #f6c6cd !important
}

.psycho {
    background-color: #c7e6a8 !important
}

.text-psycho {
    color: #c7e6a8 !important
}

.psycho-hover, .psycho-hover--text {
    color: #cfe9b4 !important
}

.psycho-pressed, .psycho-pressed--text {
    color: #c2e4a0 !important
}

.chinatown {
    background-color: #f8d6b5 !important
}

.text-chinatown {
    color: #f8d6b5 !important
}

.chinatown-hover, .chinatown-hover--text {
    color: #f9dec3 !important
}

.chinatown-pressed, .chinatown-pressed--text {
    color: #f7d1ac !important
}

.arrival {
    background-color: #e4edfb
}

.text-arrival {
    color: #e4edfb !important
}

.arrival-hover, .arrival-hover--text {
    color: #edf3fc !important
}

.arrival-pressed, .arrival-pressed--text {
    color: #dbe7fa !important
}

.apocalypse {
    background-color: #e6ebf5 !important
}

.text-apocalypse {
    color: #e6ebf5 !important
}

.apocalypse-hover, .apocalypse-hover--text {
    color: #edf1f8 !important
}

.apocalypse-pressed, .apocalypse-pressed--text {
    color: #dfe5f2 !important
}

.departed {
    background-color: #efe8fc !important
}

.text-departed {
    color: #efe8fc !important
}

.departed-hover, .departed-hover--text {
    color: #f5f1fd !important
}

.departed-pressed, .departed-pressed--text {
    color: #e9dffb !important
}

.romance {
    background-color: #fbe9ec !important
}

.text-romance {
    color: #fbe9ec !important
}

.romance-hover, .romance-hover--text {
    color: #fdf2f3 !important
}

.romance-pressed, .romance-pressed--text {
    color: #f9e0e5 !important
}

.amadeus {
    background-color: #e3f3d8 !important
}

.text-amadeus {
    color: #e3f3d8 !important
}

.amadeus-hover, .amadeus-hover--text {
    color: #e9f5e0 !important
}

.amadeus-pressed, .amadeus-pressed--text {
    color: #ddf1d0 !important
}

.jaws {
    background-color: #fbecdd !important
}

.text-jaws {
    color: #fbecdd !important
}

.jaws-hover, .jaws-hover--text {
    color: #fcf1e6 !important
}

.jaws-pressed, .jaws-pressed--text {
    color: #fae7d4 !important
}

.rush {
    background-color: #f6f9fe !important
}

.text-rush {
    color: #f6f9fe !important
}

.rush-hover, .rush-hover--text {
    color: #fff !important
}

.rush-pressed, .rush-pressed--text {
    color: #edf3fd !important
}

.trainspotting {
    background-color: #f5f8fc !important
}

.text-trainspotting {
    color: #f5f8fc !important
}

.trainspotting-hover, .trainspotting-hover--text {
    color: #fdfdfe !important
}

.trainspotting-pressed, .trainspotting-pressed--text {
    color: #edf3fa !important
}

.intouchables {
    background-color: #f9f6fe !important
}

.text-intouchables {
    color: #f9f6fe !important
}

.intouchables-hover, .intouchables-hover--text {
    color: #fff !important
}

.intouchables-pressed, .intouchables-pressed--text {
    color: #f3edfd !important
}

.joker {
    background-color: #fef8f9 !important
}

.text-joker {
    color: #fef8f9 !important
}

.joker-hover, .joker-hover--text {
    color: #fff !important
}

.joker-pressed, .joker-pressed--text {
    color: #fdeff1 !important
}

.shawshank {
    background-color: #f6fcf3 !important
}

.text-shawshank {
    color: #f6fcf3 !important
}

.shawshank-hover, .shawshank-hover--text {
    color: #fcfefb !important
}

.shawshank-pressed, .shawshank-pressed--text {
    color: #f0faeb !important
}

.warrior {
    background-color: #fefaf6 !important
}

.text-warrior {
    color: #fefaf6 !important
}

.warrior-hover, .warrior-hover--text {
    color: #fff !important
}

.warrior-pressed, .warrior-pressed--text {
    color: #fdf5ed !important
}

.odo {
    opacity: 1 !important
}

.ekas, .opacity-72 {
    opacity: .72
}

.anie, .opacity-48 {
    opacity: .48
}

.biqe, .opacity-32 {
    opacity: .32
}

.kima, .opacity-8 {
    opacity: .08
}

.jade {
    border-radius: 0 !important
}

.rajol, .rounded-4 {
    border-radius: 4px !important
}

.bana, .rounded-8 {
    border-radius: 8px !important
}

.kurza, .rounded-16 {
    border-radius: 16px !important
}

.geban, .rounded-24 {
    border-radius: 24px !important
}

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

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-col, .flex-column {
    flex-direction: column
}

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

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-row {
    flex-direction: row
}

.align-center {
    align-items: center
}

.align-start {
    align-items: flex-start
}

.align-end {
    align-items: flex-end
}

.justify-center {
    justify-content: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

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

.flex-1 {
    flex: 1
}

.flex-auto {
    flex: 1 1 auto
}

.clamp-0 {
    -webkit-line-clamp: 0
}

.clamp-0, .clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clamp-1 {
    -webkit-line-clamp: 1
}

.clamp-2 {
    -webkit-line-clamp: 2
}

.clamp-2, .clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clamp-3 {
    -webkit-line-clamp: 3
}

.clamp-4 {
    -webkit-line-clamp: 4
}

.clamp-4, .clamp-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clamp-5 {
    -webkit-line-clamp: 5
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap
}

.overflow-hidden, .truncate {
    overflow: hidden
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.pointer {
    cursor: pointer
}

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

:root {
    --rir-amelie: #fff;
    --rir-terminator: #000;
    --rir-titanic: #04153e;
    --rir-titanic--hover: #051848;
    --rir-titanic--pressed: #031234;
    --rir-bladerunner: #111827;
    --rir-bladerunner--hover: #141c2e;
    --rir-bladerunner--pressed: #0e1420;
    --rir-extraction: #21043e;
    --rir-extraction--hover: #260548;
    --rir-extraction--pressed: #1c0334;
    --rir-prestige: #34040f;
    --rir-prestige--hover: #3d0512;
    --rir-prestige--pressed: #2b030c;
    --rir-oldBoy: #142202;
    --rir-oldBoy--hover: #1a2c03;
    --rir-oldBoy--pressed: #0e1801;
    --rir-schindler: #2a1704;
    --rir-schindler--hover: #331c05;
    --rir-schindler--pressed: #211203;
    --rir-gladiator: #091f52;
    --rir-gladiator--hover: #0b2460;
    --rir-gladiator--pressed: #081c49;
    --rir-harakiri: #1c2331;
    --rir-harakiri--hover: #222a3b;
    --rir-harakiri--pressed: #181e2b;
    --rir-room: #300f52;
    --rir-room--hover: #38115f;
    --rir-room--pressed: #2b0d49;
    --rir-exorcist: #480a17;
    --rir-exorcist--hover: #550c1b;
    --rir-exorcist--pressed: #3f0914;
    --rir-forest: #1f3404;
    --rir-forest--hover: #274205;
    --rir-forest--pressed: #192b03;
    --rir-capernaum: #3a1f03;
    --rir-capernaum--hover: #492704;
    --rir-capernaum--pressed: #301a02;
    --rir-interstellar: #113079;
    --rir-interstellar--hover: #133586;
    --rir-interstellar--pressed: #102c70;
    --rir-vertigo: #2e3648;
    --rir-vertigo--hover: #343d51;
    --rir-vertigo--pressed: #2a3142;
    --rir-heat: #4a197b;
    --rir-heat--hover: #521c88;
    --rir-heat--pressed: #451773;
    --rir-predator: #711426;
    --rir-predator--hover: #7e162a;
    --rir-predator--pressed: #681223;
    --rir-whiplash: #304d0a;
    --rir-whiplash--hover: #385b0c;
    --rir-whiplash--pressed: #2a4409;
    --rir-platoon: #643302;
    --rir-platoon--hover: #733b02;
    --rir-platoon--pressed: #5a2e02;
    --rir-godfather: #214eb0;
    --rir-godfather--hover: #2354bd;
    --rir-godfather--pressed: #1f48a3;
    --rir-troy: #495469;
    --rir-troy--hover: #4f5b72;
    --rir-troy--pressed: #434d60;
    --rir-casino: #6d3aa6;
    --rir-casino--hover: #743eb1;
    --rir-casino--pressed: #66369b;
    --rir-stalker: #ab213a;
    --rir-stalker--hover: #b8233e;
    --rir-stalker--pressed: #9e1f36;
    --rir-shining: #467510;
    --rir-shining--hover: #4e8212;
    --rir-shining--pressed: #3e680e;
    --rir-mulHolland: #9e4f00;
    --rir-mulHolland--hover: #ad5700;
    --rir-mulHolland--pressed: #8f4700;
    --rir-rocky: #3d75e4;
    --rir-rocky--hover: #4a7fe6;
    --rir-rocky--pressed: #306be2;
    --rir-metropolis: #6f7a90;
    --rir-metropolis--hover: #788297;
    --rir-metropolis--pressed: #687387;
    --rir-gentlemen: #9954f2;
    --rir-gentlemen--hover: #a162f3;
    --rir-gentlemen--pressed: #9146f1;
    --rir-fargo: #e14761;
    --rir-fargo--hover: #e3546c;
    --rir-fargo--pressed: #df3a56;
    --rir-matrix: #57a003;
    --rir-matrix--hover: #5faf03;
    --rir-matrix--pressed: #4f9103;
    --rir-lebowski: #d06e0b;
    --rir-lebowski--hover: #df760c;
    --rir-lebowski--pressed: #c1660a;
    --rir-alien: #81abee;
    --rir-alien--hover: #8eb4f0;
    --rir-alien--pressed: #74a2ec;
    --rir-pianist: #a2abbe;
    --rir-pianist--hover: #abb3c4;
    --rir-pianist--pressed: #99a3b8;
    --rir-seven: #bb9af4;
    --rir-seven--hover: #c4a8f6;
    --rir-seven--pressed: #b28cf2;
    --rir-indiana: #f196a5;
    --rir-indiana--hover: #f3a4b1;
    --rir-indiana--pressed: #ef8999;
    --rir-drive: #8dc95e;
    --rir-drive--hover: #95cd69;
    --rir-drive--pressed: #85c553;
    --rir-snatch: #e9a35d;
    --rir-snatch--hover: #ebab6a;
    --rir-snatch--pressed: #e79b50;
    --rir-memento: #c0d6f6;
    --rir-memento--hover: #cddff8;
    --rir-memento--pressed: #b7d0f5;
    --rir-inception: #cdd3df;
    --rir-inception--hover: #d6dbe5;
    --rir-inception--pressed: #c7cedb;
    --rir-unforgiven: #dbccfa;
    --rir-unforgiven--hover: #e5dafb;
    --rir-unforgiven--pressed: #d4c3f9;
    --rir-bandit: #f7cfd5;
    --rir-bandit--hover: #f9dce0;
    --rir-bandit--pressed: #f6c6cd;
    --rir-psycho: #c7e6a8;
    --rir-psycho--hover: #cfe9b4;
    --rir-psycho--pressed: #c2e4a0;
    --rir-chinatown: #f8d6b5;
    --rir-chinatown--hover: #f9dec3;
    --rir-chinatown--pressed: #f7d1ac;
    --rir-arrival: #e4edfb;
    --rir-arrival--hover: #edf3fc;
    --rir-arrival--pressed: #dbe7fa;
    --rir-apocalypse: #e6ebf5;
    --rir-apocalypse--hover: #edf1f8;
    --rir-apocalypse--pressed: #dfe5f2;
    --rir-departed: #efe8fc;
    --rir-departed--hover: #f5f1fd;
    --rir-departed--pressed: #e9dffb;
    --rir-romance: #fbe9ec;
    --rir-romance--hover: #fdf2f3;
    --rir-romance--pressed: #f9e0e5;
    --rir-amadeus: #e3f3d8;
    --rir-amadeus--hover: #e9f5e0;
    --rir-amadeus--pressed: #ddf1d0;
    --rir-jaws: #fbecdd;
    --rir-jaws--hover: #fcf1e6;
    --rir-jaws--pressed: #fae7d4;
    --rir-rush: #f6f9fe;
    --rir-rush--hover: #fff;
    --rir-rush--pressed: #edf3fd;
    --rir-trainspotting: #f5f8fc;
    --rir-trainspotting--hover: #fdfdfe;
    --rir-trainspotting--pressed: #edf3fa;
    --rir-intouchables: #f9f6fe;
    --rir-intouchables--hover: #fff;
    --rir-intouchables--pressed: #f3edfd;
    --rir-joker: #fef8f9;
    --rir-joker--hover: #fff;
    --rir-joker--pressed: #fdeff1;
    --rir-shawshank: #f6fcf3;
    --rir-shawshank--hover: #fcfefb;
    --rir-shawshank--pressed: #f0faeb;
    --rir-warrior: #fefaf6;
    --rir-warrior--hover: #fff;
    --rir-warrior--pressed: #fdf5ed
}

:root[theme=light] {
    --rir-component-global-body: #f6f9fe;
    --rir-component-input-icon: rgba(4, 21, 62, 0.32);
    --rir-component-input-placeholder: rgba(4, 21, 62, 0.32);
    --rir-component-input-background: rgba(61, 117, 228, 0.08);
    --rir-component-textarea-placeholder: rgba(4, 21, 62, 0.32);
    --rir-component-textarea-placeholder-hover: rgba(4, 21, 62, 0.48);
    --rir-component-textarea-color-text: rgba(4, 21, 62, 0.72);
    --rir-component-textarea-background: rgba(61, 117, 228, 0.08);
    --rir-component-button-text: #fff;
    --rir-component-button-primary: #3d75e4;
    --rir-component-button-primary-hover: #4a7fe6;
    --rir-component-button-primary-pressed: #346fe3;
    --rir-component-button-success: #57a003;
    --rir-component-button-success-hover: #5faf03;
    --rir-component-button-success-pressed: #529603;
    --rir-component-button-error: #e14761;
    --rir-component-button-error-hover: #e3546c;
    --rir-component-button-error-pressed: #e03e59;
    --rir-component-list-color-item: rgba(4, 21, 62, 0.72);
    --rir-component-list-hover: rgba(61, 117, 228, 0.08);
    --rir-component-file-list-background-item: rgba(61, 117, 228, 0.08);
    --rir-component-drag-upload-file-progress-text: rgba(4, 21, 62, 0.48);
    --rir-component-drag-upload-file-progress: rgba(61, 117, 228, 0.16);
    --rir-component-drag-upload-file-color-text: rgba(4, 21, 62, 0.72);
    --rir-component-drag-upload-file-hover-text: #3d75e4;
    --rir-component-drag-upload-file-hover-desc: rgba(61, 117, 228, 0.64);
    --rir-component-drag-upload-file-max-files: rgba(4, 21, 62, 0.16);
    --rir-component-form-item-background-error: rgba(225, 71, 97, 0.08);
    --rir-component-radio-border-no-select: rgba(61, 117, 228, 0.32);
    --rir-component-radio-background-hover: rgba(61, 117, 228, 0.08);
    --rir-component-table-header-th: rgba(4, 21, 62, 0.48);
    --rir-component-date-picker-date-hover: rgba(61, 117, 228, 0.16);
    --rir-component-date-picker-other-month: rgba(9, 31, 82, 0.16)
}

:root[theme=dark] {
    --rir-component-global-body: #091f52;
    --rir-component-input-icon: rgba(4, 21, 62, 0.32);
    --rir-component-input-placeholder: rgba(4, 21, 62, 0.32);
    --rir-component-input-background: hsla(0, 0%, 100%, 0.96);
    --rir-component-button-text: #fff;
    --rir-component-button-primary: #3d75e4;
    --rir-component-button-primary-hover: #4a7fe6;
    --rir-component-button-primary-pressed: #346fe3;
    --rir-component-button-success: #57a003;
    --rir-component-button-success-hover: #5faf03;
    --rir-component-button-success-pressed: #529603;
    --rir-component-button-error: #e14761;
    --rir-component-button-error-hover: #e3546c;
    --rir-component-button-error-pressed: #e03e59
}

.loading-ring {
    padding: 40px;
    flex-direction: column
}

.loading-ring, .loading-ring__spinner {
    display: flex;
    align-items: center;
    justify-content: center
}

.loading-ring__spinner {
    position: relative;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.loading-ring__text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 20px;
    color: #04153e
}

@-webkit-keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

[class^=col-] {
    margin-bottom: 20px
}

.col-xs-1-12, .col-xs-2-12, .col-xs-3-12, .col-xs-4-12, .col-xs-5-12, .col-xs-6-12, .col-xs-7-12, .col-xs-8-12, .col-xs-9-12, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12 {
    padding: 0 12px
}

.col-xs-1-12 {
    width: 8.33333%;
    padding: 0 8px
}

.col-xs-2-12 {
    width: 16.66667%;
    padding: 0 8px
}

.col-xs-3-12 {
    width: 25%;
    padding: 0 8px
}

.col-xs-4-12 {
    width: 33.33333%;
    padding: 0 8px
}

.col-xs-5-12 {
    width: 41.66667%;
    padding: 0 8px
}

.col-xs-6-12 {
    width: 50%;
    padding: 0 8px
}

.col-xs-7-12 {
    width: 58.33333%;
    padding: 0 8px
}

.col-xs-8-12 {
    width: 66.66667%;
    padding: 0 8px
}

.col-xs-9-12 {
    width: 75%;
    padding: 0 8px
}

.col-xs-10-12 {
    width: 83.33333%;
    padding: 0 8px
}

.col-xs-11-12 {
    width: 91.66667%;
    padding: 0 8px
}

.col-xs-12-12 {
    width: 100%;
    padding: 0 8px
}

.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px
}

.row--no-grep {
    padding: 0
}

.mx-xs-0 {
    margin-left: 0 0;
    margin-right: 0 0
}

.my-xs-0 {
    margin-top: 0;
    margin-bottom: 0
}

.ma-xs-0 {
    margin: 0
}

.mr-xs-0 {
    margin-right: 0
}

.mt-xs-0 {
    margin-top: 0
}

.mb-xs-0 {
    margin-bottom: 0
}

.ml-xs-0 {
    margin-left: 0
}

.mx-xs-n0 {
    margin-left: 0 0;
    margin-right: 0 0
}

.my-xs-n0 {
    margin-top: 0;
    margin-bottom: 0
}

.mr-xs-n0 {
    margin-right: 0
}

.mt-xs-n0 {
    margin-top: 0
}

.mb-xs-n0 {
    margin-bottom: 0
}

.ml-xs-n0 {
    margin-left: 0
}

.px-xs-0 {
    padding-left: 0 0;
    padding-right: 0 0
}

.py-xs-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pa-xs-0 {
    padding: 0
}

.pr-xs-0 {
    padding-right: 0
}

.pt-xs-0 {
    padding-top: 0
}

.pb-xs-0 {
    padding-bottom: 0
}

.pl-xs-0 {
    padding-left: 0
}

.mx-xs-1 {
    margin-left: 0 4px;
    margin-right: 0 4px
}

.my-xs-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.ma-xs-1 {
    margin: 4px
}

.mr-xs-1 {
    margin-right: 4px
}

.mt-xs-1 {
    margin-top: 4px
}

.mb-xs-1 {
    margin-bottom: 4px
}

.ml-xs-1 {
    margin-left: 4px
}

.mx-xs-n1 {
    margin-left: 0 -4px;
    margin-right: 0 -4px
}

.my-xs-n1 {
    margin-top: -4px;
    margin-bottom: -4px
}

.mr-xs-n1 {
    margin-right: -4px
}

.mt-xs-n1 {
    margin-top: -4px
}

.mb-xs-n1 {
    margin-bottom: -4px
}

.ml-xs-n1 {
    margin-left: -4px
}

.px-xs-1 {
    padding-left: 0 4px;
    padding-right: 0 4px
}

.py-xs-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.pa-xs-1 {
    padding: 4px
}

.pr-xs-1 {
    padding-right: 4px
}

.pt-xs-1 {
    padding-top: 4px
}

.pb-xs-1 {
    padding-bottom: 4px
}

.pl-xs-1 {
    padding-left: 4px
}

.mx-xs-2 {
    margin-left: 0 8px;
    margin-right: 0 8px
}

.my-xs-2 {
    margin-top: 8px;
    margin-bottom: 8px
}

.ma-xs-2 {
    margin: 8px
}

.mr-xs-2 {
    margin-right: 8px
}

.mt-xs-2 {
    margin-top: 8px
}

.mb-xs-2 {
    margin-bottom: 8px
}

.ml-xs-2 {
    margin-left: 8px
}

.mx-xs-n2 {
    margin-left: 0 -8px;
    margin-right: 0 -8px
}

.my-xs-n2 {
    margin-top: -8px;
    margin-bottom: -8px
}

.mr-xs-n2 {
    margin-right: -8px
}

.mt-xs-n2 {
    margin-top: -8px
}

.mb-xs-n2 {
    margin-bottom: -8px
}

.ml-xs-n2 {
    margin-left: -8px
}

.px-xs-2 {
    padding-left: 0 8px;
    padding-right: 0 8px
}

.py-xs-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.pa-xs-2 {
    padding: 8px
}

.pr-xs-2 {
    padding-right: 8px
}

.pt-xs-2 {
    padding-top: 8px
}

.pb-xs-2 {
    padding-bottom: 8px
}

.pl-xs-2 {
    padding-left: 8px
}

.mx-xs-3 {
    margin-left: 0 12px;
    margin-right: 0 12px
}

.my-xs-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.ma-xs-3 {
    margin: 12px
}

.mr-xs-3 {
    margin-right: 12px
}

.mt-xs-3 {
    margin-top: 12px
}

.mb-xs-3 {
    margin-bottom: 12px
}

.ml-xs-3 {
    margin-left: 12px
}

.mx-xs-n3 {
    margin-left: 0 -12px;
    margin-right: 0 -12px
}

.my-xs-n3 {
    margin-top: -12px;
    margin-bottom: -12px
}

.mr-xs-n3 {
    margin-right: -12px
}

.mt-xs-n3 {
    margin-top: -12px
}

.mb-xs-n3 {
    margin-bottom: -12px
}

.ml-xs-n3 {
    margin-left: -12px
}

.px-xs-3 {
    padding-left: 0 12px;
    padding-right: 0 12px
}

.py-xs-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.pa-xs-3 {
    padding: 12px
}

.pr-xs-3 {
    padding-right: 12px
}

.pt-xs-3 {
    padding-top: 12px
}

.pb-xs-3 {
    padding-bottom: 12px
}

.pl-xs-3 {
    padding-left: 12px
}

.mx-xs-4 {
    margin-left: 0 16px;
    margin-right: 0 16px
}

.my-xs-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.ma-xs-4 {
    margin: 16px
}

.mr-xs-4 {
    margin-right: 16px
}

.mt-xs-4 {
    margin-top: 16px
}

.mb-xs-4 {
    margin-bottom: 16px
}

.ml-xs-4 {
    margin-left: 16px
}

.mx-xs-n4 {
    margin-left: 0 -16px;
    margin-right: 0 -16px
}

.my-xs-n4 {
    margin-top: -16px;
    margin-bottom: -16px
}

.mr-xs-n4 {
    margin-right: -16px
}

.mt-xs-n4 {
    margin-top: -16px
}

.mb-xs-n4 {
    margin-bottom: -16px
}

.ml-xs-n4 {
    margin-left: -16px
}

.px-xs-4 {
    padding-left: 0 16px;
    padding-right: 0 16px
}

.py-xs-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.pa-xs-4 {
    padding: 16px
}

.pr-xs-4 {
    padding-right: 16px
}

.pt-xs-4 {
    padding-top: 16px
}

.pb-xs-4 {
    padding-bottom: 16px
}

.pl-xs-4 {
    padding-left: 16px
}

.mx-xs-5 {
    margin-left: 0 20px;
    margin-right: 0 20px
}

.my-xs-5 {
    margin-top: 20px;
    margin-bottom: 20px
}

.ma-xs-5 {
    margin: 20px
}

.mr-xs-5 {
    margin-right: 20px
}

.mt-xs-5 {
    margin-top: 20px
}

.mb-xs-5 {
    margin-bottom: 20px
}

.ml-xs-5 {
    margin-left: 20px
}

.mx-xs-n5 {
    margin-left: 0 -20px;
    margin-right: 0 -20px
}

.my-xs-n5 {
    margin-top: -20px;
    margin-bottom: -20px
}

.mr-xs-n5 {
    margin-right: -20px
}

.mt-xs-n5 {
    margin-top: -20px
}

.mb-xs-n5 {
    margin-bottom: -20px
}

.ml-xs-n5 {
    margin-left: -20px
}

.px-xs-5 {
    padding-left: 0 20px;
    padding-right: 0 20px
}

.py-xs-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pa-xs-5 {
    padding: 20px
}

.pr-xs-5 {
    padding-right: 20px
}

.pt-xs-5 {
    padding-top: 20px
}

.pb-xs-5 {
    padding-bottom: 20px
}

.pl-xs-5 {
    padding-left: 20px
}

.mx-xs-6 {
    margin-left: 0 24px;
    margin-right: 0 24px
}

.my-xs-6 {
    margin-top: 24px;
    margin-bottom: 24px
}

.ma-xs-6 {
    margin: 24px
}

.mr-xs-6 {
    margin-right: 24px
}

.mt-xs-6 {
    margin-top: 24px
}

.mb-xs-6 {
    margin-bottom: 24px
}

.ml-xs-6 {
    margin-left: 24px
}

.mx-xs-n6 {
    margin-left: 0 -24px;
    margin-right: 0 -24px
}

.my-xs-n6 {
    margin-top: -24px;
    margin-bottom: -24px
}

.mr-xs-n6 {
    margin-right: -24px
}

.mt-xs-n6 {
    margin-top: -24px
}

.mb-xs-n6 {
    margin-bottom: -24px
}

.ml-xs-n6 {
    margin-left: -24px
}

.px-xs-6 {
    padding-left: 0 24px;
    padding-right: 0 24px
}

.py-xs-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.pa-xs-6 {
    padding: 24px
}

.pr-xs-6 {
    padding-right: 24px
}

.pt-xs-6 {
    padding-top: 24px
}

.pb-xs-6 {
    padding-bottom: 24px
}

.pl-xs-6 {
    padding-left: 24px
}

.mx-xs-7 {
    margin-left: 0 28px;
    margin-right: 0 28px
}

.my-xs-7 {
    margin-top: 28px;
    margin-bottom: 28px
}

.ma-xs-7 {
    margin: 28px
}

.mr-xs-7 {
    margin-right: 28px
}

.mt-xs-7 {
    margin-top: 28px
}

.mb-xs-7 {
    margin-bottom: 28px
}

.ml-xs-7 {
    margin-left: 28px
}

.mx-xs-n7 {
    margin-left: 0 -28px;
    margin-right: 0 -28px
}

.my-xs-n7 {
    margin-top: -28px;
    margin-bottom: -28px
}

.mr-xs-n7 {
    margin-right: -28px
}

.mt-xs-n7 {
    margin-top: -28px
}

.mb-xs-n7 {
    margin-bottom: -28px
}

.ml-xs-n7 {
    margin-left: -28px
}

.px-xs-7 {
    padding-left: 0 28px;
    padding-right: 0 28px
}

.py-xs-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.pa-xs-7 {
    padding: 28px
}

.pr-xs-7 {
    padding-right: 28px
}

.pt-xs-7 {
    padding-top: 28px
}

.pb-xs-7 {
    padding-bottom: 28px
}

.pl-xs-7 {
    padding-left: 28px
}

.mx-xs-8 {
    margin-left: 0 32px;
    margin-right: 0 32px
}

.my-xs-8 {
    margin-top: 32px;
    margin-bottom: 32px
}

.ma-xs-8 {
    margin: 32px
}

.mr-xs-8 {
    margin-right: 32px
}

.mt-xs-8 {
    margin-top: 32px
}

.mb-xs-8 {
    margin-bottom: 32px
}

.ml-xs-8 {
    margin-left: 32px
}

.mx-xs-n8 {
    margin-left: 0 -32px;
    margin-right: 0 -32px
}

.my-xs-n8 {
    margin-top: -32px;
    margin-bottom: -32px
}

.mr-xs-n8 {
    margin-right: -32px
}

.mt-xs-n8 {
    margin-top: -32px
}

.mb-xs-n8 {
    margin-bottom: -32px
}

.ml-xs-n8 {
    margin-left: -32px
}

.px-xs-8 {
    padding-left: 0 32px;
    padding-right: 0 32px
}

.py-xs-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

.pa-xs-8 {
    padding: 32px
}

.pr-xs-8 {
    padding-right: 32px
}

.pt-xs-8 {
    padding-top: 32px
}

.pb-xs-8 {
    padding-bottom: 32px
}

.pl-xs-8 {
    padding-left: 32px
}

.mx-xs-9 {
    margin-left: 0 36px;
    margin-right: 0 36px
}

.my-xs-9 {
    margin-top: 36px;
    margin-bottom: 36px
}

.ma-xs-9 {
    margin: 36px
}

.mr-xs-9 {
    margin-right: 36px
}

.mt-xs-9 {
    margin-top: 36px
}

.mb-xs-9 {
    margin-bottom: 36px
}

.ml-xs-9 {
    margin-left: 36px
}

.mx-xs-n9 {
    margin-left: 0 -36px;
    margin-right: 0 -36px
}

.my-xs-n9 {
    margin-top: -36px;
    margin-bottom: -36px
}

.mr-xs-n9 {
    margin-right: -36px
}

.mt-xs-n9 {
    margin-top: -36px
}

.mb-xs-n9 {
    margin-bottom: -36px
}

.ml-xs-n9 {
    margin-left: -36px
}

.px-xs-9 {
    padding-left: 0 36px;
    padding-right: 0 36px
}

.py-xs-9 {
    padding-top: 36px;
    padding-bottom: 36px
}

.pa-xs-9 {
    padding: 36px
}

.pr-xs-9 {
    padding-right: 36px
}

.pt-xs-9 {
    padding-top: 36px
}

.pb-xs-9 {
    padding-bottom: 36px
}

.pl-xs-9 {
    padding-left: 36px
}

.mx-xs-10 {
    margin-left: 0 40px;
    margin-right: 0 40px
}

.my-xs-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.ma-xs-10 {
    margin: 40px
}

.mr-xs-10 {
    margin-right: 40px
}

.mt-xs-10 {
    margin-top: 40px
}

.mb-xs-10 {
    margin-bottom: 40px
}

.ml-xs-10 {
    margin-left: 40px
}

.mx-xs-n10 {
    margin-left: 0 -40px;
    margin-right: 0 -40px
}

.my-xs-n10 {
    margin-top: -40px;
    margin-bottom: -40px
}

.mr-xs-n10 {
    margin-right: -40px
}

.mt-xs-n10 {
    margin-top: -40px
}

.mb-xs-n10 {
    margin-bottom: -40px
}

.ml-xs-n10 {
    margin-left: -40px
}

.px-xs-10 {
    padding-left: 0 40px;
    padding-right: 0 40px
}

.py-xs-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pa-xs-10 {
    padding: 40px
}

.pr-xs-10 {
    padding-right: 40px
}

.pt-xs-10 {
    padding-top: 40px
}

.pb-xs-10 {
    padding-bottom: 40px
}

.pl-xs-10 {
    padding-left: 40px
}

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

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.ma-0 {
    margin: 0
}

.mr-0 {
    margin-right: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mx-n0 {
    margin-left: 0 0;
    margin-right: 0 0
}

.my-n0 {
    margin-top: 0;
    margin-bottom: 0
}

.mr-n0 {
    margin-right: 0
}

.mt-n0 {
    margin-top: 0
}

.mb-n0 {
    margin-bottom: 0
}

.ml-n0 {
    margin-left: 0
}

.px-0 {
    padding-left: 0 0;
    padding-right: 0 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pa-0 {
    padding: 0
}

.pr-0 {
    padding-right: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.mx-1 {
    margin-left: 0 4px;
    margin-right: 0 4px
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.ma-1 {
    margin: 4px
}

.mr-1 {
    margin-right: 4px
}

.mt-1 {
    margin-top: 4px
}

.mb-1 {
    margin-bottom: 4px
}

.ml-1 {
    margin-left: 4px
}

.mx-n1 {
    margin-left: 0 -4px;
    margin-right: 0 -4px
}

.my-n1 {
    margin-top: -4px;
    margin-bottom: -4px
}

.mr-n1 {
    margin-right: -4px
}

.mt-n1 {
    margin-top: -4px
}

.mb-n1 {
    margin-bottom: -4px
}

.ml-n1 {
    margin-left: -4px
}

.px-1 {
    padding-left: 0 4px;
    padding-right: 0 4px
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.pa-1 {
    padding: 4px
}

.pr-1 {
    padding-right: 4px
}

.pt-1 {
    padding-top: 4px
}

.pb-1 {
    padding-bottom: 4px
}

.pl-1 {
    padding-left: 4px
}

.mx-2 {
    margin-left: 0 8px;
    margin-right: 0 8px
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px
}

.ma-2 {
    margin: 8px
}

.mr-2 {
    margin-right: 8px
}

.mt-2 {
    margin-top: 8px
}

.mb-2 {
    margin-bottom: 8px
}

.ml-2 {
    margin-left: 8px
}

.mx-n2 {
    margin-left: 0 -8px;
    margin-right: 0 -8px
}

.my-n2 {
    margin-top: -8px;
    margin-bottom: -8px
}

.mr-n2 {
    margin-right: -8px
}

.mt-n2 {
    margin-top: -8px
}

.mb-n2 {
    margin-bottom: -8px
}

.ml-n2 {
    margin-left: -8px
}

.px-2 {
    padding-left: 0 8px;
    padding-right: 0 8px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.pa-2 {
    padding: 8px
}

.pr-2 {
    padding-right: 8px
}

.pt-2 {
    padding-top: 8px
}

.pb-2 {
    padding-bottom: 8px
}

.pl-2 {
    padding-left: 8px
}

.mx-3 {
    margin-left: 0 12px;
    margin-right: 0 12px
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.ma-3 {
    margin: 12px
}

.mr-3 {
    margin-right: 12px
}

.mt-3 {
    margin-top: 12px
}

.mb-3 {
    margin-bottom: 12px
}

.ml-3 {
    margin-left: 12px
}

.mx-n3 {
    margin-left: 0 -12px;
    margin-right: 0 -12px
}

.my-n3 {
    margin-top: -12px;
    margin-bottom: -12px
}

.mr-n3 {
    margin-right: -12px
}

.mt-n3 {
    margin-top: -12px
}

.mb-n3 {
    margin-bottom: -12px
}

.ml-n3 {
    margin-left: -12px
}

.px-3 {
    padding-left: 0 12px;
    padding-right: 0 12px
}

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

.pa-3 {
    padding: 12px
}

.pr-3 {
    padding-right: 12px
}

.pt-3 {
    padding-top: 12px
}

.pb-3 {
    padding-bottom: 12px
}

.pl-3 {
    padding-left: 12px
}

.mx-4 {
    margin-left: 0 16px;
    margin-right: 0 16px
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.ma-4 {
    margin: 16px
}

.mr-4 {
    margin-right: 16px
}

.mt-4 {
    margin-top: 16px
}

.mb-4 {
    margin-bottom: 16px
}

.ml-4 {
    margin-left: 16px
}

.mx-n4 {
    margin-left: 0 -16px;
    margin-right: 0 -16px
}

.my-n4 {
    margin-top: -16px;
    margin-bottom: -16px
}

.mr-n4 {
    margin-right: -16px
}

.mt-n4 {
    margin-top: -16px
}

.mb-n4 {
    margin-bottom: -16px
}

.ml-n4 {
    margin-left: -16px
}

.px-4 {
    padding-left: 0 16px;
    padding-right: 0 16px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.pa-4 {
    padding: 16px
}

.pr-4 {
    padding-right: 16px
}

.pt-4 {
    padding-top: 16px
}

.pb-4 {
    padding-bottom: 16px
}

.pl-4 {
    padding-left: 16px
}

.mx-5 {
    margin-left: 0 20px;
    margin-right: 0 20px
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px
}

.ma-5 {
    margin: 20px
}

.mr-5 {
    margin-right: 20px
}

.mt-5 {
    margin-top: 20px
}

.mb-5 {
    margin-bottom: 20px
}

.ml-5 {
    margin-left: 20px
}

.mx-n5 {
    margin-left: 0 -20px;
    margin-right: 0 -20px
}

.my-n5 {
    margin-top: -20px;
    margin-bottom: -20px
}

.mr-n5 {
    margin-right: -20px
}

.mt-n5 {
    margin-top: -20px
}

.mb-n5 {
    margin-bottom: -20px
}

.ml-n5 {
    margin-left: -20px
}

.px-5 {
    padding-left: 0 20px;
    padding-right: 0 20px
}

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pa-5 {
    padding: 20px
}

.pr-5 {
    padding-right: 20px
}

.pt-5 {
    padding-top: 20px
}

.pb-5 {
    padding-bottom: 20px
}

.pl-5 {
    padding-left: 20px
}

.mx-6 {
    margin-left: 0 24px;
    margin-right: 0 24px
}

.my-6 {
    margin-top: 24px;
    margin-bottom: 24px
}

.ma-6 {
    margin: 24px
}

.mr-6 {
    margin-right: 24px
}

.mt-6 {
    margin-top: 24px
}

.mb-6 {
    margin-bottom: 24px
}

.ml-6 {
    margin-left: 24px
}

.mx-n6 {
    margin-left: 0 -24px;
    margin-right: 0 -24px
}

.my-n6 {
    margin-top: -24px;
    margin-bottom: -24px
}

.mr-n6 {
    margin-right: -24px
}

.mt-n6 {
    margin-top: -24px
}

.mb-n6 {
    margin-bottom: -24px
}

.ml-n6 {
    margin-left: -24px
}

.px-6 {
    padding-left: 0 24px;
    padding-right: 0 24px
}

.py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.pa-6 {
    padding: 24px
}

.pr-6 {
    padding-right: 24px
}

.pt-6 {
    padding-top: 24px
}

.pb-6 {
    padding-bottom: 24px
}

.pl-6 {
    padding-left: 24px
}

.mx-7 {
    margin-left: 0 28px;
    margin-right: 0 28px
}

.my-7 {
    margin-top: 28px;
    margin-bottom: 28px
}

.ma-7 {
    margin: 28px
}

.mr-7 {
    margin-right: 28px
}

.mt-7 {
    margin-top: 28px
}

.mb-7 {
    margin-bottom: 28px
}

.ml-7 {
    margin-left: 28px
}

.mx-n7 {
    margin-left: 0 -28px;
    margin-right: 0 -28px
}

.my-n7 {
    margin-top: -28px;
    margin-bottom: -28px
}

.mr-n7 {
    margin-right: -28px
}

.mt-n7 {
    margin-top: -28px
}

.mb-n7 {
    margin-bottom: -28px
}

.ml-n7 {
    margin-left: -28px
}

.px-7 {
    padding-left: 0 28px;
    padding-right: 0 28px
}

.py-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.pa-7 {
    padding: 28px
}

.pr-7 {
    padding-right: 28px
}

.pt-7 {
    padding-top: 28px
}

.pb-7 {
    padding-bottom: 28px
}

.pl-7 {
    padding-left: 28px
}

.mx-8 {
    margin-left: 0 32px;
    margin-right: 0 32px
}

.my-8 {
    margin-top: 32px;
    margin-bottom: 32px
}

.ma-8 {
    margin: 32px
}

.mr-8 {
    margin-right: 32px
}

.mt-8 {
    margin-top: 32px
}

.mb-8 {
    margin-bottom: 32px
}

.ml-8 {
    margin-left: 32px
}

.mx-n8 {
    margin-left: 0 -32px;
    margin-right: 0 -32px
}

.my-n8 {
    margin-top: -32px;
    margin-bottom: -32px
}

.mr-n8 {
    margin-right: -32px
}

.mt-n8 {
    margin-top: -32px
}

.mb-n8 {
    margin-bottom: -32px
}

.ml-n8 {
    margin-left: -32px
}

.px-8 {
    padding-left: 0 32px;
    padding-right: 0 32px
}

.py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

.pa-8 {
    padding: 32px
}

.pr-8 {
    padding-right: 32px
}

.pt-8 {
    padding-top: 32px
}

.pb-8 {
    padding-bottom: 32px
}

.pl-8 {
    padding-left: 32px
}

.mx-9 {
    margin-left: 0 36px;
    margin-right: 0 36px
}

.my-9 {
    margin-top: 36px;
    margin-bottom: 36px
}

.ma-9 {
    margin: 36px
}

.mr-9 {
    margin-right: 36px
}

.mt-9 {
    margin-top: 36px
}

.mb-9 {
    margin-bottom: 36px
}

.ml-9 {
    margin-left: 36px
}

.mx-n9 {
    margin-left: 0 -36px;
    margin-right: 0 -36px
}

.my-n9 {
    margin-top: -36px;
    margin-bottom: -36px
}

.mr-n9 {
    margin-right: -36px
}

.mt-n9 {
    margin-top: -36px
}

.mb-n9 {
    margin-bottom: -36px
}

.ml-n9 {
    margin-left: -36px
}

.px-9 {
    padding-left: 0 36px;
    padding-right: 0 36px
}

.py-9 {
    padding-top: 36px;
    padding-bottom: 36px
}

.pa-9 {
    padding: 36px
}

.pr-9 {
    padding-right: 36px
}

.pt-9 {
    padding-top: 36px
}

.pb-9 {
    padding-bottom: 36px
}

.pl-9 {
    padding-left: 36px
}

.mx-10 {
    margin-left: 0 40px;
    margin-right: 0 40px
}

.my-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.ma-10 {
    margin: 40px
}

.mr-10 {
    margin-right: 40px
}

.mt-10 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 40px
}

.ml-10 {
    margin-left: 40px
}

.mx-n10 {
    margin-left: 0 -40px;
    margin-right: 0 -40px
}

.my-n10 {
    margin-top: -40px;
    margin-bottom: -40px
}

.mr-n10 {
    margin-right: -40px
}

.mt-n10 {
    margin-top: -40px
}

.mb-n10 {
    margin-bottom: -40px
}

.ml-n10 {
    margin-left: -40px
}

.px-10 {
    padding-left: 0 40px;
    padding-right: 0 40px
}

.py-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pa-10 {
    padding: 40px
}

.pr-10 {
    padding-right: 40px
}

.pt-10 {
    padding-top: 40px
}

.pb-10 {
    padding-bottom: 40px
}

.pl-10 {
    padding-left: 40px
}

@media (min-width: 600px) {
    .col-sm-1-12 {
        width: 8.33333%;
        padding: 0 12px
    }

    .col-sm-2-12 {
        width: 16.66667%;
        padding: 0 12px
    }

    .col-sm-3-12 {
        width: 25%;
        padding: 0 12px
    }

    .col-sm-4-12 {
        width: 33.33333%;
        padding: 0 12px
    }

    .col-sm-5-12 {
        width: 41.66667%;
        padding: 0 12px
    }

    .col-sm-6-12 {
        width: 50%;
        padding: 0 12px
    }

    .col-sm-7-12 {
        width: 58.33333%;
        padding: 0 12px
    }

    .col-sm-8-12 {
        width: 66.66667%;
        padding: 0 12px
    }

    .col-sm-9-12 {
        width: 75%;
        padding: 0 12px
    }

    .col-sm-10-12 {
        width: 83.33333%;
        padding: 0 12px
    }

    .col-sm-11-12 {
        width: 91.66667%;
        padding: 0 12px
    }

    .col-sm-12-12 {
        width: 100%;
        padding: 0 12px
    }

    .col-sm-1-10 {
        width: 10%;
        padding: 0 12px
    }

    .col-sm-2-10 {
        width: 20%;
        padding: 0 12px
    }

    .col-sm-3-10 {
        width: 30%;
        padding: 0 12px
    }

    .col-sm-4-10 {
        width: 40%;
        padding: 0 12px
    }

    .col-sm-5-10 {
        width: 50%;
        padding: 0 12px
    }

    .col-sm-6-10 {
        width: 60%;
        padding: 0 12px
    }

    .col-sm-7-10 {
        width: 70%;
        padding: 0 12px
    }

    .col-sm-8-10 {
        width: 80%;
        padding: 0 12px
    }

    .col-sm-9-10 {
        width: 90%;
        padding: 0 12px
    }

    .col-sm-10-10 {
        width: 100%;
        padding: 0 12px
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px
    }

    .row--no-grep {
        padding: 0
    }

    .mx-sm-0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .ma-sm-0 {
        margin: 0
    }

    .mr-sm-0 {
        margin-right: 0
    }

    .mt-sm-0 {
        margin-top: 0
    }

    .mb-sm-0 {
        margin-bottom: 0
    }

    .ml-sm-0 {
        margin-left: 0
    }

    .mx-sm-n0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-sm-n0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mr-sm-n0 {
        margin-right: 0
    }

    .mt-sm-n0 {
        margin-top: 0
    }

    .mb-sm-n0 {
        margin-bottom: 0
    }

    .ml-sm-n0 {
        margin-left: 0
    }

    .px-sm-0 {
        padding-left: 0 0;
        padding-right: 0 0
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pa-sm-0 {
        padding: 0
    }

    .pr-sm-0 {
        padding-right: 0
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .pl-sm-0 {
        padding-left: 0
    }

    .mx-sm-1 {
        margin-left: 0 4px;
        margin-right: 0 4px
    }

    .my-sm-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .ma-sm-1 {
        margin: 4px
    }

    .mr-sm-1 {
        margin-right: 4px
    }

    .mt-sm-1 {
        margin-top: 4px
    }

    .mb-sm-1 {
        margin-bottom: 4px
    }

    .ml-sm-1 {
        margin-left: 4px
    }

    .mx-sm-n1 {
        margin-left: 0 -4px;
        margin-right: 0 -4px
    }

    .my-sm-n1 {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .mr-sm-n1 {
        margin-right: -4px
    }

    .mt-sm-n1 {
        margin-top: -4px
    }

    .mb-sm-n1 {
        margin-bottom: -4px
    }

    .ml-sm-n1 {
        margin-left: -4px
    }

    .px-sm-1 {
        padding-left: 0 4px;
        padding-right: 0 4px
    }

    .py-sm-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .pa-sm-1 {
        padding: 4px
    }

    .pr-sm-1 {
        padding-right: 4px
    }

    .pt-sm-1 {
        padding-top: 4px
    }

    .pb-sm-1 {
        padding-bottom: 4px
    }

    .pl-sm-1 {
        padding-left: 4px
    }

    .mx-sm-2 {
        margin-left: 0 8px;
        margin-right: 0 8px
    }

    .my-sm-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .ma-sm-2 {
        margin: 8px
    }

    .mr-sm-2 {
        margin-right: 8px
    }

    .mt-sm-2 {
        margin-top: 8px
    }

    .mb-sm-2 {
        margin-bottom: 8px
    }

    .ml-sm-2 {
        margin-left: 8px
    }

    .mx-sm-n2 {
        margin-left: 0 -8px;
        margin-right: 0 -8px
    }

    .my-sm-n2 {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .mr-sm-n2 {
        margin-right: -8px
    }

    .mt-sm-n2 {
        margin-top: -8px
    }

    .mb-sm-n2 {
        margin-bottom: -8px
    }

    .ml-sm-n2 {
        margin-left: -8px
    }

    .px-sm-2 {
        padding-left: 0 8px;
        padding-right: 0 8px
    }

    .py-sm-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pa-sm-2 {
        padding: 8px
    }

    .pr-sm-2 {
        padding-right: 8px
    }

    .pt-sm-2 {
        padding-top: 8px
    }

    .pb-sm-2 {
        padding-bottom: 8px
    }

    .pl-sm-2 {
        padding-left: 8px
    }

    .mx-sm-3 {
        margin-left: 0 12px;
        margin-right: 0 12px
    }

    .my-sm-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .ma-sm-3 {
        margin: 12px
    }

    .mr-sm-3 {
        margin-right: 12px
    }

    .mt-sm-3 {
        margin-top: 12px
    }

    .mb-sm-3 {
        margin-bottom: 12px
    }

    .ml-sm-3 {
        margin-left: 12px
    }

    .mx-sm-n3 {
        margin-left: 0 -12px;
        margin-right: 0 -12px
    }

    .my-sm-n3 {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .mr-sm-n3 {
        margin-right: -12px
    }

    .mt-sm-n3 {
        margin-top: -12px
    }

    .mb-sm-n3 {
        margin-bottom: -12px
    }

    .ml-sm-n3 {
        margin-left: -12px
    }

    .px-sm-3 {
        padding-left: 0 12px;
        padding-right: 0 12px
    }

    .py-sm-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pa-sm-3 {
        padding: 12px
    }

    .pr-sm-3 {
        padding-right: 12px
    }

    .pt-sm-3 {
        padding-top: 12px
    }

    .pb-sm-3 {
        padding-bottom: 12px
    }

    .pl-sm-3 {
        padding-left: 12px
    }

    .mx-sm-4 {
        margin-left: 0 16px;
        margin-right: 0 16px
    }

    .my-sm-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .ma-sm-4 {
        margin: 16px
    }

    .mr-sm-4 {
        margin-right: 16px
    }

    .mt-sm-4 {
        margin-top: 16px
    }

    .mb-sm-4 {
        margin-bottom: 16px
    }

    .ml-sm-4 {
        margin-left: 16px
    }

    .mx-sm-n4 {
        margin-left: 0 -16px;
        margin-right: 0 -16px
    }

    .my-sm-n4 {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .mr-sm-n4 {
        margin-right: -16px
    }

    .mt-sm-n4 {
        margin-top: -16px
    }

    .mb-sm-n4 {
        margin-bottom: -16px
    }

    .ml-sm-n4 {
        margin-left: -16px
    }

    .px-sm-4 {
        padding-left: 0 16px;
        padding-right: 0 16px
    }

    .py-sm-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .pa-sm-4 {
        padding: 16px
    }

    .pr-sm-4 {
        padding-right: 16px
    }

    .pt-sm-4 {
        padding-top: 16px
    }

    .pb-sm-4 {
        padding-bottom: 16px
    }

    .pl-sm-4 {
        padding-left: 16px
    }

    .mx-sm-5 {
        margin-left: 0 20px;
        margin-right: 0 20px
    }

    .my-sm-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .ma-sm-5 {
        margin: 20px
    }

    .mr-sm-5 {
        margin-right: 20px
    }

    .mt-sm-5 {
        margin-top: 20px
    }

    .mb-sm-5 {
        margin-bottom: 20px
    }

    .ml-sm-5 {
        margin-left: 20px
    }

    .mx-sm-n5 {
        margin-left: 0 -20px;
        margin-right: 0 -20px
    }

    .my-sm-n5 {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .mr-sm-n5 {
        margin-right: -20px
    }

    .mt-sm-n5 {
        margin-top: -20px
    }

    .mb-sm-n5 {
        margin-bottom: -20px
    }

    .ml-sm-n5 {
        margin-left: -20px
    }

    .px-sm-5 {
        padding-left: 0 20px;
        padding-right: 0 20px
    }

    .py-sm-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pa-sm-5 {
        padding: 20px
    }

    .pr-sm-5 {
        padding-right: 20px
    }

    .pt-sm-5 {
        padding-top: 20px
    }

    .pb-sm-5 {
        padding-bottom: 20px
    }

    .pl-sm-5 {
        padding-left: 20px
    }

    .mx-sm-6 {
        margin-left: 0 24px;
        margin-right: 0 24px
    }

    .my-sm-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .ma-sm-6 {
        margin: 24px
    }

    .mr-sm-6 {
        margin-right: 24px
    }

    .mt-sm-6 {
        margin-top: 24px
    }

    .mb-sm-6 {
        margin-bottom: 24px
    }

    .ml-sm-6 {
        margin-left: 24px
    }

    .mx-sm-n6 {
        margin-left: 0 -24px;
        margin-right: 0 -24px
    }

    .my-sm-n6 {
        margin-top: -24px;
        margin-bottom: -24px
    }

    .mr-sm-n6 {
        margin-right: -24px
    }

    .mt-sm-n6 {
        margin-top: -24px
    }

    .mb-sm-n6 {
        margin-bottom: -24px
    }

    .ml-sm-n6 {
        margin-left: -24px
    }

    .px-sm-6 {
        padding-left: 0 24px;
        padding-right: 0 24px
    }

    .py-sm-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .pa-sm-6 {
        padding: 24px
    }

    .pr-sm-6 {
        padding-right: 24px
    }

    .pt-sm-6 {
        padding-top: 24px
    }

    .pb-sm-6 {
        padding-bottom: 24px
    }

    .pl-sm-6 {
        padding-left: 24px
    }

    .mx-sm-7 {
        margin-left: 0 28px;
        margin-right: 0 28px
    }

    .my-sm-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }

    .ma-sm-7 {
        margin: 28px
    }

    .mr-sm-7 {
        margin-right: 28px
    }

    .mt-sm-7 {
        margin-top: 28px
    }

    .mb-sm-7 {
        margin-bottom: 28px
    }

    .ml-sm-7 {
        margin-left: 28px
    }

    .mx-sm-n7 {
        margin-left: 0 -28px;
        margin-right: 0 -28px
    }

    .my-sm-n7 {
        margin-top: -28px;
        margin-bottom: -28px
    }

    .mr-sm-n7 {
        margin-right: -28px
    }

    .mt-sm-n7 {
        margin-top: -28px
    }

    .mb-sm-n7 {
        margin-bottom: -28px
    }

    .ml-sm-n7 {
        margin-left: -28px
    }

    .px-sm-7 {
        padding-left: 0 28px;
        padding-right: 0 28px
    }

    .py-sm-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .pa-sm-7 {
        padding: 28px
    }

    .pr-sm-7 {
        padding-right: 28px
    }

    .pt-sm-7 {
        padding-top: 28px
    }

    .pb-sm-7 {
        padding-bottom: 28px
    }

    .pl-sm-7 {
        padding-left: 28px
    }

    .mx-sm-8 {
        margin-left: 0 32px;
        margin-right: 0 32px
    }

    .my-sm-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .ma-sm-8 {
        margin: 32px
    }

    .mr-sm-8 {
        margin-right: 32px
    }

    .mt-sm-8 {
        margin-top: 32px
    }

    .mb-sm-8 {
        margin-bottom: 32px
    }

    .ml-sm-8 {
        margin-left: 32px
    }

    .mx-sm-n8 {
        margin-left: 0 -32px;
        margin-right: 0 -32px
    }

    .my-sm-n8 {
        margin-top: -32px;
        margin-bottom: -32px
    }

    .mr-sm-n8 {
        margin-right: -32px
    }

    .mt-sm-n8 {
        margin-top: -32px
    }

    .mb-sm-n8 {
        margin-bottom: -32px
    }

    .ml-sm-n8 {
        margin-left: -32px
    }

    .px-sm-8 {
        padding-left: 0 32px;
        padding-right: 0 32px
    }

    .py-sm-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .pa-sm-8 {
        padding: 32px
    }

    .pr-sm-8 {
        padding-right: 32px
    }

    .pt-sm-8 {
        padding-top: 32px
    }

    .pb-sm-8 {
        padding-bottom: 32px
    }

    .pl-sm-8 {
        padding-left: 32px
    }

    .mx-sm-9 {
        margin-left: 0 36px;
        margin-right: 0 36px
    }

    .my-sm-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }

    .ma-sm-9 {
        margin: 36px
    }

    .mr-sm-9 {
        margin-right: 36px
    }

    .mt-sm-9 {
        margin-top: 36px
    }

    .mb-sm-9 {
        margin-bottom: 36px
    }

    .ml-sm-9 {
        margin-left: 36px
    }

    .mx-sm-n9 {
        margin-left: 0 -36px;
        margin-right: 0 -36px
    }

    .my-sm-n9 {
        margin-top: -36px;
        margin-bottom: -36px
    }

    .mr-sm-n9 {
        margin-right: -36px
    }

    .mt-sm-n9 {
        margin-top: -36px
    }

    .mb-sm-n9 {
        margin-bottom: -36px
    }

    .ml-sm-n9 {
        margin-left: -36px
    }

    .px-sm-9 {
        padding-left: 0 36px;
        padding-right: 0 36px
    }

    .py-sm-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .pa-sm-9 {
        padding: 36px
    }

    .pr-sm-9 {
        padding-right: 36px
    }

    .pt-sm-9 {
        padding-top: 36px
    }

    .pb-sm-9 {
        padding-bottom: 36px
    }

    .pl-sm-9 {
        padding-left: 36px
    }

    .mx-sm-10 {
        margin-left: 0 40px;
        margin-right: 0 40px
    }

    .my-sm-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .ma-sm-10 {
        margin: 40px
    }

    .mr-sm-10 {
        margin-right: 40px
    }

    .mt-sm-10 {
        margin-top: 40px
    }

    .mb-sm-10 {
        margin-bottom: 40px
    }

    .ml-sm-10 {
        margin-left: 40px
    }

    .mx-sm-n10 {
        margin-left: 0 -40px;
        margin-right: 0 -40px
    }

    .my-sm-n10 {
        margin-top: -40px;
        margin-bottom: -40px
    }

    .mr-sm-n10 {
        margin-right: -40px
    }

    .mt-sm-n10 {
        margin-top: -40px
    }

    .mb-sm-n10 {
        margin-bottom: -40px
    }

    .ml-sm-n10 {
        margin-left: -40px
    }

    .px-sm-10 {
        padding-left: 0 40px;
        padding-right: 0 40px
    }

    .py-sm-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pa-sm-10 {
        padding: 40px
    }

    .pr-sm-10 {
        padding-right: 40px
    }

    .pt-sm-10 {
        padding-top: 40px
    }

    .pb-sm-10 {
        padding-bottom: 40px
    }

    .pl-sm-10 {
        padding-left: 40px
    }
}

@media (min-width: 1024px) {
    .col-md-1-12 {
        width: 8.33333%;
        padding: 0 16px
    }

    .col-md-2-12 {
        width: 16.66667%;
        padding: 0 16px
    }

    .col-md-3-12 {
        width: 25%;
        padding: 0 16px
    }

    .col-md-4-12 {
        width: 33.33333%;
        padding: 0 16px
    }

    .col-md-5-12 {
        width: 41.66667%;
        padding: 0 16px
    }

    .col-md-6-12 {
        width: 50%;
        padding: 0 16px
    }

    .col-md-7-12 {
        width: 58.33333%;
        padding: 0 16px
    }

    .col-md-8-12 {
        width: 66.66667%;
        padding: 0 16px
    }

    .col-md-9-12 {
        width: 75%;
        padding: 0 16px
    }

    .col-md-10-12 {
        width: 83.33333%;
        padding: 0 16px
    }

    .col-md-11-12 {
        width: 91.66667%;
        padding: 0 16px
    }

    .col-md-12-12 {
        width: 100%;
        padding: 0 16px
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px
    }

    .row--no-grep {
        padding: 0
    }

    .mx-md-0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .ma-md-0 {
        margin: 0
    }

    .mr-md-0 {
        margin-right: 0
    }

    .mt-md-0 {
        margin-top: 0
    }

    .mb-md-0 {
        margin-bottom: 0
    }

    .ml-md-0 {
        margin-left: 0
    }

    .mx-md-n0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-md-n0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mr-md-n0 {
        margin-right: 0
    }

    .mt-md-n0 {
        margin-top: 0
    }

    .mb-md-n0 {
        margin-bottom: 0
    }

    .ml-md-n0 {
        margin-left: 0
    }

    .px-md-0 {
        padding-left: 0 0;
        padding-right: 0 0
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pa-md-0 {
        padding: 0
    }

    .pr-md-0 {
        padding-right: 0
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .pl-md-0 {
        padding-left: 0
    }

    .mx-md-1 {
        margin-left: 0 4px;
        margin-right: 0 4px
    }

    .my-md-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .ma-md-1 {
        margin: 4px
    }

    .mr-md-1 {
        margin-right: 4px
    }

    .mt-md-1 {
        margin-top: 4px
    }

    .mb-md-1 {
        margin-bottom: 4px
    }

    .ml-md-1 {
        margin-left: 4px
    }

    .mx-md-n1 {
        margin-left: 0 -4px;
        margin-right: 0 -4px
    }

    .my-md-n1 {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .mr-md-n1 {
        margin-right: -4px
    }

    .mt-md-n1 {
        margin-top: -4px
    }

    .mb-md-n1 {
        margin-bottom: -4px
    }

    .ml-md-n1 {
        margin-left: -4px
    }

    .px-md-1 {
        padding-left: 0 4px;
        padding-right: 0 4px
    }

    .py-md-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .pa-md-1 {
        padding: 4px
    }

    .pr-md-1 {
        padding-right: 4px
    }

    .pt-md-1 {
        padding-top: 4px
    }

    .pb-md-1 {
        padding-bottom: 4px
    }

    .pl-md-1 {
        padding-left: 4px
    }

    .mx-md-2 {
        margin-left: 0 8px;
        margin-right: 0 8px
    }

    .my-md-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .ma-md-2 {
        margin: 8px
    }

    .mr-md-2 {
        margin-right: 8px
    }

    .mt-md-2 {
        margin-top: 8px
    }

    .mb-md-2 {
        margin-bottom: 8px
    }

    .ml-md-2 {
        margin-left: 8px
    }

    .mx-md-n2 {
        margin-left: 0 -8px;
        margin-right: 0 -8px
    }

    .my-md-n2 {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .mr-md-n2 {
        margin-right: -8px
    }

    .mt-md-n2 {
        margin-top: -8px
    }

    .mb-md-n2 {
        margin-bottom: -8px
    }

    .ml-md-n2 {
        margin-left: -8px
    }

    .px-md-2 {
        padding-left: 0 8px;
        padding-right: 0 8px
    }

    .py-md-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pa-md-2 {
        padding: 8px
    }

    .pr-md-2 {
        padding-right: 8px
    }

    .pt-md-2 {
        padding-top: 8px
    }

    .pb-md-2 {
        padding-bottom: 8px
    }

    .pl-md-2 {
        padding-left: 8px
    }

    .mx-md-3 {
        margin-left: 0 12px;
        margin-right: 0 12px
    }

    .my-md-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .ma-md-3 {
        margin: 12px
    }

    .mr-md-3 {
        margin-right: 12px
    }

    .mt-md-3 {
        margin-top: 12px
    }

    .mb-md-3 {
        margin-bottom: 12px
    }

    .ml-md-3 {
        margin-left: 12px
    }

    .mx-md-n3 {
        margin-left: 0 -12px;
        margin-right: 0 -12px
    }

    .my-md-n3 {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .mr-md-n3 {
        margin-right: -12px
    }

    .mt-md-n3 {
        margin-top: -12px
    }

    .mb-md-n3 {
        margin-bottom: -12px
    }

    .ml-md-n3 {
        margin-left: -12px
    }

    .px-md-3 {
        padding-left: 0 12px;
        padding-right: 0 12px
    }

    .py-md-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pa-md-3 {
        padding: 12px
    }

    .pr-md-3 {
        padding-right: 12px
    }

    .pt-md-3 {
        padding-top: 12px
    }

    .pb-md-3 {
        padding-bottom: 12px
    }

    .pl-md-3 {
        padding-left: 12px
    }

    .mx-md-4 {
        margin-left: 0 16px;
        margin-right: 0 16px
    }

    .my-md-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .ma-md-4 {
        margin: 16px
    }

    .mr-md-4 {
        margin-right: 16px
    }

    .mt-md-4 {
        margin-top: 16px
    }

    .mb-md-4 {
        margin-bottom: 16px
    }

    .ml-md-4 {
        margin-left: 16px
    }

    .mx-md-n4 {
        margin-left: 0 -16px;
        margin-right: 0 -16px
    }

    .my-md-n4 {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .mr-md-n4 {
        margin-right: -16px
    }

    .mt-md-n4 {
        margin-top: -16px
    }

    .mb-md-n4 {
        margin-bottom: -16px
    }

    .ml-md-n4 {
        margin-left: -16px
    }

    .px-md-4 {
        padding-left: 0 16px;
        padding-right: 0 16px
    }

    .py-md-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .pa-md-4 {
        padding: 16px
    }

    .pr-md-4 {
        padding-right: 16px
    }

    .pt-md-4 {
        padding-top: 16px
    }

    .pb-md-4 {
        padding-bottom: 16px
    }

    .pl-md-4 {
        padding-left: 16px
    }

    .mx-md-5 {
        margin-left: 0 20px;
        margin-right: 0 20px
    }

    .my-md-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .ma-md-5 {
        margin: 20px
    }

    .mr-md-5 {
        margin-right: 20px
    }

    .mt-md-5 {
        margin-top: 20px
    }

    .mb-md-5 {
        margin-bottom: 20px
    }

    .ml-md-5 {
        margin-left: 20px
    }

    .mx-md-n5 {
        margin-left: 0 -20px;
        margin-right: 0 -20px
    }

    .my-md-n5 {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .mr-md-n5 {
        margin-right: -20px
    }

    .mt-md-n5 {
        margin-top: -20px
    }

    .mb-md-n5 {
        margin-bottom: -20px
    }

    .ml-md-n5 {
        margin-left: -20px
    }

    .px-md-5 {
        padding-left: 0 20px;
        padding-right: 0 20px
    }

    .py-md-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pa-md-5 {
        padding: 20px
    }

    .pr-md-5 {
        padding-right: 20px
    }

    .pt-md-5 {
        padding-top: 20px
    }

    .pb-md-5 {
        padding-bottom: 20px
    }

    .pl-md-5 {
        padding-left: 20px
    }

    .mx-md-6 {
        margin-left: 0 24px;
        margin-right: 0 24px
    }

    .my-md-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .ma-md-6 {
        margin: 24px
    }

    .mr-md-6 {
        margin-right: 24px
    }

    .mt-md-6 {
        margin-top: 24px
    }

    .mb-md-6 {
        margin-bottom: 24px
    }

    .ml-md-6 {
        margin-left: 24px
    }

    .mx-md-n6 {
        margin-left: 0 -24px;
        margin-right: 0 -24px
    }

    .my-md-n6 {
        margin-top: -24px;
        margin-bottom: -24px
    }

    .mr-md-n6 {
        margin-right: -24px
    }

    .mt-md-n6 {
        margin-top: -24px
    }

    .mb-md-n6 {
        margin-bottom: -24px
    }

    .ml-md-n6 {
        margin-left: -24px
    }

    .px-md-6 {
        padding-left: 0 24px;
        padding-right: 0 24px
    }

    .py-md-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .pa-md-6 {
        padding: 24px
    }

    .pr-md-6 {
        padding-right: 24px
    }

    .pt-md-6 {
        padding-top: 24px
    }

    .pb-md-6 {
        padding-bottom: 24px
    }

    .pl-md-6 {
        padding-left: 24px
    }

    .mx-md-7 {
        margin-left: 0 28px;
        margin-right: 0 28px
    }

    .my-md-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }

    .ma-md-7 {
        margin: 28px
    }

    .mr-md-7 {
        margin-right: 28px
    }

    .mt-md-7 {
        margin-top: 28px
    }

    .mb-md-7 {
        margin-bottom: 28px
    }

    .ml-md-7 {
        margin-left: 28px
    }

    .mx-md-n7 {
        margin-left: 0 -28px;
        margin-right: 0 -28px
    }

    .my-md-n7 {
        margin-top: -28px;
        margin-bottom: -28px
    }

    .mr-md-n7 {
        margin-right: -28px
    }

    .mt-md-n7 {
        margin-top: -28px
    }

    .mb-md-n7 {
        margin-bottom: -28px
    }

    .ml-md-n7 {
        margin-left: -28px
    }

    .px-md-7 {
        padding-left: 0 28px;
        padding-right: 0 28px
    }

    .py-md-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .pa-md-7 {
        padding: 28px
    }

    .pr-md-7 {
        padding-right: 28px
    }

    .pt-md-7 {
        padding-top: 28px
    }

    .pb-md-7 {
        padding-bottom: 28px
    }

    .pl-md-7 {
        padding-left: 28px
    }

    .mx-md-8 {
        margin-left: 0 32px;
        margin-right: 0 32px
    }

    .my-md-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .ma-md-8 {
        margin: 32px
    }

    .mr-md-8 {
        margin-right: 32px
    }

    .mt-md-8 {
        margin-top: 32px
    }

    .mb-md-8 {
        margin-bottom: 32px
    }

    .ml-md-8 {
        margin-left: 32px
    }

    .mx-md-n8 {
        margin-left: 0 -32px;
        margin-right: 0 -32px
    }

    .my-md-n8 {
        margin-top: -32px;
        margin-bottom: -32px
    }

    .mr-md-n8 {
        margin-right: -32px
    }

    .mt-md-n8 {
        margin-top: -32px
    }

    .mb-md-n8 {
        margin-bottom: -32px
    }

    .ml-md-n8 {
        margin-left: -32px
    }

    .px-md-8 {
        padding-left: 0 32px;
        padding-right: 0 32px
    }

    .py-md-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .pa-md-8 {
        padding: 32px
    }

    .pr-md-8 {
        padding-right: 32px
    }

    .pt-md-8 {
        padding-top: 32px
    }

    .pb-md-8 {
        padding-bottom: 32px
    }

    .pl-md-8 {
        padding-left: 32px
    }

    .mx-md-9 {
        margin-left: 0 36px;
        margin-right: 0 36px
    }

    .my-md-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }

    .ma-md-9 {
        margin: 36px
    }

    .mr-md-9 {
        margin-right: 36px
    }

    .mt-md-9 {
        margin-top: 36px
    }

    .mb-md-9 {
        margin-bottom: 36px
    }

    .ml-md-9 {
        margin-left: 36px
    }

    .mx-md-n9 {
        margin-left: 0 -36px;
        margin-right: 0 -36px
    }

    .my-md-n9 {
        margin-top: -36px;
        margin-bottom: -36px
    }

    .mr-md-n9 {
        margin-right: -36px
    }

    .mt-md-n9 {
        margin-top: -36px
    }

    .mb-md-n9 {
        margin-bottom: -36px
    }

    .ml-md-n9 {
        margin-left: -36px
    }

    .px-md-9 {
        padding-left: 0 36px;
        padding-right: 0 36px
    }

    .py-md-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .pa-md-9 {
        padding: 36px
    }

    .pr-md-9 {
        padding-right: 36px
    }

    .pt-md-9 {
        padding-top: 36px
    }

    .pb-md-9 {
        padding-bottom: 36px
    }

    .pl-md-9 {
        padding-left: 36px
    }

    .mx-md-10 {
        margin-left: 0 40px;
        margin-right: 0 40px
    }

    .my-md-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .ma-md-10 {
        margin: 40px
    }

    .mr-md-10 {
        margin-right: 40px
    }

    .mt-md-10 {
        margin-top: 40px
    }

    .mb-md-10 {
        margin-bottom: 40px
    }

    .ml-md-10 {
        margin-left: 40px
    }

    .mx-md-n10 {
        margin-left: 0 -40px;
        margin-right: 0 -40px
    }

    .my-md-n10 {
        margin-top: -40px;
        margin-bottom: -40px
    }

    .mr-md-n10 {
        margin-right: -40px
    }

    .mt-md-n10 {
        margin-top: -40px
    }

    .mb-md-n10 {
        margin-bottom: -40px
    }

    .ml-md-n10 {
        margin-left: -40px
    }

    .px-md-10 {
        padding-left: 0 40px;
        padding-right: 0 40px
    }

    .py-md-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pa-md-10 {
        padding: 40px
    }

    .pr-md-10 {
        padding-right: 40px
    }

    .pt-md-10 {
        padding-top: 40px
    }

    .pb-md-10 {
        padding-bottom: 40px
    }

    .pl-md-10 {
        padding-left: 40px
    }
}

@media (min-width: 1600px) {
    .col-lg-1-12 {
        width: 8.33333%;
        padding: 0 16px
    }

    .col-lg-2-12 {
        width: 16.66667%;
        padding: 0 16px
    }

    .col-lg-3-12 {
        width: 25%;
        padding: 0 16px
    }

    .col-lg-4-12 {
        width: 33.33333%;
        padding: 0 16px
    }

    .col-lg-5-12 {
        width: 41.66667%;
        padding: 0 16px
    }

    .col-lg-6-12 {
        width: 50%;
        padding: 0 16px
    }

    .col-lg-7-12 {
        width: 58.33333%;
        padding: 0 16px
    }

    .col-lg-8-12 {
        width: 66.66667%;
        padding: 0 16px
    }

    .col-lg-9-12 {
        width: 75%;
        padding: 0 16px
    }

    .col-lg-10-12 {
        width: 83.33333%;
        padding: 0 16px
    }

    .col-lg-11-12 {
        width: 91.66667%;
        padding: 0 16px
    }

    .col-lg-12-12 {
        width: 100%;
        padding: 0 16px
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px
    }

    .row--no-grep {
        padding: 0
    }

    .mx-lg-0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .ma-lg-0 {
        margin: 0
    }

    .mr-lg-0 {
        margin-right: 0
    }

    .mt-lg-0 {
        margin-top: 0
    }

    .mb-lg-0 {
        margin-bottom: 0
    }

    .ml-lg-0 {
        margin-left: 0
    }

    .mx-lg-n0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-lg-n0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mr-lg-n0 {
        margin-right: 0
    }

    .mt-lg-n0 {
        margin-top: 0
    }

    .mb-lg-n0 {
        margin-bottom: 0
    }

    .ml-lg-n0 {
        margin-left: 0
    }

    .px-lg-0 {
        padding-left: 0 0;
        padding-right: 0 0
    }

    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pa-lg-0 {
        padding: 0
    }

    .pr-lg-0 {
        padding-right: 0
    }

    .pt-lg-0 {
        padding-top: 0
    }

    .pb-lg-0 {
        padding-bottom: 0
    }

    .pl-lg-0 {
        padding-left: 0
    }

    .mx-lg-1 {
        margin-left: 0 4px;
        margin-right: 0 4px
    }

    .my-lg-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .ma-lg-1 {
        margin: 4px
    }

    .mr-lg-1 {
        margin-right: 4px
    }

    .mt-lg-1 {
        margin-top: 4px
    }

    .mb-lg-1 {
        margin-bottom: 4px
    }

    .ml-lg-1 {
        margin-left: 4px
    }

    .mx-lg-n1 {
        margin-left: 0 -4px;
        margin-right: 0 -4px
    }

    .my-lg-n1 {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .mr-lg-n1 {
        margin-right: -4px
    }

    .mt-lg-n1 {
        margin-top: -4px
    }

    .mb-lg-n1 {
        margin-bottom: -4px
    }

    .ml-lg-n1 {
        margin-left: -4px
    }

    .px-lg-1 {
        padding-left: 0 4px;
        padding-right: 0 4px
    }

    .py-lg-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .pa-lg-1 {
        padding: 4px
    }

    .pr-lg-1 {
        padding-right: 4px
    }

    .pt-lg-1 {
        padding-top: 4px
    }

    .pb-lg-1 {
        padding-bottom: 4px
    }

    .pl-lg-1 {
        padding-left: 4px
    }

    .mx-lg-2 {
        margin-left: 0 8px;
        margin-right: 0 8px
    }

    .my-lg-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .ma-lg-2 {
        margin: 8px
    }

    .mr-lg-2 {
        margin-right: 8px
    }

    .mt-lg-2 {
        margin-top: 8px
    }

    .mb-lg-2 {
        margin-bottom: 8px
    }

    .ml-lg-2 {
        margin-left: 8px
    }

    .mx-lg-n2 {
        margin-left: 0 -8px;
        margin-right: 0 -8px
    }

    .my-lg-n2 {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .mr-lg-n2 {
        margin-right: -8px
    }

    .mt-lg-n2 {
        margin-top: -8px
    }

    .mb-lg-n2 {
        margin-bottom: -8px
    }

    .ml-lg-n2 {
        margin-left: -8px
    }

    .px-lg-2 {
        padding-left: 0 8px;
        padding-right: 0 8px
    }

    .py-lg-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pa-lg-2 {
        padding: 8px
    }

    .pr-lg-2 {
        padding-right: 8px
    }

    .pt-lg-2 {
        padding-top: 8px
    }

    .pb-lg-2 {
        padding-bottom: 8px
    }

    .pl-lg-2 {
        padding-left: 8px
    }

    .mx-lg-3 {
        margin-left: 0 12px;
        margin-right: 0 12px
    }

    .my-lg-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .ma-lg-3 {
        margin: 12px
    }

    .mr-lg-3 {
        margin-right: 12px
    }

    .mt-lg-3 {
        margin-top: 12px
    }

    .mb-lg-3 {
        margin-bottom: 12px
    }

    .ml-lg-3 {
        margin-left: 12px
    }

    .mx-lg-n3 {
        margin-left: 0 -12px;
        margin-right: 0 -12px
    }

    .my-lg-n3 {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .mr-lg-n3 {
        margin-right: -12px
    }

    .mt-lg-n3 {
        margin-top: -12px
    }

    .mb-lg-n3 {
        margin-bottom: -12px
    }

    .ml-lg-n3 {
        margin-left: -12px
    }

    .px-lg-3 {
        padding-left: 0 12px;
        padding-right: 0 12px
    }

    .py-lg-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pa-lg-3 {
        padding: 12px
    }

    .pr-lg-3 {
        padding-right: 12px
    }

    .pt-lg-3 {
        padding-top: 12px
    }

    .pb-lg-3 {
        padding-bottom: 12px
    }

    .pl-lg-3 {
        padding-left: 12px
    }

    .mx-lg-4 {
        margin-left: 0 16px;
        margin-right: 0 16px
    }

    .my-lg-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .ma-lg-4 {
        margin: 16px
    }

    .mr-lg-4 {
        margin-right: 16px
    }

    .mt-lg-4 {
        margin-top: 16px
    }

    .mb-lg-4 {
        margin-bottom: 16px
    }

    .ml-lg-4 {
        margin-left: 16px
    }

    .mx-lg-n4 {
        margin-left: 0 -16px;
        margin-right: 0 -16px
    }

    .my-lg-n4 {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .mr-lg-n4 {
        margin-right: -16px
    }

    .mt-lg-n4 {
        margin-top: -16px
    }

    .mb-lg-n4 {
        margin-bottom: -16px
    }

    .ml-lg-n4 {
        margin-left: -16px
    }

    .px-lg-4 {
        padding-left: 0 16px;
        padding-right: 0 16px
    }

    .py-lg-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .pa-lg-4 {
        padding: 16px
    }

    .pr-lg-4 {
        padding-right: 16px
    }

    .pt-lg-4 {
        padding-top: 16px
    }

    .pb-lg-4 {
        padding-bottom: 16px
    }

    .pl-lg-4 {
        padding-left: 16px
    }

    .mx-lg-5 {
        margin-left: 0 20px;
        margin-right: 0 20px
    }

    .my-lg-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .ma-lg-5 {
        margin: 20px
    }

    .mr-lg-5 {
        margin-right: 20px
    }

    .mt-lg-5 {
        margin-top: 20px
    }

    .mb-lg-5 {
        margin-bottom: 20px
    }

    .ml-lg-5 {
        margin-left: 20px
    }

    .mx-lg-n5 {
        margin-left: 0 -20px;
        margin-right: 0 -20px
    }

    .my-lg-n5 {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .mr-lg-n5 {
        margin-right: -20px
    }

    .mt-lg-n5 {
        margin-top: -20px
    }

    .mb-lg-n5 {
        margin-bottom: -20px
    }

    .ml-lg-n5 {
        margin-left: -20px
    }

    .px-lg-5 {
        padding-left: 0 20px;
        padding-right: 0 20px
    }

    .py-lg-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pa-lg-5 {
        padding: 20px
    }

    .pr-lg-5 {
        padding-right: 20px
    }

    .pt-lg-5 {
        padding-top: 20px
    }

    .pb-lg-5 {
        padding-bottom: 20px
    }

    .pl-lg-5 {
        padding-left: 20px
    }

    .mx-lg-6 {
        margin-left: 0 24px;
        margin-right: 0 24px
    }

    .my-lg-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .ma-lg-6 {
        margin: 24px
    }

    .mr-lg-6 {
        margin-right: 24px
    }

    .mt-lg-6 {
        margin-top: 24px
    }

    .mb-lg-6 {
        margin-bottom: 24px
    }

    .ml-lg-6 {
        margin-left: 24px
    }

    .mx-lg-n6 {
        margin-left: 0 -24px;
        margin-right: 0 -24px
    }

    .my-lg-n6 {
        margin-top: -24px;
        margin-bottom: -24px
    }

    .mr-lg-n6 {
        margin-right: -24px
    }

    .mt-lg-n6 {
        margin-top: -24px
    }

    .mb-lg-n6 {
        margin-bottom: -24px
    }

    .ml-lg-n6 {
        margin-left: -24px
    }

    .px-lg-6 {
        padding-left: 0 24px;
        padding-right: 0 24px
    }

    .py-lg-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .pa-lg-6 {
        padding: 24px
    }

    .pr-lg-6 {
        padding-right: 24px
    }

    .pt-lg-6 {
        padding-top: 24px
    }

    .pb-lg-6 {
        padding-bottom: 24px
    }

    .pl-lg-6 {
        padding-left: 24px
    }

    .mx-lg-7 {
        margin-left: 0 28px;
        margin-right: 0 28px
    }

    .my-lg-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }

    .ma-lg-7 {
        margin: 28px
    }

    .mr-lg-7 {
        margin-right: 28px
    }

    .mt-lg-7 {
        margin-top: 28px
    }

    .mb-lg-7 {
        margin-bottom: 28px
    }

    .ml-lg-7 {
        margin-left: 28px
    }

    .mx-lg-n7 {
        margin-left: 0 -28px;
        margin-right: 0 -28px
    }

    .my-lg-n7 {
        margin-top: -28px;
        margin-bottom: -28px
    }

    .mr-lg-n7 {
        margin-right: -28px
    }

    .mt-lg-n7 {
        margin-top: -28px
    }

    .mb-lg-n7 {
        margin-bottom: -28px
    }

    .ml-lg-n7 {
        margin-left: -28px
    }

    .px-lg-7 {
        padding-left: 0 28px;
        padding-right: 0 28px
    }

    .py-lg-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .pa-lg-7 {
        padding: 28px
    }

    .pr-lg-7 {
        padding-right: 28px
    }

    .pt-lg-7 {
        padding-top: 28px
    }

    .pb-lg-7 {
        padding-bottom: 28px
    }

    .pl-lg-7 {
        padding-left: 28px
    }

    .mx-lg-8 {
        margin-left: 0 32px;
        margin-right: 0 32px
    }

    .my-lg-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .ma-lg-8 {
        margin: 32px
    }

    .mr-lg-8 {
        margin-right: 32px
    }

    .mt-lg-8 {
        margin-top: 32px
    }

    .mb-lg-8 {
        margin-bottom: 32px
    }

    .ml-lg-8 {
        margin-left: 32px
    }

    .mx-lg-n8 {
        margin-left: 0 -32px;
        margin-right: 0 -32px
    }

    .my-lg-n8 {
        margin-top: -32px;
        margin-bottom: -32px
    }

    .mr-lg-n8 {
        margin-right: -32px
    }

    .mt-lg-n8 {
        margin-top: -32px
    }

    .mb-lg-n8 {
        margin-bottom: -32px
    }

    .ml-lg-n8 {
        margin-left: -32px
    }

    .px-lg-8 {
        padding-left: 0 32px;
        padding-right: 0 32px
    }

    .py-lg-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .pa-lg-8 {
        padding: 32px
    }

    .pr-lg-8 {
        padding-right: 32px
    }

    .pt-lg-8 {
        padding-top: 32px
    }

    .pb-lg-8 {
        padding-bottom: 32px
    }

    .pl-lg-8 {
        padding-left: 32px
    }

    .mx-lg-9 {
        margin-left: 0 36px;
        margin-right: 0 36px
    }

    .my-lg-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }

    .ma-lg-9 {
        margin: 36px
    }

    .mr-lg-9 {
        margin-right: 36px
    }

    .mt-lg-9 {
        margin-top: 36px
    }

    .mb-lg-9 {
        margin-bottom: 36px
    }

    .ml-lg-9 {
        margin-left: 36px
    }

    .mx-lg-n9 {
        margin-left: 0 -36px;
        margin-right: 0 -36px
    }

    .my-lg-n9 {
        margin-top: -36px;
        margin-bottom: -36px
    }

    .mr-lg-n9 {
        margin-right: -36px
    }

    .mt-lg-n9 {
        margin-top: -36px
    }

    .mb-lg-n9 {
        margin-bottom: -36px
    }

    .ml-lg-n9 {
        margin-left: -36px
    }

    .px-lg-9 {
        padding-left: 0 36px;
        padding-right: 0 36px
    }

    .py-lg-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .pa-lg-9 {
        padding: 36px
    }

    .pr-lg-9 {
        padding-right: 36px
    }

    .pt-lg-9 {
        padding-top: 36px
    }

    .pb-lg-9 {
        padding-bottom: 36px
    }

    .pl-lg-9 {
        padding-left: 36px
    }

    .mx-lg-10 {
        margin-left: 0 40px;
        margin-right: 0 40px
    }

    .my-lg-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .ma-lg-10 {
        margin: 40px
    }

    .mr-lg-10 {
        margin-right: 40px
    }

    .mt-lg-10 {
        margin-top: 40px
    }

    .mb-lg-10 {
        margin-bottom: 40px
    }

    .ml-lg-10 {
        margin-left: 40px
    }

    .mx-lg-n10 {
        margin-left: 0 -40px;
        margin-right: 0 -40px
    }

    .my-lg-n10 {
        margin-top: -40px;
        margin-bottom: -40px
    }

    .mr-lg-n10 {
        margin-right: -40px
    }

    .mt-lg-n10 {
        margin-top: -40px
    }

    .mb-lg-n10 {
        margin-bottom: -40px
    }

    .ml-lg-n10 {
        margin-left: -40px
    }

    .px-lg-10 {
        padding-left: 0 40px;
        padding-right: 0 40px
    }

    .py-lg-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pa-lg-10 {
        padding: 40px
    }

    .pr-lg-10 {
        padding-right: 40px
    }

    .pt-lg-10 {
        padding-top: 40px
    }

    .pb-lg-10 {
        padding-bottom: 40px
    }

    .pl-lg-10 {
        padding-left: 40px
    }
}

@media (min-width: 1920px) {
    .col-xl-1-12 {
        width: 8.33333%;
        padding: 0 16px
    }

    .col-xl-2-12 {
        width: 16.66667%;
        padding: 0 16px
    }

    .col-xl-3-12 {
        width: 25%;
        padding: 0 16px
    }

    .col-xl-4-12 {
        width: 33.33333%;
        padding: 0 16px
    }

    .col-xl-5-12 {
        width: 41.66667%;
        padding: 0 16px
    }

    .col-xl-6-12 {
        width: 50%;
        padding: 0 16px
    }

    .col-xl-7-12 {
        width: 58.33333%;
        padding: 0 16px
    }

    .col-xl-8-12 {
        width: 66.66667%;
        padding: 0 16px
    }

    .col-xl-9-12 {
        width: 75%;
        padding: 0 16px
    }

    .col-xl-10-12 {
        width: 83.33333%;
        padding: 0 16px
    }

    .col-xl-11-12 {
        width: 91.66667%;
        padding: 0 16px
    }

    .col-xl-12-12 {
        width: 100%;
        padding: 0 16px
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px
    }

    .row--no-grep {
        padding: 0
    }

    .mx-xl-0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .ma-xl-0 {
        margin: 0
    }

    .mr-xl-0 {
        margin-right: 0
    }

    .mt-xl-0 {
        margin-top: 0
    }

    .mb-xl-0 {
        margin-bottom: 0
    }

    .ml-xl-0 {
        margin-left: 0
    }

    .mx-xl-n0 {
        margin-left: 0 0;
        margin-right: 0 0
    }

    .my-xl-n0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mr-xl-n0 {
        margin-right: 0
    }

    .mt-xl-n0 {
        margin-top: 0
    }

    .mb-xl-n0 {
        margin-bottom: 0
    }

    .ml-xl-n0 {
        margin-left: 0
    }

    .px-xl-0 {
        padding-left: 0 0;
        padding-right: 0 0
    }

    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pa-xl-0 {
        padding: 0
    }

    .pr-xl-0 {
        padding-right: 0
    }

    .pt-xl-0 {
        padding-top: 0
    }

    .pb-xl-0 {
        padding-bottom: 0
    }

    .pl-xl-0 {
        padding-left: 0
    }

    .mx-xl-1 {
        margin-left: 0 4px;
        margin-right: 0 4px
    }

    .my-xl-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .ma-xl-1 {
        margin: 4px
    }

    .mr-xl-1 {
        margin-right: 4px
    }

    .mt-xl-1 {
        margin-top: 4px
    }

    .mb-xl-1 {
        margin-bottom: 4px
    }

    .ml-xl-1 {
        margin-left: 4px
    }

    .mx-xl-n1 {
        margin-left: 0 -4px;
        margin-right: 0 -4px
    }

    .my-xl-n1 {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .mr-xl-n1 {
        margin-right: -4px
    }

    .mt-xl-n1 {
        margin-top: -4px
    }

    .mb-xl-n1 {
        margin-bottom: -4px
    }

    .ml-xl-n1 {
        margin-left: -4px
    }

    .px-xl-1 {
        padding-left: 0 4px;
        padding-right: 0 4px
    }

    .py-xl-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .pa-xl-1 {
        padding: 4px
    }

    .pr-xl-1 {
        padding-right: 4px
    }

    .pt-xl-1 {
        padding-top: 4px
    }

    .pb-xl-1 {
        padding-bottom: 4px
    }

    .pl-xl-1 {
        padding-left: 4px
    }

    .mx-xl-2 {
        margin-left: 0 8px;
        margin-right: 0 8px
    }

    .my-xl-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .ma-xl-2 {
        margin: 8px
    }

    .mr-xl-2 {
        margin-right: 8px
    }

    .mt-xl-2 {
        margin-top: 8px
    }

    .mb-xl-2 {
        margin-bottom: 8px
    }

    .ml-xl-2 {
        margin-left: 8px
    }

    .mx-xl-n2 {
        margin-left: 0 -8px;
        margin-right: 0 -8px
    }

    .my-xl-n2 {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .mr-xl-n2 {
        margin-right: -8px
    }

    .mt-xl-n2 {
        margin-top: -8px
    }

    .mb-xl-n2 {
        margin-bottom: -8px
    }

    .ml-xl-n2 {
        margin-left: -8px
    }

    .px-xl-2 {
        padding-left: 0 8px;
        padding-right: 0 8px
    }

    .py-xl-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pa-xl-2 {
        padding: 8px
    }

    .pr-xl-2 {
        padding-right: 8px
    }

    .pt-xl-2 {
        padding-top: 8px
    }

    .pb-xl-2 {
        padding-bottom: 8px
    }

    .pl-xl-2 {
        padding-left: 8px
    }

    .mx-xl-3 {
        margin-left: 0 12px;
        margin-right: 0 12px
    }

    .my-xl-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .ma-xl-3 {
        margin: 12px
    }

    .mr-xl-3 {
        margin-right: 12px
    }

    .mt-xl-3 {
        margin-top: 12px
    }

    .mb-xl-3 {
        margin-bottom: 12px
    }

    .ml-xl-3 {
        margin-left: 12px
    }

    .mx-xl-n3 {
        margin-left: 0 -12px;
        margin-right: 0 -12px
    }

    .my-xl-n3 {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .mr-xl-n3 {
        margin-right: -12px
    }

    .mt-xl-n3 {
        margin-top: -12px
    }

    .mb-xl-n3 {
        margin-bottom: -12px
    }

    .ml-xl-n3 {
        margin-left: -12px
    }

    .px-xl-3 {
        padding-left: 0 12px;
        padding-right: 0 12px
    }

    .py-xl-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pa-xl-3 {
        padding: 12px
    }

    .pr-xl-3 {
        padding-right: 12px
    }

    .pt-xl-3 {
        padding-top: 12px
    }

    .pb-xl-3 {
        padding-bottom: 12px
    }

    .pl-xl-3 {
        padding-left: 12px
    }

    .mx-xl-4 {
        margin-left: 0 16px;
        margin-right: 0 16px
    }

    .my-xl-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .ma-xl-4 {
        margin: 16px
    }

    .mr-xl-4 {
        margin-right: 16px
    }

    .mt-xl-4 {
        margin-top: 16px
    }

    .mb-xl-4 {
        margin-bottom: 16px
    }

    .ml-xl-4 {
        margin-left: 16px
    }

    .mx-xl-n4 {
        margin-left: 0 -16px;
        margin-right: 0 -16px
    }

    .my-xl-n4 {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .mr-xl-n4 {
        margin-right: -16px
    }

    .mt-xl-n4 {
        margin-top: -16px
    }

    .mb-xl-n4 {
        margin-bottom: -16px
    }

    .ml-xl-n4 {
        margin-left: -16px
    }

    .px-xl-4 {
        padding-left: 0 16px;
        padding-right: 0 16px
    }

    .py-xl-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .pa-xl-4 {
        padding: 16px
    }

    .pr-xl-4 {
        padding-right: 16px
    }

    .pt-xl-4 {
        padding-top: 16px
    }

    .pb-xl-4 {
        padding-bottom: 16px
    }

    .pl-xl-4 {
        padding-left: 16px
    }

    .mx-xl-5 {
        margin-left: 0 20px;
        margin-right: 0 20px
    }

    .my-xl-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .ma-xl-5 {
        margin: 20px
    }

    .mr-xl-5 {
        margin-right: 20px
    }

    .mt-xl-5 {
        margin-top: 20px
    }

    .mb-xl-5 {
        margin-bottom: 20px
    }

    .ml-xl-5 {
        margin-left: 20px
    }

    .mx-xl-n5 {
        margin-left: 0 -20px;
        margin-right: 0 -20px
    }

    .my-xl-n5 {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .mr-xl-n5 {
        margin-right: -20px
    }

    .mt-xl-n5 {
        margin-top: -20px
    }

    .mb-xl-n5 {
        margin-bottom: -20px
    }

    .ml-xl-n5 {
        margin-left: -20px
    }

    .px-xl-5 {
        padding-left: 0 20px;
        padding-right: 0 20px
    }

    .py-xl-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pa-xl-5 {
        padding: 20px
    }

    .pr-xl-5 {
        padding-right: 20px
    }

    .pt-xl-5 {
        padding-top: 20px
    }

    .pb-xl-5 {
        padding-bottom: 20px
    }

    .pl-xl-5 {
        padding-left: 20px
    }

    .mx-xl-6 {
        margin-left: 0 24px;
        margin-right: 0 24px
    }

    .my-xl-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .ma-xl-6 {
        margin: 24px
    }

    .mr-xl-6 {
        margin-right: 24px
    }

    .mt-xl-6 {
        margin-top: 24px
    }

    .mb-xl-6 {
        margin-bottom: 24px
    }

    .ml-xl-6 {
        margin-left: 24px
    }

    .mx-xl-n6 {
        margin-left: 0 -24px;
        margin-right: 0 -24px
    }

    .my-xl-n6 {
        margin-top: -24px;
        margin-bottom: -24px
    }

    .mr-xl-n6 {
        margin-right: -24px
    }

    .mt-xl-n6 {
        margin-top: -24px
    }

    .mb-xl-n6 {
        margin-bottom: -24px
    }

    .ml-xl-n6 {
        margin-left: -24px
    }

    .px-xl-6 {
        padding-left: 0 24px;
        padding-right: 0 24px
    }

    .py-xl-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .pa-xl-6 {
        padding: 24px
    }

    .pr-xl-6 {
        padding-right: 24px
    }

    .pt-xl-6 {
        padding-top: 24px
    }

    .pb-xl-6 {
        padding-bottom: 24px
    }

    .pl-xl-6 {
        padding-left: 24px
    }

    .mx-xl-7 {
        margin-left: 0 28px;
        margin-right: 0 28px
    }

    .my-xl-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }

    .ma-xl-7 {
        margin: 28px
    }

    .mr-xl-7 {
        margin-right: 28px
    }

    .mt-xl-7 {
        margin-top: 28px
    }

    .mb-xl-7 {
        margin-bottom: 28px
    }

    .ml-xl-7 {
        margin-left: 28px
    }

    .mx-xl-n7 {
        margin-left: 0 -28px;
        margin-right: 0 -28px
    }

    .my-xl-n7 {
        margin-top: -28px;
        margin-bottom: -28px
    }

    .mr-xl-n7 {
        margin-right: -28px
    }

    .mt-xl-n7 {
        margin-top: -28px
    }

    .mb-xl-n7 {
        margin-bottom: -28px
    }

    .ml-xl-n7 {
        margin-left: -28px
    }

    .px-xl-7 {
        padding-left: 0 28px;
        padding-right: 0 28px
    }

    .py-xl-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .pa-xl-7 {
        padding: 28px
    }

    .pr-xl-7 {
        padding-right: 28px
    }

    .pt-xl-7 {
        padding-top: 28px
    }

    .pb-xl-7 {
        padding-bottom: 28px
    }

    .pl-xl-7 {
        padding-left: 28px
    }

    .mx-xl-8 {
        margin-left: 0 32px;
        margin-right: 0 32px
    }

    .my-xl-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .ma-xl-8 {
        margin: 32px
    }

    .mr-xl-8 {
        margin-right: 32px
    }

    .mt-xl-8 {
        margin-top: 32px
    }

    .mb-xl-8 {
        margin-bottom: 32px
    }

    .ml-xl-8 {
        margin-left: 32px
    }

    .mx-xl-n8 {
        margin-left: 0 -32px;
        margin-right: 0 -32px
    }

    .my-xl-n8 {
        margin-top: -32px;
        margin-bottom: -32px
    }

    .mr-xl-n8 {
        margin-right: -32px
    }

    .mt-xl-n8 {
        margin-top: -32px
    }

    .mb-xl-n8 {
        margin-bottom: -32px
    }

    .ml-xl-n8 {
        margin-left: -32px
    }

    .px-xl-8 {
        padding-left: 0 32px;
        padding-right: 0 32px
    }

    .py-xl-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .pa-xl-8 {
        padding: 32px
    }

    .pr-xl-8 {
        padding-right: 32px
    }

    .pt-xl-8 {
        padding-top: 32px
    }

    .pb-xl-8 {
        padding-bottom: 32px
    }

    .pl-xl-8 {
        padding-left: 32px
    }

    .mx-xl-9 {
        margin-left: 0 36px;
        margin-right: 0 36px
    }

    .my-xl-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }

    .ma-xl-9 {
        margin: 36px
    }

    .mr-xl-9 {
        margin-right: 36px
    }

    .mt-xl-9 {
        margin-top: 36px
    }

    .mb-xl-9 {
        margin-bottom: 36px
    }

    .ml-xl-9 {
        margin-left: 36px
    }

    .mx-xl-n9 {
        margin-left: 0 -36px;
        margin-right: 0 -36px
    }

    .my-xl-n9 {
        margin-top: -36px;
        margin-bottom: -36px
    }

    .mr-xl-n9 {
        margin-right: -36px
    }

    .mt-xl-n9 {
        margin-top: -36px
    }

    .mb-xl-n9 {
        margin-bottom: -36px
    }

    .ml-xl-n9 {
        margin-left: -36px
    }

    .px-xl-9 {
        padding-left: 0 36px;
        padding-right: 0 36px
    }

    .py-xl-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .pa-xl-9 {
        padding: 36px
    }

    .pr-xl-9 {
        padding-right: 36px
    }

    .pt-xl-9 {
        padding-top: 36px
    }

    .pb-xl-9 {
        padding-bottom: 36px
    }

    .pl-xl-9 {
        padding-left: 36px
    }

    .mx-xl-10 {
        margin-left: 0 40px;
        margin-right: 0 40px
    }

    .my-xl-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .ma-xl-10 {
        margin: 40px
    }

    .mr-xl-10 {
        margin-right: 40px
    }

    .mt-xl-10 {
        margin-top: 40px
    }

    .mb-xl-10 {
        margin-bottom: 40px
    }

    .ml-xl-10 {
        margin-left: 40px
    }

    .mx-xl-n10 {
        margin-left: 0 -40px;
        margin-right: 0 -40px
    }

    .my-xl-n10 {
        margin-top: -40px;
        margin-bottom: -40px
    }

    .mr-xl-n10 {
        margin-right: -40px
    }

    .mt-xl-n10 {
        margin-top: -40px
    }

    .mb-xl-n10 {
        margin-bottom: -40px
    }

    .ml-xl-n10 {
        margin-left: -40px
    }

    .px-xl-10 {
        padding-left: 0 40px;
        padding-right: 0 40px
    }

    .py-xl-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pa-xl-10 {
        padding: 40px
    }

    .pr-xl-10 {
        padding-right: 40px
    }

    .pt-xl-10 {
        padding-top: 40px
    }

    .pb-xl-10 {
        padding-bottom: 40px
    }

    .pl-xl-10 {
        padding-left: 40px
    }
}

.rir-input {
    background-color: rgba(61, 117, 228, .08);
    border-radius: 8px;
    padding: 0 16px;
    cursor: text;
    display: flex;
    align-items: center;
    height: 40px
}

.rir-input.readonly:not(.rir-select) {
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .72
}

.rir-input__body {
    position: relative;
    padding: 18px 0 4px;
    flex: 1 1 auto;
    order: 2
}

.rir-input__body:not(.not-label) {
    padding: 8px 0 12px
}

.rir-input__input {
    position: relative;
    height: 20px
}

.rir-input__input > input {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    height: 100%;
    width: 100%;
    outline: none;
    opacity: .72;
    color: var(--rir-titanic);
    background-color: transparent
}

.rir-input__input > input::-webkit-inner-spin-button, .rir-input__input > input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.rir-input__input > input[type=time]::-webkit-calendar-picker-indicator {
    background: none;
    display: none
}

.rir-input__input > input:disabled {
    cursor: inherit
}

.rir-input__input > input:focus + label {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    transform: translateY(-14px)
}

.rir-input__input > input::-moz-placeholder {
    color: rgba(4, 21, 62, .32);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-input__input > input:-ms-input-placeholder {
    color: rgba(4, 21, 62, .32);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-input__input > input::placeholder {
    color: rgba(4, 21, 62, .32);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-input__label {
    cursor: text;
    white-space: nowrap;
    position: absolute;
    z-index: 2;
    color: rgba(4, 21, 62, .32) !important;
    left: 0;
    top: 0;
    transition: transform .1s ease, font-size .1s;
    transform: translateY(-14px);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.rir-input__label:not(.active) {
    font-size: 16px;
    line-height: 20px;
    transform: translateY(-6px)
}

.rir-input__after, .rir-input__before {
    display: flex;
    align-items: center
}

.rir-input__before {
    order: 1;
    margin-right: 8px
}

.rir-input__after {
    order: 3;
    margin-left: 8px
}

.rir-input--error {
    background-color: rgba(225, 71, 97, .0784313725490196)
}

.rir-input--error label {
    opacity: .48;
    color: var(--rir-prestige) !important
}

.rir-input--error input {
    color: var(--rir-prestige)
}

.rir-input--error input::-moz-placeholder {
    opacity: .48;
    color: var(--rir-prestige) !important
}

.rir-input--error input:-ms-input-placeholder {
    opacity: .48;
    color: var(--rir-prestige) !important
}

.rir-input--error input::placeholder {
    opacity: .48;
    color: var(--rir-prestige) !important
}

.rir-button {
    width: 100%;
    outline: none;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border: none;
    height: 40px;
    cursor: pointer;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rir-button.primary {
    background-color: #3d75e4
}

.rir-button.success {
    background-color: #57a003
}

.rir-button.error {
    background-color: #e14761
}

.rir-button.secondary {
    background-color: #e4edfb;
    color: #214eb0
}

.rir-button:focus.primary, .rir-button:hover.primary {
    background-color: #4a7fe6
}

.rir-button:focus.success, .rir-button:hover.success {
    background-color: #5faf03
}

.rir-button:focus.error, .rir-button:hover.error {
    background-color: #e3546c
}

.rir-button:active.primary {
    background-color: #346fe3
}

.rir-button:active.success {
    background-color: #529603
}

.rir-button:active.error {
    background-color: #e03e59
}

.rir-button.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .32
}

.rir-button.disabled.disabledActive {
    pointer-events: auto;
    cursor: pointer
}

.rir-button.icon {
    flex: 0 0 40px;
    width: 40px;
    padding: 4px
}

.rir-button.icon.transparent.primary path, .rir-button.icon.transparent.primary svg {
    fill: #3d75e4
}

.rir-button.icon.transparent.success path, .rir-button.icon.transparent.success svg {
    fill: #57a003
}

.rir-button.icon.transparent.error path, .rir-button.icon.transparent.error svg {
    fill: #e14761
}

.rir-button.icon.secondary path, .rir-button.icon.secondary svg, .rir-button.icon.transparent.secondary path, .rir-button.icon.transparent.secondary svg {
    fill: #214eb0
}

.rir-button.icon:disabled {
    cursor: default;
    opacity: .32
}

.rir-button.transparent {
    background-color: transparent !important;
    padding: 0 !important;
    height: auto !important;
    width: auto
}

.rir-button.transparent.primary {
    color: #3d75e4
}

.rir-button.transparent.success {
    color: #57a003
}

.rir-button.transparent.error {
    color: #e14761
}

.rir-button.transparent.secondary {
    color: #214eb0
}

.rir-button.contentWidth {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.rir-list {
    width: 100%
}

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

.rir-list > .rir-list-item {
    position: relative;
    height: 44px;
    cursor: pointer;
    padding: 12px 20px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: block;
    max-height: 44px;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    -webkit-box-orient: vertical
}

.rir-list > .rir-list-item, .rir-list > .rir-list-item * {
    color: rgba(4, 21, 62, .72);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-list > .rir-list-item * {
    opacity: .72
}

.rir-list > .rir-list-item:hover {
    background-color: rgba(61, 117, 228, .08)
}

.rir-list > .rir-list-item.active {
    pointer-events: none;
    color: #04153e
}

.rir-list > .rir-list-item.active * {
    color: #04153e;
    opacity: 1
}

.rir-list > .rir-list-item.active:after {
    content: "";
    position: absolute;
    background-color: #3d75e4;
    height: calc(100% - 8px);
    width: 4px;
    top: 4px;
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rir-list > .rir-list-item.disabled:not(.active) {
    opacity: .32
}

.rir-select {
    position: relative
}

.rir-select.rir-input:not(.disabled) {
    cursor: pointer !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    pointer-events: auto !important
}

.rir-select.rir-input:not(.disabled) label {
    cursor: pointer !important
}

.rir-select__icon {
    display: flex;
    outline: none
}

.rir-select__icon i {
    transition: transform .2s ease
}

.rir-select__icon i.active {
    transform: rotate(180deg)
}

.rir-select__content {
    min-width: 300px;
    width: 100%;
    padding-right: 4px
}

.rir-select__no-date {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-weight: 700
}

.rir-textarea {
    width: 100%;
    position: relative;
    padding: 18px 16px 10px;
    background-color: rgba(61, 117, 228, .08);
    border-radius: 8px;
    height: 40px;
    cursor: text
}

.rir-textarea.readonly {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .72
}

.rir-textarea__label {
    position: absolute;
    top: 2px;
    left: 16px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: rgba(4, 21, 62, .48);
    transition: all .1s;
    cursor: text
}

.rir-textarea__label:not(.active) {
    top: 10px;
    font-size: 16px;
    line-height: 20px
}

.rir-textarea--error {
    background-color: rgba(225, 71, 97, .0784313725490196)
}

.rir-textarea--error label {
    opacity: .48;
    color: var(--rir-prestige) !important
}

.rir-textarea--error textarea {
    color: var(--rir-prestige);
    opacity: .72
}

.rir-textarea__textarea {
    padding: 0;
    margin: 0;
    width: 100%;
    outline: none;
    border: none;
    background: transparent;
    resize: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(4, 21, 62, .72)
}

.rir-textarea__textarea:hover + label {
    color: rgba(4, 21, 62, .48)
}

.rir-textarea__textarea:focus {
    color: rgba(4, 21, 62, .72);
    background-color: transparent !important;
    font-weight: 500
}

.rir-textarea__textarea:focus + label {
    color: rgba(4, 21, 62, .48);
    font-size: 13px;
    line-height: 16px;
    top: 2px
}

.rir-file-list {
    width: 100%;
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-gap: 16px
}

.rir-file-list__item {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    border-radius: 8px;
    padding-right: 16px;
    background-color: rgba(61, 117, 228, .08)
}

.rir-file-list__item.mini {
    border-radius: 0;
    padding: 0 !important;
    height: 16px;
    background-color: transparent
}

.rir-file-list__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 56px;
    border-radius: 8px;
    margin-right: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.rir-file-list__details {
    padding: 8px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.rir-file-list__size {
    font-size: 13px;
    line-height: 16px
}

.rir-file-list__info {
    flex: 1 1 auto;
    width: 100%;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: block;
    max-height: 44px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px
}

.rir-drag-upload-file, .rir-file-list__actions {
    display: flex;
    align-items: center
}

.rir-drag-upload-file {
    width: 100%;
    height: 96px;
    border: 1px dashed #04153e;
    padding: 0 16px;
    border-radius: 8px;
    cursor: pointer
}

.rir-drag-upload-file > input {
    display: none
}

.rir-drag-upload-file__uploading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    border-radius: 8px;
    overflow: hidden
}

.rir-drag-upload-file__uploading > span {
    color: rgba(4, 21, 62, .48);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-drag-upload-file__uploading--progress {
    transition: width .5s;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(61, 117, 228, .16)
}

.rir-drag-upload-file__content {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.rir-drag-upload-file__content > div {
    color: #04153e;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.rir-drag-upload-file__content > div svg path {
    fill: rgba(4, 21, 62, .72)
}

.rir-drag-upload-file__content > div > span {
    margin-left: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.rir-drag-upload-file__content > span {
    text-align: center;
    color: rgba(4, 21, 62, .72);
    font-size: 13px;
    line-height: 16px
}

.rir-drag-upload-file.highlight, .rir-drag-upload-file:hover {
    border-color: #3d75e4
}

.rir-drag-upload-file.highlight > .rir-drag-upload-file__content > div > span, .rir-drag-upload-file:hover > .rir-drag-upload-file__content > div > span {
    color: #3d75e4
}

.rir-drag-upload-file.highlight > .rir-drag-upload-file__content > div svg path, .rir-drag-upload-file:hover > .rir-drag-upload-file__content > div svg path {
    fill: #3d75e4
}

.rir-drag-upload-file.highlight > .rir-drag-upload-file__content > span, .rir-drag-upload-file:hover > .rir-drag-upload-file__content > span {
    color: rgba(61, 117, 228, .64)
}

.rir-drag-upload-file__body {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rir-drag-upload-file__files {
    margin-top: 20px;
    width: 100%
}

.rir-drag-upload-file--max-files {
    border-color: rgba(4, 21, 62, .16);
    cursor: default
}

.rir-drag-upload-file--max-files > .rir-drag-upload-file__content > div > span {
    color: rgba(4, 21, 62, .16)
}

.rir-drag-upload-file--max-files > .rir-drag-upload-file__content > div svg path {
    fill: rgba(4, 21, 62, .16)
}

.rir-drag-upload-file--max-files > .rir-drag-upload-file__content > span {
    color: #57a003 !important
}

.rir-drag-upload-file--max-files.highlight, .rir-drag-upload-file--max-files:hover {
    border-color: rgba(4, 21, 62, .16)
}

.rir-drag-upload-file--max-files.highlight > .rir-drag-upload-file__content > div > span, .rir-drag-upload-file--max-files:hover > .rir-drag-upload-file__content > div > span {
    color: rgba(4, 21, 62, .16)
}

.rir-drag-upload-file--max-files.highlight > .rir-drag-upload-file__content > div svg path, .rir-drag-upload-file--max-files:hover > .rir-drag-upload-file__content > div svg path {
    fill: rgba(4, 21, 62, .16)
}

.rir-drag-upload-file__remove {
    cursor: pointer
}

.rir-drag-upload-file__remove:hover path {
    fill: #e14761
}

.rir-icon {
    display: inline-flex
}

.rir-form-item {
    position: relative
}

.rir-form-item + .rir-form-item {
    margin-top: 24px
}

.rir-form-item__label {
    opacity: .48;
    font-size: 13px;
    line-height: 16px
}

.rir-form-item__content.error .rir-input, .rir-form-item__content.error .rir-textarea {
    background-color: rgba(225, 71, 97, .08)
}

.rir-form-item__message {
    font-size: 13px;
    line-height: 16px;
    color: #e14761;
    left: 16px;
    position: absolute;
    bottom: -16px
}

.rir-modal {
    overflow: hidden
}

.rir-modal__container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    overflow: auto;
    z-index: 1002
}

.rir-modal__container, .rir-modal__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--rir-amelie)
}

.rir-modal__overlay {
    position: absolute;
    z-index: 1000
}

.rir-modal__content {
    z-index: 1001;
    overflow: auto;
    padding: 48px 0;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90vh
}

.rir-modal__content-rir-icon_close {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    display: flex;
    justify-content: flex-end;
    margin: 16px;
    cursor: pointer
}

.rir-modal__content-fullscreen {
    width: 100%;
    height: 100%
}

.rir-modal__content-window {
    min-width: 300px;
    max-width: 774px
}

.rir-modal__content-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.rir-modal__content .rir-cards-block {
    padding: 32px 0
}

.rir-modal__content .rir-cards-block > .rir-cards-block__content {
    margin-right: 4px
}

.rir-modal__content .rir-cards-block__content {
    overflow-y: auto
}

.modal-enter-active, .modal-leave-active {
    transition: opacity .1s;
    opacity: 0
}

.bounce-enter-active {
    -webkit-animation: bounce-in .3s;
    animation: bounce-in .3s
}

.bounce-leave-active {
    animation: bounce-in .3s reverse
}

@-webkit-keyframes bounce-in {
    0% {
        transform: translateY(100vh)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes bounce-in {
    0% {
        transform: translateY(100vh)
    }
    to {
        transform: translateY(0)
    }
}

.rir-radio-group__content {
    display: flex;
    align-items: center
}

.rir-radio-group__content .rir-radio + .rir-radio {
    margin-left: 8px
}

.rir-radio-group__content.column {
    flex-direction: column;
    align-items: flex-start
}

.rir-radio-group__content.column .rir-radio {
    margin-left: 0;
    margin-bottom: 4px
}

.rir-radio-group__content.column .rir-radio:last-of-type {
    margin-bottom: 0
}

.rir-radio {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rir-radio.readonly {
    opacity: .6
}

.rir-radio.readonly:hover input ~ .rir-radio__input {
    background-color: transparent
}

.rir-radio:hover input ~ .rir-radio__input {
    background-color: rgba(61, 117, 228, .08)
}

.rir-radio input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    height: 0;
    width: 0
}

.rir-radio input.checked ~ .rir-radio__input:before {
    background-color: #3d75e4;
    border-color: #3d75e4;
    z-index: 1
}

.rir-radio input.checked ~ .rir-radio__input:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 8px;
    top: 8px;
    box-shadow: 0 2px 2px rgba(19, 57, 134, .32);
    background-color: #fff;
    z-index: 2
}

.rir-radio input.checked ~ .rir-radio__label {
    opacity: 1
}

.rir-radio__input {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.rir-radio__input:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(61, 117, 228, .32);
    border-radius: 50%;
    top: 4px;
    left: 4px
}

.rir-radio__label {
    color: #04153e;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    opacity: .72;
    min-height: 24px;
    display: flex;
    align-items: center;
    width: 100%
}

.rir-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rir-checkbox:hover input ~ .rir-checkbox__input {
    background-color: rgba(61, 117, 228, .08)
}

.rir-checkbox input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    height: 0;
    width: 0
}

.rir-checkbox input:checked ~ .rir-checkbox__input:before {
    background-color: #3d75e4;
    border-color: #3d75e4;
    z-index: 1
}

.rir-checkbox input:checked ~ .rir-checkbox__input .rir-checkbox__selected {
    display: inline-flex
}

.rir-checkbox input:checked ~ .rir-checkbox__label {
    opacity: 1
}

.rir-checkbox__input {
    position: relative;
    height: 16px;
    width: 16px
}

.rir-checkbox__input:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(61, 117, 228, .32);
    border-radius: 2px
}

.rir-checkbox__selected {
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    display: none
}

.rir-checkbox__selected path {
    fill: #fff
}

.rir-checkbox__label {
    margin-left: 12px;
    color: #04153e;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    opacity: .72;
    min-height: 24px;
    display: flex;
    align-items: center
}

.rir-autocomplete {
    position: relative
}

.rir-autocomplete__main-select {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background-color: rgba(61, 117, 228, .08);
    position: relative
}

.rir-autocomplete__main-select .rir-icon {
    transition: transform .2s ease
}

.rir-autocomplete__main-select .rir-icon.rir-icon-rotated {
    transform: rotate(180deg)
}

.rir-autocomplete__wrapper {
    position: relative;
    height: 100%;
    width: 90%;
    display: flex;
    align-items: center
}

.rir-autocomplete__wrapper > div {
    line-height: 1
}

.rir-autocomplete__label {
    position: absolute;
    white-space: nowrap;
    opacity: .48;
    transition: transform .2s ease, font-size .2s ease;
    will-change: font-size
}

.rir-autocomplete__selected-value {
    position: absolute
}

.rir-autocomplete__selected-value:not(:empty) {
    transform: translateY(50%)
}

.rir-autocomplete__selected-value:not(:empty) + .rir-autocomplete__label {
    transform: translateY(-50%);
    font-size: 13px;
    left: 0
}

.rir-autocomplete__container {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background-color: var(--rir-rush);
    border-radius: 8px;
    margin-top: 8px;
    box-shadow: 0 9px 28px rgba(17, 48, 121, .18);
    max-height: 312px;
    overflow: auto
}

.rir-autocomplete__list {
    padding: 4px 0 24px 0
}

.rir-autocomplete__close {
    cursor: pointer
}

.rir-autocomplete__close svg {
    height: 10px
}

.rir-autocomplete__no-date {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-weight: 700
}

.rir-autocomplete__search-wrapper {
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 1000;
    background-color: var(--rir-rush);
    border-radius: 8px
}

.rir-autocomplete__search-no-date {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-weight: 700
}

.rir-tabs {
    display: flex;
    width: 100%;
    overflow: hidden
}

.rir-tabs__arrow {
    flex: 1 1 auto;
    align-items: center;
    cursor: pointer;
    background-color: var(--rir-amelie);
    z-index: 2
}

.rir-tabs__content {
    display: flex;
    flex: 1 1 auto;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.rir-tabs__content.rows {
    flex-direction: row;
    align-items: flex-start;
    height: 32px
}

.rir-tabs__content.rows > .rir-tabs__item:after {
    content: "";
    bottom: -12px;
    width: 0;
    height: 4px;
    left: 0
}

.rir-tabs__content.rows > .rir-tabs__item.isActive:after {
    width: 100%
}

.rir-tabs__content.rows > .rir-tabs__item + .rir-tabs__item {
    margin-left: 20px
}

.rir-tabs__content.column {
    flex-direction: column
}

.rir-tabs__content.column > .rir-tabs__item {
    display: flex;
    align-items: center;
    height: 44px;
    padding-left: 8px
}

.rir-tabs__content.column > .rir-tabs__item:after {
    content: "";
    left: -8px;
    width: 4px;
    height: 0;
    top: 0
}

.rir-tabs__content.column > .rir-tabs__item.isActive:after {
    height: 44px
}

.rir-tabs__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    opacity: .72;
    cursor: pointer;
    color: var(--rir-titanic)
}

.rir-tabs__item:hover {
    opacity: 1
}

.rir-tabs__item:after {
    position: absolute;
    content: "";
    border-radius: 2px;
    background-color: var(--rir-rocky)
}

.rir-tabs__item.isActive {
    opacity: 1
}

.rir-tabs__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex
}

.rir-tabs__count {
    align-self: flex-start;
    font-size: 10px;
    line-height: 14px;
    margin-left: 4px
}

.rir-popover {
    position: relative
}

.rir-popover__content {
    background-color: #fff;
    display: inline-flex;
    position: absolute;
    box-shadow: 0 8px 24px rgba(19, 57, 134, .16);
    z-index: 10000;
    border-radius: 8px
}

.rir-date-picker {
    display: inline-flex;
    flex-direction: column;
    width: 240px
}

.rir-date-picker__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.rir-date-picker__navigation > i {
    cursor: pointer
}

.rir-date-picker__navigation > i:first-child {
    margin-right: 16px;
    transform: rotate(180deg)
}

.rir-date-picker__navigation > i:last-child {
    margin-left: 16px
}

.rir-date-picker__title {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #091f52;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rir-date-picker__week {
    display: grid;
    grid-template-columns:repeat(7, 24px);
    grid-template-rows:24px;
    grid-gap: 4px 12px
}

.rir-date-picker__day {
    color: #3d75e4;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rir-date-picker__day:last-child, .rir-date-picker__day:nth-last-child(2) {
    color: #e14761
}

.rir-date-picker__row {
    display: grid;
    grid-template-columns:repeat(7, 24px);
    grid-template-rows:24px;
    grid-gap: 4px 12px
}

.rir-date-picker__column {
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #091f52;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px
}

.rir-date-picker__column:hover {
    background-color: rgba(61, 117, 228, .16)
}

.rir-date-picker__column.otherMonth {
    color: rgba(9, 31, 82, .16)
}

.rir-date-picker__column.otherMonth:hover {
    color: #091f52;
    background-color: rgba(61, 117, 228, .16)
}

.rir-date-picker__column.active {
    color: #fff;
    background: #3d75e4
}

.rir-date-picker__column.active.period {
    opacity: .72;
    position: relative
}

.rir-date-picker__column.active.period:not(.finish), .rir-date-picker__column.active.period:not(.start) {
    border-radius: 0
}

.rir-date-picker__column.active.period:after {
    content: "";
    position: absolute;
    width: 12px;
    background-color: inherit;
    height: 24px;
    left: calc(100% + 1px)
}

.rir-date-picker__column.active.period:last-child:after {
    content: none
}

.rir-date-picker__column.active.finish, .rir-date-picker__column.active.start {
    opacity: 1
}

.rir-date-picker__column.active.finish:after, .rir-date-picker__column.active.start:after {
    opacity: .72
}

.rir-date-picker__column.active.finish:after {
    content: none
}

.rir-date-picker__column.active.start:not(.finish) {
    border-radius: 4px 0 0 4px
}

.rir-date-picker__column.active.finish:not(.start) {
    border-radius: 0 4px 4px 0
}

.rir-date-picker__column.active:hover {
    border-color: #091f52
}

.rir-date-picker__column.block {
    color: rgba(9, 31, 82, .16);
    cursor: default;
    pointer-events: none
}

.rir-date-picker__column.nowDate {
    border-color: var(--rir-rocky)
}

.rir-date-picker__input {
    cursor: pointer !important
}

.rir-date-picker__input.period {
    opacity: 1 !important
}

.rir-date-picker__input.period > .rir-input__after {
    pointer-events: auto !important
}

.rir-date-picker__content {
    min-width: 288px;
    border-radius: 16px;
    padding: 24px;
    height: 244px;
    overflow: hidden
}

.rir-date-picker__time {
    display: flex;
    height: 100%
}

.rir-date-picker__time > div {
    display: flex;
    flex-direction: column;
    width: 50%;
    overflow: auto
}

.rir-date-picker__time > div > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    height: 24px
}

.rir-date-picker__time > div > span.active {
    background-color: rgba(61, 117, 228, .08)
}

.rir-date-picker__clock {
    flex: 0 0 auto;
    margin-right: 8px
}

.rir-drop-down--disabled {
    opacity: .72
}

.rir-drop-down__activator {
    display: flex;
    align-items: center;
    min-height: 44px
}

.rir-drop-down__arrow {
    transition: transform .2s ease;
    cursor: pointer
}

.rir-drop-down__arrow.open {
    transform: rotate(180deg)
}

.rir-gallery {
    width: 100%;
    background: #e4edfb;
    border-radius: 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    aspect-ratio: 16/9
}

.rir-gallery:hover .rir-gallery__detail {
    display: inline-flex
}

.rir-gallery__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.rir-gallery__actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto
}

.rir-gallery__actions > a {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center
}

.rir-gallery__actions > a:nth-child(odd) {
    opacity: .72
}

.rir-gallery__actions > a:nth-child(odd):hover {
    opacity: 1
}

.rir-gallery__actions > a:nth-child(2) {
    flex: 1 1 auto;
    display: flex;
    justify-content: center
}

.rir-gallery__detail {
    display: none
}

.rir-gallery__count {
    position: absolute;
    background-color: #f6f9fe;
    opacity: .72;
    bottom: 8px;
    margin: 0 auto;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding: 4px
}

.rir-gallery__title {
    position: absolute;
    bottom: -30px
}

.rir-notifications {
    position: fixed;
    bottom: 16px;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 580px;
    width: 100%;
    z-index: 10000
}

.rir-notifications__item {
    margin: 0 auto 8px;
    box-shadow: 0 12px 20px rgba(39, 20, 2, .16);
    border-radius: 28px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.rir-notifications__item:last-of-type {
    margin-bottom: 0
}

.rir-notifications__item.warning {
    background: #fefaf6
}

.rir-notifications__item.warning .rir-notifications__icon path {
    fill: #d06e0b
}

.rir-notifications__item.success {
    background: #c7e6a8
}

.rir-notifications__item.success .rir-notifications__icon path {
    fill: #57a003
}

.rir-notifications__item.error {
    background: #f7cfd5
}

.rir-notifications__item.error .rir-notifications__icon path {
    fill: #e14761
}

.rir-notifications__icon {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.rir-notifications__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    flex: 1 1 auto
}

.rir-circle-progress {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.rir-circle-progress__circle {
    transition-property: stroke-dasharray;
    transition-delay: .35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke: #3d75e4
}

.rir-circle-progress__shadow {
    stroke: #3d75e4;
    opacity: .08
}

.rir-circle-progress__text {
    position: absolute;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.rir-badge {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    max-width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 12px;
    border-radius: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center
}

.rir-badge--dotted {
    display: flex;
    align-items: center
}

.rir-badge--dotted:before {
    content: "";
    display: block;
    height: 7px;
    width: 7px;
    background-color: var(--rir-amelie);
    border-radius: 50%;
    margin-right: 8px
}

.rir-badge__action {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%;
    background-image: linear-gradient(90deg, rgba(129, 171, 238, 0) -18.75%, #81abee);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease
}

.rir-badge__action .rir-icon {
    height: 10px;
    width: 10px;
    cursor: pointer
}

.rir-badge__action .rir-icon svg {
    height: 100%;
    width: 100%
}

.rir-badge:hover .rir-badge__action {
    opacity: 1;
    visibility: visible
}

.file-view[data-v-4f6d9025] {
    position: relative;
    height: 540px;
    display: flex;
    flex-direction: column
}

.file-view__photo[data-v-4f6d9025] {
    height: calc(100% - 104px);
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.file-view__action[data-v-4f6d9025] {
    width: 100%;
    height: 104px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.file-view__name[data-v-4f6d9025] {
    max-width: 600px;
    overflow-wrap: break-word
}