@charset "UTF-8";

[data-rk-vue] ._1pe6tn60 {
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
}

[data-rk-vue] ._1pe6tn61 {
    list-style: none;
}

[data-rk-vue] ._1pe6tn62 {
    quotes: none;
}

[data-rk-vue] ._1pe6tn62:before,
[data-rk-vue] ._1pe6tn62:after {
    content: "";
}

[data-rk-vue] ._1pe6tn63 {
    border-collapse: collapse;
    border-spacing: 0;
}

[data-rk-vue] ._1pe6tn64 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[data-rk-vue] ._1pe6tn65 {
    outline: none;
}

[data-rk-vue] ._1pe6tn65::-moz-placeholder {
    opacity: 1;
}

[data-rk-vue] ._1pe6tn65::placeholder {
    opacity: 1;
}

[data-rk-vue] ._1pe6tn66 {
    background-color: transparent;
    color: inherit;
}

[data-rk-vue] ._1pe6tn67:disabled {
    opacity: 1;
}

[data-rk-vue] ._1pe6tn67::-ms-expand {
    display: none;
}

[data-rk-vue] ._1pe6tn68::-ms-clear {
    display: none;
}

[data-rk-vue] ._1pe6tn68::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

[data-rk-vue] ._1pe6tn69 {
    background: none;
    cursor: pointer;
    text-align: left;
}

[data-rk-vue] ._1pe6tn6a {
    color: inherit;
    text-decoration: none;
}

[data-rk-vue] ._97icra0 {
    align-items: flex-start;
}

[data-rk-vue] ._97icra2 {
    align-items: flex-end;
}

[data-rk-vue] ._97icra4 {
    align-items: center;
}

[data-rk-vue] ._97icra6 {
    display: none;
}

[data-rk-vue] ._97icra8 {
    display: block;
}

[data-rk-vue] ._97icraa {
    display: flex;
}

[data-rk-vue] ._97icrac {
    display: inline;
}

[data-rk-vue] ._97icrae {
    align-self: flex-start;
}

[data-rk-vue] ._97icraf {
    align-self: flex-end;
}

[data-rk-vue] ._97icrag {
    align-self: center;
}

[data-rk-vue] ._97icrah {
    background-size: cover;
}

[data-rk-vue] ._97icrai {
    border-radius: 1px;
}

[data-rk-vue] ._97icraj {
    border-radius: 6px;
}

[data-rk-vue] ._97icrak {
    border-radius: 10px;
}

[data-rk-vue] ._97icral {
    border-radius: 13px;
}

[data-rk-vue] ._97icram {
    border-radius: var(--rk-vue-radii-actionButton);
}

[data-rk-vue] ._97icran {
    border-radius: var(--rk-vue-radii-connectButton);
}

[data-rk-vue] ._97icrao {
    border-radius: var(--rk-vue-radii-menuButton);
}

[data-rk-vue] ._97icrap {
    border-radius: var(--rk-vue-radii-modal);
}

[data-rk-vue] ._97icraq {
    border-radius: var(--rk-vue-radii-modalMobile);
}

[data-rk-vue] ._97icrar {
    border-radius: 25%;
}

[data-rk-vue] ._97icras {
    border-radius: 9999px;
}

[data-rk-vue] ._97icrat {
    border-style: solid;
}

[data-rk-vue] ._97icrau {
    border-width: 0px;
}

[data-rk-vue] ._97icrav {
    border-width: 1px;
}

[data-rk-vue] ._97icraw {
    border-width: 2px;
}

[data-rk-vue] ._97icrax {
    border-width: 4px;
}

[data-rk-vue] ._97icray {
    cursor: pointer;
}

[data-rk-vue] ._97icraz {
    cursor: none;
}

[data-rk-vue] ._97icra10 {
    pointer-events: none;
}

[data-rk-vue] ._97icra11 {
    pointer-events: all;
}

[data-rk-vue] ._97icra12 {
    min-height: 8px;
}

[data-rk-vue] ._97icra13 {
    min-height: 44px;
}

[data-rk-vue] ._97icra14 {
    flex-direction: row;
}

[data-rk-vue] ._97icra15 {
    flex-direction: column;
}

[data-rk-vue] ._97icra16 {
    font-family: var(--rk-vue-fonts-body);
}

[data-rk-vue] ._97icra17 {
    font-size: 12px;
    line-height: 18px;
}

[data-rk-vue] ._97icra18 {
    font-size: 13px;
    line-height: 18px;
}

[data-rk-vue] ._97icra19 {
    font-size: 14px;
    line-height: 18px;
}

[data-rk-vue] ._97icra1a {
    font-size: 16px;
    line-height: 20px;
}

[data-rk-vue] ._97icra1b {
    font-size: 18px;
    line-height: 24px;
}

[data-rk-vue] ._97icra1c {
    font-size: 20px;
    line-height: 24px;
}

[data-rk-vue] ._97icra1d {
    font-size: 23px;
    line-height: 29px;
}

[data-rk-vue] ._97icra1e {
    font-weight: 400;
}

[data-rk-vue] ._97icra1f {
    font-weight: 500;
}

[data-rk-vue] ._97icra1g {
    font-weight: 600;
}

[data-rk-vue] ._97icra1h {
    font-weight: 700;
}

[data-rk-vue] ._97icra1i {
    font-weight: 800;
}

[data-rk-vue] ._97icra1j {
    gap: 0;
}

[data-rk-vue] ._97icra1k {
    gap: 1px;
}

[data-rk-vue] ._97icra1l {
    gap: 2px;
}

[data-rk-vue] ._97icra1m {
    gap: 3px;
}

[data-rk-vue] ._97icra1n {
    gap: 4px;
}

[data-rk-vue] ._97icra1o {
    gap: 5px;
}

[data-rk-vue] ._97icra1p {
    gap: 6px;
}

[data-rk-vue] ._97icra1q {
    gap: 8px;
}

[data-rk-vue] ._97icra1r {
    gap: 10px;
}

[data-rk-vue] ._97icra1s {
    gap: 12px;
}

[data-rk-vue] ._97icra1t {
    gap: 14px;
}

[data-rk-vue] ._97icra1u {
    gap: 16px;
}

[data-rk-vue] ._97icra1v {
    gap: 18px;
}

[data-rk-vue] ._97icra1w {
    gap: 20px;
}

[data-rk-vue] ._97icra1x {
    gap: 24px;
}

[data-rk-vue] ._97icra1y {
    gap: 28px;
}

[data-rk-vue] ._97icra1z {
    gap: 32px;
}

[data-rk-vue] ._97icra20 {
    gap: 36px;
}

[data-rk-vue] ._97icra21 {
    gap: 44px;
}

[data-rk-vue] ._97icra22 {
    gap: 64px;
}

[data-rk-vue] ._97icra23 {
    gap: -1px;
}

[data-rk-vue] ._97icra24 {
    height: 1px;
}

[data-rk-vue] ._97icra25 {
    height: 2px;
}

[data-rk-vue] ._97icra26 {
    height: 4px;
}

[data-rk-vue] ._97icra27 {
    height: 8px;
}

[data-rk-vue] ._97icra28 {
    height: 12px;
}

[data-rk-vue] ._97icra29 {
    height: 20px;
}

[data-rk-vue] ._97icra2a {
    height: 24px;
}

[data-rk-vue] ._97icra2b {
    height: 28px;
}

[data-rk-vue] ._97icra2c {
    height: 30px;
}

[data-rk-vue] ._97icra2d {
    height: 32px;
}

[data-rk-vue] ._97icra2e {
    height: 34px;
}

[data-rk-vue] ._97icra2f {
    height: 36px;
}

[data-rk-vue] ._97icra2g {
    height: 40px;
}

[data-rk-vue] ._97icra2h {
    height: 44px;
}

[data-rk-vue] ._97icra2i {
    height: 48px;
}

[data-rk-vue] ._97icra2j {
    height: 54px;
}

[data-rk-vue] ._97icra2k {
    height: 60px;
}

[data-rk-vue] ._97icra2l {
    height: 200px;
}

[data-rk-vue] ._97icra2m {
    height: 100%;
}

[data-rk-vue] ._97icra2n {
    height: -moz-max-content;
    height: max-content;
}

[data-rk-vue] ._97icra2o {
    justify-content: flex-start;
}

[data-rk-vue] ._97icra2p {
    justify-content: flex-end;
}

[data-rk-vue] ._97icra2q {
    justify-content: center;
}

[data-rk-vue] ._97icra2r {
    justify-content: space-between;
}

[data-rk-vue] ._97icra2s {
    justify-content: space-around;
}

[data-rk-vue] ._97icra2t {
    text-align: left;
}

[data-rk-vue] ._97icra2u {
    text-align: center;
}

[data-rk-vue] ._97icra2v {
    text-align: inherit;
}

[data-rk-vue] ._97icra2w {
    margin-bottom: 0;
}

[data-rk-vue] ._97icra2x {
    margin-bottom: 1px;
}

[data-rk-vue] ._97icra2y {
    margin-bottom: 2px;
}

[data-rk-vue] ._97icra2z {
    margin-bottom: 3px;
}

[data-rk-vue] ._97icra30 {
    margin-bottom: 4px;
}

[data-rk-vue] ._97icra31 {
    margin-bottom: 5px;
}

[data-rk-vue] ._97icra32 {
    margin-bottom: 6px;
}

[data-rk-vue] ._97icra33 {
    margin-bottom: 8px;
}

[data-rk-vue] ._97icra34 {
    margin-bottom: 10px;
}

[data-rk-vue] ._97icra35 {
    margin-bottom: 12px;
}

[data-rk-vue] ._97icra36 {
    margin-bottom: 14px;
}

[data-rk-vue] ._97icra37 {
    margin-bottom: 16px;
}

[data-rk-vue] ._97icra38 {
    margin-bottom: 18px;
}

[data-rk-vue] ._97icra39 {
    margin-bottom: 20px;
}

[data-rk-vue] ._97icra3a {
    margin-bottom: 24px;
}

[data-rk-vue] ._97icra3b {
    margin-bottom: 28px;
}

[data-rk-vue] ._97icra3c {
    margin-bottom: 32px;
}

[data-rk-vue] ._97icra3d {
    margin-bottom: 36px;
}

[data-rk-vue] ._97icra3e {
    margin-bottom: 44px;
}

[data-rk-vue] ._97icra3f {
    margin-bottom: 64px;
}

[data-rk-vue] ._97icra3g {
    margin-bottom: -1px;
}

[data-rk-vue] ._97icra3h {
    margin-left: 0;
}

[data-rk-vue] ._97icra3i {
    margin-left: 1px;
}

[data-rk-vue] ._97icra3j {
    margin-left: 2px;
}

[data-rk-vue] ._97icra3k {
    margin-left: 3px;
}

[data-rk-vue] ._97icra3l {
    margin-left: 4px;
}

[data-rk-vue] ._97icra3m {
    margin-left: 5px;
}

[data-rk-vue] ._97icra3n {
    margin-left: 6px;
}

[data-rk-vue] ._97icra3o {
    margin-left: 8px;
}

[data-rk-vue] ._97icra3p {
    margin-left: 10px;
}

[data-rk-vue] ._97icra3q {
    margin-left: 12px;
}

[data-rk-vue] ._97icra3r {
    margin-left: 14px;
}

[data-rk-vue] ._97icra3s {
    margin-left: 16px;
}

[data-rk-vue] ._97icra3t {
    margin-left: 18px;
}

[data-rk-vue] ._97icra3u {
    margin-left: 20px;
}

[data-rk-vue] ._97icra3v {
    margin-left: 24px;
}

[data-rk-vue] ._97icra3w {
    margin-left: 28px;
}

[data-rk-vue] ._97icra3x {
    margin-left: 32px;
}

[data-rk-vue] ._97icra3y {
    margin-left: 36px;
}

[data-rk-vue] ._97icra3z {
    margin-left: 44px;
}

[data-rk-vue] ._97icra40 {
    margin-left: 64px;
}

[data-rk-vue] ._97icra41 {
    margin-left: -1px;
}

[data-rk-vue] ._97icra42 {
    margin-right: 0;
}

[data-rk-vue] ._97icra43 {
    margin-right: 1px;
}

[data-rk-vue] ._97icra44 {
    margin-right: 2px;
}

[data-rk-vue] ._97icra45 {
    margin-right: 3px;
}

[data-rk-vue] ._97icra46 {
    margin-right: 4px;
}

[data-rk-vue] ._97icra47 {
    margin-right: 5px;
}

[data-rk-vue] ._97icra48 {
    margin-right: 6px;
}

[data-rk-vue] ._97icra49 {
    margin-right: 8px;
}

[data-rk-vue] ._97icra4a {
    margin-right: 10px;
}

[data-rk-vue] ._97icra4b {
    margin-right: 12px;
}

[data-rk-vue] ._97icra4c {
    margin-right: 14px;
}

[data-rk-vue] ._97icra4d {
    margin-right: 16px;
}

[data-rk-vue] ._97icra4e {
    margin-right: 18px;
}

[data-rk-vue] ._97icra4f {
    margin-right: 20px;
}

[data-rk-vue] ._97icra4g {
    margin-right: 24px;
}

[data-rk-vue] ._97icra4h {
    margin-right: 28px;
}

[data-rk-vue] ._97icra4i {
    margin-right: 32px;
}

[data-rk-vue] ._97icra4j {
    margin-right: 36px;
}

[data-rk-vue] ._97icra4k {
    margin-right: 44px;
}

[data-rk-vue] ._97icra4l {
    margin-right: 64px;
}

[data-rk-vue] ._97icra4m {
    margin-right: -1px;
}

[data-rk-vue] ._97icra4n {
    margin-top: 0;
}

[data-rk-vue] ._97icra4o {
    margin-top: 1px;
}

[data-rk-vue] ._97icra4p {
    margin-top: 2px;
}

[data-rk-vue] ._97icra4q {
    margin-top: 3px;
}

[data-rk-vue] ._97icra4r {
    margin-top: 4px;
}

[data-rk-vue] ._97icra4s {
    margin-top: 5px;
}

[data-rk-vue] ._97icra4t {
    margin-top: 6px;
}

[data-rk-vue] ._97icra4u {
    margin-top: 8px;
}

[data-rk-vue] ._97icra4v {
    margin-top: 10px;
}

[data-rk-vue] ._97icra4w {
    margin-top: 12px;
}

[data-rk-vue] ._97icra4x {
    margin-top: 14px;
}

[data-rk-vue] ._97icra4y {
    margin-top: 16px;
}

[data-rk-vue] ._97icra4z {
    margin-top: 18px;
}

[data-rk-vue] ._97icra50 {
    margin-top: 20px;
}

[data-rk-vue] ._97icra51 {
    margin-top: 24px;
}

[data-rk-vue] ._97icra52 {
    margin-top: 28px;
}

[data-rk-vue] ._97icra53 {
    margin-top: 32px;
}

[data-rk-vue] ._97icra54 {
    margin-top: 36px;
}

[data-rk-vue] ._97icra55 {
    margin-top: 44px;
}

[data-rk-vue] ._97icra56 {
    margin-top: 64px;
}

[data-rk-vue] ._97icra57 {
    margin-top: -1px;
}

[data-rk-vue] ._97icra58 {
    max-width: 1px;
}

[data-rk-vue] ._97icra59 {
    max-width: 2px;
}

[data-rk-vue] ._97icra5a {
    max-width: 4px;
}

[data-rk-vue] ._97icra5b {
    max-width: 8px;
}

[data-rk-vue] ._97icra5c {
    max-width: 12px;
}

[data-rk-vue] ._97icra5d {
    max-width: 20px;
}

[data-rk-vue] ._97icra5e {
    max-width: 24px;
}

[data-rk-vue] ._97icra5f {
    max-width: 28px;
}

[data-rk-vue] ._97icra5g {
    max-width: 30px;
}

[data-rk-vue] ._97icra5h {
    max-width: 32px;
}

[data-rk-vue] ._97icra5i {
    max-width: 34px;
}

[data-rk-vue] ._97icra5j {
    max-width: 36px;
}

[data-rk-vue] ._97icra5k {
    max-width: 40px;
}

[data-rk-vue] ._97icra5l {
    max-width: 44px;
}

[data-rk-vue] ._97icra5m {
    max-width: 48px;
}

[data-rk-vue] ._97icra5n {
    max-width: 54px;
}

[data-rk-vue] ._97icra5o {
    max-width: 60px;
}

[data-rk-vue] ._97icra5p {
    max-width: 200px;
}

[data-rk-vue] ._97icra5q {
    max-width: 100%;
}

[data-rk-vue] ._97icra5r {
    max-width: -moz-max-content;
    max-width: max-content;
}

[data-rk-vue] ._97icra5s {
    min-width: 1px;
}

[data-rk-vue] ._97icra5t {
    min-width: 2px;
}

[data-rk-vue] ._97icra5u {
    min-width: 4px;
}

[data-rk-vue] ._97icra5v {
    min-width: 8px;
}

[data-rk-vue] ._97icra5w {
    min-width: 12px;
}

[data-rk-vue] ._97icra5x {
    min-width: 20px;
}

[data-rk-vue] ._97icra5y {
    min-width: 24px;
}

[data-rk-vue] ._97icra5z {
    min-width: 28px;
}

[data-rk-vue] ._97icra60 {
    min-width: 30px;
}

[data-rk-vue] ._97icra61 {
    min-width: 32px;
}

[data-rk-vue] ._97icra62 {
    min-width: 34px;
}

[data-rk-vue] ._97icra63 {
    min-width: 36px;
}

[data-rk-vue] ._97icra64 {
    min-width: 40px;
}

[data-rk-vue] ._97icra65 {
    min-width: 44px;
}

[data-rk-vue] ._97icra66 {
    min-width: 48px;
}

[data-rk-vue] ._97icra67 {
    min-width: 54px;
}

[data-rk-vue] ._97icra68 {
    min-width: 60px;
}

[data-rk-vue] ._97icra69 {
    min-width: 200px;
}

[data-rk-vue] ._97icra6a {
    min-width: 100%;
}

[data-rk-vue] ._97icra6b {
    min-width: -moz-max-content;
    min-width: max-content;
}

[data-rk-vue] ._97icra6c {
    overflow: hidden;
}

[data-rk-vue] ._97icra6d {
    padding-bottom: 0;
}

[data-rk-vue] ._97icra6e {
    padding-bottom: 1px;
}

[data-rk-vue] ._97icra6f {
    padding-bottom: 2px;
}

[data-rk-vue] ._97icra6g {
    padding-bottom: 3px;
}

[data-rk-vue] ._97icra6h {
    padding-bottom: 4px;
}

[data-rk-vue] ._97icra6i {
    padding-bottom: 5px;
}

[data-rk-vue] ._97icra6j {
    padding-bottom: 6px;
}

[data-rk-vue] ._97icra6k {
    padding-bottom: 8px;
}

[data-rk-vue] ._97icra6l {
    padding-bottom: 10px;
}

[data-rk-vue] ._97icra6m {
    padding-bottom: 12px;
}

[data-rk-vue] ._97icra6n {
    padding-bottom: 14px;
}

[data-rk-vue] ._97icra6o {
    padding-bottom: 16px;
}

[data-rk-vue] ._97icra6p {
    padding-bottom: 18px;
}

[data-rk-vue] ._97icra6q {
    padding-bottom: 20px;
}

[data-rk-vue] ._97icra6r {
    padding-bottom: 24px;
}

[data-rk-vue] ._97icra6s {
    padding-bottom: 28px;
}

[data-rk-vue] ._97icra6t {
    padding-bottom: 32px;
}

[data-rk-vue] ._97icra6u {
    padding-bottom: 36px;
}

[data-rk-vue] ._97icra6v {
    padding-bottom: 44px;
}

[data-rk-vue] ._97icra6w {
    padding-bottom: 64px;
}

[data-rk-vue] ._97icra6x {
    padding-bottom: -1px;
}

[data-rk-vue] ._97icra6y {
    padding-left: 0;
}

[data-rk-vue] ._97icra6z {
    padding-left: 1px;
}

[data-rk-vue] ._97icra70 {
    padding-left: 2px;
}

[data-rk-vue] ._97icra71 {
    padding-left: 3px;
}

[data-rk-vue] ._97icra72 {
    padding-left: 4px;
}

[data-rk-vue] ._97icra73 {
    padding-left: 5px;
}

[data-rk-vue] ._97icra74 {
    padding-left: 6px;
}

[data-rk-vue] ._97icra75 {
    padding-left: 8px;
}

[data-rk-vue] ._97icra76 {
    padding-left: 10px;
}

[data-rk-vue] ._97icra77 {
    padding-left: 12px;
}

[data-rk-vue] ._97icra78 {
    padding-left: 14px;
}

[data-rk-vue] ._97icra79 {
    padding-left: 16px;
}

[data-rk-vue] ._97icra7a {
    padding-left: 18px;
}

[data-rk-vue] ._97icra7b {
    padding-left: 20px;
}

[data-rk-vue] ._97icra7c {
    padding-left: 24px;
}

[data-rk-vue] ._97icra7d {
    padding-left: 28px;
}

[data-rk-vue] ._97icra7e {
    padding-left: 32px;
}

[data-rk-vue] ._97icra7f {
    padding-left: 36px;
}

[data-rk-vue] ._97icra7g {
    padding-left: 44px;
}

[data-rk-vue] ._97icra7h {
    padding-left: 64px;
}

[data-rk-vue] ._97icra7i {
    padding-left: -1px;
}

[data-rk-vue] ._97icra7j {
    padding-right: 0;
}

[data-rk-vue] ._97icra7k {
    padding-right: 1px;
}

[data-rk-vue] ._97icra7l {
    padding-right: 2px;
}

[data-rk-vue] ._97icra7m {
    padding-right: 3px;
}

[data-rk-vue] ._97icra7n {
    padding-right: 4px;
}

[data-rk-vue] ._97icra7o {
    padding-right: 5px;
}

[data-rk-vue] ._97icra7p {
    padding-right: 6px;
}

[data-rk-vue] ._97icra7q {
    padding-right: 8px;
}

[data-rk-vue] ._97icra7r {
    padding-right: 10px;
}

[data-rk-vue] ._97icra7s {
    padding-right: 12px;
}

[data-rk-vue] ._97icra7t {
    padding-right: 14px;
}

[data-rk-vue] ._97icra7u {
    padding-right: 16px;
}

[data-rk-vue] ._97icra7v {
    padding-right: 18px;
}

[data-rk-vue] ._97icra7w {
    padding-right: 20px;
}

[data-rk-vue] ._97icra7x {
    padding-right: 24px;
}

[data-rk-vue] ._97icra7y {
    padding-right: 28px;
}

[data-rk-vue] ._97icra7z {
    padding-right: 32px;
}

[data-rk-vue] ._97icra80 {
    padding-right: 36px;
}

[data-rk-vue] ._97icra81 {
    padding-right: 44px;
}

[data-rk-vue] ._97icra82 {
    padding-right: 64px;
}

[data-rk-vue] ._97icra83 {
    padding-right: -1px;
}

[data-rk-vue] ._97icra84 {
    padding-top: 0;
}

[data-rk-vue] ._97icra85 {
    padding-top: 1px;
}

[data-rk-vue] ._97icra86 {
    padding-top: 2px;
}

[data-rk-vue] ._97icra87 {
    padding-top: 3px;
}

[data-rk-vue] ._97icra88 {
    padding-top: 4px;
}

[data-rk-vue] ._97icra89 {
    padding-top: 5px;
}

[data-rk-vue] ._97icra8a {
    padding-top: 6px;
}

[data-rk-vue] ._97icra8b {
    padding-top: 8px;
}

[data-rk-vue] ._97icra8c {
    padding-top: 10px;
}

[data-rk-vue] ._97icra8d {
    padding-top: 12px;
}

[data-rk-vue] ._97icra8e {
    padding-top: 14px;
}

[data-rk-vue] ._97icra8f {
    padding-top: 16px;
}

[data-rk-vue] ._97icra8g {
    padding-top: 18px;
}

[data-rk-vue] ._97icra8h {
    padding-top: 20px;
}

[data-rk-vue] ._97icra8i {
    padding-top: 24px;
}

[data-rk-vue] ._97icra8j {
    padding-top: 28px;
}

[data-rk-vue] ._97icra8k {
    padding-top: 32px;
}

[data-rk-vue] ._97icra8l {
    padding-top: 36px;
}

[data-rk-vue] ._97icra8m {
    padding-top: 44px;
}

[data-rk-vue] ._97icra8n {
    padding-top: 64px;
}

[data-rk-vue] ._97icra8o {
    padding-top: -1px;
}

[data-rk-vue] ._97icra8p {
    position: absolute;
}

[data-rk-vue] ._97icra8q {
    position: fixed;
}

[data-rk-vue] ._97icra8r {
    position: relative;
}

[data-rk-vue] ._97icra8s {
    -webkit-user-select: none;
}

[data-rk-vue] ._97icra8t {
    right: 0;
}

[data-rk-vue] ._97icra8u {
    transition: 0.125s ease;
}

[data-rk-vue] ._97icra8v {
    transition: transform 0.125s ease;
}

[data-rk-vue] ._97icra8w {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

[data-rk-vue] ._97icra8x {
    width: 1px;
}

[data-rk-vue] ._97icra8y {
    width: 2px;
}

[data-rk-vue] ._97icra8z {
    width: 4px;
}

[data-rk-vue] ._97icra90 {
    width: 8px;
}

[data-rk-vue] ._97icra91 {
    width: 12px;
}

[data-rk-vue] ._97icra92 {
    width: 20px;
}

[data-rk-vue] ._97icra93 {
    width: 24px;
}

[data-rk-vue] ._97icra94 {
    width: 28px;
}

[data-rk-vue] ._97icra95 {
    width: 30px;
}

[data-rk-vue] ._97icra96 {
    width: 32px;
}

[data-rk-vue] ._97icra97 {
    width: 34px;
}

[data-rk-vue] ._97icra98 {
    width: 36px;
}

[data-rk-vue] ._97icra99 {
    width: 40px;
}

[data-rk-vue] ._97icra9a {
    width: 44px;
}

[data-rk-vue] ._97icra9b {
    width: 48px;
}

[data-rk-vue] ._97icra9c {
    width: 54px;
}

[data-rk-vue] ._97icra9d {
    width: 60px;
}

[data-rk-vue] ._97icra9e {
    width: 200px;
}

[data-rk-vue] ._97icra9f {
    width: 100%;
}

[data-rk-vue] ._97icra9g {
    width: -moz-max-content;
    width: max-content;
}

[data-rk-vue] ._97icra9h {
    -webkit-backdrop-filter: var(--rk-vue-blurs-modalOverlay);
    backdrop-filter: var(--rk-vue-blurs-modalOverlay);
}

[data-rk-vue] ._97icra9i,
[data-rk-vue] ._97icra9j:hover,
[data-rk-vue] ._97icra9k:active {
    background: var(--rk-vue-colors-accentColor);
}

[data-rk-vue] ._97icra9l,
[data-rk-vue] ._97icra9m:hover,
[data-rk-vue] ._97icra9n:active {
    background: var(--rk-vue-colors-accentColorForeground);
}

[data-rk-vue] ._97icra9o,
[data-rk-vue] ._97icra9p:hover,
[data-rk-vue] ._97icra9q:active {
    background: var(--rk-vue-colors-actionButtonBorder);
}

[data-rk-vue] ._97icra9r,
[data-rk-vue] ._97icra9s:hover,
[data-rk-vue] ._97icra9t:active {
    background: var(--rk-vue-colors-actionButtonBorderMobile);
}

[data-rk-vue] ._97icra9u,
[data-rk-vue] ._97icra9v:hover,
[data-rk-vue] ._97icra9w:active {
    background: var(--rk-vue-colors-actionButtonSecondaryBackground);
}

[data-rk-vue] ._97icra9x,
[data-rk-vue] ._97icra9y:hover,
[data-rk-vue] ._97icra9z:active {
    background: var(--rk-vue-colors-closeButton);
}

[data-rk-vue] ._97icraa0,
[data-rk-vue] ._97icraa1:hover,
[data-rk-vue] ._97icraa2:active {
    background: var(--rk-vue-colors-closeButtonBackground);
}

[data-rk-vue] ._97icraa3,
[data-rk-vue] ._97icraa4:hover,
[data-rk-vue] ._97icraa5:active {
    background: var(--rk-vue-colors-connectButtonBackground);
}

[data-rk-vue] ._97icraa6,
[data-rk-vue] ._97icraa7:hover,
[data-rk-vue] ._97icraa8:active {
    background: var(--rk-vue-colors-connectButtonBackgroundError);
}

[data-rk-vue] ._97icraa9,
[data-rk-vue] ._97icraaa:hover,
[data-rk-vue] ._97icraab:active {
    background: var(--rk-vue-colors-connectButtonInnerBackground);
}

[data-rk-vue] ._97icraac,
[data-rk-vue] ._97icraad:hover,
[data-rk-vue] ._97icraae:active {
    background: var(--rk-vue-colors-connectButtonText);
}

[data-rk-vue] ._97icraaf,
[data-rk-vue] ._97icraag:hover,
[data-rk-vue] ._97icraah:active {
    background: var(--rk-vue-colors-connectButtonTextError);
}

[data-rk-vue] ._97icraai,
[data-rk-vue] ._97icraaj:hover,
[data-rk-vue] ._97icraak:active {
    background: var(--rk-vue-colors-connectionIndicator);
}

[data-rk-vue] ._97icraal,
[data-rk-vue] ._97icraam:hover,
[data-rk-vue] ._97icraan:active {
    background: var(--rk-vue-colors-downloadBottomCardBackground);
}

[data-rk-vue] ._97icraao,
[data-rk-vue] ._97icraap:hover,
[data-rk-vue] ._97icraaq:active {
    background: var(--rk-vue-colors-downloadTopCardBackground);
}

[data-rk-vue] ._97icraar,
[data-rk-vue] ._97icraas:hover,
[data-rk-vue] ._97icraat:active {
    background: var(--rk-vue-colors-error);
}

[data-rk-vue] ._97icraau,
[data-rk-vue] ._97icraav:hover,
[data-rk-vue] ._97icraaw:active {
    background: var(--rk-vue-colors-generalBorder);
}

[data-rk-vue] ._97icraax,
[data-rk-vue] ._97icraay:hover,
[data-rk-vue] ._97icraaz:active {
    background: var(--rk-vue-colors-generalBorderDim);
}

[data-rk-vue] ._97icrab0,
[data-rk-vue] ._97icrab1:hover,
[data-rk-vue] ._97icrab2:active {
    background: var(--rk-vue-colors-menuItemBackground);
}

[data-rk-vue] ._97icrab3,
[data-rk-vue] ._97icrab4:hover,
[data-rk-vue] ._97icrab5:active {
    background: var(--rk-vue-colors-modalBackdrop);
}

[data-rk-vue] ._97icrab6,
[data-rk-vue] ._97icrab7:hover,
[data-rk-vue] ._97icrab8:active {
    background: var(--rk-vue-colors-modalBackground);
}

[data-rk-vue] ._97icrab9,
[data-rk-vue] ._97icraba:hover,
[data-rk-vue] ._97icrabb:active {
    background: var(--rk-vue-colors-modalBorder);
}

[data-rk-vue] ._97icrabc,
[data-rk-vue] ._97icrabd:hover,
[data-rk-vue] ._97icrabe:active {
    background: var(--rk-vue-colors-modalText);
}

[data-rk-vue] ._97icrabf,
[data-rk-vue] ._97icrabg:hover,
[data-rk-vue] ._97icrabh:active {
    background: var(--rk-vue-colors-modalTextDim);
}

[data-rk-vue] ._97icrabi,
[data-rk-vue] ._97icrabj:hover,
[data-rk-vue] ._97icrabk:active {
    background: var(--rk-vue-colors-modalTextSecondary);
}

[data-rk-vue] ._97icrabl,
[data-rk-vue] ._97icrabm:hover,
[data-rk-vue] ._97icrabn:active {
    background: var(--rk-vue-colors-profileAction);
}

[data-rk-vue] ._97icrabo,
[data-rk-vue] ._97icrabp:hover,
[data-rk-vue] ._97icrabq:active {
    background: var(--rk-vue-colors-profileActionHover);
}

[data-rk-vue] ._97icrabr,
[data-rk-vue] ._97icrabs:hover,
[data-rk-vue] ._97icrabt:active {
    background: var(--rk-vue-colors-profileForeground);
}

[data-rk-vue] ._97icrabu,
[data-rk-vue] ._97icrabv:hover,
[data-rk-vue] ._97icrabw:active {
    background: var(--rk-vue-colors-selectedOptionBorder);
}

[data-rk-vue] ._97icrabx,
[data-rk-vue] ._97icraby:hover,
[data-rk-vue] ._97icrabz:active {
    background: var(--rk-vue-colors-standby);
}

[data-rk-vue] ._97icrac0,
[data-rk-vue] ._97icrac1:hover,
[data-rk-vue] ._97icrac2:active {
    border-color: var(--rk-vue-colors-accentColor);
}

[data-rk-vue] ._97icrac3,
[data-rk-vue] ._97icrac4:hover,
[data-rk-vue] ._97icrac5:active {
    border-color: var(--rk-vue-colors-accentColorForeground);
}

[data-rk-vue] ._97icrac6,
[data-rk-vue] ._97icrac7:hover,
[data-rk-vue] ._97icrac8:active {
    border-color: var(--rk-vue-colors-actionButtonBorder);
}

[data-rk-vue] ._97icrac9,
[data-rk-vue] ._97icraca:hover,
[data-rk-vue] ._97icracb:active {
    border-color: var(--rk-vue-colors-actionButtonBorderMobile);
}

[data-rk-vue] ._97icracc,
[data-rk-vue] ._97icracd:hover,
[data-rk-vue] ._97icrace:active {
    border-color: var(--rk-vue-colors-actionButtonSecondaryBackground);
}

[data-rk-vue] ._97icracf,
[data-rk-vue] ._97icracg:hover,
[data-rk-vue] ._97icrach:active {
    border-color: var(--rk-vue-colors-closeButton);
}

[data-rk-vue] ._97icraci,
[data-rk-vue] ._97icracj:hover,
[data-rk-vue] ._97icrack:active {
    border-color: var(--rk-vue-colors-closeButtonBackground);
}

[data-rk-vue] ._97icracl,
[data-rk-vue] ._97icracm:hover,
[data-rk-vue] ._97icracn:active {
    border-color: var(--rk-vue-colors-connectButtonBackground);
}

[data-rk-vue] ._97icraco,
[data-rk-vue] ._97icracp:hover,
[data-rk-vue] ._97icracq:active {
    border-color: var(--rk-vue-colors-connectButtonBackgroundError);
}

[data-rk-vue] ._97icracr,
[data-rk-vue] ._97icracs:hover,
[data-rk-vue] ._97icract:active {
    border-color: var(--rk-vue-colors-connectButtonInnerBackground);
}

[data-rk-vue] ._97icracu,
[data-rk-vue] ._97icracv:hover,
[data-rk-vue] ._97icracw:active {
    border-color: var(--rk-vue-colors-connectButtonText);
}

[data-rk-vue] ._97icracx,
[data-rk-vue] ._97icracy:hover,
[data-rk-vue] ._97icracz:active {
    border-color: var(--rk-vue-colors-connectButtonTextError);
}

[data-rk-vue] ._97icrad0,
[data-rk-vue] ._97icrad1:hover,
[data-rk-vue] ._97icrad2:active {
    border-color: var(--rk-vue-colors-connectionIndicator);
}

[data-rk-vue] ._97icrad3,
[data-rk-vue] ._97icrad4:hover,
[data-rk-vue] ._97icrad5:active {
    border-color: var(--rk-vue-colors-downloadBottomCardBackground);
}

[data-rk-vue] ._97icrad6,
[data-rk-vue] ._97icrad7:hover,
[data-rk-vue] ._97icrad8:active {
    border-color: var(--rk-vue-colors-downloadTopCardBackground);
}

[data-rk-vue] ._97icrad9,
[data-rk-vue] ._97icrada:hover,
[data-rk-vue] ._97icradb:active {
    border-color: var(--rk-vue-colors-error);
}

[data-rk-vue] ._97icradc,
[data-rk-vue] ._97icradd:hover,
[data-rk-vue] ._97icrade:active {
    border-color: var(--rk-vue-colors-generalBorder);
}

[data-rk-vue] ._97icradf,
[data-rk-vue] ._97icradg:hover,
[data-rk-vue] ._97icradh:active {
    border-color: var(--rk-vue-colors-generalBorderDim);
}

[data-rk-vue] ._97icradi,
[data-rk-vue] ._97icradj:hover,
[data-rk-vue] ._97icradk:active {
    border-color: var(--rk-vue-colors-menuItemBackground);
}

[data-rk-vue] ._97icradl,
[data-rk-vue] ._97icradm:hover,
[data-rk-vue] ._97icradn:active {
    border-color: var(--rk-vue-colors-modalBackdrop);
}

[data-rk-vue] ._97icrado,
[data-rk-vue] ._97icradp:hover,
[data-rk-vue] ._97icradq:active {
    border-color: var(--rk-vue-colors-modalBackground);
}

[data-rk-vue] ._97icradr,
[data-rk-vue] ._97icrads:hover,
[data-rk-vue] ._97icradt:active {
    border-color: var(--rk-vue-colors-modalBorder);
}

[data-rk-vue] ._97icradu,
[data-rk-vue] ._97icradv:hover,
[data-rk-vue] ._97icradw:active {
    border-color: var(--rk-vue-colors-modalText);
}

[data-rk-vue] ._97icradx,
[data-rk-vue] ._97icrady:hover,
[data-rk-vue] ._97icradz:active {
    border-color: var(--rk-vue-colors-modalTextDim);
}

[data-rk-vue] ._97icrae0,
[data-rk-vue] ._97icrae1:hover,
[data-rk-vue] ._97icrae2:active {
    border-color: var(--rk-vue-colors-modalTextSecondary);
}

[data-rk-vue] ._97icrae3,
[data-rk-vue] ._97icrae4:hover,
[data-rk-vue] ._97icrae5:active {
    border-color: var(--rk-vue-colors-profileAction);
}

[data-rk-vue] ._97icrae6,
[data-rk-vue] ._97icrae7:hover,
[data-rk-vue] ._97icrae8:active {
    border-color: var(--rk-vue-colors-profileActionHover);
}

[data-rk-vue] ._97icrae9,
[data-rk-vue] ._97icraea:hover,
[data-rk-vue] ._97icraeb:active {
    border-color: var(--rk-vue-colors-profileForeground);
}

[data-rk-vue] ._97icraec,
[data-rk-vue] ._97icraed:hover,
[data-rk-vue] ._97icraee:active {
    border-color: var(--rk-vue-colors-selectedOptionBorder);
}

[data-rk-vue] ._97icraef,
[data-rk-vue] ._97icraeg:hover,
[data-rk-vue] ._97icraeh:active {
    border-color: var(--rk-vue-colors-standby);
}

[data-rk-vue] ._97icraei,
[data-rk-vue] ._97icraej:hover,
[data-rk-vue] ._97icraek:active {
    box-shadow: var(--rk-vue-shadows-connectButton);
}

[data-rk-vue] ._97icrael,
[data-rk-vue] ._97icraem:hover,
[data-rk-vue] ._97icraen:active {
    box-shadow: var(--rk-vue-shadows-dialog);
}

[data-rk-vue] ._97icraeo,
[data-rk-vue] ._97icraep:hover,
[data-rk-vue] ._97icraeq:active {
    box-shadow: var(--rk-vue-shadows-profileDetailsAction);
}

[data-rk-vue] ._97icraer,
[data-rk-vue] ._97icraes:hover,
[data-rk-vue] ._97icraet:active {
    box-shadow: var(--rk-vue-shadows-selectedOption);
}

[data-rk-vue] ._97icraeu,
[data-rk-vue] ._97icraev:hover,
[data-rk-vue] ._97icraew:active {
    box-shadow: var(--rk-vue-shadows-selectedWallet);
}

[data-rk-vue] ._97icraex,
[data-rk-vue] ._97icraey:hover,
[data-rk-vue] ._97icraez:active {
    box-shadow: var(--rk-vue-shadows-walletLogo);
}

[data-rk-vue] ._97icraf0,
[data-rk-vue] ._97icraf1:hover,
[data-rk-vue] ._97icraf2:active {
    color: var(--rk-vue-colors-accentColor);
}

[data-rk-vue] ._97icraf3,
[data-rk-vue] ._97icraf4:hover,
[data-rk-vue] ._97icraf5:active {
    color: var(--rk-vue-colors-accentColorForeground);
}

[data-rk-vue] ._97icraf6,
[data-rk-vue] ._97icraf7:hover,
[data-rk-vue] ._97icraf8:active {
    color: var(--rk-vue-colors-actionButtonBorder);
}

[data-rk-vue] ._97icraf9,
[data-rk-vue] ._97icrafa:hover,
[data-rk-vue] ._97icrafb:active {
    color: var(--rk-vue-colors-actionButtonBorderMobile);
}

[data-rk-vue] ._97icrafc,
[data-rk-vue] ._97icrafd:hover,
[data-rk-vue] ._97icrafe:active {
    color: var(--rk-vue-colors-actionButtonSecondaryBackground);
}

[data-rk-vue] ._97icraff,
[data-rk-vue] ._97icrafg:hover,
[data-rk-vue] ._97icrafh:active {
    color: var(--rk-vue-colors-closeButton);
}

[data-rk-vue] ._97icrafi,
[data-rk-vue] ._97icrafj:hover,
[data-rk-vue] ._97icrafk:active {
    color: var(--rk-vue-colors-closeButtonBackground);
}

[data-rk-vue] ._97icrafl,
[data-rk-vue] ._97icrafm:hover,
[data-rk-vue] ._97icrafn:active {
    color: var(--rk-vue-colors-connectButtonBackground);
}

[data-rk-vue] ._97icrafo,
[data-rk-vue] ._97icrafp:hover,
[data-rk-vue] ._97icrafq:active {
    color: var(--rk-vue-colors-connectButtonBackgroundError);
}

[data-rk-vue] ._97icrafr,
[data-rk-vue] ._97icrafs:hover,
[data-rk-vue] ._97icraft:active {
    color: var(--rk-vue-colors-connectButtonInnerBackground);
}

[data-rk-vue] ._97icrafu,
[data-rk-vue] ._97icrafv:hover,
[data-rk-vue] ._97icrafw:active {
    color: var(--rk-vue-colors-connectButtonText);
}

[data-rk-vue] ._97icrafx,
[data-rk-vue] ._97icrafy:hover,
[data-rk-vue] ._97icrafz:active {
    color: var(--rk-vue-colors-connectButtonTextError);
}

[data-rk-vue] ._97icrag0,
[data-rk-vue] ._97icrag1:hover,
[data-rk-vue] ._97icrag2:active {
    color: var(--rk-vue-colors-connectionIndicator);
}

[data-rk-vue] ._97icrag3,
[data-rk-vue] ._97icrag4:hover,
[data-rk-vue] ._97icrag5:active {
    color: var(--rk-vue-colors-downloadBottomCardBackground);
}

[data-rk-vue] ._97icrag6,
[data-rk-vue] ._97icrag7:hover,
[data-rk-vue] ._97icrag8:active {
    color: var(--rk-vue-colors-downloadTopCardBackground);
}

[data-rk-vue] ._97icrag9,
[data-rk-vue] ._97icraga:hover,
[data-rk-vue] ._97icragb:active {
    color: var(--rk-vue-colors-error);
}

[data-rk-vue] ._97icragc,
[data-rk-vue] ._97icragd:hover,
[data-rk-vue] ._97icrage:active {
    color: var(--rk-vue-colors-generalBorder);
}

[data-rk-vue] ._97icragf,
[data-rk-vue] ._97icragg:hover,
[data-rk-vue] ._97icragh:active {
    color: var(--rk-vue-colors-generalBorderDim);
}

[data-rk-vue] ._97icragi,
[data-rk-vue] ._97icragj:hover,
[data-rk-vue] ._97icragk:active {
    color: var(--rk-vue-colors-menuItemBackground);
}

[data-rk-vue] ._97icragl,
[data-rk-vue] ._97icragm:hover,
[data-rk-vue] ._97icragn:active {
    color: var(--rk-vue-colors-modalBackdrop);
}

[data-rk-vue] ._97icrago,
[data-rk-vue] ._97icragp:hover,
[data-rk-vue] ._97icragq:active {
    color: var(--rk-vue-colors-modalBackground);
}

[data-rk-vue] ._97icragr,
[data-rk-vue] ._97icrags:hover,
[data-rk-vue] ._97icragt:active {
    color: var(--rk-vue-colors-modalBorder);
}

[data-rk-vue] ._97icragu,
[data-rk-vue] ._97icragv:hover,
[data-rk-vue] ._97icragw:active {
    color: var(--rk-vue-colors-modalText);
}

[data-rk-vue] ._97icragx,
[data-rk-vue] ._97icragy:hover,
[data-rk-vue] ._97icragz:active {
    color: var(--rk-vue-colors-modalTextDim);
}

[data-rk-vue] ._97icrah0,
[data-rk-vue] ._97icrah1:hover,
[data-rk-vue] ._97icrah2:active {
    color: var(--rk-vue-colors-modalTextSecondary);
}

[data-rk-vue] ._97icrah3,
[data-rk-vue] ._97icrah4:hover,
[data-rk-vue] ._97icrah5:active {
    color: var(--rk-vue-colors-profileAction);
}

[data-rk-vue] ._97icrah6,
[data-rk-vue] ._97icrah7:hover,
[data-rk-vue] ._97icrah8:active {
    color: var(--rk-vue-colors-profileActionHover);
}

[data-rk-vue] ._97icrah9,
[data-rk-vue] ._97icraha:hover,
[data-rk-vue] ._97icrahb:active {
    color: var(--rk-vue-colors-profileForeground);
}

[data-rk-vue] ._97icrahc,
[data-rk-vue] ._97icrahd:hover,
[data-rk-vue] ._97icrahe:active {
    color: var(--rk-vue-colors-selectedOptionBorder);
}

[data-rk-vue] ._97icrahf,
[data-rk-vue] ._97icrahg:hover,
[data-rk-vue] ._97icrahh:active {
    color: var(--rk-vue-colors-standby);
}

@media screen and (min-width: 768px) {
    [data-rk-vue] ._97icra1 {
        align-items: flex-start;
    }

    [data-rk-vue] ._97icra3 {
        align-items: flex-end;
    }

    [data-rk-vue] ._97icra5 {
        align-items: center;
    }

    [data-rk-vue] ._97icra7 {
        display: none;
    }

    [data-rk-vue] ._97icra9 {
        display: block;
    }

    [data-rk-vue] ._97icrab {
        display: flex;
    }

    [data-rk-vue] ._97icrad {
        display: inline;
    }
}

[data-rk-vue] .fvo2cv0 {
    max-height: 456px;
    overflow-y: auto;
    overflow-x: hidden;
}

[data-rk-vue] .fvo2cv1 {
    max-height: 456px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
}

[data-rk-vue] .fvo2cv1::-webkit-scrollbar {
    display: none;
}

[data-rk-vue] .ldfh100 {
    background: #fff;
}

[data-rk-vue] .ldfh102 {
    max-height: 454px;
    overflow-y: auto;
}

[data-rk-vue] .ldfh103 {
    min-width: 287px;
}

[data-rk-vue] .ldfh104 {
    min-width: 100%;
}

@keyframes _1xq15pn0 {
    0% {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes _1xq15pn1 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

[data-rk-vue] ._1xq15pn3 {
    animation: _1xq15pn1 0.15s ease;
    bottom: -200px;
    left: -200px;
    padding: 200px;
    right: -200px;
    top: -200px;
    transform: translateZ(0);
    z-index: 2147483646;
}

[data-rk-vue] ._1xq15pn5 {
    animation: _1xq15pn0 0.35s cubic-bezier(0.15, 1.15, 0.6, 1),
        _1xq15pn1 0.15s ease;
    max-width: 100vw;
}

[data-rk-vue] ._1xq15pn7 {
    box-sizing: content-box;
    max-width: 100vw;
    width: 360px;
}

[data-rk-vue] ._1xq15pn8 {
    width: 100vw;
}

[data-rk-vue] ._1xq15pn9 {
    min-width: 720px;
    width: 720px;
}

[data-rk-vue] ._1xq15pna {
    min-width: 368px;
    width: 368px;
}

[data-rk-vue] ._1xq15pnc {
    border-width: 0px;
    box-sizing: border-box;
    width: 100vw;
}

@media screen and (min-width: 768px) {
    [data-rk-vue] ._1xq15pn7 {
        width: 360px;
    }

    [data-rk-vue] ._1xq15pn8 {
        width: 480px;
    }

    [data-rk-vue] ._1xq15pna {
        min-width: 368px;
        width: 368px;
    }
}

@media screen and (max-width: 767px) {
    [data-rk-vue] ._1xq15pnd {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: -200px;
        padding-bottom: 200px;
        top: 200px;
    }
}

@keyframes b2j2x51 {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

[data-rk-vue] .b2j2x52 {
    animation: b2j2x51 3s infinite linear;
}

[data-rk-vue] .b2j2x53 {
    background: conic-gradient(from 180deg at 50% 50%,
            rgba(72, 146, 254, 0) 0deg,
            currentColor 282.04deg,
            rgba(72, 146, 254, 0) 319.86deg,
            rgba(72, 146, 254, 0) 360deg);
    height: 21px;
    width: 21px;
}

[data-rk-vue] .aq28xc0:hover {
    background: unset;
}

@keyframes m1pf4y1 {
    0% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -283;
    }
}

[data-rk-vue] .m1pf4y0 {
    overflow: auto;
    scrollbar-width: none;
    transform: translateZ(0);
}

[data-rk-vue] .m1pf4y0::-webkit-scrollbar {
    display: none;
}

[data-rk-vue] .m1pf4y2 {
    animation: m1pf4y1 1s linear infinite;
    stroke-dasharray: 98 196;
    fill: none;
    stroke-linecap: round;
    stroke-width: 4;
}

[data-rk-vue] .m1pf4y3 {
    position: absolute;
}

[data-rk-vue] ._18ynlnd0 {
    border-color: transparent;
}

[data-rk-vue] .nixeuy1 {
    transform: rotate(230deg);
}

[data-rk-vue] .jsbvj0 {
    border: 1px solid rgba(16, 21, 31, 0.06);
}

[data-rk-vue] .jsbvj1 {
    max-width: -moz-fit-content;
    max-width: fit-content;
}

[data-rk-vue] .rlimf83,
[data-rk-vue] .rlimf83:after {
    --rlimf80: 1;
    --rlimf81: 1;
}

[data-rk-vue] .rlimf83:hover {
    transform: scale(var(--rlimf80));
}

[data-rk-vue] .rlimf83:active {
    transform: scale(var(--rlimf81));
}

[data-rk-vue] .rlimf83:active:after {
    content: "";
    bottom: -1px;
    display: block;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    transform: scale(calc((1 / var(--rlimf81)) * var(--rlimf80)));
}

[data-rk-vue] .rlimf84,
[data-rk-vue] .rlimf84:after {
    --rlimf80: 1.025;
}

[data-rk-vue] .rlimf85,
[data-rk-vue] .rlimf85:after {
    --rlimf80: 1.1;
}

[data-rk-vue] .rlimf86,
[data-rk-vue] .rlimf86:after {
    --rlimf81: 0.95;
}

[data-rk-vue] .rlimf87,
[data-rk-vue] .rlimf87:after {
    --rlimf81: 0.9;
}

:root {
    --danger: rgb(230, 41, 100);
    --dark: rgb(40, 50, 82);
    --info: rgb(3, 152, 226);
    --link: rgb(72, 95, 199);
    --primary: rgb(115, 3, 252);
    --success: rgb(6, 214, 158);
    --warning: rgb(250, 173, 66);
    --white: rgb(255, 255, 255);
    --danger--color-invert: rgb(255, 255, 255);
    --danger--dark-color: rgb(210, 25, 83);
    --danger--light-color: rgb(253, 237, 242);
    --dark--800--lighten: rgb(53, 67, 109);
    --dark--color-invert: rgb(255, 255, 255);
    --info--color-invert: rgb(255, 255, 255);
    --info--dark-color: rgb(3, 135, 201);
    --info--light-color: rgb(235, 248, 255);
    --link--color-invert: rgb(255, 255, 255);
    --link--dark-color: rgb(56, 79, 184);
    --link--light-color: rgb(239, 241, 250);
    --primary--color-invert: rgb(255, 255, 255);
    --primary--dark-color: rgb(118, 8, 252);
    --primary--light-color: rgb(244, 235, 255);
    --success--color-invert: rgb(255, 255, 255);
    --success--dark-color: rgb(4, 144, 106);
    --success--light-color: rgb(235, 254, 249);
    --warning--color-invert: rgba(0, 0, 0, 0.7);
    --warning--dark-color: rgb(144, 85, 4);
    --warning--light-color: rgb(255, 246, 235);
    --white--800--lighten: rgb(255, 255, 255);
}

:root {
    --primary-rgb: 130 23 253;
    --white: #fff;
    --white-smoke: #fcfcfc;
    --placeholder: #cecece;
    --border: #e5e5e5;
    --border-hover: #d4cfcf;
    --dark-text: #283252;
    --medium-text: #757a91;
    --light-text: #a2a5b9;
    --widget-grey: #f5f6fa;
    --fade-grey: #ededed;
    --dark-border: #393945;
    --body-color: #f9f9f9;
    --title-grey: #a9abac;
    --background-grey: #f0f0f0;
    --background-blue: #0e0e23;
    --medium-grey: #ddd;
    --light-grey: #eee;
    --primary--color-invert: white;
    --bg-trade: #131313;
    --bg-trade-border: rgba(255, 255, 255, 0.1);
    --bg-main: #131313;
    --bg-main-grey: #1a1a1a;
    --bg-main-border: rgba(255, 255, 255, 0.33);
    --bg-main-grey-o1: #1a1a1a60;
    --bg-main-grey-o2: #1a1a1a90;
    --bg-main-boxshadow: #101010;
    --bg-main-darker: #00000033;
    --bg-main-sidebar: rgba(21, 24, 29, 0.15);
    --bg-main-sidebar2: rgba(75, 72, 84, 0.841);
    --bg-main-radial1: linear-gradient(rgb(21, 24, 29) 0%,
            rgba(21, 24, 29, 0.33) 420px);
    --bg-main-radial2: linear-gradient(rgb(24, 27, 34) 0%,
            rgb(24, 27, 34, 0.11) 55px);
    --bg-main-radial3: linear-gradient(rgb(15, 18, 24) 0%, #131313 300px);
    --el-popover-bg-color: var(--bg-main) !important;
    --el-bg-color-overlay: var(--bg-main) !important;
    --placeload-nuance-from: rgb(0 0 0 / 7%);
    --placeload-nuance-to: rgb(0 0 0 / 15%);
    --placeload-dark-nuance-from: rgb(24, 27, 34);
    --placeload-dark-nuance-to: rgb(24, 27, 34, 0.11);
    --primary-h: 235;
    --primary-s: 100%;
    --primary-l: 59%;
    --primary-h: 267;
    --primary-s: 98%;
    --primary-l: 50%;
    --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
    --secondary-h: 221;
    --secondary-s: 99%;
    --secondary-l: 59%;
    --secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));
    --success-h: 162;
    --success-s: 56%;
    --success-l: 50%;
    --success: hsl(var(--success-h) var(--success-s) var(--success-l));
    --info-h: 200;
    --info-s: 97%;
    --info-l: 45%;
    --info: hsl(var(--info-h) var(--info-s) var(--info-l));
    --warning-h: 35;
    --warning-s: 95%;
    --warning-l: 62%;
    --warning: hsl(var(--warning-h) var(--warning-s) var(--warning-l));
    --danger-h: 341;
    --danger-s: 79%;
    --danger-l: 53%;
    --danger: hsl(var(--danger-h) var(--danger-s) var(--danger-l));
    --dark-bg-h: 240;
    --dark-bg-s: 4%;
    --dark-bg-l: 14%;
    --dark-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) var(--dark-bg-l));
    --dark-h: 217;
    --dark-s: 24%;
    --dark-l: 19%;
    --dark: hsl(var(--dark-h) var(--dark-s) var(--dark-l));
    --night-h: 240;
    --night-s: 33%;
    --night-l: 6%;
    --night: hsl(var(--night-h) var(--night-s) var(--night-l));
    --purple-h: 261;
    --purple-s: 32%;
    --purple-l: 55%;
    --purple: hsl(var(--purple-h) var(--purple-s) var(--purple-l));
    --blue-h: 198;
    --blue-s: 100%;
    --blue-l: 61%;
    --blue: hsl(var(--blue-h) var(--blue-s) var(--blue-l));
    --red-h: 345;
    --red-s: 94%;
    --red-l: 57%;
    --red: hsl(var(--red-h) var(--red-s) var(--red-l));
    --yellow-h: 43;
    --yellow-s: 100%;
    --yellow-l: 72%;
    --yellow: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l));
    --green-h: 113;
    --green-s: 59%;
    --green-l: 71%;
    --green: hsl(var(--green-h) var(--green-s) var(--green-l));
    --light-text-h: 232;
    --light-text-s: 14%;
    --light-text-l: 68%;
    --light-text: hsl(var(--light-text-h) var(--light-text-s) var(--light-text-l));
    --medium-text-h: 229;
    --medium-text-s: 11%;
    --medium-text-l: 51%;
    --medium-text: hsl(var(--medium-text-h) var(--medium-text-s) var(--medium-text-l));
    --dark-text-h: 226;
    --dark-text-s: 34%;
    --dark-text-l: 24%;
    --dark-text: hsl(var(--dark-text-h) var(--dark-text-s) var(--dark-text-l));
    --dark-sidebar-h: 240;
    --dark-sidebar-s: 43%;
    --dark-sidebar-l: 10%;
    --dark-sidebar: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) var(--dark-sidebar-l));
    --sidebar-h: 217;
    --sidebar-s: 26%;
    --sidebar-l: 27%;
    --sidebar: hsl(var(--sidebar-h) var(--sidebar-s) var(--sidebar-l));
    --primary-grey-h: 0;
    --primary-grey-s: 0%;
    --primary-grey-l: 80%;
    --primary-grey: hsl(var(--primary-grey-h) var(--primary-grey-s) var(--primary-grey-l));
    --orange-h: 19;
    --orange-s: 100%;
    --orange-l: 75%;
    --orange: hsl(var(--orange-h) var(--orange-s) var(--orange-l));
    --pink-h: 344;
    --pink-s: 100%;
    --pink-l: 81%;
    --pink: hsl(var(--pink-h) var(--pink-s) var(--pink-l));
    --light-blue-h: 196;
    --light-blue-s: 84%;
    --light-blue-l: 71%;
    --light-blue: hsl(var(--light-blue-h) var(--light-blue-s) var(--light-blue-l));
    --lime-h: 168;
    --lime-s: 56%;
    --lime-l: 72%;
    --lime: hsl(var(--lime-h) var(--lime-s) var(--lime-l));
    --link-h: 229;
    --link-s: 53%;
    --link-l: 53%;
    --link: hsl(var(--link-h) var(--link-s) var(--link-l));
    --smoke-white-h: 0;
    --smoke-white-s: 0%;
    --smoke-white-l: 99%;
    --smoke-white: hsl(var(--smoke-white-h) var(--smoke-white-s) var(--smoke-white-l));
    --muted-grey-h: 0;
    --muted-grey-s: 0%;
    --muted-grey-l: 60%;
    --muted-grey: hsl(var(--muted-grey-h) var(--muted-grey-s) var(--muted-grey-l));
    --dark-dark-text-h: 240;
    --dark-dark-text-s: 6%;
    --dark-dark-text-l: 68%;
    --dark-dark-text: hsl(var(--dark-dark-text-h) var(--dark-dark-text-s) var(--dark-dark-text-l));
    --landing-xxx-h: 225;
    --landing-xxx-s: 25%;
    --landing-xxx-l: 6%;
    --landing-xxx: hsl(var(--landing-xxx-h) var(--landing-xxx-s) var(--landing-xxx-l));
    --landing-yyy-h: 230;
    --landing-yyy-s: 26%;
    --landing-yyy-l: 13%;
    --landing-yyy: hsl(var(--landing-yyy-h) var(--landing-yyy-s) var(--landing-yyy-l));
    --radius: 4px;
    --radius-large: 6px;
    --radius-rounded: 9999px;
}

:root {
    --base-shadow: rgb(0 0 0 / 12%);
    --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
    --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
    --light-box-shadow-lg: 0 15px 35px rgb(50 50 93 / 10%),
        0 5px 15px rgb(0 0 0 / 7%);
    --spread-shadow: 0 0.25rem 1.875rem rgb(42 53 79 / 17%);
    --primary-shadow-from: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / 42%);
    --primary-shadow-to: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / 20%);
    --primary-box-shadow: 0 14px 26px -12px var(--primary-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
    --secondary-shadow-from: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / 42%);
    --secondary-shadow-to: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / 20%);
    --secondary-box-shadow: 0 14px 26px -12px var(--secondary-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
    --danger-shadow-from: hsl(var(--danger-h) var(--danger-s) var(--danger-l) / 42%);
    --danger-shadow-to: hsl(var(--danger-h) var(--danger-s) var(--danger-l) / 20%);
    --danger-box-shadow: 0 14px 26px -12px var(--danger-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
    --warning-shadow-from: hsl(var(--warning-h) var(--warning-s) var(--warning-l) / 42%);
    --warning-shadow-to: hsl(var(--warning-h) var(--warning-s) var(--warning-l) / 20%);
    --warning-box-shadow: 0 14px 26px -12px var(--warning-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
    --info-shadow-from: hsl(var(--info-h) var(--info-s) var(--info-l) / 42%);
    --info-shadow-to: hsl(var(--info-h) var(--info-s) var(--info-l) / 20%);
    --info-box-shadow: 0 14px 26px -12px var(--info-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
    --success-shadow-from: hsl(var(--success-h) var(--success-s) var(--success-l) / 42%);
    --success-shadow-to: hsl(var(--success-h) var(--success-s) var(--success-l) / 20%);
    --success-box-shadow: 0 14px 26px -12px var(--success-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
    --purple-shadow-from: hsl(var(--purple-h) var(--purple-s) var(--purple-l) / 42%);
    --purple-shadow-to: hsl(var(--purple-h) var(--purple-s) var(--purple-l) / 20%);
    --purple-box-shadow: 0 14px 26px -12px var(--purple-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
    --blue-shadow-from: hsl(var(--blue-h) var(--blue-s) var(--blue-l) / 42%);
    --blue-shadow-to: hsl(var(--blue-h) var(--blue-s) var(--blue-l) / 20%);
    --blue-box-shadow: 0 14px 26px -12px var(--blue-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
    --red-shadow-from: hsl(var(--red-h) var(--red-s) var(--red-l) / 42%);
    --red-shadow-to: hsl(var(--red-h) var(--red-s) var(--red-l) / 20%);
    --red-box-shadow: 0 14px 26px -12px var(--red-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
    --orange-shadow-from: hsl(var(--orange-h) var(--orange-s) var(--orange-l) / 42%);
    --orange-shadow-to: hsl(var(--orange-h) var(--orange-s) var(--orange-l) / 20%);
    --orange-box-shadow: 0 14px 26px -12px var(--orange-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
    --yellow-shadow-from: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l) / 42%);
    --yellow-shadow-to: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l) / 20%);
    --yellow-box-shadow: 0 14px 26px -12px var(--yellow-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
    --green-shadow-from: hsl(var(--green-h) var(--green-s) var(--green-l) / 42%);
    --green-shadow-to: hsl(var(--green-h) var(--green-s) var(--green-l) / 20%);
    --green-box-shadow: 0 14px 26px -12px var(--green-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
    --github-shadow-from: hsl(var(--github-h) var(--github-s) var(--github-l) / 42%);
    --github-shadow-to: hsl(var(--github-h) var(--github-s) var(--github-l) / 20%);
    --github-box-shadow: 0 14px 26px -12px var(--github-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--github-shadow-to) !important;
    --invision-shadow-from: hsl(var(--invision-h) var(--invision-s) var(--invision-l) / 42%);
    --invision-shadow-to: hsl(var(--invision-h) var(--invision-s) var(--invision-l) / 20%);
    --invision-box-shadow: 0 14px 26px -12px var(--invision-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--invision-shadow-to) !important;
    --facebook-shadow-from: hsl(var(--facebook-h) var(--facebook-s) var(--facebook-l) / 42%);
    --facebook-shadow-to: hsl(var(--facebook-h) var(--facebook-s) var(--facebook-l) / 20%);
    --facebook-box-shadow: 0 14px 26px -12px var(--facebook-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--facebook-shadow-to) !important;
    --amazon-shadow-from: hsl(var(--amazon-h) var(--amazon-s) var(--amazon-l) / 42%);
    --amazon-shadow-to: hsl(var(--amazon-h) var(--amazon-s) var(--amazon-l) / 20%);
    --amazon-box-shadow: 0 14px 26px -12px var(--amazon-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--amazon-shadow-to) !important;
    --twitter-shadow-from: hsl(var(--twitter-h) var(--twitter-s) var(--twitter-l) / 42%);
    --twitter-shadow-to: hsl(var(--twitter-h) var(--twitter-s) var(--twitter-l) / 20%);
    --twitter-box-shadow: 0 14px 26px -12px var(--twitter-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--twitter-shadow-to) !important;
    --angular-shadow-from: hsl(var(--angular-h) var(--angular-s) var(--angular-l) / 42%);
    --angular-shadow-to: hsl(var(--angular-h) var(--angular-s) var(--angular-l) / 20%);
    --angular-box-shadow: 0 14px 26px -12px var(--angular-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--angular-shadow-to) !important;
    --linkedin-shadow-from: hsl(var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 42%);
    --linkedin-shadow-to: hsl(var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 20%);
    --linkedin-box-shadow: 0 14px 26px -12px var(--linkedin-shadow-from),
        0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--linkedin-shadow-to) !important;
    --font: "DINPRO-Regular", sans-serif;
    --font-bold: "DINPRO-Bold", sans-serif;
    --font-medium: "DINPRO-Medium", sans-serif;
    --font-light: "DINPRO-Light", sans-serif;
    --font-monospace: "Fira Code", monospace;
    --font-size: 14px;
}

:root {
    --html-bg-color: var(--white);
}

:root.is-dark {
    --html-bg-color: var(--bg-dark-main-light-3);
    color-scheme: dark;
}

:root {
    --avatar-border-color: var(--white);
    --avatar-counter-bg-color: var(--widget-grey);
    --avatar-counter-color: var(--dark-text);
}

.is-dark {
    --avatar-border-color: var(--bg-dark-main-light-8);
    --avatar-counter-bg-color: var(--bg-dark-main-light-4);
    --avatar-counter-color: var(--light-text);
}

:root {
    --button-base-color: var(--dark-text);
    --button-base-bg-color: var(--white);
    --button-base-border-color: var(--border);
    --button-base-border-color-hover: var(--border-hover);
    --button-base-shadow: var(--light-box-shadow);
    --button-light-color: var(--dark-text);
    --button-light-color-inverted: var(--white);
    --button-light-bg-color: var(--widget-grey);
    --button-light-bg-color-inverted: var(--white);
    --button-light-border-color: var(--widget-grey);
    --button-light-border-color-inverted: var(--white);
    --button-primary-color: var(--white);
    --button-primary-color-inverted: var(--primary);
    --button-primary-bg-color: var(--primary);
    --button-primary-bg-color-hover: var(--primary-light-4);
    --button-primary-border-color: var(--primary);
    --button-primary-border-color-hover: var(--primary-light-4);
    --button-secondary-color: var(--white);
    --button-secondary-color-inverted: var(--secondary);
    --button-secondary-bg-color: var(--secondary);
    --button-secondary-bg-color-hover: var(--secondary-light-4);
    --button-secondary-border-color: var(--secondary);
    --button-secondary-border-color-hover: var(--secondary-light-4);
    --button-success-color: var(--white);
    --button-success-color-inverted: var(--success);
    --button-success-bg-color: var(--success);
    --button-success-bg-color-hover: var(--success-light-4);
    --button-success-border-color: var(--success);
    --button-success-border-color-hover: var(--success-light-4);
    --button-info-color: var(--white);
    --button-info-color-inverted: var(--info);
    --button-info-bg-color: var(--info);
    --button-info-bg-color-hover: var(--info-light-4);
    --button-info-border-color: var(--info);
    --button-info-border-color-hover: var(--info-light-4);
    --button-warning-color: var(--white);
    --button-warning-color-inverted: var(--warning);
    --button-warning-bg-color: var(--warning);
    --button-warning-bg-color-hover: var(--warning-light-4);
    --button-warning-border-color: var(--warning);
    --button-warning-border-color-hover: var(--warning-light-4);
    --button-danger-color: var(--white);
    --button-danger-color-inverted: var(--danger);
    --button-danger-bg-color: var(--danger);
    --button-danger-bg-color-hover: var(--danger-light-4);
    --button-danger-border-color: var(--danger);
    --button-danger-border-color-hover: var(--danger-light-4);
}

.is-dark {
    --button-base-color: var(--white-smoke);
    --button-base-bg-color: var(--bg-dark-main-light-6);
    --button-base-border-color: var(--bg-dark-main-light-14);
    --button-base-border-color-hover: var(--bg-dark-main-light-24);
    --button-light-color: var(--white-smoke);
    --button-light-bg-color: var(--bg-dark-main-light-10);
    --button-light-border-color: var(--bg-dark-main-light-10);
    --button-light-color-inverted-hover: var(--dark-text);
}

:root {
    --card-bg-color: var(--white);
    --card-border-color: var(--border);
}

.is-dark {
    --card-bg-color: var(--bg-dark-main-light-4);
    --card-border-color: var(--bg-dark-main-light-12);
}

:root {
    --icon-bg-color: var(--widget-grey);
    --icon-primary-bg-color: var(--primary-light-45);
    --icon-primary-inverted-bg-color: var(--primary);
    --icon-info-bg-color: var(--info-light-48);
    --icon-info-inverted-bg-color: var(--info);
    --icon-success-bg-color: var(--success-light-45);
    --icon-success-inverted-bg-color: var(--success);
    --icon-warning-bg-color: var(--warning-light-30);
    --icon-warning-inverted-bg-color: var(--warning);
    --icon-danger-bg-color: var(--danger-light-38);
    --icon-danger-inverted-bg-color: var(--danger);
    --icon-purple-bg-color: var(--purple-light-35);
    --icon-purple-inverted-bg-color: var(--purple);
    --icon-yellow-bg-color: var(--yellow-light-24);
    --icon-yellow-inverted-bg-color: var(--yellow);
    --icon-orange-bg-color: var(--orange-light-20);
    --icon-orange-inverted-bg-color: var(--orange);
    --icon-green-bg-color: var(--green-light-22);
    --icon-green-inverted-bg-color: var(--green);
    --icon-red-bg-color: var(--red-light-40);
    --icon-red-inverted-bg-color: var(--red);
    --icon-blue-bg-color: var(--blue-light-35);
    --icon-blue-inverted-bg-color: var(--blue);
    --icon-color: var(--medium-text);
    --icon-primary-color: var(--primary);
    --icon-info-color: var(--info);
    --icon-success-color: var(--success);
    --icon-warning-color: var(--warning);
    --icon-danger-color: var(--danger);
    --icon-purple-color: var(--purple);
    --icon-yellow-color: var(--yellow);
    --icon-orange-color: var(--orange);
    --icon-green-color: var(--green);
    --icon-red-color: var(--red);
    --icon-blue-color: var(--blue);
}

.is-dark {
    --icon-bg-color: var(--bg-dark-main-light-12);
    --icon-primary-bg-color: var(--primary);
    --icon-info-bg-color: var(--info);
    --icon-success-bg-color: var(--success);
    --icon-warning-bg-color: var(--warning);
    --icon-danger-bg-color: var(--danger);
    --icon-purple-bg-color: var(--purple);
    --icon-yellow-bg-color: var(--yellow);
    --icon-orange-bg-color: var(--orange);
    --icon-green-bg-color: var(--green);
    --icon-red-bg-color: var(--red);
    --icon-blue-bg-color: var(--blue);
    --icon-color: var(--light-text);
    --icon-primary-color: var(--white-smoke);
    --icon-info-color: var(--white-smoke);
    --icon-success-color: var(--white-smoke);
    --icon-warning-color: var(--white-smoke);
    --icon-danger-color: var(--white-smoke);
    --icon-purple-color: var(--white-smoke);
    --icon-yellow-color: var(--white-smoke);
    --icon-orange-color: var(--white-smoke);
    --icon-green-color: var(--white-smoke);
    --icon-red-color: var(--white-smoke);
    --icon-blue-color: var(--white-smoke);
}

:root {
    --wrap-bg-color: var(--white);
    --wrap-bg-color-heavy: var(--white);
    --wrap-border-color: var(--border);
    --wrap-muted-color: var(--widget-grey);
    --wrap-muted-color-inverted: var(--white);
    --wrap-inverted-color: var(--dark-text);
    --wrap-inverted-bg: var(--white);
}

.is-dark {
    --wrap-bg-color: var(--bg-dark-main-light-6);
    --wrap-bg-color-heavy: var(--bg-dark-main-light-3);
    --wrap-border-color: var(--bg-dark-main-light-12);
    --wrap-muted-color: var(--bg-dark-main-light-9);
    --wrap-muted-color-inverted: var(--bg-dark-main-light-9);
    --wrap-muted-color-heavy: var(--bg-dark-main-light-9);
    --wrap-inverted-color: var(--white-smoke);
    --wrap-inverted-bg: var(--bg-dark-main-light-6);
}

:root {
    --hero-bg-color: var(--white);
    --hero-grey-bg-color: var(--widget-grey);
    --hero-benefits-color: var(--dark-text);
    --hero-nuance-main: var(--primary);
    --hero-nuance-sub: var(--primary-dark-12);
    --hero-nuance-6: var(--primary-dark-6);
    --hero-nuance-12: var(--primary-dark-12);
    --hero-nuance-20: var(--primary-dark-20);
}

.is-dark {
    --hero-bg-color: var(--bg-dark-main-light-3);
    --hero-benefits-color: var(--light-text);
    --hero-grey-bg-color: var(--bg-dark-main-light-1);
    --hero-nuance-main: var(--bg-dark-main-light-8);
    --hero-nuance-sub: var(--bg-dark-main-light-14);
    --hero-nuance-6: var(--bg-dark-main-light-16);
    --hero-nuance-12: var(--bg-dark-main-light-16);
    --hero-nuance-20: var(--bg-dark-main-light-6);
}

:root {
    --section-bg-color: var(--white);
    --section-bg-color-grey: var(--widget-grey);
    --section-bg-color-dark: var(--dark-bg);
    --section-border-color: var(--border);
}

.is-dark {
    --section-bg-color: var(--bg-dark-main-light-3);
    --section-bg-color-dark: var(--bg-dark-main-light-1);
    --section-bg-color-grey: var(--bg-dark-main-light-1);
    --section-border-color: var(--bg-dark-main-light-16);
}

:root {
    --footer-default-bg-color: var(--widget-grey);
    --footer-light-bg-color: var(--white);
    --footer-light-link-color: var(--medium-text);
    --footer-light-link-color-hover: var(--primary);
    --footer-light-border-color: var(--border);
    --footer-dark-bg-color: var(--dark);
    --footer-dark-heading-color: var(--white-smoke);
    --footer-dark-link-color: var(--light-text);
    --footer-dark-link-color-hover: var(--primary-light-8);
    --footer-dark-border-color: var(--dark-border);
}

:root {
    --navbar-bg-color: var(--white);
    --navbar-bg-color-solid: var(--white);
    --navbar-border-color: var(--border);
    --navbar-link-color: var(--dark-text);
    --navbar-link-color-medium: var(--medium-text);
    --navbar-link-color-inverted: var(--white-smoke);
    --navbar-dropdown-item-hover-bg: var(--widget-grey);
}

.is-dark {
    --navbar-bg-color: var(--bg-main);
    --navbar-bg-color-solid: var(--bg-dark-main);
    --navbar-border-color: var(--bg-trade-border);
    --navbar-link-color: #fafafa;
    --navbar-link-color-medium: #ffffff;
    --navbar-link-color-inverted: var(--white-smoke);
    --navbar-dropdown-item-hover-bg: var(--bg-dark-main-light-8);
}

:root {
    --input-base-color: var(--medium-text);
    --input-inverted-color: var(--white-smoke);
    --input-base-bg-color: var(--white);
    --input-inverted-bg-color: var(--dark-light-5);
    --input-base-border-color: var(--border);
    --input-base-border-color-hover: var(--border-hover);
    --input-base-focus-color: var(--border-hover);
    --input-inverted-border-color: var(--dark-light-12);
    --input-inverted-border-color-hover: var(--dark-light-16);
    --input-inverted-focus-color: var(--border-hover);
    --input-inverted-placeholder-color: var(--dark-light-24);
    --input-base-shadow: var(--light-box-shadow);
    --input-form-icon-color: var(--placeholder);
    --input-placeholder-color: var(--placeholder);
    --slider-connect-bg: var(--primary);
    --slider-tooltip-bg: var(--primary);
    --slider-handle-shadow: var(--primary);
    --slider-tooltip-font-size: 0.8rem;
}

.is-dark {
    --input-base-color: var(--light-text);
    --input-base-bg-color: var(--bg-dark-main-light-6);
    --input-inverted-bg-color: var(--bg-dark-main-light-8);
    --input-base-border-color: var(--bg-dark-main-light-14);
    --input-base-border-color-hover: var(--bg-dark-main-light-24);
    --input-base-focus-color: var(--primary);
    --input-inverted-border-color: var(--bg-dark-main-light-16);
    --input-inverted-border-color-hover: var(--bg-dark-main-light-20);
    --input-inverted-focus-color: var(--primary);
    --input-form-icon-color: var(--medium-text);
    --input-placeholder-color: var(--bg-dark-main-light-60);
    --slider-bg: var(--custom-toggle-track-bg);
}

:root {
    --checkbox-bg-color: #ebebf0;
    --checkbox-overlay-bg-color-default: var(--white);
    --checkbox-symbol-color-default: var(--dark-text);
    --checkbox-border-color: var(--input-base-focus-color);
}

.is-dark {
    --checkbox-bg-color: var(--bg-dark-main-light-8);
    --checkbox-overlay-bg-color-default: var(--bg-dark-main-light-12);
    --checkbox-symbol-color-default: var(--white-smoke);
    --checkbox-border-color: var(--bg-dark-main-light-16);
}

:root {
    --custom-toggle-track-bg: var(--fade-grey);
    --custom-toggle-knob-bg: var(--white);
    --custom-toggle-knob-border: var(--border);
    --custom-toggle-knob-color: var(--dark-text);
}

.is-dark {
    --custom-toggle-track-bg: var(--bg-dark-main-light-16);
    --custom-toggle-knob-bg: var(--bg-dark-main-light-12);
    --custom-toggle-knob-border: var(--bg-dark-main-light-20);
    --custom-toggle-knob-color: var(--white);
}

:root {
    --side-section-border-color: var(--border);
    --side-section-border-color-inverted: var(--dark-border);
    --quick-features-color: var(--dark-text);
}

.is-dark {
    --quick-features-color: var(--white-smoke);
}

:root {
    --boxed-section-bg: var(--primary-light-48);
    --boxed-section-paragraph-color: var(--medium-text);
    --boxed-section-pill-color: var(--dark-text);
    --boxed-section-pill-bg-color: var(--white);
    --boxed-section-pill-border-color: var(--border);
}

.is-dark {
    --boxed-section-bg: var(--bg-dark-main-light-10);
    --boxed-section-paragraph-color: var(--light-text);
    --boxed-section-pill-color: var(--light-text);
    --boxed-section-pill-bg-color: var(--bg-dark-main-light-14);
    --boxed-section-pill-border-color: var(--bg-dark-main-light-20);
}

:root {
    --team-member-social-bg: var(--white);
    --team-member-social-color: var(--light-text);
    --team-member-social-border: var(--border);
}

.is-dark {
    --team-member-social-bg: var(--bg-dark-main-light-8);
    --team-member-social-color: var(--medium-text);
    --team-member-social-border: var(--bg-dark-main-light-16);
}

:root {
    --blog-grid-item-bg-color: var(--white);
    --blog-grid-item-border-color: var(--border);
    --blog-post-border-color: var(--border);
    --blog-post-tag-border-color: var(--fade-grey);
    --blog-post-tag-bg-color: var(--fade-grey);
    --blog-post-tag-color: var(--dark-text);
    --blog-post-author-name-color: var(--dark-text);
    --blog-post-heading-color: var(--dark-text);
    --blog-post-text-color: var(--medium-text);
    --blog-post-sharing-color: var(--medium-text);
    --blog-post-sharing-color-hover: var(--medium-text);
}

.is-dark {
    --blog-grid-item-bg-color: var(--bg-dark-main-light-8);
    --blog-grid-item-border-color: var(--bg-dark-main-light-16);
    --blog-post-border-color: var(--bg-dark-main-light-16);
    --blog-post-heading-color: var(--white-smoke);
    --blog-post-text-color: var(--medium-text);
    --blog-post-tag-border-color: var(--primary);
    --blog-post-tag-bg-color: transparent;
    --blog-post-tag-color: var(--primary);
    --blog-post-author-name-color: var(--white-smoke);
}

:root {
    --feature-block-c-box-bg: var(--white);
    --feature-block-c-box-border: var(--border);
    --feature-block-c-box-bubble-bg: var(--widget-grey);
}

.is-dark {
    --feature-block-c-box-bg: var(--bg-dark-main-light-4);
    --feature-block-c-box-border: var(--bg-dark-main-light-16);
    --feature-block-c-box-bubble-bg: var(--bg-dark-main-light-12);
}

:root {
    --cta-boxed-minimal-bg-color: var(--widget-grey);
    --cta-boxed-primary-bg-color: var(--primary-dark-16);
    --cta-boxed-darker-bg-color: var(--dark-light-6);
    --cta-boxed-inverted-bg-color: var(--dark-bg-light-4);
    --cta-boxed-inverted-border-color: var(--dark-bg-light-12);
    --cta-boxed-circle-bg-color: var(--widget-grey);
    --cta-boxed-circle-inverted-bg-color: var(--white);
    --cta-boxed-circle-dark-bg-color: var(--dark-bg-light-8);
}

.is-dark {
    --cta-boxed-minimal-bg-color: var(--bg-dark-main-light-12);
    --cta-boxed-primary-bg-color: var(--primary-dark-16);
    --cta-boxed-darker-bg-color: var(--bg-dark-main-light-8);
    --cta-boxed-inverted-bg-color: var(--bg-dark-main-light-8);
    --cta-boxed-inverted-border-color: var(--bg-dark-main-light-14);
    --cta-boxed-circle-bg-color: var(--bg-dark-main-light-16);
    --cta-boxed-circle-inverted-bg-color: var(--bg-dark-main-light-16);
    --cta-boxed-circle-dark-bg-color: var(--bg-dark-main-light-12);
}

:root {
    --primary-dark-1: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 1%));
    --primary-dark-2: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 2%));
    --primary-dark-3: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 3%));
    --primary-dark-4: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 4%));
    --primary-dark-5: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 5%));
    --primary-dark-6: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 6%));
    --primary-dark-7: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%));
    --primary-dark-8: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%));
    --primary-dark-9: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 9%));
    --primary-dark-10: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 10%));
    --primary-dark-11: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 11%));
    --primary-dark-12: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 12%));
    --primary-dark-13: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 13%));
    --primary-dark-14: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 14%));
    --primary-dark-15: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%));
    --primary-dark-16: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 16%));
    --primary-dark-18: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 18%));
    --primary-dark-20: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 20%));
    --primary-dark-22: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 22%));
    --primary-dark-24: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 24%));
    --primary-dark-26: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 26%));
    --primary-dark-28: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 28%));
    --primary-dark-30: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 30%));
    --primary-dark-35: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 35%));
    --primary-dark-40: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 40%));
    --primary-dark-42: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 42%));
    --primary-dark-45: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 45%));
    --primary-dark-48: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 48%));
    --primary-dark-50: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 50%));
    --primary-dark-60: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 60%));
    --primary-dark-70: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 70%));
    --primary-dark-80: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 80%));
    --primary-dark-90: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 90%));
    --primary-light-1: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 1%));
    --primary-light-2: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 2%));
    --primary-light-3: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 3%));
    --primary-light-4: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 4%));
    --primary-light-5: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%));
    --primary-light-6: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 6%));
    --primary-light-7: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 7%));
    --primary-light-8: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 8%));
    --primary-light-9: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 9%));
    --primary-light-10: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%));
    --primary-light-11: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 11%));
    --primary-light-12: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 12%));
    --primary-light-13: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 13%));
    --primary-light-14: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 14%));
    --primary-light-15: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%));
    --primary-light-16: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 16%));
    --primary-light-18: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 18%));
    --primary-light-20: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%));
    --primary-light-22: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 22%));
    --primary-light-24: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 24%));
    --primary-light-26: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 26%));
    --primary-light-28: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 28%));
    --primary-light-30: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 30%));
    --primary-light-35: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 35%));
    --primary-light-40: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 40%));
    --primary-light-42: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 42%));
    --primary-light-45: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 45%));
    --primary-light-48: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 48%));
    --primary-light-50: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 50%));
    --primary-light-60: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 60%));
    --primary-light-70: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 70%));
    --primary-light-80: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 80%));
    --primary-light-90: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 90%));
    --secondary-light-1: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 1%));
    --secondary-light-2: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 2%));
    --secondary-light-3: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 3%));
    --secondary-light-4: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 4%));
    --secondary-light-5: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 5%));
    --secondary-light-6: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 6%));
    --secondary-light-7: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 7%));
    --secondary-light-8: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 8%));
    --secondary-light-9: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 9%));
    --secondary-light-10: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 10%));
    --secondary-light-11: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 11%));
    --secondary-light-12: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 12%));
    --secondary-light-13: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 13%));
    --secondary-light-14: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 14%));
    --secondary-light-15: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 15%));
    --secondary-light-16: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 16%));
    --secondary-light-18: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 18%));
    --secondary-light-20: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 20%));
    --secondary-light-22: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 22%));
    --secondary-light-24: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 24%));
    --secondary-light-26: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 26%));
    --secondary-light-28: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 28%));
    --secondary-light-30: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 30%));
    --secondary-light-35: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 35%));
    --secondary-light-40: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 40%));
    --secondary-light-42: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 42%));
    --secondary-light-45: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 45%));
    --secondary-light-48: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 48%));
    --secondary-light-50: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 50%));
    --secondary-light-60: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 60%));
    --secondary-light-70: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 70%));
    --secondary-light-80: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 80%));
    --secondary-light-90: hsl(var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 90%));
    --primary-grey-dark-4: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 4%));
    --primary-grey-dark-5: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 5%));
    --primary-grey-dark-8: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 8%));
    --primary-grey-dark-10: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 10%));
    --primary-grey-dark-15: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 15%));
    --primary-grey-dark-20: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 20%));
    --primary-grey-dark-30: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 30%));
    --primary-grey-dark-35: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 35%));
    --primary-grey-dark-40: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 40%));
    --primary-grey-light-2: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 2%));
    --primary-grey-light-3: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 3%));
    --primary-grey-light-5: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 5%));
    --primary-grey-light-6: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 6%));
    --primary-grey-light-10: hsl(var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 10%));
    --danger-light-20: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%));
    --danger-light-24: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%));
    --danger-light-36: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 36%));
    --danger-light-40: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%));
    --warning-light-20: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%));
    --warning-light-24: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%));
    --warning-light-32: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 32%));
    --info-shadow-from: hsl(var(--info-h) var(--info-s) var(--info-l) / 42%);
    --info-shadow-to: hsl(var(--info-h) var(--info-s) var(--info-l) / 20%);
    --info-light-20: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 20%));
    --info-light-24: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 24%));
    --info-light-45: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 45%));
    --success-light-20: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 20%));
    --success-light-24: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 24%));
    --success-light-40: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 40%));
    --success-light-45: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 45%));
    --success-light-48: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 48%));
    --purple-light-36: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 36%));
    --purple-light-38: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%));
    --lime-dark-1: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 1%));
    --lime-dark-2: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 2%));
    --lime-dark-3: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 3%));
    --lime-dark-4: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 4%));
    --lime-dark-5: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 5%));
    --lime-dark-6: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 6%));
    --lime-dark-7: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 7%));
    --lime-dark-8: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 8%));
    --lime-dark-9: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 9%));
    --lime-dark-10: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 10%));
    --lime-dark-11: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 11%));
    --lime-dark-12: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 12%));
    --lime-dark-13: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 13%));
    --lime-dark-14: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 14%));
    --lime-dark-15: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 15%));
    --lime-dark-16: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 16%));
    --lime-dark-18: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 18%));
    --lime-dark-20: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 20%));
    --lime-dark-22: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 22%));
    --lime-dark-24: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 24%));
    --lime-dark-26: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 26%));
    --lime-dark-28: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 28%));
    --lime-dark-30: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 30%));
    --lime-dark-35: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 35%));
    --lime-dark-40: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 40%));
    --lime-dark-42: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 42%));
    --lime-dark-45: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 45%));
    --lime-dark-48: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 48%));
    --lime-dark-50: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 50%));
    --lime-dark-60: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 60%));
    --lime-dark-70: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 70%));
    --lime-dark-80: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 80%));
    --lime-dark-90: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) - 90%));
    --lime-light-1: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 1%));
    --lime-light-2: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 2%));
    --lime-light-3: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 3%));
    --lime-light-4: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 4%));
    --lime-light-5: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 5%));
    --lime-light-6: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 6%));
    --lime-light-7: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 7%));
    --lime-light-8: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 8%));
    --lime-light-9: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 9%));
    --lime-light-10: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 10%));
    --lime-light-11: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 11%));
    --lime-light-12: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 12%));
    --lime-light-13: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 13%));
    --lime-light-14: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 14%));
    --lime-light-15: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 15%));
    --lime-light-16: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 16%));
    --lime-light-18: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 18%));
    --lime-light-20: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 20%));
    --lime-light-22: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 22%));
    --lime-light-24: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 24%));
    --lime-light-26: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 26%));
    --lime-light-28: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 28%));
    --lime-light-30: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 30%));
    --lime-light-35: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 35%));
    --lime-light-40: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 40%));
    --lime-light-42: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 42%));
    --lime-light-45: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 45%));
    --lime-light-48: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 48%));
    --lime-light-50: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 50%));
    --lime-light-60: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 60%));
    --lime-light-70: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 70%));
    --lime-light-80: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 80%));
    --lime-light-90: hsl(var(--lime-h) var(--lime-s) calc(var(--lime-l) + 90%));
    --blue-light-32: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 32%));
    --blue-light-34: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 34%));
    --red-light-38: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 38%));
    --orange-light-18: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 18%));
    --orange-light-20: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 20%));
    --yellow-dark-8: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%));
    --yellow-light-22: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%));
    --green-light-15: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 15%));
    --green-light-22: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 22%));
    --green-light-23: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 23%));
    --smoke-white-dark-2: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 2%));
    --smoke-white-dark-8: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 8%));
    --smoke-white-dark-10: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 10%));
    --smoke-white-dark-16: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 16%));
    --smoke-white-light-2: hsl(var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) + 2%));
    --placeholder-dark-8: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) - 8%));
    --placeholder-light-10: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 10%));
    --placeholder-light-16: hsl(var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 16%));
    --sidebar-dark-7: hsl(var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) - 7%));
    --sidebar-dark-12: hsl(var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) - 12%));
    --sidebar-light-5: hsl(var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) + 5%));
    --muted-grey-dark-25: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) - 25%));
    --muted-grey-light-14: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 14%));
    --muted-grey-light-15: hsl(var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 15%));
    --fade-grey-dark-2: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 2%));
    --fade-grey-dark-3: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 3%));
    --fade-grey-dark-4: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 4%));
    --fade-grey-dark-5: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 5%));
    --fade-grey-dark-6: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 6%));
    --fade-grey-dark-8: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 8%));
    --fade-grey-light-2: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 2%));
    --fade-grey-light-3: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 3%));
    --fade-grey-light-4: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 4%));
    --fade-grey-light-5: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 5%));
    --fade-grey-light-6: hsl(var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 6%));
    --dark-dark-text-light-14: hsl(var(--dark-dark-text-h) var(--dark-dark-text-s) calc(var(--dark-dark-text-l) + 14%));
    --light-text-dark-2: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 2%));
    --light-text-dark-4: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 4%));
    --light-text-dark-5: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 5%));
    --light-text-dark-6: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 6%));
    --light-text-dark-8: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 8%));
    --light-text-dark-10: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 10%));
    --light-text-dark-12: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 12%));
    --light-text-dark-20: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 20%));
    --light-text-dark-22: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 22%));
    --light-text-light-2: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 2%));
    --light-text-light-5: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 5%));
    --light-text-light-6: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 6%));
    --light-text-light-12: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 12%));
    --light-text-light-15: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 15%));
    --dark-sidebar-dark-2: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 2%));
    --dark-sidebar-dark-3: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 3%));
    --dark-sidebar-dark-4: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 4%));
    --dark-sidebar-dark-5: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 5%));
    --dark-sidebar-dark-6: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 6%));
    --dark-sidebar-dark-10: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 10%));
    --dark-sidebar-dark-12: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 12%));
    --dark-sidebar-light-1: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 1%));
    --dark-sidebar-light-2: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 2%));
    --dark-sidebar-light-3: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 3%));
    --dark-sidebar-light-4: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 4%));
    --dark-sidebar-light-5: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 5%));
    --dark-sidebar-light-6: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 6%));
    --dark-sidebar-light-7: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 7%));
    --dark-sidebar-light-8: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 8%));
    --dark-sidebar-light-9: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 9%));
    --dark-sidebar-light-10: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 10%));
    --dark-sidebar-light-12: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 12%));
    --dark-sidebar-light-14: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 14%));
    --dark-sidebar-light-15: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 15%));
    --dark-sidebar-light-16: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 16%));
    --dark-sidebar-light-18: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 18%));
    --dark-sidebar-light-20: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 20%));
    --dark-sidebar-light-22: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 22%));
    --dark-sidebar-light-25: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 25%));
    --dark-sidebar-light-55: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 55%));
    --landing-xxx-dark-2: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) - 2%));
    --landing-xxx-light-2: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 2%));
    --landing-xxx-light-4: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 4%));
    --landing-xxx-light-6: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 6%));
    --landing-xxx-light-8: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 8%));
    --landing-xxx-light-12: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 12%));
    --landing-xxx-light-14: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 14%));
    --landing-xxx-light-18: hsl(var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 18%));
    --landing-yyy-dark-6: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) - 6%));
    --landing-yyy-dark-12: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) - 12%));
    --landing-yyy-light-2: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 2%));
    --landing-yyy-light-4: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 4%));
    --landing-yyy-light-6: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 6%));
    --landing-yyy-light-8: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 8%));
    --landing-yyy-light-18: hsl(var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 18%));
}

:root {
    --primary-dark-1: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 1%));
    --primary-dark-2: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 2%));
    --primary-dark-3: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 3%));
    --primary-dark-4: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 4%));
    --primary-dark-5: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 5%));
    --primary-dark-6: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 6%));
    --primary-dark-7: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%));
    --primary-dark-8: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%));
    --primary-dark-9: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 9%));
    --primary-dark-10: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 10%));
    --primary-dark-11: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 11%));
    --primary-dark-12: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 12%));
    --primary-dark-13: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 13%));
    --primary-dark-14: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 14%));
    --primary-dark-15: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%));
    --primary-dark-16: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 16%));
    --primary-dark-18: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 18%));
    --primary-dark-20: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 20%));
    --primary-dark-22: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 22%));
    --primary-dark-24: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 24%));
    --primary-dark-26: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 26%));
    --primary-dark-28: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 28%));
    --primary-dark-30: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 30%));
    --primary-dark-35: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 35%));
    --primary-dark-38: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 38%));
    --primary-dark-40: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 40%));
    --primary-dark-42: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 42%));
    --primary-dark-45: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 45%));
    --primary-dark-48: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 48%));
    --primary-dark-50: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 50%));
    --primary-dark-60: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 60%));
    --primary-dark-70: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 70%));
    --primary-dark-80: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 80%));
    --primary-dark-90: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 90%));
    --primary-light-1: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 1%));
    --primary-light-2: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 2%));
    --primary-light-3: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 3%));
    --primary-light-4: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 4%));
    --primary-light-5: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%));
    --primary-light-6: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 6%));
    --primary-light-7: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 7%));
    --primary-light-8: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 8%));
    --primary-light-9: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 9%));
    --primary-light-10: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%));
    --primary-light-11: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 11%));
    --primary-light-12: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 12%));
    --primary-light-13: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 13%));
    --primary-light-14: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 14%));
    --primary-light-15: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%));
    --primary-light-16: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 16%));
    --primary-light-18: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 18%));
    --primary-light-20: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%));
    --primary-light-22: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 22%));
    --primary-light-24: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 24%));
    --primary-light-26: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 26%));
    --primary-light-28: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 28%));
    --primary-light-30: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 30%));
    --primary-light-35: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 35%));
    --primary-light-38: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 38%));
    --primary-light-40: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 40%));
    --primary-light-42: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 42%));
    --primary-light-45: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 45%));
    --primary-light-48: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 48%));
    --primary-light-50: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 50%));
    --primary-light-60: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 60%));
    --primary-light-70: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 70%));
    --primary-light-80: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 80%));
    --primary-light-90: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 90%));
    --success-dark-1: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 1%));
    --success-dark-2: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 2%));
    --success-dark-3: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 3%));
    --success-dark-4: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 4%));
    --success-dark-5: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 5%));
    --success-dark-6: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 6%));
    --success-dark-7: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 7%));
    --success-dark-8: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 8%));
    --success-dark-9: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 9%));
    --success-dark-10: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 10%));
    --success-dark-11: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 11%));
    --success-dark-12: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 12%));
    --success-dark-13: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 13%));
    --success-dark-14: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 14%));
    --success-dark-15: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 15%));
    --success-dark-16: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 16%));
    --success-dark-18: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 18%));
    --success-dark-20: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 20%));
    --success-dark-22: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 22%));
    --success-dark-24: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 24%));
    --success-dark-26: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 26%));
    --success-dark-28: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 28%));
    --success-dark-30: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 30%));
    --success-dark-35: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 35%));
    --success-dark-38: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 38%));
    --success-dark-40: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 40%));
    --success-dark-42: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 42%));
    --success-dark-45: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 45%));
    --success-dark-48: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 48%));
    --success-dark-50: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 50%));
    --success-dark-60: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 60%));
    --success-dark-70: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 70%));
    --success-dark-80: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 80%));
    --success-dark-90: hsl(var(--success-h) var(--success-s) calc(var(--success-l) - 90%));
    --success-light-1: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 1%));
    --success-light-2: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 2%));
    --success-light-3: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 3%));
    --success-light-4: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 4%));
    --success-light-5: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 5%));
    --success-light-6: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 6%));
    --success-light-7: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 7%));
    --success-light-8: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 8%));
    --success-light-9: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 9%));
    --success-light-10: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 10%));
    --success-light-11: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 11%));
    --success-light-12: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 12%));
    --success-light-13: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 13%));
    --success-light-14: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 14%));
    --success-light-15: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 15%));
    --success-light-16: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 16%));
    --success-light-18: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 18%));
    --success-light-20: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 20%));
    --success-light-22: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 22%));
    --success-light-24: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 24%));
    --success-light-26: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 26%));
    --success-light-28: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 28%));
    --success-light-30: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 30%));
    --success-light-35: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 35%));
    --success-light-38: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 38%));
    --success-light-40: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 40%));
    --success-light-42: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 42%));
    --success-light-45: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 45%));
    --success-light-48: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 48%));
    --success-light-50: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 50%));
    --success-light-60: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 60%));
    --success-light-70: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 70%));
    --success-light-80: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 80%));
    --success-light-90: hsl(var(--success-h) var(--success-s) calc(var(--success-l) + 90%));
    --info-dark-1: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 1%));
    --info-dark-2: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 2%));
    --info-dark-3: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 3%));
    --info-dark-4: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 4%));
    --info-dark-5: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 5%));
    --info-dark-6: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 6%));
    --info-dark-7: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 7%));
    --info-dark-8: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 8%));
    --info-dark-9: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 9%));
    --info-dark-10: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 10%));
    --info-dark-11: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 11%));
    --info-dark-12: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 12%));
    --info-dark-13: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 13%));
    --info-dark-14: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 14%));
    --info-dark-15: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 15%));
    --info-dark-16: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 16%));
    --info-dark-18: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 18%));
    --info-dark-20: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 20%));
    --info-dark-22: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 22%));
    --info-dark-24: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 24%));
    --info-dark-26: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 26%));
    --info-dark-28: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 28%));
    --info-dark-30: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 30%));
    --info-dark-35: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 35%));
    --info-dark-38: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 38%));
    --info-dark-40: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 40%));
    --info-dark-42: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 42%));
    --info-dark-45: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 45%));
    --info-dark-48: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 48%));
    --info-dark-50: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 50%));
    --info-dark-60: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 60%));
    --info-dark-70: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 70%));
    --info-dark-80: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 80%));
    --info-dark-90: hsl(var(--info-h) var(--info-s) calc(var(--info-l) - 90%));
    --info-light-1: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 1%));
    --info-light-2: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 2%));
    --info-light-3: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 3%));
    --info-light-4: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 4%));
    --info-light-5: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 5%));
    --info-light-6: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 6%));
    --info-light-7: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 7%));
    --info-light-8: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 8%));
    --info-light-9: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 9%));
    --info-light-10: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 10%));
    --info-light-11: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 11%));
    --info-light-12: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 12%));
    --info-light-13: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 13%));
    --info-light-14: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 14%));
    --info-light-15: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 15%));
    --info-light-16: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 16%));
    --info-light-18: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 18%));
    --info-light-20: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 20%));
    --info-light-22: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 22%));
    --info-light-24: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 24%));
    --info-light-26: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 26%));
    --info-light-28: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 28%));
    --info-light-30: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 30%));
    --info-light-35: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 35%));
    --info-light-38: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 38%));
    --info-light-40: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 40%));
    --info-light-42: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 42%));
    --info-light-45: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 45%));
    --info-light-48: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 48%));
    --info-light-50: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 50%));
    --info-light-60: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 60%));
    --info-light-70: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 70%));
    --info-light-80: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 80%));
    --info-light-90: hsl(var(--info-h) var(--info-s) calc(var(--info-l) + 90%));
    --warning-dark-1: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 1%));
    --warning-dark-2: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 2%));
    --warning-dark-3: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 3%));
    --warning-dark-4: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 4%));
    --warning-dark-5: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 5%));
    --warning-dark-6: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 6%));
    --warning-dark-7: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 7%));
    --warning-dark-8: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 8%));
    --warning-dark-9: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 9%));
    --warning-dark-10: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 10%));
    --warning-dark-11: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 11%));
    --warning-dark-12: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 12%));
    --warning-dark-13: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 13%));
    --warning-dark-14: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 14%));
    --warning-dark-15: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 15%));
    --warning-dark-16: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 16%));
    --warning-dark-18: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 18%));
    --warning-dark-20: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 20%));
    --warning-dark-22: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 22%));
    --warning-dark-24: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 24%));
    --warning-dark-26: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 26%));
    --warning-dark-28: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 28%));
    --warning-dark-30: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 30%));
    --warning-dark-35: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 35%));
    --warning-dark-38: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 38%));
    --warning-dark-40: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 40%));
    --warning-dark-42: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 42%));
    --warning-dark-45: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 45%));
    --warning-dark-48: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 48%));
    --warning-dark-50: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 50%));
    --warning-dark-60: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 60%));
    --warning-dark-70: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 70%));
    --warning-dark-80: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 80%));
    --warning-dark-90: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) - 90%));
    --warning-light-1: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 1%));
    --warning-light-2: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 2%));
    --warning-light-3: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 3%));
    --warning-light-4: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 4%));
    --warning-light-5: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 5%));
    --warning-light-6: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 6%));
    --warning-light-7: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 7%));
    --warning-light-8: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 8%));
    --warning-light-9: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 9%));
    --warning-light-10: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 10%));
    --warning-light-11: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 11%));
    --warning-light-12: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 12%));
    --warning-light-13: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 13%));
    --warning-light-14: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 14%));
    --warning-light-15: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 15%));
    --warning-light-16: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 16%));
    --warning-light-18: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 18%));
    --warning-light-20: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%));
    --warning-light-22: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 22%));
    --warning-light-24: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%));
    --warning-light-26: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 26%));
    --warning-light-28: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 28%));
    --warning-light-30: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 30%));
    --warning-light-35: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 35%));
    --warning-light-38: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 38%));
    --warning-light-40: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 40%));
    --warning-light-42: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 42%));
    --warning-light-45: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 45%));
    --warning-light-48: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 48%));
    --warning-light-50: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 50%));
    --warning-light-60: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 60%));
    --warning-light-70: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 70%));
    --warning-light-80: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 80%));
    --warning-light-90: hsl(var(--warning-h) var(--warning-s) calc(var(--warning-l) + 90%));
    --danger-dark-1: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 1%));
    --danger-dark-2: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 2%));
    --danger-dark-3: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 3%));
    --danger-dark-4: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 4%));
    --danger-dark-5: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 5%));
    --danger-dark-6: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 6%));
    --danger-dark-7: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 7%));
    --danger-dark-8: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 8%));
    --danger-dark-9: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 9%));
    --danger-dark-10: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 10%));
    --danger-dark-11: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 11%));
    --danger-dark-12: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 12%));
    --danger-dark-13: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 13%));
    --danger-dark-14: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 14%));
    --danger-dark-15: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 15%));
    --danger-dark-16: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 16%));
    --danger-dark-18: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 18%));
    --danger-dark-20: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 20%));
    --danger-dark-22: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 22%));
    --danger-dark-24: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 24%));
    --danger-dark-26: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 26%));
    --danger-dark-28: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 28%));
    --danger-dark-30: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 30%));
    --danger-dark-35: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 35%));
    --danger-dark-38: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 38%));
    --danger-dark-40: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 40%));
    --danger-dark-42: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 42%));
    --danger-dark-45: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 45%));
    --danger-dark-48: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 48%));
    --danger-dark-50: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 50%));
    --danger-dark-60: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 60%));
    --danger-dark-70: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 70%));
    --danger-dark-80: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 80%));
    --danger-dark-90: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) - 90%));
    --danger-light-1: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 1%));
    --danger-light-2: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 2%));
    --danger-light-3: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 3%));
    --danger-light-4: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 4%));
    --danger-light-5: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 5%));
    --danger-light-6: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 6%));
    --danger-light-7: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 7%));
    --danger-light-8: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 8%));
    --danger-light-9: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 9%));
    --danger-light-10: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 10%));
    --danger-light-11: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 11%));
    --danger-light-12: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 12%));
    --danger-light-13: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 13%));
    --danger-light-14: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 14%));
    --danger-light-15: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 15%));
    --danger-light-16: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 16%));
    --danger-light-18: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 18%));
    --danger-light-20: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%));
    --danger-light-22: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 22%));
    --danger-light-24: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%));
    --danger-light-26: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 26%));
    --danger-light-28: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 28%));
    --danger-light-30: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 30%));
    --danger-light-35: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 35%));
    --danger-light-38: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 38%));
    --danger-light-40: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%));
    --danger-light-42: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 42%));
    --danger-light-45: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 45%));
    --danger-light-48: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 48%));
    --danger-light-50: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 50%));
    --danger-light-60: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 60%));
    --danger-light-70: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 70%));
    --danger-light-80: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 80%));
    --danger-light-90: hsl(var(--danger-h) var(--danger-s) calc(var(--danger-l) + 90%));
    --purple-dark-1: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 1%));
    --purple-dark-2: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 2%));
    --purple-dark-3: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 3%));
    --purple-dark-4: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 4%));
    --purple-dark-5: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 5%));
    --purple-dark-6: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 6%));
    --purple-dark-7: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 7%));
    --purple-dark-8: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 8%));
    --purple-dark-9: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 9%));
    --purple-dark-10: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 10%));
    --purple-dark-11: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 11%));
    --purple-dark-12: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 12%));
    --purple-dark-13: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 13%));
    --purple-dark-14: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 14%));
    --purple-dark-15: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 15%));
    --purple-dark-16: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 16%));
    --purple-dark-18: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 18%));
    --purple-dark-20: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 20%));
    --purple-dark-22: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 22%));
    --purple-dark-24: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 24%));
    --purple-dark-26: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 26%));
    --purple-dark-28: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 28%));
    --purple-dark-30: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 30%));
    --purple-dark-35: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 35%));
    --purple-dark-38: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 38%));
    --purple-dark-40: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 40%));
    --purple-dark-42: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 42%));
    --purple-dark-45: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 45%));
    --purple-dark-48: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 48%));
    --purple-dark-50: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 50%));
    --purple-dark-60: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 60%));
    --purple-dark-70: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 70%));
    --purple-dark-80: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 80%));
    --purple-dark-90: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - 90%));
    --purple-light-1: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 1%));
    --purple-light-2: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 2%));
    --purple-light-3: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 3%));
    --purple-light-4: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 4%));
    --purple-light-5: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 5%));
    --purple-light-6: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 6%));
    --purple-light-7: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 7%));
    --purple-light-8: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 8%));
    --purple-light-9: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 9%));
    --purple-light-10: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 10%));
    --purple-light-11: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 11%));
    --purple-light-12: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 12%));
    --purple-light-13: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 13%));
    --purple-light-14: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 14%));
    --purple-light-15: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 15%));
    --purple-light-16: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 16%));
    --purple-light-18: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 18%));
    --purple-light-20: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 20%));
    --purple-light-22: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 22%));
    --purple-light-24: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 24%));
    --purple-light-26: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 26%));
    --purple-light-28: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 28%));
    --purple-light-30: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 30%));
    --purple-light-35: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 35%));
    --purple-light-38: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%));
    --purple-light-40: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 40%));
    --purple-light-42: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 42%));
    --purple-light-45: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 45%));
    --purple-light-48: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 48%));
    --purple-light-50: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 50%));
    --purple-light-60: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 60%));
    --purple-light-70: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 70%));
    --purple-light-80: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 80%));
    --purple-light-90: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) + 90%));
    --blue-dark-1: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 1%));
    --blue-dark-2: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 2%));
    --blue-dark-3: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 3%));
    --blue-dark-4: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 4%));
    --blue-dark-5: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 5%));
    --blue-dark-6: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 6%));
    --blue-dark-7: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 7%));
    --blue-dark-8: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 8%));
    --blue-dark-9: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 9%));
    --blue-dark-10: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 10%));
    --blue-dark-11: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 11%));
    --blue-dark-12: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 12%));
    --blue-dark-13: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 13%));
    --blue-dark-14: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 14%));
    --blue-dark-15: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 15%));
    --blue-dark-16: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 16%));
    --blue-dark-18: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 18%));
    --blue-dark-20: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 20%));
    --blue-dark-22: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 22%));
    --blue-dark-24: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 24%));
    --blue-dark-26: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 26%));
    --blue-dark-28: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 28%));
    --blue-dark-30: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 30%));
    --blue-dark-35: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 35%));
    --blue-dark-38: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 38%));
    --blue-dark-40: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 40%));
    --blue-dark-42: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 42%));
    --blue-dark-45: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 45%));
    --blue-dark-48: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 48%));
    --blue-dark-50: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 50%));
    --blue-dark-60: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 60%));
    --blue-dark-70: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 70%));
    --blue-dark-80: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 80%));
    --blue-dark-90: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - 90%));
    --blue-light-1: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 1%));
    --blue-light-2: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 2%));
    --blue-light-3: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 3%));
    --blue-light-4: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 4%));
    --blue-light-5: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 5%));
    --blue-light-6: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 6%));
    --blue-light-7: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 7%));
    --blue-light-8: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 8%));
    --blue-light-9: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 9%));
    --blue-light-10: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 10%));
    --blue-light-11: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 11%));
    --blue-light-12: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 12%));
    --blue-light-13: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 13%));
    --blue-light-14: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 14%));
    --blue-light-15: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 15%));
    --blue-light-16: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 16%));
    --blue-light-18: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 18%));
    --blue-light-20: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 20%));
    --blue-light-22: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 22%));
    --blue-light-24: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 24%));
    --blue-light-26: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 26%));
    --blue-light-28: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 28%));
    --blue-light-30: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 30%));
    --blue-light-35: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 35%));
    --blue-light-38: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 38%));
    --blue-light-40: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 40%));
    --blue-light-42: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 42%));
    --blue-light-45: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 45%));
    --blue-light-48: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 48%));
    --blue-light-50: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 50%));
    --blue-light-60: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 60%));
    --blue-light-70: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 70%));
    --blue-light-80: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 80%));
    --blue-light-90: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) + 90%));
    --orange-dark-1: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 1%));
    --orange-dark-2: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 2%));
    --orange-dark-3: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 3%));
    --orange-dark-4: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 4%));
    --orange-dark-5: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 5%));
    --orange-dark-6: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 6%));
    --orange-dark-7: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 7%));
    --orange-dark-8: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 8%));
    --orange-dark-9: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 9%));
    --orange-dark-10: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 10%));
    --orange-dark-11: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 11%));
    --orange-dark-12: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 12%));
    --orange-dark-13: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 13%));
    --orange-dark-14: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 14%));
    --orange-dark-15: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 15%));
    --orange-dark-16: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 16%));
    --orange-dark-18: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 18%));
    --orange-dark-20: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 20%));
    --orange-dark-22: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 22%));
    --orange-dark-24: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 24%));
    --orange-dark-26: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 26%));
    --orange-dark-28: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 28%));
    --orange-dark-30: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 30%));
    --orange-dark-35: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 35%));
    --orange-dark-38: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 38%));
    --orange-dark-40: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 40%));
    --orange-dark-42: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 42%));
    --orange-dark-45: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 45%));
    --orange-dark-48: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 48%));
    --orange-dark-50: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 50%));
    --orange-dark-60: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 60%));
    --orange-dark-70: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 70%));
    --orange-dark-80: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 80%));
    --orange-dark-90: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - 90%));
    --orange-light-1: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 1%));
    --orange-light-2: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 2%));
    --orange-light-3: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 3%));
    --orange-light-4: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 4%));
    --orange-light-5: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 5%));
    --orange-light-6: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 6%));
    --orange-light-7: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 7%));
    --orange-light-8: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 8%));
    --orange-light-9: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 9%));
    --orange-light-10: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 10%));
    --orange-light-11: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 11%));
    --orange-light-12: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 12%));
    --orange-light-13: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 13%));
    --orange-light-14: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 14%));
    --orange-light-15: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 15%));
    --orange-light-16: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 16%));
    --orange-light-18: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 18%));
    --orange-light-20: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 20%));
    --orange-light-22: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 22%));
    --orange-light-24: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 24%));
    --orange-light-26: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 26%));
    --orange-light-28: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 28%));
    --orange-light-30: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 30%));
    --orange-light-35: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 35%));
    --orange-light-38: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 38%));
    --orange-light-40: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 40%));
    --orange-light-42: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 42%));
    --orange-light-45: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 45%));
    --orange-light-48: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 48%));
    --orange-light-50: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 50%));
    --orange-light-60: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 60%));
    --orange-light-70: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 70%));
    --orange-light-80: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 80%));
    --orange-light-90: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) + 90%));
    --yellow-dark-1: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 1%));
    --yellow-dark-2: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 2%));
    --yellow-dark-3: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 3%));
    --yellow-dark-4: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 4%));
    --yellow-dark-5: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 5%));
    --yellow-dark-6: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 6%));
    --yellow-dark-7: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 7%));
    --yellow-dark-8: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%));
    --yellow-dark-9: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 9%));
    --yellow-dark-10: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 10%));
    --yellow-dark-11: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 11%));
    --yellow-dark-12: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 12%));
    --yellow-dark-13: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 13%));
    --yellow-dark-14: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 14%));
    --yellow-dark-15: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 15%));
    --yellow-dark-16: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 16%));
    --yellow-dark-18: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 18%));
    --yellow-dark-20: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 20%));
    --yellow-dark-22: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 22%));
    --yellow-dark-24: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 24%));
    --yellow-dark-26: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 26%));
    --yellow-dark-28: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 28%));
    --yellow-dark-30: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 30%));
    --yellow-dark-35: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 35%));
    --yellow-dark-38: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 38%));
    --yellow-dark-40: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 40%));
    --yellow-dark-42: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 42%));
    --yellow-dark-45: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 45%));
    --yellow-dark-48: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 48%));
    --yellow-dark-50: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 50%));
    --yellow-dark-60: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 60%));
    --yellow-dark-70: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 70%));
    --yellow-dark-80: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 80%));
    --yellow-dark-90: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 90%));
    --yellow-light-1: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 1%));
    --yellow-light-2: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 2%));
    --yellow-light-3: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 3%));
    --yellow-light-4: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 4%));
    --yellow-light-5: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 5%));
    --yellow-light-6: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 6%));
    --yellow-light-7: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 7%));
    --yellow-light-8: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 8%));
    --yellow-light-9: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 9%));
    --yellow-light-10: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 10%));
    --yellow-light-11: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 11%));
    --yellow-light-12: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 12%));
    --yellow-light-13: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 13%));
    --yellow-light-14: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 14%));
    --yellow-light-15: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 15%));
    --yellow-light-16: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 16%));
    --yellow-light-18: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 18%));
    --yellow-light-20: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 20%));
    --yellow-light-22: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%));
    --yellow-light-24: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 24%));
    --yellow-light-26: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 26%));
    --yellow-light-28: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 28%));
    --yellow-light-30: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 30%));
    --yellow-light-35: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 35%));
    --yellow-light-38: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 38%));
    --yellow-light-40: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 40%));
    --yellow-light-42: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 42%));
    --yellow-light-45: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 45%));
    --yellow-light-48: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 48%));
    --yellow-light-50: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 50%));
    --yellow-light-60: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 60%));
    --yellow-light-70: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 70%));
    --yellow-light-80: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 80%));
    --yellow-light-90: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 90%));
    --green-dark-1: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 1%));
    --green-dark-2: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 2%));
    --green-dark-3: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 3%));
    --green-dark-4: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 4%));
    --green-dark-5: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 5%));
    --green-dark-6: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 6%));
    --green-dark-7: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 7%));
    --green-dark-8: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 8%));
    --green-dark-9: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 9%));
    --green-dark-10: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 10%));
    --green-dark-11: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 11%));
    --green-dark-12: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 12%));
    --green-dark-13: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 13%));
    --green-dark-14: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 14%));
    --green-dark-15: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 15%));
    --green-dark-16: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 16%));
    --green-dark-18: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 18%));
    --green-dark-20: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 20%));
    --green-dark-22: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 22%));
    --green-dark-24: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 24%));
    --green-dark-26: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 26%));
    --green-dark-28: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 28%));
    --green-dark-30: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 30%));
    --green-dark-35: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 35%));
    --green-dark-38: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 38%));
    --green-dark-40: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 40%));
    --green-dark-42: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 42%));
    --green-dark-45: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 45%));
    --green-dark-48: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 48%));
    --green-dark-50: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 50%));
    --green-dark-60: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 60%));
    --green-dark-70: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 70%));
    --green-dark-80: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 80%));
    --green-dark-90: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - 90%));
    --green-light-1: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 1%));
    --green-light-2: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 2%));
    --green-light-3: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 3%));
    --green-light-4: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 4%));
    --green-light-5: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 5%));
    --green-light-6: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 6%));
    --green-light-7: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 7%));
    --green-light-8: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 8%));
    --green-light-9: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 9%));
    --green-light-10: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 10%));
    --green-light-11: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 11%));
    --green-light-12: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 12%));
    --green-light-13: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 13%));
    --green-light-14: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 14%));
    --green-light-15: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 15%));
    --green-light-16: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 16%));
    --green-light-18: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 18%));
    --green-light-20: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 20%));
    --green-light-22: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 22%));
    --green-light-24: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 24%));
    --green-light-26: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 26%));
    --green-light-28: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 28%));
    --green-light-30: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 30%));
    --green-light-35: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 35%));
    --green-light-38: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 38%));
    --green-light-40: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 40%));
    --green-light-42: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 42%));
    --green-light-45: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 45%));
    --green-light-48: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 48%));
    --green-light-50: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 50%));
    --green-light-60: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 60%));
    --green-light-70: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 70%));
    --green-light-80: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 80%));
    --green-light-90: hsl(var(--green-h) var(--green-s) calc(var(--green-l) + 90%));
    --red-dark-1: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 1%));
    --red-dark-2: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 2%));
    --red-dark-3: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 3%));
    --red-dark-4: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 4%));
    --red-dark-5: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 5%));
    --red-dark-6: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 6%));
    --red-dark-7: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 7%));
    --red-dark-8: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 8%));
    --red-dark-9: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 9%));
    --red-dark-10: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 10%));
    --red-dark-11: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 11%));
    --red-dark-12: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 12%));
    --red-dark-13: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 13%));
    --red-dark-14: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 14%));
    --red-dark-15: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 15%));
    --red-dark-16: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 16%));
    --red-dark-18: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 18%));
    --red-dark-20: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 20%));
    --red-dark-22: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 22%));
    --red-dark-24: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 24%));
    --red-dark-26: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 26%));
    --red-dark-28: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 28%));
    --red-dark-30: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 30%));
    --red-dark-35: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 35%));
    --red-dark-38: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 38%));
    --red-dark-40: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 40%));
    --red-dark-42: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 42%));
    --red-dark-45: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 45%));
    --red-dark-48: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 48%));
    --red-dark-50: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 50%));
    --red-dark-60: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 60%));
    --red-dark-70: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 70%));
    --red-dark-80: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 80%));
    --red-dark-90: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - 90%));
    --red-light-1: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 1%));
    --red-light-2: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 2%));
    --red-light-3: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 3%));
    --red-light-4: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 4%));
    --red-light-5: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 5%));
    --red-light-6: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 6%));
    --red-light-7: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 7%));
    --red-light-8: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 8%));
    --red-light-9: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 9%));
    --red-light-10: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 10%));
    --red-light-11: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 11%));
    --red-light-12: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 12%));
    --red-light-13: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 13%));
    --red-light-14: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 14%));
    --red-light-15: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 15%));
    --red-light-16: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 16%));
    --red-light-18: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 18%));
    --red-light-20: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 20%));
    --red-light-22: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 22%));
    --red-light-24: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 24%));
    --red-light-26: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 26%));
    --red-light-28: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 28%));
    --red-light-30: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 30%));
    --red-light-35: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 35%));
    --red-light-38: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 38%));
    --red-light-40: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 40%));
    --red-light-42: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 42%));
    --red-light-45: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 45%));
    --red-light-48: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 48%));
    --red-light-50: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 50%));
    --red-light-60: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 60%));
    --red-light-70: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 70%));
    --red-light-80: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 80%));
    --red-light-90: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 90%));
    --dark-bg-dark-1: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 1%));
    --dark-bg-dark-2: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 2%));
    --dark-bg-dark-3: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 3%));
    --dark-bg-dark-4: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 4%));
    --dark-bg-dark-5: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 5%));
    --dark-bg-dark-6: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 6%));
    --dark-bg-dark-7: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 7%));
    --dark-bg-dark-8: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 8%));
    --dark-bg-dark-9: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 9%));
    --dark-bg-dark-10: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 10%));
    --dark-bg-dark-11: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 11%));
    --dark-bg-dark-12: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 12%));
    --dark-bg-dark-13: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 13%));
    --dark-bg-dark-14: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 14%));
    --dark-bg-dark-15: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 15%));
    --dark-bg-dark-16: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 16%));
    --dark-bg-dark-18: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 18%));
    --dark-bg-dark-20: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 20%));
    --dark-bg-dark-22: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 22%));
    --dark-bg-dark-24: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 24%));
    --dark-bg-dark-26: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 26%));
    --dark-bg-dark-28: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 28%));
    --dark-bg-dark-30: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 30%));
    --dark-bg-dark-35: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 35%));
    --dark-bg-dark-38: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 38%));
    --dark-bg-dark-40: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 40%));
    --dark-bg-dark-42: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 42%));
    --dark-bg-dark-45: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 45%));
    --dark-bg-dark-48: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 48%));
    --dark-bg-dark-50: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 50%));
    --dark-bg-dark-60: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 60%));
    --dark-bg-dark-70: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 70%));
    --dark-bg-dark-80: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 80%));
    --dark-bg-dark-90: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) - 90%));
    --dark-bg-light-1: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 1%));
    --dark-bg-light-2: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 2%));
    --dark-bg-light-3: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 3%));
    --dark-bg-light-4: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 4%));
    --dark-bg-light-5: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 5%));
    --dark-bg-light-6: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 6%));
    --dark-bg-light-7: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 7%));
    --dark-bg-light-8: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 8%));
    --dark-bg-light-9: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 9%));
    --dark-bg-light-10: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 10%));
    --dark-bg-light-11: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 11%));
    --dark-bg-light-12: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 12%));
    --dark-bg-light-13: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 13%));
    --dark-bg-light-14: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 14%));
    --dark-bg-light-15: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 15%));
    --dark-bg-light-16: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 16%));
    --dark-bg-light-18: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 18%));
    --dark-bg-light-20: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 20%));
    --dark-bg-light-22: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 22%));
    --dark-bg-light-24: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 24%));
    --dark-bg-light-26: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 26%));
    --dark-bg-light-28: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 28%));
    --dark-bg-light-30: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 30%));
    --dark-bg-light-35: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 35%));
    --dark-bg-light-38: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 38%));
    --dark-bg-light-40: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 40%));
    --dark-bg-light-42: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 42%));
    --dark-bg-light-45: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 45%));
    --dark-bg-light-48: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 48%));
    --dark-bg-light-50: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 50%));
    --dark-bg-light-60: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 60%));
    --dark-bg-light-70: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 70%));
    --dark-bg-light-80: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 80%));
    --dark-bg-light-90: hsl(var(--dark-bg-h) var(--dark-bg-s) calc(var(--dark-bg-l) + 90%));
    --light-text-dark-2: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 2%));
    --light-text-dark-4: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 4%));
    --light-text-dark-5: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 5%));
    --light-text-dark-6: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 6%));
    --light-text-dark-8: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 8%));
    --light-text-dark-10: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 10%));
    --light-text-dark-12: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 12%));
    --light-text-dark-20: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 20%));
    --light-text-dark-22: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 22%));
    --light-text-light-2: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 2%));
    --light-text-light-5: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 5%));
    --light-text-light-6: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 6%));
    --light-text-light-12: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 12%));
    --light-text-light-15: hsl(var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 15%));
    --dark-dark-1: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 1%));
    --dark-dark-2: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 2%));
    --dark-dark-3: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 3%));
    --dark-dark-4: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 4%));
    --dark-dark-5: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 5%));
    --dark-dark-6: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 6%));
    --dark-dark-7: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 7%));
    --dark-dark-8: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 8%));
    --dark-dark-9: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 9%));
    --dark-dark-10: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 10%));
    --dark-dark-11: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 11%));
    --dark-dark-12: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 12%));
    --dark-dark-13: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 13%));
    --dark-dark-14: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 14%));
    --dark-dark-15: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 15%));
    --dark-dark-16: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 16%));
    --dark-dark-18: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 18%));
    --dark-dark-20: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 20%));
    --dark-dark-22: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 22%));
    --dark-dark-24: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 24%));
    --dark-dark-26: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 26%));
    --dark-dark-28: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 28%));
    --dark-dark-30: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 30%));
    --dark-dark-35: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 35%));
    --dark-dark-38: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 38%));
    --dark-dark-40: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 40%));
    --dark-dark-42: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 42%));
    --dark-dark-45: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 45%));
    --dark-dark-48: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 48%));
    --dark-dark-50: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 50%));
    --dark-dark-60: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 60%));
    --dark-dark-70: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 70%));
    --dark-dark-80: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 80%));
    --dark-dark-90: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) - 90%));
    --dark-light-1: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 1%));
    --dark-light-2: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 2%));
    --dark-light-3: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 3%));
    --dark-light-4: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 4%));
    --dark-light-5: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 5%));
    --dark-light-6: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 6%));
    --dark-light-7: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 7%));
    --dark-light-8: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 8%));
    --dark-light-9: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 9%));
    --dark-light-10: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 10%));
    --dark-light-11: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 11%));
    --dark-light-12: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 12%));
    --dark-light-13: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 13%));
    --dark-light-14: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 14%));
    --dark-light-15: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 15%));
    --dark-light-16: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 16%));
    --dark-light-18: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 18%));
    --dark-light-20: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 20%));
    --dark-light-22: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 22%));
    --dark-light-24: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 24%));
    --dark-light-26: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 26%));
    --dark-light-28: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 28%));
    --dark-light-30: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 30%));
    --dark-light-35: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 35%));
    --dark-light-38: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 38%));
    --dark-light-40: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 40%));
    --dark-light-42: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 42%));
    --dark-light-45: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 45%));
    --dark-light-48: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 48%));
    --dark-light-50: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 50%));
    --dark-light-60: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 60%));
    --dark-light-70: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 70%));
    --dark-light-80: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 80%));
    --dark-light-90: hsl(var(--dark-h) var(--dark-s) calc(var(--dark-l) + 90%));
    --bg-dark-main-dark-1: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 1%));
    --bg-dark-main-dark-2: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 2%));
    --bg-dark-main-dark-3: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 3%));
    --bg-dark-main-dark-4: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 4%));
    --bg-dark-main-dark-5: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 5%));
    --bg-dark-main-dark-6: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 6%));
    --bg-dark-main-dark-7: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 7%));
    --bg-dark-main-dark-8: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 8%));
    --bg-dark-main-dark-9: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 9%));
    --bg-dark-main-dark-10: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 10%));
    --bg-dark-main-dark-11: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 11%));
    --bg-dark-main-dark-12: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 12%));
    --bg-dark-main-dark-13: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 13%));
    --bg-dark-main-dark-14: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 14%));
    --bg-dark-main-dark-15: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 15%));
    --bg-dark-main-dark-16: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 16%));
    --bg-dark-main-dark-18: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 18%));
    --bg-dark-main-dark-20: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 20%));
    --bg-dark-main-dark-22: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 22%));
    --bg-dark-main-dark-24: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 24%));
    --bg-dark-main-dark-26: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 26%));
    --bg-dark-main-dark-28: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 28%));
    --bg-dark-main-dark-30: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 30%));
    --bg-dark-main-dark-35: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 35%));
    --bg-dark-main-dark-38: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 38%));
    --bg-dark-main-dark-40: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 40%));
    --bg-dark-main-dark-42: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 42%));
    --bg-dark-main-dark-45: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 45%));
    --bg-dark-main-dark-48: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 48%));
    --bg-dark-main-dark-50: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 50%));
    --bg-dark-main-dark-60: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 60%));
    --bg-dark-main-dark-70: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 70%));
    --bg-dark-main-dark-80: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 80%));
    --bg-dark-main-dark-90: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) - 90%));
    --bg-dark-main-light-1: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 1%));
    --bg-dark-main-light-2: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 2%));
    --bg-dark-main-light-3: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 3%));
    --bg-dark-main-light-4: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 4%));
    --bg-dark-main-light-5: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 5%));
    --bg-dark-main-light-6: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 6%));
    --bg-dark-main-light-7: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 7%));
    --bg-dark-main-light-8: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 8%));
    --bg-dark-main-light-9: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 9%));
    --bg-dark-main-light-10: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 10%));
    --bg-dark-main-light-11: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 11%));
    --bg-dark-main-light-12: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 12%));
    --bg-dark-main-light-13: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 13%));
    --bg-dark-main-light-14: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 14%));
    --bg-dark-main-light-15: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 15%));
    --bg-dark-main-light-16: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 16%));
    --bg-dark-main-light-18: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 18%));
    --bg-dark-main-light-20: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 20%));
    --bg-dark-main-light-22: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 22%));
    --bg-dark-main-light-24: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 24%));
    --bg-dark-main-light-26: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 26%));
    --bg-dark-main-light-28: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 28%));
    --bg-dark-main-light-30: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 30%));
    --bg-dark-main-light-35: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 35%));
    --bg-dark-main-light-38: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 38%));
    --bg-dark-main-light-40: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 40%));
    --bg-dark-main-light-42: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 42%));
    --bg-dark-main-light-45: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 45%));
    --bg-dark-main-light-48: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 48%));
    --bg-dark-main-light-50: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 50%));
    --bg-dark-main-light-60: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 60%));
    --bg-dark-main-light-70: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 70%));
    --bg-dark-main-light-80: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 80%));
    --bg-dark-main-light-90: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 90%));
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.file-cta,
.file-name,
.select select,
.textarea,
.input,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus,
.file-cta:focus,
.file-name:focus,
.select select:focus,
.textarea:focus,
.input:focus,
.button:focus,
.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis,
.is-focused.file-cta,
.is-focused.file-name,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.is-focused.button,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active,
.file-cta:active,
.file-name:active,
.select select:active,
.textarea:active,
.input:active,
.button:active,
.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis,
.is-active.file-cta,
.is-active.file-name,
.select select.is-active,
.is-active.textarea,
.is-active.input,
.is-active.button {
    outline: none;
}

[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis,
[disabled].file-cta,
[disabled].file-name,
.select select[disabled],
[disabled].textarea,
[disabled].input,
[disabled].button,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input,
fieldset[disabled] .button {
    cursor: not-allowed;
}

.is-unselectable,
.tabs,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.breadcrumb,
.file,
.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 0.625em;
}

.tabs:not(:last-child),
.pagination:not(:last-child),
.message:not(:last-child),
.level:not(:last-child),
.breadcrumb:not(:last-child),
.block:not(:last-child),
.title:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.progress:not(:last-child),
.notification:not(:last-child),
.content:not(:last-child),
.box:not(:last-child) {
    margin-bottom: 1.5rem;
}

.modal-close,
.delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #0a0a0a33;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px;
}

.modal-close:before,
.delete:before,
.modal-close:after,
.delete:after {
    background-color: var(--white);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center;
}

.modal-close:before,
.delete:before {
    height: 2px;
    width: 50%;
}

.modal-close:after,
.delete:after {
    height: 50%;
    width: 2px;
}

.modal-close:hover,
.delete:hover,
.modal-close:focus,
.delete:focus {
    background-color: #0a0a0a4d;
}

.modal-close:active,
.delete:active {
    background-color: #0a0a0a66;
}

.is-small.modal-close,
.is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px;
}

.is-medium.modal-close,
.is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}

.is-large.modal-close,
.is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
}

.control.is-loading:after,
.select.is-loading:after,
.loader,
.button.is-loading:after {
    animation: spinAround 0.5s infinite linear;
    border: 2px solid hsl(0, 0%, 86%);
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
}

.hero-video,
.is-overlay,
.modal-background,
.modal,
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

ul {
    list-style: none;
}

button,
input,
select,
textarea {
    margin: 0;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

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

iframe {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

td:not([align]),
th:not([align]) {
    text-align: inherit;
}

html {
    background-color: var(--white);
    font-size: var(--font-size);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen,
        Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial,
        sans-serif;
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace;
}

body {
    color: var(--body-color);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

a {
    color: var(--link);
    cursor: pointer;
    text-decoration: none;
}

a strong {
    color: currentColor;
}

a:hover {
    color: #363636;
}

code {
    background-color: #f5f5f5;
    color: #da1039;
    font-size: 0.875em;
    font-weight: 400;
    padding: 0.25em 0.5em;
}

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0;
}

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

input[type="checkbox"],
input[type="radio"] {
    vertical-align: baseline;
}

small {
    font-size: 0.875em;
}

span {
    font-style: inherit;
    font-weight: inherit;
}

strong {
    color: #363636;
    font-weight: 700;
}

fieldset {
    border: none;
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: 0.875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal;
}

pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0;
}

table td,
table th {
    vertical-align: top;
}

table td:not([align]),
table th:not([align]) {
    text-align: inherit;
}

table th {
    color: #363636;
}

@keyframes spinAround {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.box {
    background-color: var(--white);
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    color: #4a4a4a;
    display: block;
    padding: 1.25rem;
}

a.box:hover,
a.box:focus {
    box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px var(--link);
}

a.box:active {
    box-shadow: inset 0 1px 2px #0a0a0a33, 0 0 0 1px var(--link);
}

.button {
    background-color: var(--white);
    border-color: var(--border);
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap;
}

.button strong {
    color: inherit;
}

.button .icon,
.button .icon.is-small,
.button .icon.is-medium,
.button .icon.is-large {
    height: 1.5em;
    width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-0.5em - 1px);
    margin-right: 0.25em;
}

.button .icon:last-child:not(:first-child) {
    margin-left: 0.25em;
    margin-right: calc(-0.5em - 1px);
}

.button .icon:first-child:last-child {
    margin-left: calc(-0.5em - 1px);
    margin-right: calc(-0.5em - 1px);
}

.button:hover,
.button.is-hovered {
    border-color: #b5b5b5;
    color: #363636;
}

.button:focus,
.button.is-focused {
    border-color: #485fc7;
    color: #363636;
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--link);
}

.button:active,
.button.is-active {
    border-color: #4a4a4a;
    color: #363636;
}

.button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline;
}

.button.is-text:hover,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text.is-focused {
    background-color: #f5f5f5;
    color: #363636;
}

.button.is-text:active,
.button.is-text.is-active {
    background-color: #e8e8e8;
    color: #363636;
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.button.is-ghost {
    background: none;
    border-color: transparent;
    color: var(--link);
    text-decoration: none;
}

.button.is-ghost:hover,
.button.is-ghost.is-hovered {
    color: var(--link);
    text-decoration: underline;
}

.button.is-white,
.button.is-white:hover,
.button.is-white.is-hovered {
    background-color: var(--white);
    border-color: transparent;
    color: #0a0a0a;
}

.button.is-white:focus,
.button.is-white.is-focused {
    border-color: transparent;
    color: #0a0a0a;
}

.button.is-white:focus:not(:active),
.button.is-white.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--white);
}

.button.is-white:active,
.button.is-white.is-active {
    background-color: var(--white);
    border-color: transparent;
    color: #0a0a0a;
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
    background-color: var(--white);
    border-color: var(--white);
    box-shadow: none;
}

.button.is-white.is-inverted {
    background-color: #0a0a0a;
    color: var(--white);
}

.button.is-white.is-inverted:hover,
.button.is-white.is-inverted.is-hovered {
    background-color: #000;
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
    background-color: #0a0a0a;
    border-color: transparent;
    box-shadow: none;
    color: var(--white);
}

.button.is-white.is-loading:after {
    border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}

.button.is-white.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}

.button.is-white.is-outlined:hover,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined.is-focused {
    background-color: var(--white);
    border-color: var(--white);
    color: #0a0a0a;
}

.button.is-white.is-outlined.is-loading:after {
    border-color: transparent transparent var(--white) var(--white) !important;
}

.button.is-white.is-outlined.is-loading:hover:after,
.button.is-white.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-outlined.is-loading:focus:after,
.button.is-white.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    box-shadow: none;
    color: var(--white);
}

.button.is-white.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    color: #0a0a0a;
}

.button.is-white.is-inverted.is-outlined:hover,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined.is-focused {
    background-color: #0a0a0a;
    color: var(--white);
}

.button.is-white.is-inverted.is-outlined.is-loading:hover:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-inverted.is-outlined.is-loading:focus:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--white) var(--white) !important;
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a;
}

.button.is-black {
    background-color: #0a0a0a;
    border-color: transparent;
    color: var(--white);
}

.button.is-black:hover,
.button.is-black.is-hovered {
    background-color: #040404;
    border-color: transparent;
    color: var(--white);
}

.button.is-black:focus,
.button.is-black.is-focused {
    border-color: transparent;
    color: var(--white);
}

.button.is-black:focus:not(:active),
.button.is-black.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em #0a0a0a40;
}

.button.is-black:active,
.button.is-black.is-active {
    background-color: #000;
    border-color: transparent;
    color: var(--white);
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    box-shadow: none;
}

.button.is-black.is-inverted {
    background-color: var(--white);
    color: #0a0a0a;
}

.button.is-black.is-inverted:hover,
.button.is-black.is-inverted.is-hovered {
    background-color: var(--white);
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
    background-color: var(--white);
    border-color: transparent;
    box-shadow: none;
    color: #0a0a0a;
}

.button.is-black.is-loading:after {
    border-color: transparent transparent var(--white) var(--white) !important;
}

.button.is-black.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    color: #0a0a0a;
}

.button.is-black.is-outlined:hover,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined.is-focused {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: var(--white);
}

.button.is-black.is-outlined.is-loading:after {
    border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}

.button.is-black.is-outlined.is-loading:hover:after,
.button.is-black.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-outlined.is-loading:focus:after,
.button.is-black.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--white) var(--white) !important;
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}

.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined.is-focused {
    background-color: var(--white);
    color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined.is-loading:hover:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-inverted.is-outlined.is-loading:focus:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--white);
    box-shadow: none;
    color: var(--white);
}

.button.is-light {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #000000b3;
}

.button.is-light:hover,
.button.is-light.is-hovered {
    background-color: #eee;
    border-color: transparent;
    color: #000000b3;
}

.button.is-light:focus,
.button.is-light.is-focused {
    border-color: transparent;
    color: #000000b3;
}

.button.is-light:focus:not(:active),
.button.is-light.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em #f5f5f540;
}

.button.is-light:active,
.button.is-light.is-active {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #000000b3;
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
}

.button.is-light.is-inverted {
    background-color: #000000b3;
    color: #f5f5f5;
}

.button.is-light.is-inverted:hover,
.button.is-light.is-inverted.is-hovered {
    background-color: #000000b3;
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
    background-color: #000000b3;
    border-color: transparent;
    box-shadow: none;
    color: #f5f5f5;
}

.button.is-light.is-loading:after {
    border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5;
}

.button.is-light.is-outlined:hover,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined.is-focused {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000000b3;
}

.button.is-light.is-outlined.is-loading:after {
    border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}

.button.is-light.is-outlined.is-loading:hover:after,
.button.is-light.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-outlined.is-loading:focus:after,
.button.is-light.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #f5f5f5;
}

.button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #000000b3;
    color: #000000b3;
}

.button.is-light.is-inverted.is-outlined:hover,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined.is-focused {
    background-color: #000000b3;
    color: #f5f5f5;
}

.button.is-light.is-inverted.is-outlined.is-loading:hover:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-inverted.is-outlined.is-loading:focus:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #000000b3;
    box-shadow: none;
    color: #000000b3;
}

.button.is-dark,
.button.is-dark:hover,
.button.is-dark.is-hovered {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert);
}

.button.is-dark:focus,
.button.is-dark.is-focused {
    border-color: transparent;
    color: var(--dark--color-invert);
}

.button.is-dark:focus:not(:active),
.button.is-dark.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--dark);
}

.button.is-dark:active,
.button.is-dark.is-active {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert);
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: none;
}

.button.is-dark.is-inverted {
    background-color: var(--dark--color-invert);
    color: var(--dark);
}

.button.is-dark.is-inverted:hover,
.button.is-dark.is-inverted.is-hovered {
    background-color: var(--dark--color-invert);
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
    background-color: var(--dark--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--dark);
}

.button.is-dark.is-loading:after {
    border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}

.button.is-dark.is-outlined {
    background-color: transparent;
    border-color: var(--dark);
    color: var(--dark);
}

.button.is-dark.is-outlined:hover,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined.is-focused {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--dark--color-invert);
}

.button.is-dark.is-outlined.is-loading:after {
    border-color: transparent transparent var(--dark) var(--dark) !important;
}

.button.is-dark.is-outlined.is-loading:hover:after,
.button.is-dark.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-outlined.is-loading:focus:after,
.button.is-dark.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
    background-color: transparent;
    border-color: var(--dark);
    box-shadow: none;
    color: var(--dark);
}

.button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--dark--color-invert);
    color: var(--dark--color-invert);
}

.button.is-dark.is-inverted.is-outlined:hover,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined.is-focused {
    background-color: var(--dark--color-invert);
    color: var(--dark);
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--dark) var(--dark) !important;
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--dark--color-invert);
    box-shadow: none;
    color: var(--dark--color-invert);
}

.button.is-primary,
.button.is-primary:hover,
.button.is-primary.is-hovered {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert);
}

.button.is-primary:focus,
.button.is-primary.is-focused {
    border-color: transparent;
    color: var(--primary--color-invert);
}

.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--primary);
}

.button.is-primary:active,
.button.is-primary.is-active {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert);
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none;
}

.button.is-primary.is-inverted {
    background-color: var(--primary--color-invert);
    color: var(--primary);
}

.button.is-primary.is-inverted:hover,
.button.is-primary.is-inverted.is-hovered {
    background-color: var(--primary--color-invert);
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
    background-color: var(--primary--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--primary);
}

.button.is-primary.is-loading:after {
    border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
}

.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined.is-focused {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary--color-invert);
}

.button.is-primary.is-outlined.is-loading:after {
    border-color: transparent transparent var(--primary) var(--primary) !important;
}

.button.is-primary.is-outlined.is-loading:hover:after,
.button.is-primary.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-outlined.is-loading:focus:after,
.button.is-primary.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
    background-color: transparent;
    border-color: var(--primary);
    box-shadow: none;
    color: var(--primary);
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--primary--color-invert);
    color: var(--primary--color-invert);
}

.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined.is-focused {
    background-color: var(--primary--color-invert);
    color: var(--primary);
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--primary) var(--primary) !important;
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--primary--color-invert);
    box-shadow: none;
    color: var(--primary--color-invert);
}

.button.is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color);
}

.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
    background-color: var(--primary--light-color);
    border-color: transparent;
    color: var(--primary--dark-color);
}

.button.is-link,
.button.is-link:hover,
.button.is-link.is-hovered {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert);
}

.button.is-link:focus,
.button.is-link.is-focused {
    border-color: transparent;
    color: var(--link--color-invert);
}

.button.is-link:focus:not(:active),
.button.is-link.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--link);
}

.button.is-link:active,
.button.is-link.is-active {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert);
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
    background-color: var(--link);
    border-color: var(--link);
    box-shadow: none;
}

.button.is-link.is-inverted {
    background-color: var(--link--color-invert);
    color: var(--link);
}

.button.is-link.is-inverted:hover,
.button.is-link.is-inverted.is-hovered {
    background-color: var(--link--color-invert);
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
    background-color: var(--link--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--link);
}

.button.is-link.is-loading:after {
    border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}

.button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--link);
    color: var(--link);
}

.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert);
}

.button.is-link.is-outlined.is-loading:after {
    border-color: transparent transparent var(--link) var(--link) !important;
}

.button.is-link.is-outlined.is-loading:hover:after,
.button.is-link.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-outlined.is-loading:focus:after,
.button.is-link.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--link);
    box-shadow: none;
    color: var(--link);
}

.button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--link--color-invert);
    color: var(--link--color-invert);
}

.button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused {
    background-color: var(--link--color-invert);
    color: var(--link);
}

.button.is-link.is-inverted.is-outlined.is-loading:hover:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-inverted.is-outlined.is-loading:focus:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--link) var(--link) !important;
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--link--color-invert);
    box-shadow: none;
    color: var(--link--color-invert);
}

.button.is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color);
}

.button.is-link.is-light:hover,
.button.is-link.is-light.is-hovered,
.button.is-link.is-light:active,
.button.is-link.is-light.is-active {
    background-color: var(--link--light-color);
    border-color: transparent;
    color: var(--link--dark-color);
}

.button.is-info,
.button.is-info:hover,
.button.is-info.is-hovered {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert);
}

.button.is-info:focus,
.button.is-info.is-focused {
    border-color: transparent;
    color: var(--info--color-invert);
}

.button.is-info:focus:not(:active),
.button.is-info.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--info);
}

.button.is-info:active,
.button.is-info.is-active {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert);
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
    background-color: var(--info);
    border-color: var(--info);
    box-shadow: none;
}

.button.is-info.is-inverted {
    background-color: var(--info--color-invert);
    color: var(--info);
}

.button.is-info.is-inverted:hover,
.button.is-info.is-inverted.is-hovered {
    background-color: var(--info--color-invert);
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
    background-color: var(--info--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--info);
}

.button.is-info.is-loading:after {
    border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: var(--info);
    color: var(--info);
}

.button.is-info.is-outlined:hover,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined.is-focused {
    background-color: var(--info);
    border-color: var(--info);
    color: var(--info--color-invert);
}

.button.is-info.is-outlined.is-loading:after {
    border-color: transparent transparent var(--info) var(--info) !important;
}

.button.is-info.is-outlined.is-loading:hover:after,
.button.is-info.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-outlined.is-loading:focus:after,
.button.is-info.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
    background-color: transparent;
    border-color: var(--info);
    box-shadow: none;
    color: var(--info);
}

.button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--info--color-invert);
    color: var(--info--color-invert);
}

.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined.is-focused {
    background-color: var(--info--color-invert);
    color: var(--info);
}

.button.is-info.is-inverted.is-outlined.is-loading:hover:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-inverted.is-outlined.is-loading:focus:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--info) var(--info) !important;
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--info--color-invert);
    box-shadow: none;
    color: var(--info--color-invert);
}

.button.is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color);
}

.button.is-info.is-light:hover,
.button.is-info.is-light.is-hovered,
.button.is-info.is-light:active,
.button.is-info.is-light.is-active {
    background-color: var(--info--light-color);
    border-color: transparent;
    color: var(--info--dark-color);
}

.button.is-success,
.button.is-success:hover,
.button.is-success.is-hovered {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert);
}

.button.is-success:focus,
.button.is-success.is-focused {
    border-color: transparent;
    color: var(--success--color-invert);
}

.button.is-success:focus:not(:active),
.button.is-success.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--success);
}

.button.is-success:active,
.button.is-success.is-active {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert);
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
    background-color: var(--success);
    border-color: var(--success);
    box-shadow: none;
}

.button.is-success.is-inverted {
    background-color: var(--success--color-invert);
    color: var(--success);
}

.button.is-success.is-inverted:hover,
.button.is-success.is-inverted.is-hovered {
    background-color: var(--success--color-invert);
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
    background-color: var(--success--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--success);
}

.button.is-success.is-loading:after {
    border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: var(--success);
    color: var(--success);
}

.button.is-success.is-outlined:hover,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined.is-focused {
    background-color: var(--success);
    border-color: var(--success);
    color: var(--success--color-invert);
}

.button.is-success.is-outlined.is-loading:after {
    border-color: transparent transparent var(--success) var(--success) !important;
}

.button.is-success.is-outlined.is-loading:hover:after,
.button.is-success.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-outlined.is-loading:focus:after,
.button.is-success.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
    background-color: transparent;
    border-color: var(--success);
    box-shadow: none;
    color: var(--success);
}

.button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--success--color-invert);
    color: var(--success--color-invert);
}

.button.is-success.is-inverted.is-outlined:hover,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined.is-focused {
    background-color: var(--success--color-invert);
    color: var(--success);
}

.button.is-success.is-inverted.is-outlined.is-loading:hover:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-inverted.is-outlined.is-loading:focus:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--success) var(--success) !important;
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--success--color-invert);
    box-shadow: none;
    color: var(--success--color-invert);
}

.button.is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color);
}

.button.is-success.is-light:hover,
.button.is-success.is-light.is-hovered,
.button.is-success.is-light:active,
.button.is-success.is-light.is-active {
    background-color: var(--success--light-color);
    border-color: transparent;
    color: var(--success--dark-color);
}

.button.is-warning,
.button.is-warning:hover,
.button.is-warning.is-hovered {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert);
}

.button.is-warning:focus,
.button.is-warning.is-focused {
    border-color: transparent;
    color: var(--warning--color-invert);
}

.button.is-warning:focus:not(:active),
.button.is-warning.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--warning);
}

.button.is-warning:active,
.button.is-warning.is-active {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert);
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    box-shadow: none;
}

.button.is-warning.is-inverted {
    background-color: var(--warning--color-invert);
    color: var(--warning);
}

.button.is-warning.is-inverted:hover,
.button.is-warning.is-inverted.is-hovered {
    background-color: var(--warning--color-invert);
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
    background-color: var(--warning--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--warning);
}

.button.is-warning.is-loading:after {
    border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}

.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: var(--warning);
    color: var(--warning);
}

.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined.is-focused {
    background-color: var(--warning);
    border-color: var(--warning);
    color: var(--warning--color-invert);
}

.button.is-warning.is-outlined.is-loading:after {
    border-color: transparent transparent var(--warning) var(--warning) !important;
}

.button.is-warning.is-outlined.is-loading:hover:after,
.button.is-warning.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-outlined.is-loading:focus:after,
.button.is-warning.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
    background-color: transparent;
    border-color: var(--warning);
    box-shadow: none;
    color: var(--warning);
}

.button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--warning--color-invert);
    color: var(--warning--color-invert);
}

.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined.is-focused {
    background-color: var(--warning--color-invert);
    color: var(--warning);
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--warning) var(--warning) !important;
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--warning--color-invert);
    box-shadow: none;
    color: var(--warning--color-invert);
}

.button.is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color);
}

.button.is-warning.is-light:hover,
.button.is-warning.is-light.is-hovered,
.button.is-warning.is-light:active,
.button.is-warning.is-light.is-active {
    background-color: var(--warning--light-color);
    border-color: transparent;
    color: var(--warning--dark-color);
}

.button.is-danger,
.button.is-danger:hover,
.button.is-danger.is-hovered {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert);
}

.button.is-danger:focus,
.button.is-danger.is-focused {
    border-color: transparent;
    color: var(--danger--color-invert);
}

.button.is-danger:focus:not(:active),
.button.is-danger.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em var(--danger);
}

.button.is-danger:active,
.button.is-danger.is-active {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert);
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    box-shadow: none;
}

.button.is-danger.is-inverted {
    background-color: var(--danger--color-invert);
    color: var(--danger);
}

.button.is-danger.is-inverted:hover,
.button.is-danger.is-inverted.is-hovered {
    background-color: var(--danger--color-invert);
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
    background-color: var(--danger--color-invert);
    border-color: transparent;
    box-shadow: none;
    color: var(--danger);
}

.button.is-danger.is-loading:after {
    border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}

.button.is-danger.is-outlined {
    background-color: transparent;
    border-color: var(--danger);
    color: var(--danger);
}

.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined.is-focused {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--danger--color-invert);
}

.button.is-danger.is-outlined.is-loading:after {
    border-color: transparent transparent var(--danger) var(--danger) !important;
}

.button.is-danger.is-outlined.is-loading:hover:after,
.button.is-danger.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-outlined.is-loading:focus:after,
.button.is-danger.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
    background-color: transparent;
    border-color: var(--danger);
    box-shadow: none;
    color: var(--danger);
}

.button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--danger--color-invert);
    color: var(--danger--color-invert);
}

.button.is-danger.is-inverted.is-outlined:hover,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined.is-focused {
    background-color: var(--danger--color-invert);
    color: var(--danger);
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: transparent transparent var(--danger) var(--danger) !important;
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: var(--danger--color-invert);
    box-shadow: none;
    color: var(--danger--color-invert);
}

.button.is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color);
}

.button.is-danger.is-light:hover,
.button.is-danger.is-light.is-hovered,
.button.is-danger.is-light:active,
.button.is-danger.is-light.is-active {
    background-color: var(--danger--light-color);
    border-color: transparent;
    color: var(--danger--dark-color);
}

.button.is-small {
    font-size: 0.75rem;
}

.button.is-small:not(.is-rounded) {
    border-radius: 2px;
}

.button.is-normal {
    font-size: 1rem;
}

.button.is-medium {
    font-size: 1.25rem;
}

.button.is-large {
    font-size: 1.5rem;
}

.button[disabled],
fieldset[disabled] .button {
    background-color: var(--white);
    border-color: var(--border);
    box-shadow: none;
    opacity: 0.5;
}

.button.is-fullwidth {
    display: flex;
    width: 100%;
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none;
}

.button.is-loading:after {
    position: absolute;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em);
    position: absolute !important;
}

.button.is-static {
    background-color: #f5f5f5;
    border-color: var(--border);
    color: #7a7a7a;
    box-shadow: none;
    pointer-events: none;
}

.button.is-rounded {
    border-radius: 9999px;
    padding-left: 1.25em;
    padding-right: 1.25em;
}

.buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.buttons .button {
    margin-bottom: 0.5rem;
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: 0.5rem;
}

.buttons:last-child {
    margin-bottom: -0.5rem;
}

.buttons:not(:last-child) {
    margin-bottom: 1rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: 0.75rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px;
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem;
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem;
}

.buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px;
}

.buttons.has-addons .button:last-child {
    margin-right: 0;
}

.buttons.has-addons .button:hover,
.buttons.has-addons .button.is-hovered {
    z-index: 2;
}

.buttons.has-addons .button:focus,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button:active,
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-selected {
    z-index: 3;
}

.buttons.has-addons .button:focus:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-selected:hover {
    z-index: 4;
}

.buttons.has-addons .button.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
}

.buttons.is-centered {
    justify-content: center;
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.buttons.is-right {
    justify-content: flex-end;
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
        font-size: 0.5625rem;
    }

    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: 0.65625rem;
    }

    .button.is-responsive.is-medium {
        font-size: 0.75rem;
    }

    .button.is-responsive.is-large {
        font-size: 1rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .button.is-responsive.is-small {
        font-size: 0.65625rem;
    }

    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: 0.75rem;
    }

    .button.is-responsive.is-medium {
        font-size: 1rem;
    }

    .button.is-responsive.is-large {
        font-size: 1.25rem;
    }
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}

.container.is-fluid {
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px;
    }
}

.content li+li {
    margin-top: 0.25em;
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
    margin-bottom: 1em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125;
}

.content h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
}

.content h1:not(:first-child) {
    margin-top: 1em;
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: 0.5714em;
}

.content h2:not(:first-child) {
    margin-top: 1.1428em;
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: 0.6666em;
}

.content h3:not(:first-child) {
    margin-top: 1.3333em;
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: 0.8em;
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: 0.8888em;
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em;
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid var(--border);
    padding: 1.25em 1.5em;
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em;
}

.content ol:not([type]) {
    list-style-type: decimal;
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha;
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman;
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha;
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman;
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em;
}

.content ul ul {
    list-style-type: circle;
    margin-top: 0.5em;
}

.content ul ul ul {
    list-style-type: square;
}

.content dd {
    margin-left: 2em;
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center;
}

.content figure:not(:first-child) {
    margin-top: 2em;
}

.content figure:not(:last-child) {
    margin-bottom: 2em;
}

.content figure img {
    display: inline-block;
}

.content figure figcaption {
    font-style: italic;
}

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal;
}

.content sup,
.content sub {
    font-size: 75%;
}

.content table {
    width: 100%;
}

.content table td,
.content table th {
    border: 1px solid var(--border);
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.content table th {
    color: #363636;
}

.content table th:not([align]) {
    text-align: inherit;
}

.content table thead td,
.content table thead th {
    border-width: 0 0 2px;
    color: #363636;
}

.content table tfoot td,
.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636;
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0;
}

.content .tabs li+li {
    margin-top: 0;
}

.content.is-small {
    font-size: 0.75rem;
}

.content.is-normal {
    font-size: 1rem;
}

.content.is-medium {
    font-size: 1.25rem;
}

.content.is-large {
    font-size: 1.5rem;
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}

.icon.is-small {
    height: 1rem;
    width: 1rem;
}

.icon.is-medium {
    height: 2rem;
    width: 2rem;
}

.icon.is-large {
    height: 3rem;
    width: 3rem;
}

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top;
}

.icon-text .icon {
    flex-grow: 0;
    flex-shrink: 0;
}

.icon-text .icon:not(:last-child) {
    margin-right: 0.25em;
}

.icon-text .icon:not(:first-child) {
    margin-left: 0.25em;
}

div.icon-text {
    display: flex;
}

.image {
    display: block;
    position: relative;
}

.image img {
    display: block;
    height: auto;
    width: 100%;
}

.image img.is-rounded {
    border-radius: 9999px;
}

.image.is-fullwidth {
    width: 100%;
}

.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    height: 100%;
    width: 100%;
}

.image.is-square,
.image.is-1by1 {
    padding-top: 100%;
}

.image.is-5by4 {
    padding-top: 80%;
}

.image.is-4by3 {
    padding-top: 75%;
}

.image.is-3by2 {
    padding-top: 66.6666%;
}

.image.is-5by3 {
    padding-top: 60%;
}

.image.is-16by9 {
    padding-top: 56.25%;
}

.image.is-2by1 {
    padding-top: 50%;
}

.image.is-3by1 {
    padding-top: 33.3333%;
}

.image.is-4by5 {
    padding-top: 125%;
}

.image.is-3by4 {
    padding-top: 133.3333%;
}

.image.is-2by3 {
    padding-top: 150%;
}

.image.is-3by5 {
    padding-top: 166.6666%;
}

.image.is-9by16 {
    padding-top: 177.7777%;
}

.image.is-1by2 {
    padding-top: 200%;
}

.image.is-1by3 {
    padding-top: 300%;
}

.image.is-16x16 {
    height: 16px;
    width: 16px;
}

.image.is-24x24 {
    height: 24px;
    width: 24px;
}

.image.is-32x32 {
    height: 32px;
    width: 32px;
}

.image.is-48x48 {
    height: 48px;
    width: 48px;
}

.image.is-64x64 {
    height: 64px;
    width: 64px;
}

.image.is-96x96 {
    height: 96px;
    width: 96px;
}

.image.is-128x128 {
    height: 128px;
    width: 128px;
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline;
}

.notification strong {
    color: currentColor;
}

.notification code,
.notification pre {
    background: var(--white);
}

.notification pre code {
    background: transparent;
}

.notification>.delete {
    right: 0.5rem;
    position: absolute;
    top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
    color: currentColor;
}

.notification.is-white {
    background-color: var(--white);
    color: #0a0a0a;
}

.notification.is-black {
    background-color: #0a0a0a;
    color: var(--white);
}

.notification.is-light {
    background-color: #f5f5f5;
    color: #000000b3;
}

.notification.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.notification.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.notification.is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color);
}

.notification.is-link {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.notification.is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color);
}

.notification.is-info {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.notification.is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color);
}

.notification.is-success {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.notification.is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color);
}

.notification.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.notification.is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color);
}

.notification.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.notification.is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color);
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.progress::-webkit-progress-bar {
    background-color: #ededed;
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a;
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a;
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none;
}

.progress.is-white::-webkit-progress-value {
    background-color: var(--white);
}

.progress.is-white::-moz-progress-bar {
    background-color: var(--white);
}

.progress.is-white::-ms-fill {
    background-color: var(--white);
}

.progress.is-white:indeterminate {
    background-image: linear-gradient(to right,
            var(--white) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a;
}

.progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a;
}

.progress.is-black::-ms-fill {
    background-color: #0a0a0a;
}

.progress.is-black:indeterminate {
    background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5;
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5;
}

.progress.is-light::-ms-fill {
    background-color: #f5f5f5;
}

.progress.is-light:indeterminate {
    background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%);
}

.progress.is-dark::-webkit-progress-value {
    background-color: var(--dark);
}

.progress.is-dark::-moz-progress-bar {
    background-color: var(--dark);
}

.progress.is-dark::-ms-fill {
    background-color: var(--dark);
}

.progress.is-dark:indeterminate {
    background-image: linear-gradient(to right,
            var(--dark) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-primary::-webkit-progress-value {
    background-color: var(--primary);
}

.progress.is-primary::-moz-progress-bar {
    background-color: var(--primary);
}

.progress.is-primary::-ms-fill {
    background-color: var(--primary);
}

.progress.is-primary:indeterminate {
    background-image: linear-gradient(to right,
            var(--primary) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-link::-webkit-progress-value {
    background-color: var(--link);
}

.progress.is-link::-moz-progress-bar {
    background-color: var(--link);
}

.progress.is-link::-ms-fill {
    background-color: var(--link);
}

.progress.is-link:indeterminate {
    background-image: linear-gradient(to right,
            var(--link) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-info::-webkit-progress-value {
    background-color: var(--info);
}

.progress.is-info::-moz-progress-bar {
    background-color: var(--info);
}

.progress.is-info::-ms-fill {
    background-color: var(--info);
}

.progress.is-info:indeterminate {
    background-image: linear-gradient(to right,
            var(--info) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-success::-webkit-progress-value {
    background-color: var(--success);
}

.progress.is-success::-moz-progress-bar {
    background-color: var(--success);
}

.progress.is-success::-ms-fill {
    background-color: var(--success);
}

.progress.is-success:indeterminate {
    background-image: linear-gradient(to right,
            var(--success) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-warning::-webkit-progress-value {
    background-color: var(--warning);
}

.progress.is-warning::-moz-progress-bar {
    background-color: var(--warning);
}

.progress.is-warning::-ms-fill {
    background-color: var(--warning);
}

.progress.is-warning:indeterminate {
    background-image: linear-gradient(to right,
            var(--warning) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress.is-danger::-webkit-progress-value {
    background-color: var(--danger);
}

.progress.is-danger::-moz-progress-bar {
    background-color: var(--danger);
}

.progress.is-danger::-ms-fill {
    background-color: var(--danger);
}

.progress.is-danger:indeterminate {
    background-image: linear-gradient(to right,
            var(--danger) 30%,
            hsl(0, 0%, 93%) 30%);
}

.progress:indeterminate {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: moveIndeterminate;
    animation-timing-function: linear;
    background-color: #ededed;
    background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%;
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: transparent;
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
}

.progress:indeterminate::-ms-fill {
    animation-name: none;
}

.progress.is-small {
    height: 0.75rem;
}

.progress.is-medium {
    height: 1.25rem;
}

.progress.is-large {
    height: 1.5rem;
}

@keyframes moveIndeterminate {
    0% {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.table {
    background-color: var(--white);
    color: #363636;
}

.table td,
.table th {
    border: 1px solid var(--border);
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.table td.is-white,
.table th.is-white {
    background-color: var(--white);
    border-color: var(--white);
    color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: var(--white);
}

.table td.is-light,
.table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000000b3;
}

.table td.is-dark,
.table th.is-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--dark--color-invert);
}

.table td.is-primary,
.table th.is-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary--color-invert);
}

.table td.is-link,
.table th.is-link {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert);
}

.table td.is-info,
.table th.is-info {
    background-color: var(--info);
    border-color: var(--info);
    color: var(--info--color-invert);
}

.table td.is-success,
.table th.is-success {
    background-color: var(--success);
    border-color: var(--success);
    color: var(--success--color-invert);
}

.table td.is-warning,
.table th.is-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: var(--warning--color-invert);
}

.table td.is-danger,
.table th.is-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--danger--color-invert);
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%;
}

.table td.is-selected,
.table th.is-selected {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
    color: currentColor;
}

.table td.is-vcentered,
.table th.is-vcentered {
    vertical-align: middle;
}

.table th {
    color: #363636;
}

.table th:not([align]) {
    text-align: left;
}

.table tr.is-selected {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
    border-color: var(--primary--color-invert);
    color: currentColor;
}

.table thead {
    background-color: transparent;
}

.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #363636;
}

.table tfoot {
    background-color: transparent;
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #363636;
}

.table tbody {
    background-color: transparent;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px;
}

.table.is-fullwidth {
    width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #f5f5f5;
}

.table.is-narrow td,
.table.is-narrow th {
    padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #fafafa;
}

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tags .tag {
    margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
    margin-right: 0.5rem;
}

.tags:last-child {
    margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
    margin-bottom: 1rem;
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem;
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem;
}

.tags.is-centered {
    justify-content: center;
}

.tags.is-centered .tag {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

.tags.is-right {
    justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
    margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0;
}

.tags.has-addons .tag {
    margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: 0.75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}

.tag:not(body) .delete {
    margin-left: 0.25rem;
    margin-right: -0.375rem;
}

.tag:not(body).is-white {
    background-color: var(--white);
    color: #0a0a0a;
}

.tag:not(body).is-black {
    background-color: #0a0a0a;
    color: var(--white);
}

.tag:not(body).is-light {
    background-color: #f5f5f5;
    color: #000000b3;
}

.tag:not(body).is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.tag:not(body).is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.tag:not(body).is-primary.is-light {
    background-color: var(--primary--light-color);
    color: var(--primary--dark-color);
}

.tag:not(body).is-link {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.tag:not(body).is-link.is-light {
    background-color: var(--link--light-color);
    color: var(--link--dark-color);
}

.tag:not(body).is-info {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.tag:not(body).is-info.is-light {
    background-color: var(--info--light-color);
    color: var(--info--dark-color);
}

.tag:not(body).is-success {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.tag:not(body).is-success.is-light {
    background-color: var(--success--light-color);
    color: var(--success--dark-color);
}

.tag:not(body).is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.tag:not(body).is-warning.is-light {
    background-color: var(--warning--light-color);
    color: var(--warning--dark-color);
}

.tag:not(body).is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.tag:not(body).is-danger.is-light {
    background-color: var(--danger--light-color);
    color: var(--danger--dark-color);
}

.tag:not(body).is-normal {
    font-size: 0.75rem;
}

.tag:not(body).is-medium {
    font-size: 1rem;
}

.tag:not(body).is-large {
    font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -0.375em;
    margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -0.375em;
    margin-right: -0.375em;
}

.tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em;
}

.tag:not(body).is-delete:before,
.tag:not(body).is-delete:after {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center;
}

.tag:not(body).is-delete:before {
    height: 1px;
    width: 50%;
}

.tag:not(body).is-delete:after {
    height: 50%;
    width: 1px;
}

.tag:not(body).is-delete:hover,
.tag:not(body).is-delete:focus {
    background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
    border-radius: 9999px;
}

a.tag:hover {
    text-decoration: underline;
}

.title,
.subtitle {
    word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
    font-weight: inherit;
}

.title sub,
.subtitle sub,
.title sup,
.subtitle sup {
    font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
    vertical-align: middle;
}

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125;
}

.title strong {
    color: inherit;
    font-weight: inherit;
}

.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem;
}

.title.is-1 {
    font-size: 3rem;
}

.title.is-2 {
    font-size: 2.5rem;
}

.title.is-3 {
    font-size: 2rem;
}

.title.is-4 {
    font-size: 1.5rem;
}

.title.is-5 {
    font-size: 1.25rem;
}

.title.is-6 {
    font-size: 1rem;
}

.title.is-7 {
    font-size: 0.75rem;
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25;
}

.subtitle strong {
    color: #363636;
    font-weight: 600;
}

.subtitle:not(.is-spaced)+.title {
    margin-top: -1.25rem;
}

.subtitle.is-1 {
    font-size: 3rem;
}

.subtitle.is-2 {
    font-size: 2.5rem;
}

.subtitle.is-3 {
    font-size: 2rem;
}

.subtitle.is-4 {
    font-size: 1.5rem;
}

.subtitle.is-5 {
    font-size: 1.25rem;
}

.subtitle.is-6 {
    font-size: 1rem;
}

.subtitle.is-7 {
    font-size: 0.75rem;
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: 0.25rem 0.5rem;
    text-align: center;
    vertical-align: top;
}

.select select,
.textarea,
.input {
    background-color: var(--white);
    border-color: var(--border);
    border-radius: 4px;
    color: #363636;
}

.select select::-moz-placeholder,
.textarea::-moz-placeholder,
.input::-moz-placeholder {
    color: #3636364d;
}

.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
    color: #3636364d;
}

.select select:-moz-placeholder,
.textarea:-moz-placeholder,
.input:-moz-placeholder {
    color: #3636364d;
}

.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
.input:-ms-input-placeholder {
    color: #3636364d;
}

.select select:hover,
.textarea:hover,
.input:hover,
.select select.is-hovered,
.is-hovered.textarea,
.is-hovered.input {
    border-color: #b5b5b5;
}

.select select:focus,
.textarea:focus,
.input:focus,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.select select:active,
.textarea:active,
.input:active,
.select select.is-active,
.is-active.textarea,
.is-active.input {
    border-color: var(--link);
    box-shadow: 0 0 0 0.125em var(--link);
}

.select select[disabled],
[disabled].textarea,
[disabled].input,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .textarea,
fieldset[disabled] .input {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #7a7a7a;
}

.select select[disabled]::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
[disabled].input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder {
    color: #7a7a7a4d;
}

.select select[disabled]::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder {
    color: #7a7a7a4d;
}

.select select[disabled]:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
[disabled].input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder {
    color: #7a7a7a4d;
}

.select select[disabled]:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder {
    color: #7a7a7a4d;
}

.textarea,
.input {
    box-shadow: inset 0 0.0625em 0.125em #0a0a0a0d;
    max-width: 100%;
    width: 100%;
}

[readonly].textarea,
[readonly].input {
    box-shadow: none;
}

.is-white.textarea,
.is-white.input {
    border-color: var(--white);
}

.is-white.textarea:focus,
.is-white.input:focus,
.is-white.is-focused.textarea,
.is-white.is-focused.input,
.is-white.textarea:active,
.is-white.input:active,
.is-white.is-active.textarea,
.is-white.is-active.input {
    box-shadow: 0 0 0 0.125em var(--white);
}

.is-black.textarea,
.is-black.input {
    border-color: #0a0a0a;
}

.is-black.textarea:focus,
.is-black.input:focus,
.is-black.is-focused.textarea,
.is-black.is-focused.input,
.is-black.textarea:active,
.is-black.input:active,
.is-black.is-active.textarea,
.is-black.is-active.input {
    box-shadow: 0 0 0 0.125em #0a0a0a40;
}

.is-light.textarea,
.is-light.input {
    border-color: #f5f5f5;
}

.is-light.textarea:focus,
.is-light.input:focus,
.is-light.is-focused.textarea,
.is-light.is-focused.input,
.is-light.textarea:active,
.is-light.input:active,
.is-light.is-active.textarea,
.is-light.is-active.input {
    box-shadow: 0 0 0 0.125em #f5f5f540;
}

.is-dark.textarea,
.is-dark.input {
    border-color: var(--dark);
}

.is-dark.textarea:focus,
.is-dark.input:focus,
.is-dark.is-focused.textarea,
.is-dark.is-focused.input,
.is-dark.textarea:active,
.is-dark.input:active,
.is-dark.is-active.textarea,
.is-dark.is-active.input {
    box-shadow: 0 0 0 0.125em var(--dark);
}

.is-primary.textarea,
.is-primary.input {
    border-color: var(--primary);
}

.is-primary.textarea:focus,
.is-primary.input:focus,
.is-primary.is-focused.textarea,
.is-primary.is-focused.input,
.is-primary.textarea:active,
.is-primary.input:active,
.is-primary.is-active.textarea,
.is-primary.is-active.input {
    box-shadow: 0 0 0 0.125em var(--primary);
}

.is-link.textarea,
.is-link.input {
    border-color: var(--link);
}

.is-link.textarea:focus,
.is-link.input:focus,
.is-link.is-focused.textarea,
.is-link.is-focused.input,
.is-link.textarea:active,
.is-link.input:active,
.is-link.is-active.textarea,
.is-link.is-active.input {
    box-shadow: 0 0 0 0.125em var(--link);
}

.is-info.textarea,
.is-info.input {
    border-color: var(--info);
}

.is-info.textarea:focus,
.is-info.input:focus,
.is-info.is-focused.textarea,
.is-info.is-focused.input,
.is-info.textarea:active,
.is-info.input:active,
.is-info.is-active.textarea,
.is-info.is-active.input {
    box-shadow: 0 0 0 0.125em var(--info);
}

.is-success.textarea,
.is-success.input {
    border-color: var(--success);
}

.is-success.textarea:focus,
.is-success.input:focus,
.is-success.is-focused.textarea,
.is-success.is-focused.input,
.is-success.textarea:active,
.is-success.input:active,
.is-success.is-active.textarea,
.is-success.is-active.input {
    box-shadow: 0 0 0 0.125em var(--success);
}

.is-warning.textarea,
.is-warning.input {
    border-color: var(--warning);
}

.is-warning.textarea:focus,
.is-warning.input:focus,
.is-warning.is-focused.textarea,
.is-warning.is-focused.input,
.is-warning.textarea:active,
.is-warning.input:active,
.is-warning.is-active.textarea,
.is-warning.is-active.input {
    box-shadow: 0 0 0 0.125em var(--warning);
}

.is-danger.textarea,
.is-danger.input {
    border-color: var(--danger);
}

.is-danger.textarea:focus,
.is-danger.input:focus,
.is-danger.is-focused.textarea,
.is-danger.is-focused.input,
.is-danger.textarea:active,
.is-danger.input:active,
.is-danger.is-active.textarea,
.is-danger.is-active.input {
    box-shadow: 0 0 0 0.125em var(--danger);
}

.is-small.textarea,
.is-small.input {
    border-radius: 2px;
    font-size: 0.75rem;
}

.is-medium.textarea,
.is-medium.input {
    font-size: 1.25rem;
}

.is-large.textarea,
.is-large.input {
    font-size: 1.5rem;
}

.is-fullwidth.textarea,
.is-fullwidth.input {
    display: block;
    width: 100%;
}

.is-inline.textarea,
.is-inline.input {
    display: inline;
    width: auto;
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px);
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 1px);
    resize: vertical;
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em;
}

.textarea[rows] {
    height: initial;
}

.textarea.has-fixed-size {
    resize: none;
}

.radio,
.checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative;
}

.radio input,
.checkbox input {
    cursor: pointer;
}

.radio:hover,
.checkbox:hover {
    color: #363636;
}

[disabled].radio,
[disabled].checkbox,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
    color: #7a7a7a;
    cursor: not-allowed;
}

.radio+.radio {
    margin-left: 0.5em;
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
}

.select:not(.is-multiple) {
    height: 2.5em;
}

.select:not(.is-multiple):not(.is-loading):after {
    border-color: var(--link);
    right: 1.125em;
    z-index: 4;
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em;
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
}

.select select::-ms-expand {
    display: none;
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
    border-color: #f5f5f5;
}

.select select:not([multiple]) {
    padding-right: 2.5em;
}

.select select[multiple] {
    height: auto;
    padding: 0;
}

.select select[multiple] option {
    padding: 0.5em 1em;
}

.select:not(.is-multiple):not(.is-loading):hover:after {
    border-color: #363636;
}

.select.is-white:not(:hover):after {
    border-color: var(--white);
}

.select.is-white select,
.select.is-white select:hover,
.select.is-white select.is-hovered {
    border-color: var(--white);
}

.select.is-white select:focus,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select.is-active {
    box-shadow: 0 0 0 0.125em var(--white);
}

.select.is-black:not(:hover):after {
    border-color: #0a0a0a;
}

.select.is-black select {
    border-color: #0a0a0a;
}

.select.is-black select:hover,
.select.is-black select.is-hovered {
    border-color: #000;
}

.select.is-black select:focus,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select.is-active {
    box-shadow: 0 0 0 0.125em #0a0a0a40;
}

.select.is-light:not(:hover):after {
    border-color: #f5f5f5;
}

.select.is-light select {
    border-color: #f5f5f5;
}

.select.is-light select:hover,
.select.is-light select.is-hovered {
    border-color: #e8e8e8;
}

.select.is-light select:focus,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select.is-active {
    box-shadow: 0 0 0 0.125em #f5f5f540;
}

.select.is-dark:not(:hover):after {
    border-color: var(--dark);
}

.select.is-dark select,
.select.is-dark select:hover,
.select.is-dark select.is-hovered {
    border-color: var(--dark);
}

.select.is-dark select:focus,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select.is-active {
    box-shadow: 0 0 0 0.125em var(--dark);
}

.select.is-primary:not(:hover):after {
    border-color: var(--primary);
}

.select.is-primary select,
.select.is-primary select:hover,
.select.is-primary select.is-hovered {
    border-color: var(--primary);
}

.select.is-primary select:focus,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select.is-active {
    box-shadow: 0 0 0 0.125em var(--primary);
}

.select.is-link:not(:hover):after {
    border-color: var(--link);
}

.select.is-link select,
.select.is-link select:hover,
.select.is-link select.is-hovered {
    border-color: var(--link);
}

.select.is-link select:focus,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select.is-active {
    box-shadow: 0 0 0 0.125em var(--link);
}

.select.is-info:not(:hover):after {
    border-color: var(--info);
}

.select.is-info select,
.select.is-info select:hover,
.select.is-info select.is-hovered {
    border-color: var(--info);
}

.select.is-info select:focus,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select.is-active {
    box-shadow: 0 0 0 0.125em var(--info);
}

.select.is-success:not(:hover):after {
    border-color: var(--success);
}

.select.is-success select,
.select.is-success select:hover,
.select.is-success select.is-hovered {
    border-color: var(--success);
}

.select.is-success select:focus,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select.is-active {
    box-shadow: 0 0 0 0.125em var(--success);
}

.select.is-warning:not(:hover):after {
    border-color: var(--warning);
}

.select.is-warning select,
.select.is-warning select:hover,
.select.is-warning select.is-hovered {
    border-color: var(--warning);
}

.select.is-warning select:focus,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select.is-active {
    box-shadow: 0 0 0 0.125em var(--warning);
}

.select.is-danger:not(:hover):after {
    border-color: var(--danger);
}

.select.is-danger select,
.select.is-danger select:hover,
.select.is-danger select.is-hovered {
    border-color: var(--danger);
}

.select.is-danger select:focus,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select.is-active {
    box-shadow: 0 0 0 0.125em var(--danger);
}

.select.is-small {
    border-radius: 2px;
    font-size: 0.75rem;
}

.select.is-medium {
    font-size: 1.25rem;
}

.select.is-large {
    font-size: 1.5rem;
}

.select.is-disabled:after {
    border-color: #7a7a7a !important;
    opacity: 0.5;
}

.select.is-fullwidth,
.select.is-fullwidth select {
    width: 100%;
}

.select.is-loading:after {
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    transform: none;
}

.select.is-loading.is-small:after {
    font-size: 0.75rem;
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem;
}

.select.is-loading.is-large:after {
    font-size: 1.5rem;
}

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.file.is-white .file-cta,
.file.is-white:hover .file-cta,
.file.is-white.is-hovered .file-cta {
    background-color: var(--white);
    border-color: transparent;
    color: #0a0a0a;
}

.file.is-white:focus .file-cta,
.file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--white);
    color: #0a0a0a;
}

.file.is-white:active .file-cta,
.file.is-white.is-active .file-cta {
    background-color: var(--white);
    border-color: transparent;
    color: #0a0a0a;
}

.file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: transparent;
    color: var(--white);
}

.file.is-black:hover .file-cta,
.file.is-black.is-hovered .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: var(--white);
}

.file.is-black:focus .file-cta,
.file.is-black.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em #0a0a0a40;
    color: var(--white);
}

.file.is-black:active .file-cta,
.file.is-black.is-active .file-cta {
    background-color: #000;
    border-color: transparent;
    color: var(--white);
}

.file.is-light .file-cta {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #000000b3;
}

.file.is-light:hover .file-cta,
.file.is-light.is-hovered .file-cta {
    background-color: #eee;
    border-color: transparent;
    color: #000000b3;
}

.file.is-light:focus .file-cta,
.file.is-light.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em #f5f5f540;
    color: #000000b3;
}

.file.is-light:active .file-cta,
.file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #000000b3;
}

.file.is-dark .file-cta,
.file.is-dark:hover .file-cta,
.file.is-dark.is-hovered .file-cta {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert);
}

.file.is-dark:focus .file-cta,
.file.is-dark.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--dark);
    color: var(--dark--color-invert);
}

.file.is-dark:active .file-cta,
.file.is-dark.is-active .file-cta {
    background-color: var(--dark);
    border-color: transparent;
    color: var(--dark--color-invert);
}

.file.is-primary .file-cta,
.file.is-primary:hover .file-cta,
.file.is-primary.is-hovered .file-cta {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert);
}

.file.is-primary:focus .file-cta,
.file.is-primary.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--primary);
    color: var(--primary--color-invert);
}

.file.is-primary:active .file-cta,
.file.is-primary.is-active .file-cta {
    background-color: var(--primary);
    border-color: transparent;
    color: var(--primary--color-invert);
}

.file.is-link .file-cta,
.file.is-link:hover .file-cta,
.file.is-link.is-hovered .file-cta {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert);
}

.file.is-link:focus .file-cta,
.file.is-link.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--link);
    color: var(--link--color-invert);
}

.file.is-link:active .file-cta,
.file.is-link.is-active .file-cta {
    background-color: var(--link);
    border-color: transparent;
    color: var(--link--color-invert);
}

.file.is-info .file-cta,
.file.is-info:hover .file-cta,
.file.is-info.is-hovered .file-cta {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert);
}

.file.is-info:focus .file-cta,
.file.is-info.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--info);
    color: var(--info--color-invert);
}

.file.is-info:active .file-cta,
.file.is-info.is-active .file-cta {
    background-color: var(--info);
    border-color: transparent;
    color: var(--info--color-invert);
}

.file.is-success .file-cta,
.file.is-success:hover .file-cta,
.file.is-success.is-hovered .file-cta {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert);
}

.file.is-success:focus .file-cta,
.file.is-success.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--success);
    color: var(--success--color-invert);
}

.file.is-success:active .file-cta,
.file.is-success.is-active .file-cta {
    background-color: var(--success);
    border-color: transparent;
    color: var(--success--color-invert);
}

.file.is-warning .file-cta,
.file.is-warning:hover .file-cta,
.file.is-warning.is-hovered .file-cta {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert);
}

.file.is-warning:focus .file-cta,
.file.is-warning.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--warning);
    color: var(--warning--color-invert);
}

.file.is-warning:active .file-cta,
.file.is-warning.is-active .file-cta {
    background-color: var(--warning);
    border-color: transparent;
    color: var(--warning--color-invert);
}

.file.is-danger .file-cta,
.file.is-danger:hover .file-cta,
.file.is-danger.is-hovered .file-cta {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert);
}

.file.is-danger:focus .file-cta,
.file.is-danger.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em var(--danger);
    color: var(--danger--color-invert);
}

.file.is-danger:active .file-cta,
.file.is-danger.is-active .file-cta {
    background-color: var(--danger);
    border-color: transparent;
    color: var(--danger--color-invert);
}

.file.is-small {
    font-size: 0.75rem;
}

.file.is-normal {
    font-size: 1rem;
}

.file.is-medium {
    font-size: 1.25rem;
}

.file.is-medium .file-icon .fa {
    font-size: 21px;
}

.file.is-large {
    font-size: 1.5rem;
}

.file.is-large .file-icon .fa {
    font-size: 28px;
}

.file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.file.has-name.is-empty .file-cta {
    border-radius: 4px;
}

.file.has-name.is-empty .file-name {
    display: none;
}

.file.is-boxed .file-label {
    flex-direction: column;
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em;
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px;
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em;
}

.file.is-boxed .file-icon .fa {
    font-size: 21px;
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px;
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px;
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px;
}

.file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0;
}

.file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px;
}

.file.is-centered {
    justify-content: center;
}

.file.is-fullwidth .file-label {
    width: 100%;
}

.file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none;
}

.file.is-right {
    justify-content: flex-end;
}

.file.is-right .file-cta {
    border-radius: 0 4px 4px 0;
}

.file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    order: -1;
}

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}

.file-label:hover .file-cta {
    background-color: #eee;
    color: #363636;
}

.file-label:hover .file-name {
    border-color: var(--border);
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636;
}

.file-label:active .file-name {
    border-color: var(--border);
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.file-cta,
.file-name {
    border-color: var(--border);
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a;
}

.file-name {
    border-color: var(--border);
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis;
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: 0.5em;
    width: 1em;
}

.file-icon .fa {
    font-size: 14px;
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700;
}

.label:not(:last-child) {
    margin-bottom: 0.5em;
}

.label.is-small {
    font-size: 0.75rem;
}

.label.is-medium {
    font-size: 1.25rem;
}

.label.is-large {
    font-size: 1.5rem;
}

.help {
    display: block;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.help.is-white {
    color: var(--white);
}

.help.is-black {
    color: #0a0a0a;
}

.help.is-light {
    color: #f5f5f5;
}

.help.is-dark {
    color: var(--dark);
}

.help.is-primary {
    color: var(--primary);
}

.help.is-link {
    color: var(--link);
}

.help.is-info {
    color: var(--info);
}

.help.is-success {
    color: var(--success);
}

.help.is-warning {
    color: var(--warning);
}

.help.is-danger {
    color: var(--danger);
}

.field:not(:last-child) {
    margin-bottom: 0.75rem;
}

.field.has-addons {
    display: flex;
    justify-content: flex-start;
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px;
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0;
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2;
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3;
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4;
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
}

.field.has-addons.has-addons-centered {
    justify-content: center;
}

.field.has-addons.has-addons-right {
    justify-content: flex-end;
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0;
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start;
}

.field.is-grouped>.control {
    flex-shrink: 0;
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.75rem;
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
}

.field.is-grouped.is-grouped-centered {
    justify-content: center;
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end;
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap;
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: 0.75rem;
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -0.75rem;
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0;
}

@media screen and (min-width: 769px),
print {
    .field.is-horizontal {
        display: flex;
    }
}

.field-label .label {
    font-size: inherit;
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: 0.5rem;
    }
}

@media screen and (min-width: 769px),
print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right;
    }

    .field-label.is-small {
        font-size: 0.75rem;
        padding-top: 0.375em;
    }

    .field-label.is-normal {
        padding-top: 0.375em;
    }

    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: 0.375em;
    }

    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: 0.375em;
    }
}

.field-body .field .field {
    margin-bottom: 0;
}

@media screen and (min-width: 769px),
print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1;
    }

    .field-body .field {
        margin-bottom: 0;
    }

    .field-body>.field {
        flex-shrink: 1;
    }

    .field-body>.field:not(.is-narrow) {
        flex-grow: 1;
    }

    .field-body>.field:not(:last-child) {
        margin-right: 0.75rem;
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a;
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: 0.75rem;
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem;
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: 1.5rem;
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: var(--border);
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4;
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.5em;
}

.control.has-icons-left .icon.is-left {
    left: 0;
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.5em;
}

.control.has-icons-right .icon.is-right {
    right: 0;
}

.control.is-loading:after {
    position: absolute !important;
    right: 0.625em;
    top: 0.625em;
    z-index: 4;
}

.control.is-loading.is-small:after {
    font-size: 0.75rem;
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem;
}

.control.is-loading.is-large:after {
    font-size: 1.5rem;
}

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap;
}

.breadcrumb a {
    align-items: center;
    color: var(--link);
    display: flex;
    justify-content: center;
    padding: 0 0.75em;
}

.breadcrumb a:hover {
    color: #363636;
}

.breadcrumb li {
    align-items: center;
    display: flex;
}

.breadcrumb li:first-child a {
    padding-left: 0;
}

.breadcrumb li.is-active a {
    color: #363636;
    cursor: default;
    pointer-events: none;
}

.breadcrumb li+li:before {
    color: #b5b5b5;
    content: "/";
}

.breadcrumb ul,
.breadcrumb ol {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.breadcrumb .icon:first-child {
    margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
    margin-left: 0.5em;
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
    justify-content: center;
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
    justify-content: flex-end;
}

.breadcrumb.is-small {
    font-size: 0.75rem;
}

.breadcrumb.is-medium {
    font-size: 1.25rem;
}

.breadcrumb.is-large {
    font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li+li:before {
    content: "→";
}

.breadcrumb.has-bullet-separator li+li:before {
    content: "•";
}

.breadcrumb.has-dot-separator li+li:before {
    content: "·";
}

.breadcrumb.has-succeeds-separator li+li:before {
    content: "≻";
}

.card {
    background-color: var(--white);
    border-radius: 0.25rem;
    box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    color: #4a4a4a;
    max-width: 100%;
    position: relative;
}

.card-footer:first-child,
.card-content:first-child,
.card-header:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-footer:last-child,
.card-content:last-child,
.card-header:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.card-header {
    background-color: transparent;
    align-items: stretch;
    box-shadow: 0 0.125em 0.25em #0a0a0a1a;
    display: flex;
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: 0.75rem 1rem;
}

.card-header-title.is-centered {
    justify-content: center;
}

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0.75rem 1rem;
}

.card-image {
    display: block;
    position: relative;
}

.card-image:first-child img {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-image:last-child img {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.card-content {
    background-color: transparent;
    padding: 1.5rem;
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid hsl(0, 0%, 93%);
    align-items: stretch;
    display: flex;
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid hsl(0, 0%, 93%);
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem;
}

.dropdown {
    display: inline-flex;
    position: relative;
    vertical-align: top;
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
    display: block;
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto;
}

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20;
}

.dropdown-content {
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.375rem 1rem;
    position: relative;
}

a.dropdown-item,
button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
}

a.dropdown-item:hover,
button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a;
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: 0.5rem 0;
}

.level {
    align-items: center;
    justify-content: space-between;
}

.level code {
    border-radius: 4px;
}

.level img {
    display: inline-block;
    vertical-align: top;
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
    display: flex;
}

.level.is-mobile .level-left+.level-right {
    margin-top: 0;
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.75rem;
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1;
}

@media screen and (min-width: 769px),
print {
    .level {
        display: flex;
    }

    .level>.level-item:not(.is-narrow) {
        flex-grow: 1;
    }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
}

.level-item .title,
.level-item .subtitle {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

.level-left,
.level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
    flex-grow: 1;
}

@media screen and (min-width: 769px),
print {

    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: 0.75rem;
    }
}

.level-left {
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {
    .level-left+.level-right {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 769px),
print {
    .level-left {
        display: flex;
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end;
}

@media screen and (min-width: 769px),
print {
    .level-right {
        display: flex;
    }
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit;
}

.media .content:not(:last-child) {
    margin-bottom: 0.75rem;
}

.media .media {
    border-top: 1px solid var(--border);
    display: flex;
    padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: 0.5rem;
}

.media .media .media {
    padding-top: 0.5rem;
}

.media .media .media+.media {
    margin-top: 0.5rem;
}

.media+.media {
    border-top: 1px solid var(--border);
    margin-top: 1rem;
    padding-top: 1rem;
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

.media-left,
.media-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.media-left {
    margin-right: 1rem;
}

.media-right {
    margin-left: 1rem;
}

.media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: inherit;
}

@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto;
    }
}

.menu {
    font-size: 1rem;
}

.menu.is-small {
    font-size: 0.75rem;
}

.menu.is-medium {
    font-size: 1.25rem;
}

.menu.is-large {
    font-size: 1.5rem;
}

.menu-list {
    line-height: 1.25;
}

.menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: 0.5em 0.75em;
}

.menu-list a:hover {
    background-color: #f5f5f5;
    color: #363636;
}

.menu-list a.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.menu-list li ul {
    border-left: 1px solid var(--border);
    margin: 0.75em;
    padding-left: 0.75em;
}

.menu-label {
    color: #7a7a7a;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.menu-label:not(:first-child) {
    margin-top: 1em;
}

.menu-label:not(:last-child) {
    margin-bottom: 1em;
}

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem;
}

.message strong {
    color: currentColor;
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline;
}

.message.is-small {
    font-size: 0.75rem;
}

.message.is-medium {
    font-size: 1.25rem;
}

.message.is-large {
    font-size: 1.5rem;
}

.message.is-white {
    background-color: var(--white--800--lighten);
}

.message.is-white .message-header {
    background-color: var(--white);
    color: #0a0a0a;
}

.message.is-white .message-body {
    border-color: var(--white);
}

.message.is-black {
    background-color: #fafafa;
}

.message.is-black .message-header {
    background-color: #0a0a0a;
    color: var(--white);
}

.message.is-black .message-body {
    border-color: #0a0a0a;
}

.message.is-light {
    background-color: #fafafa;
}

.message.is-light .message-header {
    background-color: #f5f5f5;
    color: #000000b3;
}

.message.is-light .message-body {
    border-color: #f5f5f5;
}

.message.is-dark {
    background-color: var(--dark--800--lighten);
}

.message.is-dark .message-header {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.message.is-dark .message-body {
    border-color: var(--dark);
}

.message.is-primary {
    background-color: var(--primary--light-color);
}

.message.is-primary .message-header {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.message.is-primary .message-body {
    border-color: var(--primary);
    color: var(--primary--dark-color);
}

.message.is-link {
    background-color: var(--link--light-color);
}

.message.is-link .message-header {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.message.is-link .message-body {
    border-color: var(--link);
    color: var(--link--dark-color);
}

.message.is-info {
    background-color: var(--info--light-color);
}

.message.is-info .message-header {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.message.is-info .message-body {
    border-color: var(--info);
    color: var(--info--dark-color);
}

.message.is-success {
    background-color: var(--success--light-color);
}

.message.is-success .message-header {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.message.is-success .message-body {
    border-color: var(--success);
    color: var(--success--dark-color);
}

.message.is-warning {
    background-color: var(--warning--light-color);
}

.message.is-warning .message-header {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.message.is-warning .message-body {
    border-color: var(--warning);
    color: var(--warning--dark-color);
}

.message.is-danger {
    background-color: var(--danger--light-color);
}

.message.is-danger .message-header {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.message.is-danger .message-body {
    border-color: var(--danger);
    color: var(--danger--dark-color);
}

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0.75em 1em;
    position: relative;
}

.message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.75em;
}

.message-header+.message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.message-body {
    border-color: var(--border);
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em;
}

.message-body code,
.message-body pre {
    background-color: var(--white);
}

.message-body pre code {
    background-color: transparent;
}

.modal {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40;
}

.modal.is-active {
    display: flex;
}

.modal-background {
    background-color: #0a0a0adb;
}

.modal-content,
.modal-card {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 769px) {

    .modal-content,
    .modal-card {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px;
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px;
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative;
}

.modal-card-head {
    border-bottom: 1px solid var(--border);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1;
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid var(--border);
}

.modal-card-foot .button:not(:last-child) {
    margin-right: 0.5em;
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--white);
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px;
}

.navbar {
    background-color: var(--white);
    min-height: 3.25rem;
    position: relative;
    z-index: 30;
}

.navbar.is-white {
    background-color: var(--white);
    color: #0a0a0a;
}

.navbar.is-white .navbar-brand>.navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
    color: #0a0a0a;
}

.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
    background-color: var(--white);
    color: #0a0a0a;
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: #0a0a0a;
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a;
}

@media screen and (min-width: 1024px) {

    .navbar.is-white .navbar-start>.navbar-item,
    .navbar.is-white .navbar-start .navbar-link,
    .navbar.is-white .navbar-end>.navbar-item,
    .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-start>a.navbar-item:focus,
    .navbar.is-white .navbar-start>a.navbar-item:hover,
    .navbar.is-white .navbar-start>a.navbar-item.is-active,
    .navbar.is-white .navbar-start .navbar-link:focus,
    .navbar.is-white .navbar-start .navbar-link:hover,
    .navbar.is-white .navbar-start .navbar-link.is-active,
    .navbar.is-white .navbar-end>a.navbar-item:focus,
    .navbar.is-white .navbar-end>a.navbar-item:hover,
    .navbar.is-white .navbar-end>a.navbar-item.is-active,
    .navbar.is-white .navbar-end .navbar-link:focus,
    .navbar.is-white .navbar-end .navbar-link:hover,
    .navbar.is-white .navbar-end .navbar-link.is-active {
        background-color: var(--white);
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-start .navbar-link:after,
    .navbar.is-white .navbar-end .navbar-link:after {
        border-color: #0a0a0a;
    }

    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--white);
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--white);
        color: #0a0a0a;
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    color: var(--white);
}

.navbar.is-black .navbar-brand>.navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
    color: var(--white);
}

.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
    background-color: #000;
    color: var(--white);
}

.navbar.is-black .navbar-brand .navbar-link:after {
    border-color: var(--white);
}

.navbar.is-black .navbar-burger {
    color: var(--white);
}

@media screen and (min-width: 1024px) {

    .navbar.is-black .navbar-start>.navbar-item,
    .navbar.is-black .navbar-start .navbar-link,
    .navbar.is-black .navbar-end>.navbar-item,
    .navbar.is-black .navbar-end .navbar-link {
        color: var(--white);
    }

    .navbar.is-black .navbar-start>a.navbar-item:focus,
    .navbar.is-black .navbar-start>a.navbar-item:hover,
    .navbar.is-black .navbar-start>a.navbar-item.is-active,
    .navbar.is-black .navbar-start .navbar-link:focus,
    .navbar.is-black .navbar-start .navbar-link:hover,
    .navbar.is-black .navbar-start .navbar-link.is-active,
    .navbar.is-black .navbar-end>a.navbar-item:focus,
    .navbar.is-black .navbar-end>a.navbar-item:hover,
    .navbar.is-black .navbar-end>a.navbar-item.is-active,
    .navbar.is-black .navbar-end .navbar-link:focus,
    .navbar.is-black .navbar-end .navbar-link:hover,
    .navbar.is-black .navbar-end .navbar-link.is-active {
        background-color: #000;
        color: var(--white);
    }

    .navbar.is-black .navbar-start .navbar-link:after,
    .navbar.is-black .navbar-end .navbar-link:after {
        border-color: var(--white);
    }

    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #000;
        color: var(--white);
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: var(--white);
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: #000000b3;
}

.navbar.is-light .navbar-brand>.navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
    color: #000000b3;
}

.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
    background-color: #e8e8e8;
    color: #000000b3;
}

.navbar.is-light .navbar-brand .navbar-link:after {
    border-color: #000000b3;
}

.navbar.is-light .navbar-burger {
    color: #000000b3;
}

@media screen and (min-width: 1024px) {

    .navbar.is-light .navbar-start>.navbar-item,
    .navbar.is-light .navbar-start .navbar-link,
    .navbar.is-light .navbar-end>.navbar-item,
    .navbar.is-light .navbar-end .navbar-link {
        color: #000000b3;
    }

    .navbar.is-light .navbar-start>a.navbar-item:focus,
    .navbar.is-light .navbar-start>a.navbar-item:hover,
    .navbar.is-light .navbar-start>a.navbar-item.is-active,
    .navbar.is-light .navbar-start .navbar-link:focus,
    .navbar.is-light .navbar-start .navbar-link:hover,
    .navbar.is-light .navbar-start .navbar-link.is-active,
    .navbar.is-light .navbar-end>a.navbar-item:focus,
    .navbar.is-light .navbar-end>a.navbar-item:hover,
    .navbar.is-light .navbar-end>a.navbar-item.is-active,
    .navbar.is-light .navbar-end .navbar-link:focus,
    .navbar.is-light .navbar-end .navbar-link:hover,
    .navbar.is-light .navbar-end .navbar-link.is-active {
        background-color: #e8e8e8;
        color: #000000b3;
    }

    .navbar.is-light .navbar-start .navbar-link:after,
    .navbar.is-light .navbar-end .navbar-link:after {
        border-color: #000000b3;
    }

    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: #000000b3;
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #000000b3;
    }
}

.navbar.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.navbar.is-dark .navbar-brand>.navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
    color: var(--dark--color-invert);
}

.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.navbar.is-dark .navbar-brand .navbar-link:after {
    border-color: var(--dark--color-invert);
}

.navbar.is-dark .navbar-burger {
    color: var(--dark--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-dark .navbar-start>.navbar-item,
    .navbar.is-dark .navbar-start .navbar-link,
    .navbar.is-dark .navbar-end>.navbar-item,
    .navbar.is-dark .navbar-end .navbar-link {
        color: var(--dark--color-invert);
    }

    .navbar.is-dark .navbar-start>a.navbar-item:focus,
    .navbar.is-dark .navbar-start>a.navbar-item:hover,
    .navbar.is-dark .navbar-start>a.navbar-item.is-active,
    .navbar.is-dark .navbar-start .navbar-link:focus,
    .navbar.is-dark .navbar-start .navbar-link:hover,
    .navbar.is-dark .navbar-start .navbar-link.is-active,
    .navbar.is-dark .navbar-end>a.navbar-item:focus,
    .navbar.is-dark .navbar-end>a.navbar-item:hover,
    .navbar.is-dark .navbar-end>a.navbar-item.is-active,
    .navbar.is-dark .navbar-end .navbar-link:focus,
    .navbar.is-dark .navbar-end .navbar-link:hover,
    .navbar.is-dark .navbar-end .navbar-link.is-active {
        background-color: var(--dark);
        color: var(--dark--color-invert);
    }

    .navbar.is-dark .navbar-start .navbar-link:after,
    .navbar.is-dark .navbar-end .navbar-link:after {
        border-color: var(--dark--color-invert);
    }

    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--dark);
        color: var(--dark--color-invert);
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--dark);
        color: var(--dark--color-invert);
    }
}

.navbar.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.navbar.is-primary .navbar-brand>.navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
    color: var(--primary--color-invert);
}

.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.navbar.is-primary .navbar-brand .navbar-link:after {
    border-color: var(--primary--color-invert);
}

.navbar.is-primary .navbar-burger {
    color: var(--primary--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-primary .navbar-start>.navbar-item,
    .navbar.is-primary .navbar-start .navbar-link,
    .navbar.is-primary .navbar-end>.navbar-item,
    .navbar.is-primary .navbar-end .navbar-link {
        color: var(--primary--color-invert);
    }

    .navbar.is-primary .navbar-start>a.navbar-item:focus,
    .navbar.is-primary .navbar-start>a.navbar-item:hover,
    .navbar.is-primary .navbar-start>a.navbar-item.is-active,
    .navbar.is-primary .navbar-start .navbar-link:focus,
    .navbar.is-primary .navbar-start .navbar-link:hover,
    .navbar.is-primary .navbar-start .navbar-link.is-active,
    .navbar.is-primary .navbar-end>a.navbar-item:focus,
    .navbar.is-primary .navbar-end>a.navbar-item:hover,
    .navbar.is-primary .navbar-end>a.navbar-item.is-active,
    .navbar.is-primary .navbar-end .navbar-link:focus,
    .navbar.is-primary .navbar-end .navbar-link:hover,
    .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: var(--primary);
        color: var(--primary--color-invert);
    }

    .navbar.is-primary .navbar-start .navbar-link:after,
    .navbar.is-primary .navbar-end .navbar-link:after {
        border-color: var(--primary--color-invert);
    }

    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--primary);
        color: var(--primary--color-invert);
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--primary);
        color: var(--primary--color-invert);
    }
}

.navbar.is-link {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.navbar.is-link .navbar-brand>.navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
    color: var(--link--color-invert);
}

.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.navbar.is-link .navbar-brand .navbar-link:after {
    border-color: var(--link--color-invert);
}

.navbar.is-link .navbar-burger {
    color: var(--link--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-link .navbar-start>.navbar-item,
    .navbar.is-link .navbar-start .navbar-link,
    .navbar.is-link .navbar-end>.navbar-item,
    .navbar.is-link .navbar-end .navbar-link {
        color: var(--link--color-invert);
    }

    .navbar.is-link .navbar-start>a.navbar-item:focus,
    .navbar.is-link .navbar-start>a.navbar-item:hover,
    .navbar.is-link .navbar-start>a.navbar-item.is-active,
    .navbar.is-link .navbar-start .navbar-link:focus,
    .navbar.is-link .navbar-start .navbar-link:hover,
    .navbar.is-link .navbar-start .navbar-link.is-active,
    .navbar.is-link .navbar-end>a.navbar-item:focus,
    .navbar.is-link .navbar-end>a.navbar-item:hover,
    .navbar.is-link .navbar-end>a.navbar-item.is-active,
    .navbar.is-link .navbar-end .navbar-link:focus,
    .navbar.is-link .navbar-end .navbar-link:hover,
    .navbar.is-link .navbar-end .navbar-link.is-active {
        background-color: var(--link);
        color: var(--link--color-invert);
    }

    .navbar.is-link .navbar-start .navbar-link:after,
    .navbar.is-link .navbar-end .navbar-link:after {
        border-color: var(--link--color-invert);
    }

    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--link);
        color: var(--link--color-invert);
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--link);
        color: var(--link--color-invert);
    }
}

.navbar.is-info {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.navbar.is-info .navbar-brand>.navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
    color: var(--info--color-invert);
}

.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.navbar.is-info .navbar-brand .navbar-link:after {
    border-color: var(--info--color-invert);
}

.navbar.is-info .navbar-burger {
    color: var(--info--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-info .navbar-start>.navbar-item,
    .navbar.is-info .navbar-start .navbar-link,
    .navbar.is-info .navbar-end>.navbar-item,
    .navbar.is-info .navbar-end .navbar-link {
        color: var(--info--color-invert);
    }

    .navbar.is-info .navbar-start>a.navbar-item:focus,
    .navbar.is-info .navbar-start>a.navbar-item:hover,
    .navbar.is-info .navbar-start>a.navbar-item.is-active,
    .navbar.is-info .navbar-start .navbar-link:focus,
    .navbar.is-info .navbar-start .navbar-link:hover,
    .navbar.is-info .navbar-start .navbar-link.is-active,
    .navbar.is-info .navbar-end>a.navbar-item:focus,
    .navbar.is-info .navbar-end>a.navbar-item:hover,
    .navbar.is-info .navbar-end>a.navbar-item.is-active,
    .navbar.is-info .navbar-end .navbar-link:focus,
    .navbar.is-info .navbar-end .navbar-link:hover,
    .navbar.is-info .navbar-end .navbar-link.is-active {
        background-color: var(--info);
        color: var(--info--color-invert);
    }

    .navbar.is-info .navbar-start .navbar-link:after,
    .navbar.is-info .navbar-end .navbar-link:after {
        border-color: var(--info--color-invert);
    }

    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--info);
        color: var(--info--color-invert);
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--info);
        color: var(--info--color-invert);
    }
}

.navbar.is-success {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.navbar.is-success .navbar-brand>.navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
    color: var(--success--color-invert);
}

.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.navbar.is-success .navbar-brand .navbar-link:after {
    border-color: var(--success--color-invert);
}

.navbar.is-success .navbar-burger {
    color: var(--success--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-success .navbar-start>.navbar-item,
    .navbar.is-success .navbar-start .navbar-link,
    .navbar.is-success .navbar-end>.navbar-item,
    .navbar.is-success .navbar-end .navbar-link {
        color: var(--success--color-invert);
    }

    .navbar.is-success .navbar-start>a.navbar-item:focus,
    .navbar.is-success .navbar-start>a.navbar-item:hover,
    .navbar.is-success .navbar-start>a.navbar-item.is-active,
    .navbar.is-success .navbar-start .navbar-link:focus,
    .navbar.is-success .navbar-start .navbar-link:hover,
    .navbar.is-success .navbar-start .navbar-link.is-active,
    .navbar.is-success .navbar-end>a.navbar-item:focus,
    .navbar.is-success .navbar-end>a.navbar-item:hover,
    .navbar.is-success .navbar-end>a.navbar-item.is-active,
    .navbar.is-success .navbar-end .navbar-link:focus,
    .navbar.is-success .navbar-end .navbar-link:hover,
    .navbar.is-success .navbar-end .navbar-link.is-active {
        background-color: var(--success);
        color: var(--success--color-invert);
    }

    .navbar.is-success .navbar-start .navbar-link:after,
    .navbar.is-success .navbar-end .navbar-link:after {
        border-color: var(--success--color-invert);
    }

    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--success);
        color: var(--success--color-invert);
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--success);
        color: var(--success--color-invert);
    }
}

.navbar.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.navbar.is-warning .navbar-brand>.navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
    color: var(--warning--color-invert);
}

.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.navbar.is-warning .navbar-brand .navbar-link:after {
    border-color: var(--warning--color-invert);
}

.navbar.is-warning .navbar-burger {
    color: var(--warning--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-warning .navbar-start>.navbar-item,
    .navbar.is-warning .navbar-start .navbar-link,
    .navbar.is-warning .navbar-end>.navbar-item,
    .navbar.is-warning .navbar-end .navbar-link {
        color: var(--warning--color-invert);
    }

    .navbar.is-warning .navbar-start>a.navbar-item:focus,
    .navbar.is-warning .navbar-start>a.navbar-item:hover,
    .navbar.is-warning .navbar-start>a.navbar-item.is-active,
    .navbar.is-warning .navbar-start .navbar-link:focus,
    .navbar.is-warning .navbar-start .navbar-link:hover,
    .navbar.is-warning .navbar-start .navbar-link.is-active,
    .navbar.is-warning .navbar-end>a.navbar-item:focus,
    .navbar.is-warning .navbar-end>a.navbar-item:hover,
    .navbar.is-warning .navbar-end>a.navbar-item.is-active,
    .navbar.is-warning .navbar-end .navbar-link:focus,
    .navbar.is-warning .navbar-end .navbar-link:hover,
    .navbar.is-warning .navbar-end .navbar-link.is-active {
        background-color: var(--warning);
        color: var(--warning--color-invert);
    }

    .navbar.is-warning .navbar-start .navbar-link:after,
    .navbar.is-warning .navbar-end .navbar-link:after {
        border-color: var(--warning--color-invert);
    }

    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--warning);
        color: var(--warning--color-invert);
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--warning);
        color: var(--warning--color-invert);
    }
}

.navbar.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.navbar.is-danger .navbar-brand>.navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
    color: var(--danger--color-invert);
}

.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.navbar.is-danger .navbar-brand .navbar-link:after {
    border-color: var(--danger--color-invert);
}

.navbar.is-danger .navbar-burger {
    color: var(--danger--color-invert);
}

@media screen and (min-width: 1024px) {

    .navbar.is-danger .navbar-start>.navbar-item,
    .navbar.is-danger .navbar-start .navbar-link,
    .navbar.is-danger .navbar-end>.navbar-item,
    .navbar.is-danger .navbar-end .navbar-link {
        color: var(--danger--color-invert);
    }

    .navbar.is-danger .navbar-start>a.navbar-item:focus,
    .navbar.is-danger .navbar-start>a.navbar-item:hover,
    .navbar.is-danger .navbar-start>a.navbar-item.is-active,
    .navbar.is-danger .navbar-start .navbar-link:focus,
    .navbar.is-danger .navbar-start .navbar-link:hover,
    .navbar.is-danger .navbar-start .navbar-link.is-active,
    .navbar.is-danger .navbar-end>a.navbar-item:focus,
    .navbar.is-danger .navbar-end>a.navbar-item:hover,
    .navbar.is-danger .navbar-end>a.navbar-item.is-active,
    .navbar.is-danger .navbar-end .navbar-link:focus,
    .navbar.is-danger .navbar-end .navbar-link:hover,
    .navbar.is-danger .navbar-end .navbar-link.is-active {
        background-color: var(--danger);
        color: var(--danger--color-invert);
    }

    .navbar.is-danger .navbar-start .navbar-link:after,
    .navbar.is-danger .navbar-end .navbar-link:after {
        border-color: var(--danger--color-invert);
    }

    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: var(--danger);
        color: var(--danger--color-invert);
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--danger);
        color: var(--danger--color-invert);
    }
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%;
}

.navbar.has-shadow {
    box-shadow: 0 2px #f5f5f5;
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
}

.navbar.is-fixed-bottom {
    bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: 0 -2px #f5f5f5;
}

.navbar.is-fixed-top {
    top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
    padding-top: 3.25rem;
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
    background-color: transparent;
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
}

.navbar-burger {
    color: #4a4a4a;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto;
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px;
}

.navbar-burger span:nth-child(1) {
    top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px);
}

.navbar-burger:hover {
    background-color: #0000000d;
}

.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
    display: none;
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    position: relative;
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
    cursor: pointer;
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
    background-color: #fafafa;
    color: var(--link);
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0;
}

.navbar-item img {
    max-height: 1.75rem;
}

.navbar-item.has-dropdown {
    padding: 0;
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: var(--link);
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom-color: var(--link);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: var(--link);
    padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em;
}

.navbar-link:not(.is-arrowless):after {
    border-color: var(--link);
    margin-top: -0.375em;
    right: 1.125em;
}

.navbar-dropdown {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
    .navbar>.container {
        display: block;
    }

    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex;
    }

    .navbar-link:after {
        display: none;
    }

    .navbar-menu {
        background-color: var(--white);
        box-shadow: 0 8px 16px #0a0a0a1a;
        padding: 0.5rem 0;
    }

    .navbar-menu.is-active {
        display: block;
    }

    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0;
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -2px 3px #0a0a0a1a;
    }

    .navbar.is-fixed-top-touch {
        top: 0;
    }

    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto;
    }

    html.has-navbar-fixed-top-touch,
    body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem;
    }

    html.has-navbar-fixed-bottom-touch,
    body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem;
    }
}

@media screen and (min-width: 1024px) {

    .navbar,
    .navbar-menu,
    .navbar-start,
    .navbar-end {
        align-items: stretch;
        display: flex;
    }

    .navbar {
        min-height: 3.25rem;
    }

    .navbar.is-spaced {
        padding: 1rem 2rem;
    }

    .navbar.is-spaced .navbar-start,
    .navbar.is-spaced .navbar-end {
        align-items: center;
    }

    .navbar.is-spaced a.navbar-item,
    .navbar.is-spaced .navbar-link {
        border-radius: 4px;
    }

    .navbar.is-transparent a.navbar-item:focus,
    .navbar.is-transparent a.navbar-item:hover,
    .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active {
        background-color: transparent !important;
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important;
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a;
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--link);
    }

    .navbar-burger {
        display: none;
    }

    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex;
    }

    .navbar-item.has-dropdown {
        align-items: stretch;
    }

    .navbar-item.has-dropdown-up .navbar-link:after {
        transform: rotate(135deg) translate(0.25em, -0.25em);
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid var(--border);
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -8px 8px #0a0a0a1a;
        top: auto;
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block;
    }

    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto;
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto;
    }

    .navbar-dropdown {
        background-color: var(--white);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid var(--border);
        box-shadow: 0 8px 8px #0a0a0a1a;
        display: none;
        font-size: 0.875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20;
    }

    .navbar-dropdown .navbar-item {
        padding: 0.375rem 1rem;
        white-space: nowrap;
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem;
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a;
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--link);
    }

    .navbar.is-spaced .navbar-dropdown,
    .navbar-dropdown.is-boxed {
        border-radius: 6px;
        border-top: none;
        box-shadow: 0 8px 8px #0a0a0a1a, 0 0 0 1px #0a0a0a1a;
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% - 4px);
        transform: translateY(-5px);
        transition-duration: 86ms;
        transition-property: opacity, transform;
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0;
    }

    .navbar-divider {
        display: block;
    }

    .navbar>.container .navbar-brand,
    .container>.navbar .navbar-brand {
        margin-left: -0.75rem;
    }

    .navbar>.container .navbar-menu,
    .container>.navbar .navbar-menu {
        margin-right: -0.75rem;
    }

    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0;
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -2px 3px #0a0a0a1a;
    }

    .navbar.is-fixed-top-desktop {
        top: 0;
    }

    html.has-navbar-fixed-top-desktop,
    body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem;
    }

    html.has-navbar-fixed-bottom-desktop,
    body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem;
    }

    html.has-spaced-navbar-fixed-top,
    body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem;
    }

    html.has-spaced-navbar-fixed-bottom,
    body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem;
    }

    a.navbar-item.is-active,
    .navbar-link.is-active {
        color: #0a0a0a;
    }

    a.navbar-item.is-active:not(:focus):not(:hover),
    .navbar-link.is-active:not(:focus):not(:hover) {
        background-color: transparent;
    }

    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link,
    .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa;
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem);
}

.pagination {
    font-size: 1rem;
    margin: -0.25rem;
}

.pagination.is-small {
    font-size: 0.75rem;
}

.pagination.is-medium {
    font-size: 1.25rem;
}

.pagination.is-large {
    font-size: 1.5rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 9999px;
}

.pagination.is-rounded .pagination-link {
    border-radius: 9999px;
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    font-size: 1em;
    justify-content: center;
    margin: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: var(--border);
    color: #363636;
    min-width: 2.5em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
    border-color: #485fc7;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
    box-shadow: inset 0 1px 2px #0a0a0a33;
}

.pagination-previous[disabled],
.pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
    background-color: var(--border);
    border-color: var(--border);
    box-shadow: none;
    color: #7a7a7a;
    opacity: 0.5;
}

.pagination-previous,
.pagination-next {
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}

.pagination-link.is-current {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert);
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none;
}

.pagination-list {
    flex-wrap: wrap;
}

.pagination-list li {
    list-style: none;
}

@media screen and (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
    }

    .pagination-previous,
    .pagination-next,
    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1;
    }
}

@media screen and (min-width: 769px),
print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1;
    }

    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        margin-bottom: 0;
        margin-top: 0;
    }

    .pagination-previous {
        order: 2;
    }

    .pagination-next {
        order: 3;
    }

    .pagination {
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0;
    }

    .pagination.is-centered .pagination-previous {
        order: 1;
    }

    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2;
    }

    .pagination.is-centered .pagination-next {
        order: 3;
    }

    .pagination.is-right .pagination-previous {
        order: 1;
    }

    .pagination.is-right .pagination-next {
        order: 2;
    }

    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3;
    }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
    font-size: 1rem;
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem;
}

.panel.is-white .panel-heading {
    background-color: var(--white);
    color: #0a0a0a;
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: var(--white);
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: var(--white);
}

.panel.is-black .panel-heading {
    background-color: #0a0a0a;
    color: var(--white);
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a;
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a;
}

.panel.is-light .panel-heading {
    background-color: #f5f5f5;
    color: #000000b3;
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5;
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5;
}

.panel.is-dark .panel-heading {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: var(--dark);
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: var(--dark);
}

.panel.is-primary .panel-heading {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: var(--primary);
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: var(--primary);
}

.panel.is-link .panel-heading {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: var(--link);
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: var(--link);
}

.panel.is-info .panel-heading {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: var(--info);
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: var(--info);
}

.panel.is-success .panel-heading {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: var(--success);
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: var(--success);
}

.panel.is-warning .panel-heading {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: var(--warning);
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: var(--warning);
}

.panel.is-danger .panel-heading {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: var(--danger);
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: var(--danger);
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
    border-bottom: 1px solid hsl(0, 0%, 93%);
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: 0.75em 1em;
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: 0.875em;
    justify-content: center;
}

.panel-tabs a {
    border-bottom: 1px solid var(--border);
    margin-bottom: -1px;
    padding: 0.5em;
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636;
}

.panel-list a {
    color: #4a4a4a;
}

.panel-list a:hover {
    color: var(--link);
}

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: 0.5em 0.75em;
}

.panel-block input[type="checkbox"] {
    margin-right: 0.75em;
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
}

.panel-block.is-wrapped {
    flex-wrap: wrap;
}

.panel-block.is-active {
    border-left-color: var(--link);
    color: #363636;
}

.panel-block.is-active .panel-icon {
    color: var(--link);
}

.panel-block:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
    cursor: pointer;
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #f5f5f5;
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: 0.75em;
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit;
}

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.tabs a {
    align-items: center;
    border-bottom-color: var(--border);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    vertical-align: top;
}

.tabs a:hover {
    border-bottom-color: #363636;
    color: #363636;
}

.tabs li {
    display: block;
}

.tabs li.is-active a {
    border-bottom-color: var(--link);
    color: var(--link);
}

.tabs ul {
    align-items: center;
    border-bottom-color: var(--border);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
}

.tabs ul.is-left {
    padding-right: 0.75em;
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: 0.75em;
}

.tabs .icon:first-child {
    margin-right: 0.5em;
}

.tabs .icon:last-child {
    margin-left: 0.5em;
}

.tabs.is-centered ul {
    justify-content: center;
}

.tabs.is-right ul {
    justify-content: flex-end;
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: var(--border);
}

.tabs.is-boxed li.is-active a {
    background-color: var(--white);
    border-color: var(--border);
    border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0;
}

.tabs.is-toggle a {
    border-color: var(--border);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative;
}

.tabs.is-toggle a:hover {
    background-color: #f5f5f5;
    border-color: #b5b5b5;
    z-index: 2;
}

.tabs.is-toggle li+li {
    margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tabs.is-toggle li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tabs.is-toggle li.is-active a {
    background-color: var(--link);
    border-color: var(--link);
    color: var(--link--color-invert);
    z-index: 1;
}

.tabs.is-toggle ul {
    border-bottom: none;
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    padding-left: 1.25em;
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    padding-right: 1.25em;
}

.tabs.is-small {
    font-size: 0.75rem;
}

.tabs.is-medium {
    font-size: 1.25rem;
}

.tabs.is-large {
    font-size: 1.5rem;
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.75rem;
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset;
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%;
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%;
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%;
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%;
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%;
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%;
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%;
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%;
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%;
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%;
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%;
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%;
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%;
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%;
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%;
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%;
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%;
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%;
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%;
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0%;
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0%;
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333337%;
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333337%;
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66666674%;
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66666674%;
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%;
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%;
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333337%;
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333337%;
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66666674%;
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66666674%;
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%;
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%;
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333337%;
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333337%;
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66666674%;
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66666674%;
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%;
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%;
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.33333337%;
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333337%;
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.66666674%;
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66666674%;
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%;
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%;
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset;
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%;
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%;
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%;
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%;
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%;
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%;
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%;
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%;
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%;
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%;
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%;
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%;
    }

    .column.is-offset-half-mobile {
        margin-left: 50%;
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%;
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%;
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%;
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%;
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%;
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%;
    }

    .column.is-0-mobile {
        flex: none;
        width: 0%;
    }

    .column.is-offset-0-mobile {
        margin-left: 0%;
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%;
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%;
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%;
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%;
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%;
    }

    .column.is-offset-3-mobile {
        margin-left: 25%;
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%;
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%;
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%;
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%;
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%;
    }

    .column.is-offset-6-mobile {
        margin-left: 50%;
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%;
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%;
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%;
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%;
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%;
    }

    .column.is-offset-9-mobile {
        margin-left: 75%;
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%;
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%;
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%;
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%;
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%;
    }

    .column.is-offset-12-mobile {
        margin-left: 100%;
    }
}

@media screen and (min-width: 769px),
print {

    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
        width: unset;
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%;
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%;
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%;
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%;
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%;
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%;
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%;
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%;
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%;
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%;
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%;
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%;
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%;
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%;
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%;
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%;
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%;
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%;
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%;
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0%;
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%;
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333337%;
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333337%;
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.66666674%;
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66666674%;
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%;
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%;
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.33333337%;
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333337%;
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.66666674%;
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66666674%;
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%;
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%;
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.33333337%;
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333337%;
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.66666674%;
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66666674%;
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%;
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%;
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.33333337%;
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333337%;
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.66666674%;
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66666674%;
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%;
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset;
    }

    .column.is-full-touch {
        flex: none;
        width: 100%;
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%;
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%;
    }

    .column.is-half-touch {
        flex: none;
        width: 50%;
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%;
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%;
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%;
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%;
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%;
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%;
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%;
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%;
    }

    .column.is-offset-half-touch {
        margin-left: 50%;
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%;
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%;
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%;
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%;
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%;
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%;
    }

    .column.is-0-touch {
        flex: none;
        width: 0%;
    }

    .column.is-offset-0-touch {
        margin-left: 0%;
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333337%;
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%;
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66666674%;
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%;
    }

    .column.is-3-touch {
        flex: none;
        width: 25%;
    }

    .column.is-offset-3-touch {
        margin-left: 25%;
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333337%;
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%;
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66666674%;
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%;
    }

    .column.is-6-touch {
        flex: none;
        width: 50%;
    }

    .column.is-offset-6-touch {
        margin-left: 50%;
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333337%;
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%;
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66666674%;
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%;
    }

    .column.is-9-touch {
        flex: none;
        width: 75%;
    }

    .column.is-offset-9-touch {
        margin-left: 75%;
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333337%;
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%;
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66666674%;
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%;
    }

    .column.is-12-touch {
        flex: none;
        width: 100%;
    }

    .column.is-offset-12-touch {
        margin-left: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset;
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%;
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%;
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%;
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%;
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%;
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%;
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%;
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%;
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%;
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%;
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%;
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%;
    }

    .column.is-offset-half-desktop {
        margin-left: 50%;
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%;
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%;
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%;
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%;
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%;
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%;
    }

    .column.is-0-desktop {
        flex: none;
        width: 0%;
    }

    .column.is-offset-0-desktop {
        margin-left: 0%;
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%;
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%;
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%;
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%;
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%;
    }

    .column.is-offset-3-desktop {
        margin-left: 25%;
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%;
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%;
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%;
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%;
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%;
    }

    .column.is-offset-6-desktop {
        margin-left: 50%;
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%;
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%;
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%;
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%;
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%;
    }

    .column.is-offset-9-desktop {
        margin-left: 75%;
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%;
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%;
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%;
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%;
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%;
    }

    .column.is-offset-12-desktop {
        margin-left: 100%;
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset;
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%;
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%;
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%;
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%;
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%;
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%;
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%;
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%;
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%;
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%;
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%;
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%;
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%;
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%;
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%;
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%;
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%;
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%;
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%;
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0%;
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%;
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%;
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%;
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%;
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%;
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%;
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%;
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%;
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%;
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%;
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%;
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%;
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%;
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%;
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%;
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%;
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%;
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%;
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%;
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%;
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%;
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%;
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%;
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%;
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%;
    }
}

.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
}

.columns:last-child {
    margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
    margin-bottom: 0.75rem;
}

.columns.is-centered {
    justify-content: center;
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important;
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem;
}

.columns.is-gapless:last-child {
    margin-bottom: 0;
}

.columns.is-mobile {
    display: flex;
}

.columns.is-multiline {
    flex-wrap: wrap;
}

.columns.is-vcentered {
    align-items: center;
}

@media screen and (min-width: 769px),
print {
    .columns:not(.is-desktop) {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex;
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap));
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap);
}

.columns.is-variable.is-0 {
    --columnGap: 0rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem;
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem;
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem;
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem;
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem;
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem;
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem;
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem;
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem;
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem;
    }
}

@media screen and (min-width: 769px),
print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem;
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem;
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem;
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem;
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -moz-min-content;
    min-height: min-content;
}

.tile.is-ancestor {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
}

.tile.is-ancestor:last-child {
    margin-bottom: -0.75rem;
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: 0.75rem;
}

.tile.is-child {
    margin: 0 !important;
}

.tile.is-parent {
    padding: 0.75rem;
}

.tile.is-vertical {
    flex-direction: column;
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px),
print {
    .tile:not(.is-child) {
        display: flex;
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333337%;
    }

    .tile.is-2 {
        flex: none;
        width: 16.66666674%;
    }

    .tile.is-3 {
        flex: none;
        width: 25%;
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333337%;
    }

    .tile.is-5 {
        flex: none;
        width: 41.66666674%;
    }

    .tile.is-6 {
        flex: none;
        width: 50%;
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333337%;
    }

    .tile.is-8 {
        flex: none;
        width: 66.66666674%;
    }

    .tile.is-9 {
        flex: none;
        width: 75%;
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333337%;
    }

    .tile.is-11 {
        flex: none;
        width: 91.66666674%;
    }

    .tile.is-12 {
        flex: none;
        width: 100%;
    }
}

.has-text-white {
    color: var(--white) !important;
}

a.has-text-white:hover,
a.has-text-white:focus {
    color: var(--white) !important;
}

.has-background-white {
    background-color: var(--white) !important;
}

.has-text-black {
    color: #0a0a0a !important;
}

a.has-text-black:hover,
a.has-text-black:focus {
    color: #000 !important;
}

.has-background-black {
    background-color: #0a0a0a !important;
}

.has-text-light {
    color: #f5f5f5 !important;
}

a.has-text-light:hover,
a.has-text-light:focus {
    color: #dbdbdb !important;
}

.has-background-light {
    background-color: #f5f5f5 !important;
}

.has-text-dark {
    color: var(--dark) !important;
}

a.has-text-dark:hover,
a.has-text-dark:focus {
    color: var(--dark) !important;
}

.has-background-dark {
    background-color: var(--dark) !important;
}

.has-text-primary {
    color: var(--primary) !important;
}

a.has-text-primary:hover,
a.has-text-primary:focus {
    color: var(--primary) !important;
}

.has-background-primary {
    background-color: var(--primary) !important;
}

.has-text-primary-light {
    color: var(--primary--light-color) !important;
}

a.has-text-primary-light:hover,
a.has-text-primary-light:focus {
    color: var(--primary--light-color) !important;
}

.has-background-primary-light {
    background-color: var(--primary--light-color) !important;
}

.has-text-primary-dark {
    color: var(--primary--dark-color) !important;
}

a.has-text-primary-dark:hover,
a.has-text-primary-dark:focus {
    color: var(--primary--dark-color) !important;
}

.has-background-primary-dark {
    background-color: var(--primary--dark-color) !important;
}

.has-text-link {
    color: var(--link) !important;
}

a.has-text-link:hover,
a.has-text-link:focus {
    color: var(--link) !important;
}

.has-background-link {
    background-color: var(--link) !important;
}

.has-text-link-light {
    color: var(--link--light-color) !important;
}

a.has-text-link-light:hover,
a.has-text-link-light:focus {
    color: var(--link--light-color) !important;
}

.has-background-link-light {
    background-color: var(--link--light-color) !important;
}

.has-text-link-dark {
    color: var(--link--dark-color) !important;
}

a.has-text-link-dark:hover,
a.has-text-link-dark:focus {
    color: var(--link--dark-color) !important;
}

.has-background-link-dark {
    background-color: var(--link--dark-color) !important;
}

.has-text-info {
    color: var(--info) !important;
}

a.has-text-info:hover,
a.has-text-info:focus {
    color: var(--info) !important;
}

.has-background-info {
    background-color: var(--info) !important;
}

.has-text-info-light {
    color: var(--info--light-color) !important;
}

a.has-text-info-light:hover,
a.has-text-info-light:focus {
    color: var(--info--light-color) !important;
}

.has-background-info-light {
    background-color: var(--info--light-color) !important;
}

.has-text-info-dark {
    color: var(--info--dark-color) !important;
}

a.has-text-info-dark:hover,
a.has-text-info-dark:focus {
    color: var(--info--dark-color) !important;
}

.has-background-info-dark {
    background-color: var(--info--dark-color) !important;
}

.has-text-success {
    color: var(--success) !important;
}

a.has-text-success:hover,
a.has-text-success:focus {
    color: var(--success) !important;
}

.has-background-success {
    background-color: var(--success) !important;
}

.has-text-success-light {
    color: var(--success--light-color) !important;
}

a.has-text-success-light:hover,
a.has-text-success-light:focus {
    color: var(--success--light-color) !important;
}

.has-background-success-light {
    background-color: var(--success--light-color) !important;
}

.has-text-success-dark {
    color: var(--success--dark-color) !important;
}

a.has-text-success-dark:hover,
a.has-text-success-dark:focus {
    color: var(--success--dark-color) !important;
}

.has-background-success-dark {
    background-color: var(--success--dark-color) !important;
}

.has-text-warning {
    color: var(--warning) !important;
}

a.has-text-warning:hover,
a.has-text-warning:focus {
    color: var(--warning) !important;
}

.has-background-warning {
    background-color: var(--warning) !important;
}

.has-text-warning-light {
    color: var(--warning--light-color) !important;
}

a.has-text-warning-light:hover,
a.has-text-warning-light:focus {
    color: var(--warning--light-color) !important;
}

.has-background-warning-light {
    background-color: var(--warning--light-color) !important;
}

.has-text-warning-dark {
    color: var(--warning--dark-color) !important;
}

a.has-text-warning-dark:hover,
a.has-text-warning-dark:focus {
    color: var(--warning--dark-color) !important;
}

.has-background-warning-dark {
    background-color: var(--warning--dark-color) !important;
}

.has-text-danger {
    color: var(--danger) !important;
}

a.has-text-danger:hover,
a.has-text-danger:focus {
    color: var(--danger) !important;
}

.has-background-danger {
    background-color: var(--danger) !important;
}

.has-text-danger-light {
    color: var(--danger--light-color) !important;
}

a.has-text-danger-light:hover,
a.has-text-danger-light:focus {
    color: var(--danger--light-color) !important;
}

.has-background-danger-light {
    background-color: var(--danger--light-color) !important;
}

.has-text-danger-dark {
    color: var(--danger--dark-color) !important;
}

a.has-text-danger-dark:hover,
a.has-text-danger-dark:focus {
    color: var(--danger--dark-color) !important;
}

.has-background-danger-dark {
    background-color: var(--danger--dark-color) !important;
}

.has-text-black-bis {
    color: #121212 !important;
}

.has-background-black-bis {
    background-color: #121212 !important;
}

.has-text-black-ter {
    color: #242424 !important;
}

.has-background-black-ter {
    background-color: #242424 !important;
}

.has-text-grey-darker {
    color: #363636 !important;
}

.has-background-grey-darker {
    background-color: #363636 !important;
}

.has-text-grey-dark {
    color: #4a4a4a !important;
}

.has-background-grey-dark {
    background-color: #4a4a4a !important;
}

.has-text-grey {
    color: #7a7a7a !important;
}

.has-background-grey {
    background-color: #7a7a7a !important;
}

.has-text-grey-light {
    color: #b5b5b5 !important;
}

.has-background-grey-light {
    background-color: #b5b5b5 !important;
}

.has-text-grey-lighter {
    color: #dbdbdb !important;
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important;
}

.has-text-white-ter {
    color: #f5f5f5 !important;
}

.has-background-white-ter {
    background-color: #f5f5f5 !important;
}

.has-text-white-bis {
    color: #fafafa !important;
}

.has-background-white-bis {
    background-color: #fafafa !important;
}

.is-flex-direction-row {
    flex-direction: row !important;
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important;
}

.is-flex-direction-column {
    flex-direction: column !important;
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
    justify-content: flex-start !important;
}

.is-justify-content-flex-end {
    justify-content: flex-end !important;
}

.is-justify-content-center {
    justify-content: center !important;
}

.is-justify-content-space-between {
    justify-content: space-between !important;
}

.is-justify-content-space-around {
    justify-content: space-around !important;
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important;
}

.is-justify-content-start {
    justify-content: start !important;
}

.is-justify-content-end {
    justify-content: end !important;
}

.is-justify-content-left {
    justify-content: left !important;
}

.is-justify-content-right {
    justify-content: right !important;
}

.is-align-content-flex-start {
    align-content: flex-start !important;
}

.is-align-content-flex-end {
    align-content: flex-end !important;
}

.is-align-content-center {
    align-content: center !important;
}

.is-align-content-space-between {
    align-content: space-between !important;
}

.is-align-content-space-around {
    align-content: space-around !important;
}

.is-align-content-space-evenly {
    align-content: space-evenly !important;
}

.is-align-content-stretch {
    align-content: stretch !important;
}

.is-align-content-start {
    align-content: start !important;
}

.is-align-content-end {
    align-content: end !important;
}

.is-align-content-baseline {
    align-content: baseline !important;
}

.is-align-items-stretch {
    align-items: stretch !important;
}

.is-align-items-flex-start {
    align-items: flex-start !important;
}

.is-align-items-flex-end {
    align-items: flex-end !important;
}

.is-align-items-center {
    align-items: center !important;
}

.is-align-items-baseline {
    align-items: baseline !important;
}

.is-align-items-start {
    align-items: start !important;
}

.is-align-items-end {
    align-items: end !important;
}

.is-align-items-self-start {
    align-items: self-start !important;
}

.is-align-items-self-end {
    align-items: self-end !important;
}

.is-align-self-auto {
    align-self: auto !important;
}

.is-align-self-flex-start {
    align-self: flex-start !important;
}

.is-align-self-flex-end {
    align-self: flex-end !important;
}

.is-align-self-center {
    align-self: center !important;
}

.is-align-self-baseline {
    align-self: baseline !important;
}

.is-align-self-stretch {
    align-self: stretch !important;
}

.is-flex-grow-0 {
    flex-grow: 0 !important;
}

.is-flex-grow-1 {
    flex-grow: 1 !important;
}

.is-flex-grow-2 {
    flex-grow: 2 !important;
}

.is-flex-grow-3 {
    flex-grow: 3 !important;
}

.is-flex-grow-4 {
    flex-grow: 4 !important;
}

.is-flex-grow-5 {
    flex-grow: 5 !important;
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important;
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table;
}

.is-pulled-left {
    float: left !important;
}

.is-pulled-right {
    float: right !important;
}

.is-radiusless {
    border-radius: 0 !important;
}

.is-shadowless {
    box-shadow: none !important;
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important;
}

.is-clipped {
    overflow: hidden !important;
}

.is-relative {
    position: relative !important;
}

.is-marginless {
    margin: 0 !important;
}

.is-paddingless {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

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

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

.m-1 {
    margin: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-3 {
    margin: 0.75rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mr-3 {
    margin-right: 0.75rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.ml-3 {
    margin-left: 0.75rem !important;
}

.mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}

.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.m-4 {
    margin: 1rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mr-4 {
    margin-right: 1rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.ml-4 {
    margin-left: 1rem !important;
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-5 {
    margin: 1.5rem !important;
}

.mt-5 {
    margin-top: 1.5rem !important;
}

.mr-5 {
    margin-right: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

.ml-5 {
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-6 {
    margin: 3rem !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.mr-6 {
    margin-right: 3rem !important;
}

.mb-6 {
    margin-bottom: 3rem !important;
}

.ml-6 {
    margin-left: 3rem !important;
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

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

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

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

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

.p-1 {
    padding: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-3 {
    padding: 0.75rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.pr-3 {
    padding-right: 0.75rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.pl-3 {
    padding-left: 0.75rem !important;
}

.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.pr-4 {
    padding-right: 1rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.pl-4 {
    padding-left: 1rem !important;
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-5 {
    padding: 1.5rem !important;
}

.pt-5 {
    padding-top: 1.5rem !important;
}

.pr-5 {
    padding-right: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 1.5rem !important;
}

.pl-5 {
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.p-6 {
    padding: 3rem !important;
}

.pt-6 {
    padding-top: 3rem !important;
}

.pr-6 {
    padding-right: 3rem !important;
}

.pb-6 {
    padding-bottom: 3rem !important;
}

.pl-6 {
    padding-left: 3rem !important;
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.p-auto {
    padding: auto !important;
}

.pt-auto {
    padding-top: auto !important;
}

.pr-auto {
    padding-right: auto !important;
}

.pb-auto {
    padding-bottom: auto !important;
}

.pl-auto {
    padding-left: auto !important;
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
}

.is-size-1 {
    font-size: 3rem !important;
}

.is-size-2 {
    font-size: 2.5rem !important;
}

.is-size-3 {
    font-size: 2rem !important;
}

.is-size-4 {
    font-size: 1.5rem !important;
}

.is-size-5 {
    font-size: 1.25rem !important;
}

.is-size-6 {
    font-size: 1rem !important;
}

.is-size-7 {
    font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important;
    }

    .is-size-2-mobile {
        font-size: 2.5rem !important;
    }

    .is-size-3-mobile {
        font-size: 2rem !important;
    }

    .is-size-4-mobile {
        font-size: 1.5rem !important;
    }

    .is-size-5-mobile {
        font-size: 1.25rem !important;
    }

    .is-size-6-mobile {
        font-size: 1rem !important;
    }

    .is-size-7-mobile {
        font-size: 0.75rem !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-size-1-tablet {
        font-size: 3rem !important;
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important;
    }

    .is-size-3-tablet {
        font-size: 2rem !important;
    }

    .is-size-4-tablet {
        font-size: 1.5rem !important;
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important;
    }

    .is-size-6-tablet {
        font-size: 1rem !important;
    }

    .is-size-7-tablet {
        font-size: 0.75rem !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important;
    }

    .is-size-2-touch {
        font-size: 2.5rem !important;
    }

    .is-size-3-touch {
        font-size: 2rem !important;
    }

    .is-size-4-touch {
        font-size: 1.5rem !important;
    }

    .is-size-5-touch {
        font-size: 1.25rem !important;
    }

    .is-size-6-touch {
        font-size: 1rem !important;
    }

    .is-size-7-touch {
        font-size: 0.75rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important;
    }

    .is-size-2-desktop {
        font-size: 2.5rem !important;
    }

    .is-size-3-desktop {
        font-size: 2rem !important;
    }

    .is-size-4-desktop {
        font-size: 1.5rem !important;
    }

    .is-size-5-desktop {
        font-size: 1.25rem !important;
    }

    .is-size-6-desktop {
        font-size: 1rem !important;
    }

    .is-size-7-desktop {
        font-size: 0.75rem !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important;
    }

    .is-size-2-widescreen {
        font-size: 2.5rem !important;
    }

    .is-size-3-widescreen {
        font-size: 2rem !important;
    }

    .is-size-4-widescreen {
        font-size: 1.5rem !important;
    }

    .is-size-5-widescreen {
        font-size: 1.25rem !important;
    }

    .is-size-6-widescreen {
        font-size: 1rem !important;
    }

    .is-size-7-widescreen {
        font-size: 0.75rem !important;
    }
}

.has-text-centered {
    text-align: center !important;
}

.has-text-justified {
    text-align: justify !important;
}

.has-text-left {
    text-align: left !important;
}

.has-text-right {
    text-align: right !important;
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important;
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-centered-tablet {
        text-align: center !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
        text-align: center !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important;
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-justified-tablet {
        text-align: justify !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {
        text-align: justify !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
        text-align: justify !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important;
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important;
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-left-tablet {
        text-align: left !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important;
    }
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important;
    }
}

@media screen and (min-width: 769px),
print {
    .has-text-right-tablet {
        text-align: right !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important;
    }
}

.is-capitalized {
    text-transform: capitalize !important;
}

.is-lowercase {
    text-transform: lowercase !important;
}

.is-uppercase {
    text-transform: uppercase !important;
}

.is-italic {
    font-style: italic !important;
}

.is-underlined {
    text-decoration: underline !important;
}

.has-text-weight-light {
    font-weight: 300 !important;
}

.has-text-weight-normal {
    font-weight: 400 !important;
}

.has-text-weight-medium {
    font-weight: 500 !important;
}

.has-text-weight-semibold {
    font-weight: 600 !important;
}

.has-text-weight-bold {
    font-weight: 700 !important;
}

.is-family-primary,
.is-family-secondary,
.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen,
        Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial,
        sans-serif !important;
}

.is-family-monospace,
.is-family-code {
    font-family: monospace !important;
}

@media screen and (max-width: 768px) {
    .is-block-mobile {
        display: block !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-block-tablet {
        display: block !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-block-tablet-only {
        display: block !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-block-touch {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-block-desktop {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-block-desktop-only {
        display: block !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-block-widescreen {
        display: block !important;
    }
}

.is-flex {
    display: flex !important;
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: flex !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-flex-tablet {
        display: flex !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-flex-tablet-only {
        display: flex !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: flex !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: flex !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: flex !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: flex !important;
    }
}

.is-inline {
    display: inline !important;
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {
        display: inline !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-tablet {
        display: inline !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-tablet-only {
        display: inline !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-touch {
        display: inline !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-desktop {
        display: inline !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-desktop-only {
        display: inline !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-widescreen {
        display: inline !important;
    }
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {
        display: inline-block !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-block-tablet {
        display: inline-block !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-block-touch {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-block-desktop {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important;
    }
}

.is-inline-flex {
    display: inline-flex !important;
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-inline-flex-tablet {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important;
    }
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 0.01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 0.01em !important;
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-hidden-tablet {
        display: none !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-hidden-tablet-only {
        display: none !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-hidden-touch {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-hidden-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-hidden-desktop-only {
        display: none !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-hidden-widescreen {
        display: none !important;
    }
}

.is-invisible {
    visibility: hidden !important;
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 769px),
print {
    .is-invisible-tablet {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important;
    }
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important;
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero .navbar {
    background: none;
}

.hero .tabs ul {
    border-bottom: none;
}

.hero.is-white {
    background-color: var(--white);
    color: #0a0a0a;
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
    color: inherit;
}

.hero.is-white .title {
    color: #0a0a0a;
}

.hero.is-white .subtitle {
    color: #0a0a0ae6;
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
    color: #0a0a0a;
}

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: var(--white);
    }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
    color: #0a0a0ab3;
}

.hero.is-white a.navbar-item:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
    background-color: var(--white);
    color: #0a0a0a;
}

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: 0.9;
}

.hero.is-white .tabs a:hover {
    opacity: 1;
}

.hero.is-white .tabs li.is-active a {
    color: var(--white) !important;
    opacity: 1;
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a;
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: var(--white);
}

.hero.is-black {
    background-color: #0a0a0a;
    color: var(--white);
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
    color: inherit;
}

.hero.is-black .title,
.hero.is-black .subtitle {
    color: var(--white);
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
    color: var(--white);
}

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a;
    }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
    color: var(--white);
}

.hero.is-black a.navbar-item:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
    background-color: #000;
    color: var(--white);
}

.hero.is-black .tabs a {
    color: var(--white);
    opacity: 0.9;
}

.hero.is-black .tabs a:hover {
    opacity: 1;
}

.hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1;
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
    color: var(--white);
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: #0a0a0a;
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: #000000b3;
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
    color: inherit;
}

.hero.is-light .title {
    color: #000000b3;
}

.hero.is-light .subtitle {
    color: #000000e6;
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: #000000b3;
}

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5;
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: #000000b3;
}

.hero.is-light a.navbar-item:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
    background-color: #e8e8e8;
    color: #000000b3;
}

.hero.is-light .tabs a {
    color: #000000b3;
    opacity: 0.9;
}

.hero.is-light .tabs a:hover {
    opacity: 1;
}

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1;
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: #000000b3;
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: #000000b3;
    border-color: #000000b3;
    color: #f5f5f5;
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff);
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff);
    }
}

.hero.is-dark {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
    color: inherit;
}

.hero.is-dark .title,
.hero.is-dark .subtitle {
    color: var(--dark--color-invert);
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: var(--dark--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: var(--dark);
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: var(--dark--color-invert);
}

.hero.is-dark a.navbar-item:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
}

.hero.is-dark .tabs a {
    color: var(--dark--color-invert);
    opacity: 0.9;
}

.hero.is-dark .tabs a:hover {
    opacity: 1;
}

.hero.is-dark .tabs li.is-active a {
    color: var(--dark) !important;
    opacity: 1;
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: var(--dark--color-invert);
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: var(--dark--color-invert);
    border-color: var(--dark--color-invert);
    color: var(--dark);
}

.hero.is-primary {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
    color: inherit;
}

.hero.is-primary .title,
.hero.is-primary .subtitle {
    color: var(--primary--color-invert);
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: var(--primary--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: var(--primary);
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: var(--primary--color-invert);
}

.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
}

.hero.is-primary .tabs a {
    color: var(--primary--color-invert);
    opacity: 0.9;
}

.hero.is-primary .tabs a:hover {
    opacity: 1;
}

.hero.is-primary .tabs li.is-active a {
    color: var(--primary) !important;
    opacity: 1;
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: var(--primary--color-invert);
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: var(--primary--color-invert);
    border-color: var(--primary--color-invert);
    color: var(--primary);
}

.hero.is-link {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
    color: inherit;
}

.hero.is-link .title,
.hero.is-link .subtitle {
    color: var(--link--color-invert);
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: var(--link--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: var(--link);
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: var(--link--color-invert);
}

.hero.is-link a.navbar-item:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
}

.hero.is-link .tabs a {
    color: var(--link--color-invert);
    opacity: 0.9;
}

.hero.is-link .tabs a:hover {
    opacity: 1;
}

.hero.is-link .tabs li.is-active a {
    color: var(--link) !important;
    opacity: 1;
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
    color: var(--link--color-invert);
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: var(--link--color-invert);
    border-color: var(--link--color-invert);
    color: var(--link);
}

.hero.is-info {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
    color: inherit;
}

.hero.is-info .title,
.hero.is-info .subtitle {
    color: var(--info--color-invert);
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: var(--info--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: var(--info);
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: var(--info--color-invert);
}

.hero.is-info a.navbar-item:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
}

.hero.is-info .tabs a {
    color: var(--info--color-invert);
    opacity: 0.9;
}

.hero.is-info .tabs a:hover {
    opacity: 1;
}

.hero.is-info .tabs li.is-active a {
    color: var(--info) !important;
    opacity: 1;
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: var(--info--color-invert);
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: var(--info--color-invert);
    border-color: var(--info--color-invert);
    color: var(--info);
}

.hero.is-success {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
    color: inherit;
}

.hero.is-success .title,
.hero.is-success .subtitle {
    color: var(--success--color-invert);
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: var(--success--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: var(--success);
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: var(--success--color-invert);
}

.hero.is-success a.navbar-item:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
}

.hero.is-success .tabs a {
    color: var(--success--color-invert);
    opacity: 0.9;
}

.hero.is-success .tabs a:hover {
    opacity: 1;
}

.hero.is-success .tabs li.is-active a {
    color: var(--success) !important;
    opacity: 1;
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: var(--success--color-invert);
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: var(--success--color-invert);
    border-color: var(--success--color-invert);
    color: var(--success);
}

.hero.is-warning {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
    color: inherit;
}

.hero.is-warning .title,
.hero.is-warning .subtitle {
    color: var(--warning--color-invert);
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: var(--warning--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: var(--warning);
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: var(--warning--color-invert);
}

.hero.is-warning a.navbar-item:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
}

.hero.is-warning .tabs a {
    color: var(--warning--color-invert);
    opacity: 0.9;
}

.hero.is-warning .tabs a:hover {
    opacity: 1;
}

.hero.is-warning .tabs li.is-active a {
    color: var(--warning) !important;
    opacity: 1;
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: var(--warning--color-invert);
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: var(--warning--color-invert);
    border-color: var(--warning--color-invert);
    color: var(--warning);
}

.hero.is-danger {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
    color: inherit;
}

.hero.is-danger .title,
.hero.is-danger .subtitle {
    color: var(--danger--color-invert);
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: var(--danger--color-invert);
}

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: var(--danger);
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: var(--danger--color-invert);
}

.hero.is-danger a.navbar-item:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
}

.hero.is-danger .tabs a {
    color: var(--danger--color-invert);
    opacity: 0.9;
}

.hero.is-danger .tabs a:hover {
    opacity: 1;
}

.hero.is-danger .tabs li.is-active a {
    color: var(--danger) !important;
    opacity: 1;
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: var(--danger--color-invert);
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a;
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: var(--danger--color-invert);
    border-color: var(--danger--color-invert);
    color: var(--danger);
}

.hero.is-small .hero-body {
    padding: 1.5rem;
}

@media screen and (min-width: 769px),
print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem;
    }

    .hero.is-large .hero-body {
        padding: 18rem 6rem;
    }
}

.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex;
}

.hero.is-halfheight .hero-body>.container,
.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1;
}

.hero.is-halfheight {
    min-height: 50vh;
}

.hero.is-fullheight {
    min-height: 100vh;
}

.hero-video {
    overflow: hidden;
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.hero-video.is-transparent {
    opacity: 0.3;
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none;
    }
}

.hero-buttons {
    margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: flex;
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 769px),
print {
    .hero-buttons {
        display: flex;
        justify-content: center;
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.hero-head,
.hero-foot {
    flex-grow: 0;
    flex-shrink: 0;
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem;
}

@media screen and (min-width: 769px),
print {
    .hero-body {
        padding: 3rem;
    }
}

.section {
    padding: 3rem 1.5rem;
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem;
    }

    .section.is-medium {
        padding: 9rem 4.5rem;
    }

    .section.is-large {
        padding: 18rem 6rem;
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem;
}

@keyframes rotateY {
    0% {
        transform: rotateY(90deg);
    }

    80% {
        transform: rotateY(-10deg);
    }

    to {
        transform: rotateY(0);
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotateX {
    0% {
        opacity: 0;
        transform: rotateX(-90deg);
    }

    50% {
        transform: rotateX(-20deg);
    }

    to {
        opacity: 1;
        transform: rotateX(0);
    }
}

@keyframes translateX {
    0% {
        opacity: 0;
        transform: translate(60px);
    }

    80% {
        transform: translate(-5px);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

@keyframes pulsate2 {
    0% {
        transform: scale(0.9);
        opacity: 0.8;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0.9);
        opacity: 0.8;
    }
}

.pulsate2 {
    animation: pulsate2 6s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.8;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        transform: scale(1.2);
        opacity: 0;
    }
}

.pulsate {
    animation: pulsate 1.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
}

@keyframes rotating {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }

    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotating {
    animation: rotating 2s linear infinite;
}

.rotating2 {
    animation: rotating 10s linear infinite;
}

@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 20px, 0);
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }

    0% {
        transform: translate3d(0, 20px, 0);
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

.preFadeInUp {
    opacity: 0;
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -20px, 0);
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }

    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

.preFadeInDown {
    opacity: 0;
}

.fadeInDown {
    opacity: 0;
    animation-name: fadeInDown;
}

@keyframes fadeInLeft {
    0% {
        transform: translate3d(20px, 0, 0);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }

    0% {
        transform: translate3d(20px, 0, 0);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

.preFadeInLeft {
    opacity: 0;
}

.fadeInLeft {
    opacity: 0;
    animation-name: fadeInLeft;
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }

    0% {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.scaleIn {
    animation: scaleIn 0.5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleInTooltip {
    animation: scaleIn 0.3s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }

    0% {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }
}

.scaleOut {
    animation: scaleOut 0.5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleOutTooltip {
    animation: scaleOut 0.3s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes scaleInCircle {
    0% {
        transform: scale(0);
    }

    to {
        transform: scale(7);
    }

    0% {
        transform: scale(0);
    }

    to {
        transform: scale(7);
    }
}

.scaleInCircle {
    animation: scaleInCircle 0.6s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes gelatine {

    0%,
    to {
        transform: scale(1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }

    0%,
    to {
        transform: scale(1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.gelatine {
    animation: gelatine 0.6s;
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    25% {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(4.5);
        opacity: 0;
    }
}

@keyframes levitate {
    0% {
        transform: translate(0);
    }

    50% {
        transform: translateY(10px);
    }

    to {
        transform: translate(0);
    }

    0% {
        transform: translate(0);
    }

    50% {
        transform: translateY(10px);
    }

    to {
        transform: translate(0);
    }
}

.levitate {
    animation-name: levitate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px #fafafa;
    }

    40% {
        box-shadow: 0 0 20px #fafafa;
    }

    60% {
        box-shadow: 0 0 20px #fafafa;
    }

    to {
        box-shadow: 0 0 -10px #fafafa;
    }
}

@keyframes translateRight {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translateZ(0);
    }

    0% {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes translateLeft {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes translateRight {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes translateTop {
    0% {
        transform: translate3d(0, -100%, 0);
    }

    to {
        transform: translateZ(0);
    }
}

.translateLeft {
    animation-name: translateLeft;
    animation-duration: 0.3s;
    transition: all 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.translateRight {
    animation-name: translateRight;
    animation-duration: 0.3s;
    transition: all 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.translateTop {
    animation-name: translateTop;
    animation-duration: 0.3s;
    transition: all 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@keyframes flying {
    0% {
        transform: translate(0);
    }

    10% {
        transform: translate(20px, 50px);
    }

    20% {
        transform: translate(-30px, 10px);
    }

    30% {
        transform: translate(10px, 60px);
    }

    40% {
        transform: translate(50px);
    }

    50% {
        transform: translate(-10px, -40px);
    }

    60% {
        transform: translate(-40px, 20px);
    }

    70% {
        transform: translate(30px, -30px);
    }

    80% {
        transform: translateY(-60px);
    }

    90% {
        transform: translate(40px, 10px);
    }

    to {
        transform: translate(0);
    }
}

.m-t-5 {
    margin-top: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.p-b-70 {
    padding-bottom: 70px !important;
}

.m-l-70 {
    margin-left: 70px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.m-r-70 {
    margin-right: 70px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.p-b-80 {
    padding-bottom: 80px !important;
}

.m-l-80 {
    margin-left: 80px !important;
}

.p-l-80 {
    padding-left: 80px !important;
}

.m-r-80 {
    margin-right: 80px !important;
}

.p-r-80 {
    padding-right: 80px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.p-t-90 {
    padding-top: 90px !important;
}

.m-b-90 {
    margin-bottom: 90px !important;
}

.p-b-90 {
    padding-bottom: 90px !important;
}

.m-l-90 {
    margin-left: 90px !important;
}

.p-l-90 {
    padding-left: 90px !important;
}

.m-r-90 {
    margin-right: 90px !important;
}

.p-r-90 {
    padding-right: 90px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.m-l-100 {
    margin-left: 100px !important;
}

.p-l-100 {
    padding-left: 100px !important;
}

.m-r-100 {
    margin-right: 100px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

.no-padding-all {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin-all {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.is-block {
    display: block !important;
}

.is-inline-block {
    display: inline-block !important;
}

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

.no-margin-right {
    margin-right: 0 !important;
}

.has-fullheight {
    height: 100%;
}

.has-fullwidth {
    width: 100%;
}

.no-scroll {
    overflow: hidden !important;
}

.has-help-cursor {
    cursor: help;
}

.zero-height {
    height: 0;
}

.max-h-60 {
    max-height: 60px;
}

.max-h-280 {
    max-height: 280px;
}

.iconify.is-inline {
    vertical-align: -1px;
}

.has-text-secondary {
    color: var(--secondary) !important;
}

.has-background-secondary {
    background-color: var(--secondary) !important;
}

.has-light-shadow {
    box-shadow: var(--light-box-shadow);
}

.has-light-shadow.has-light-border {
    border: 1px solid var(--fade-grey-dark-3);
}

.is-dark .is-dark-card-bordered,
.is-dark .is-dark-bordered-12 {
    border-color: var(--bg-main-sidebar2) !important;
}

.is-dark .is-dark-primary,
.is-dark .is-dark-primary-hover:hover {
    color: var(--primary) !important;
}

.is-dark .is-dark-bg-1 {
    background: var(--dark-sidebar-light-1) !important;
}

.is-dark .is-dark-bg-2 {
    background: var(--dark-sidebar-light-2) !important;
}

.is-dark .is-dark-bg-3 {
    background: var(--dark-sidebar-light-3) !important;
}

.is-dark .is-dark-bg-4 {
    background: var(--dark-sidebar-light-4) !important;
}

.is-dark .is-dark-bg-5 {
    background: var(--dark-sidebar-light-5) !important;
}

.is-dark .is-dark-bg-6 {
    background: var(--bg-main-sidebar) !important;
}

.radius-5 {
    border-radius: 0.5rem;
}

.radius-75 {
    border-radius: 0.75rem;
}

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

.max-w-540 {
    max-width: 540px;
}

body.opened {
    background: var(--white);
}

body.is-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

body.is-curved {
    background: #f2f2f2;
}

.app-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
}

.app-overlay.is-active {
    opacity: 0.8;
    z-index: 9999;
}

.overlay-highlight {
    position: relative;
    z-index: 99999 !important;
}

.is-navbar .page-title {
    display: none;
    margin-bottom: 0;
}

@keyframes fly {
    40% {
        transform: translate(-6px, -6px);
    }

    60% {
        transform: translate(-12px, -2px);
    }

    to {
        transform: translate(0);
    }
}

@keyframes left {
    0% {
        transform: translate(-30px);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes right {
    0% {
        transform: translate(30px);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes top {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: none;
    }

    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.page-title {
    position: relative;
    height: 60px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 10;
    border-radius: 6px !important;
    background: var(--bg-main-radial2) !important;
    box-shadow: 0 16px 12px var(--bg-main-boxshadow) !important;
    width: 100% !important;
    margin-top: 10px;
    padding: 0 10px !important;
    animation: top 1s both !important;
}

.page-title .title-wrap {
    margin-left: 1rem;
}

.page-title .title-wrap .title {
    color: #fff;
}

.page-title .title-wrap h1 {
    text-align: left;
    margin-bottom: 0;
}

.page-title .title-wrap p {
    line-height: 1;
    color: var(--light-text);
    font-size: 1.1rem;
}

.toolbar {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
}

.toolbar .control {
    min-width: 280px;
    margin-right: 1rem;
}

.toolbar .dark-mode {
    transform: scale(0.55);
}

.toolbar .toolbar-notifications {
    margin: 0 4px;
}

.toolbar .toolbar-notifications .dropdown:hover .is-trigger {
    background: var(--white);
    border-color: var(--fade-grey);
    border-radius: var(--radius-rounded);
    box-shadow: var(--light-box-shadow);
}

.toolbar .toolbar-notifications .dropdown .is-trigger {
    position: relative;
    height: 34px;
    width: 34px;
}

.toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: var(--radius-rounded);
    background: var(--danger);
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content {
    top: 2.5rem;
    line-height: 1.5;
    color: var(--dark-text);
    width: 20rem;
    background: var(--white);
    border-radius: 5px;
    box-shadow: var(--light-box-shadow);
    padding-top: 0;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0.01rem solid var(--light-grey);
    margin-bottom: 0;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-left h6 {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--light-text);
    line-height: 1.6;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
    margin: 0.4rem 0;
    color: var(--primary);
    font-weight: 500;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list {
    list-style-type: none;
    padding: 0.5rem 1rem;
    margin: 0;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item {
    display: flex;
    padding: 0.65rem 0;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .img-left img {
    display: inline-block;
    vertical-align: middle;
    height: 2.25rem;
    width: 2.25rem;
    margin: 0 0.5rem 0 0;
    border-radius: var(--radius-rounded);
    max-width: 100%;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content {
    text-align: left;
    font-family: var(--font);
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info {
    color: var(--dark-text);
    font-size: 0.95rem;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info span {
    font-weight: 500;
}

.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .time {
    margin: 0;
    font-size: 0.85rem;
    color: var(--light-text);
}

.toolbar .toolbar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    width: 34px;
    border-radius: var(--radius-rounded);
    transition: all 0.3s;
}

.toolbar .toolbar-link:hover {
    background: #79797980;
    border-color: var(--fade-grey);
    box-shadow: var(--light-box-shadow);
}

.toolbar .toolbar-link svg {
    height: 18px;
    width: 18px;
    stroke-width: 1.6px;
    color: var(--light-text);
    transition: stroke 0.3s;
}

.toolbar .toolbar-link img {
    display: block;
    height: 21px;
    width: 21px;
    min-width: 21px;
    border-radius: var(--radius-rounded);
}

.minimal-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: var(--lighter-grey);
    transition: all 0.3s;
}

.minimal-wrapper.light {
    background: var(--white);
}

.minimal-wrapper.lighter {
    background: var(--smoke-white);
}

.minimal-wrapper.darker {
    background: var(--bg-main);
}

.minimal-wrapper .minimal-wrap {
    min-height: calc(100vh - 60px);
}

@media (max-width: 767px) {
    .page-title .toolbar .control {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-title .title-wrap {
        margin-left: 0;
    }
}

.navbar-subnavbar {
    position: fixed;
    width: 100%;
    height: 0;
    background: var(--white);
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    transform: translateY(10px);
    border: 1px solid var(--fade-grey-dark-3);
    box-shadow: var(--light-box-shadow);
    transition: all 0.3s;
    max-width: 800px;
    top: 85px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: var(--radius-large);
}

.navbar-subnavbar.is-active {
    height: 320px;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.navbar-subnavbar .navbar-subnavbar-inner {
    position: relative;
    height: 100%;
    width: 100%;
    display: none;
}

.navbar-subnavbar .navbar-subnavbar-inner.is-active {
    display: block;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs {
    margin: 0 auto 10px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs.is-3 {
    max-width: 410px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs.is-2 {
    max-width: 280px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs.is-4 {
    max-width: 460px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul {
    display: flex;
    border: none !important;
    padding: 10px 0;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul li {
    flex: 1 1 0;
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul li.is-active a {
    font-family: DINPRO-Medium;
    font-weight: 600;
    color: var(--primary);
    background: var(--white);
    border-color: var(--fade-grey-dark-3);
    box-shadow: var(--light-box-shadow);
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul li.is-active:hover a {
    background: var(--white);
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul li:hover a {
    background: var(--fade-grey-light-4);
}

.navbar-subnavbar .navbar-subnavbar-inner .tabs ul li a {
    text-transform: uppercase;
    font-family: var(--font);
    font-size: 0.65rem;
    letter-spacing: 1px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    margin: 0 10px;
    transition: all 0.3s;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content {
    padding: 0 20px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner {
    display: flex;
    align-items: stretch;
    min-height: 220px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center {
    flex-grow: 2;
    max-width: 940px;
    max-height: 220px;
    margin: 0 auto;
    padding: 10px 20px 0;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .columns {
    height: 100%;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column:not(:last-child) {
    border-right: 1px solid var(--fade-grey-dark-3);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-heading {
    font-family: DINPRO-Medium;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dark-text);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder {
    flex: 1;
    display: inline-block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid var(--fade-grey-dark-3);
    transition: all 0.3s;
    text-align: center;
    padding: 16px !important;
    margin-top: 4px;
    margin-bottom: 10px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.has-margin-bottom {
    margin-bottom: 1.5rem;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-flat {
    box-shadow: none;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-raised {
    box-shadow: var(--light-box-shadow);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--primary--color-invert);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-primary p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-secondary p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info {
    background: var(--info) !important;
    border-color: var(--info) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-info p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success {
    background: var(--success) !important;
    border-color: var(--success) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-success p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning {
    background: var(--warning) !important;
    border-color: var(--warning) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-warning p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger {
    background: var(--danger) !important;
    border-color: var(--danger) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger .title,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger .subtitle,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger h1,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger h2,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger h4,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-danger p {
    color: var(--smoke-white) !important;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .left,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .right {
    display: flex;
    align-items: center;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .left .title {
    font-size: 1.2rem;
    font-weight: 500;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .right {
    justify-content: flex-end;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-inner {
    padding-top: 1.75rem;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:focus {
    border-color: var(--primary);
    box-shadow: var(--light-box-shadow);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover h3,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:focus h3 {
    color: var(--primary);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder>img {
    display: block;
    width: 100%;
    max-width: 34px;
    margin: 0 auto 6px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder h3 {
    font-family: DINPRO-Medium;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dark-text);
    transition: color 0.3s;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li {
    transition: color 0.3s, background-color 0.3s, border-color 0.3s, height 0.3s,
        width 0.3s;
    margin-bottom: 6px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li:hover a,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li:focus a {
    color: var(--primary);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active {
    border-radius: 0;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active a {
    color: var(--primary-dark-14);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active a svg {
    opacity: 1;
    fill: var(--primary);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li .router-link-exact-active {
    color: var(--primary-dark-14);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li .router-link-exact-active svg {
    opacity: 1;
    fill: var(--primary);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a {
    display: flex;
    align-items: center;
    color: var(--light-text-light-5);
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a span {
    font-family: var(--font);
    font-size: 0.9rem;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .lnir,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fas,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fal,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fab,
.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .far {
    margin-right: 10px;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a .tag {
    line-height: 1.6;
    height: 1.7em;
    font-size: 0.65rem;
    margin-left: 0.25rem;
}

.navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center ul li a svg {
    opacity: 0;
    position: relative;
    top: 0;
    margin-left: 12px;
    height: 6px;
    width: 6px;
    stroke-width: 2px;
    fill: var(--primary);
    transition: color 0.3s, background-color 0.3s, border-color 0.3s, height 0.3s,
        width 0.3s;
}

.is-dark .navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column:not(:last-child) {
    border-right: 1px solid var(--bg-main-sidebar2) !important;
}

.is-dark .navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder {
    background: var(--bg-main-sidebar);
    border-color: var(--bg-main-sidebar2);
}

.is-dark .navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .v-avatar img,
.is-dark .navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .avatar-stack .v-avatar,
.is-dark .navbar-subnavbar .navbar-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .avatar-stack .v-avatar .avatar.is-more .inner {
    border-color: var(--bg-main-sidebar) !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .navbar-brand {
        align-items: center;
    }

    .main-sidebar {
        width: 60px !important;
    }

    .main-sidebar.has-labels .sidebar-inner .icon-menu,
    .main-sidebar.has-labels .sidebar-inner .bottom-menu,
    .main-sidebar.has-labels .sidebar-inner .icon-menu ul,
    .main-sidebar.has-labels .sidebar-inner .bottom-menu ul {
        overflow-x: hidden;
    }

    .main-sidebar.has-labels .sidebar-inner .icon-menu li a:after,
    .main-sidebar.has-labels .sidebar-inner .bottom-menu li a:after {
        left: -30px;
    }

    .main-sidebar.is-float {
        width: 56px !important;
        margin-left: 4px;
    }

    .main-sidebar.is-float:not(.is-bordered) .sidebar-brand {
        width: 56px !important;
    }

    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu,
    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu {
        overflow-x: hidden;
    }

    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu ul,
    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu ul {
        overflow-x: hidden;
    }

    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu li,
    .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu li {
        width: 56px !important;
    }

    .main-sidebar.is-float.is-bordered,
    .main-sidebar.is-float.is-bordered .sidebar-brand {
        width: 60px !important;
    }

    .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu,
    .main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu,
    .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu ul,
    .main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu ul {
        overflow-x: hidden;
    }

    .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu li,
    .main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu li {
        width: 60px !important;
    }

    .main-sidebar.is-float .sidebar-inner .bottom-menu {
        padding-bottom: 0 !important;
        bottom: -3px !important;
    }

    .main-sidebar .sidebar-brand,
    .main-sidebar .sidebar-inner li {
        width: 60px !important;
    }

    .main-sidebar .sidebar-inner .icon-menu {
        max-height: calc(100vh - 124px) !important;
        overflow-x: hidden;
    }

    .main-sidebar .sidebar-inner .icon-menu ul {
        overflow-x: hidden;
    }

    .main-sidebar .sidebar-inner .profile-dropdown .dropdown-trigger img {
        height: 42px !important;
        width: 42px !important;
    }

    .sidebar-panel {
        box-shadow: var(--light-box-shadow);
    }

    .sidebar-panel .panel-close {
        display: block !important;
    }

    .sidebar-panel,
    .sidebar-search {
        left: 60px !important;
    }

    .page-title.is-project-details .opz-hamburger {
        margin-left: -4px !important;
    }

    .page-title.is-pulled-lg .opz-hamburger {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .navbar-navbar,
    .navbar-navbar-clean {
        display: none;
    }

    .navbar-brand {
        align-items: center;
        justify-content: space-between;
        height: 60px;
    }

    .navbar-brand .brand-start {
        width: 90px;
    }

    .navbar-brand .is-brand {
        padding: 0 !important;
    }

    .navbar-brand .brand-end {
        display: flex;
        align-items: center;
        width: 90px;
        margin-right: 20px;
    }

    .navbar-brand .is-notification.is-active .navbar-link,
    .navbar-brand .is-notification:hover .navbar-link {
        background: transparent !important;
    }

    .navbar-brand .is-notification.is-active .navbar-dropdown,
    .navbar-brand .is-notification:hover .navbar-dropdown {
        display: block !important;
    }

    .navbar-brand .is-notification .navbar-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 3;
        background: var(--white);
        border-radius: var(--radius-large);
        border: 1px solid var(--fade-grey);
        box-shadow: 0 8px 8px #0a0a0a1a, 0 0 0 1px #0a0a0a1a;
    }

    .toolbar .toolbar-notifications {
        display: none;
    }

    .opz-hamburger:not(.is-visible) {
        display: none !important;
    }

    .main-sidebar,
    .sidebar {
        display: none;
    }

    .sidebar-panel {
        display: none !important;
        left: 0 !important;
        z-index: 100 !important;
        box-shadow: var(--light-box-shadow);
    }

    .sidebar-panel .panel-close {
        display: flex !important;
    }

    .page-title {
        margin-top: 0;
        padding-top: 20px;
    }

    .page-title.is-project-details .opz-hamburger {
        margin-left: 7px !important;
    }

    .is-navbar .view-wrapper {
        padding-top: 70px !important;
        margin-top: 0 !important;
    }

    .is-navbar .page-title {
        display: flex !important;
        margin-top: 0;
    }

    .widget-demo-columns {
        display: flex;
    }

    .widget-demo-columns.half-columns>.column {
        width: 50% !important;
        max-width: 50% !important;
        min-width: 50%;
    }

    .widget-demo-columns>.column {
        width: 33.3%;
        max-width: 33.3%;
    }
}

@media (max-width: 1023px) {

    .navbar-navbar,
    .navbar-navbar-clean {
        display: none;
    }

    .navbar-brand {
        align-items: center;
        justify-content: space-between;
        height: 60px;
    }

    .navbar-brand .brand-start {
        width: 90px;
    }

    .navbar-brand .is-brand {
        padding: 0 !important;
    }

    .navbar-brand .brand-end {
        display: flex;
        align-items: center;
        width: 90px;
        margin-right: 20px;
    }

    .navbar-brand .is-notification.is-active .navbar-link,
    .navbar-brand .is-notification:hover .navbar-link {
        background: transparent !important;
    }

    .navbar-brand .is-notification.is-active .navbar-dropdown,
    .navbar-brand .is-notification:hover .navbar-dropdown {
        display: block !important;
    }

    .navbar-brand .is-notification .navbar-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 3;
        background: var(--white);
        border-radius: var(--radius-large);
        border: 1px solid var(--fade-grey);
        box-shadow: 0 8px 8px #0a0a0a1a, 0 0 0 1px #0a0a0a1a;
    }

    .toolbar .toolbar-notifications {
        display: none;
    }

    .opz-hamburger:not(.is-visible) {
        display: none !important;
    }

    .sidebar-panel {
        display: none !important;
        left: 0 !important;
        z-index: 100 !important;
        border-right: 1px solid var(--fade-grey) !important;
        box-shadow: var(--light-box-shadow);
    }

    .sidebar-panel .subpanel-header {
        height: 60px !important;
        background: #fafafa;
    }

    .sidebar-panel .subpanel-header svg {
        color: var(--muted-grey);
    }

    .main-sidebar,
    .sidebar {
        display: none;
    }

    .page-title {
        margin-top: 0;
        padding-top: 20px;
    }

    .page-title.is-project-details .opz-hamburger {
        margin-left: -4px !important;
    }

    .page-title .title-wrap {
        margin-left: 0;
    }

    .is-navbar .view-wrapper {
        padding-top: 0 !important;
    }

    .is-navbar .page-title {
        display: flex !important;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {

    .panel-close,
    .mobile-main-sidebar,
    .mobile-overlay,
    .mobile-subsidebar {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .h-hidden-mobile {
        display: none !important;
    }

    .h-only-mobile {
        display: block !important;
    }

    .h-only-mobile-flex,
    .is-half-mobile-p {
        display: flex !important;
    }

    .is-half-mobile-p .column {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .h-hidden-tablet-p {
        display: none !important;
    }

    .is-flex-tablet-p {
        display: flex !important;
    }

    .is-flex-tablet-p.is-half-tablet-p .column {
        width: 50%;
        min-width: 50%;
    }

    .h-only-tablet-p {
        display: block !important;
    }

    .h-only-tablet-p-flex {
        display: flex !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .h-hidden-tablet-l {
        display: none !important;
    }

    .is-flex-tablet-l {
        display: flex !important;
    }

    .h-only-tablet-l {
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    .h-only-mobile {
        display: block !important;
    }

    .h-only-mobile-flex,
    .h-only-tablet-p,
    .h-only-tablet-p-flex {
        display: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .h-hidden-desktop {
        display: none !important;
    }

    .is-overlay-desktop {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mx-3-desktop {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
}

@media only screen and (max-width: 1023px) {
    .toc-column {
        display: none !important;
    }

    .doc-column {
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .mobile-navbar .navbar-item.is-notification .navbar-dropdown {
        width: 280px !important;
        position: absolute !important;
        left: initial !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {

    .mobile-navbar .navbar-item.is-notification,
    .mobile-navbar {
        display: flex !important;
    }

    .mobile-navbar>.container {
        margin: 0;
        max-width: 100%;
    }

    .mobile-navbar .navbar-brand {
        align-items: center;
        justify-content: space-between;
        height: 60px;
        width: 100%;
        margin-left: 0 !important;
    }
}

.right-panel-wrapper.is-active .panel-overlay {
    opacity: 0.8;
    pointer-events: all;
}

.right-panel-wrapper.is-active .right-panel {
    transform: translate(0);
}

.right-panel-wrapper.is-left.is-active .right-panel {
    transform: translate(0) !important;
}

.right-panel-wrapper.is-left .right-panel {
    right: unset;
    left: 0;
    transform: translate(-100%);
}

.right-panel-wrapper .panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-sidebar);
    opacity: 0;
    pointer-events: none;
    z-index: 101;
    transition: all 0.3s;
}

.right-panel-wrapper .right-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    background: var(--white);
    transform: translate(100%);
    z-index: 102;
    transition: all 0.3s;
}

.right-panel-wrapper .right-panel .right-panel-head {
    position: relative;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.right-panel-wrapper .right-panel .right-panel-head h3 {
    color: var(--muted-grey);
    font-family: var(--font);
    font-size: 1.2rem;
}

.right-panel-wrapper .right-panel .right-panel-head>img {
    max-width: 36px;
}

.right-panel-wrapper .right-panel .right-panel-head .close-panel {
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-rounded);
    transition: all 0.3s;
}

.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
    background: var(--fade-grey);
}

.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
    color: var(--primary);
}

.right-panel-wrapper .right-panel .right-panel-head .close-panel svg {
    color: var(--light-text);
    height: 22px;
    width: 22px;
    transition: stroke 0.3s;
}

.right-panel-wrapper .right-panel .right-panel-body {
    position: relative;
    height: calc(100% - 60px);
    width: 100%;
}

.is-dark .right-panel-wrapper .right-panel {
    background: var(--dark-sidebar);
}

.is-dark .right-panel-wrapper .right-panel .right-panel-head h3 {
    color: var(--dark-dark-text);
}

.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
    background: var(--bg-main-sidebar);
}

.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
    color: var(--primary);
}

@media only screen and (max-width: 767px) {
    .right-panel-wrapper .right-panel {
        width: 100%;
        max-width: 100%;
    }
}

.translate-page-y-enter-active,
.translate-page-y-leave-active {
    transform: translateY(0);
    transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}

.translate-page-y-enter-from {
    transform: translateY(10px);
    opacity: 0;
}

.translate-page-y-leave-to {
    transform: translateY(-300px);
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {

    .translate-page-y-enter-active,
    .translate-page-y-leave-active {
        transition: none;
    }
}

.translate-page-x-enter-active {
    animation: translate-page-x-in 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}

.translate-page-x-leave-active {
    animation: translate-page-x-out 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes translate-page-x-in {
    0% {
        transform: translate(-200px);
        opacity: 0;
    }

    to {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes translate-page-x-out {
    0% {
        transform: translate(0);
        opacity: 1;
    }

    to {
        transform: translate(500px);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {

    .translate-page-x-enter-active,
    .translate-page-x-leave-active {
        transition: none;
    }
}

.list-item {
    display: inline-block;
    margin-right: 10px;
}

.list-enter-active,
.list-leave-active {
    transition: all 0.4s ease;
}

.list-enter-from,
.list-leave-to {
    opacity: 0;
    transform: translateY(30px);
}

@media (prefers-reduced-motion: reduce) {

    .list-enter-active,
    .list-leave-active {
        transition: none;
    }
}

.list-complete-item {
    transition: all 0.8s ease;
    display: inline-block;
    margin-right: 10px;
}

.list-complete-enter-from,
.list-complete-leave-to {
    opacity: 0;
    transform: translateY(30px);
}

.list-complete-leave-active {
    position: absolute;
}

@media (prefers-reduced-motion: reduce) {

    .list-complete-enter-active,
    .list-complete-leave-active {
        transition: none;
    }
}

.slide-x-enter-active {
    transition: transform 0.3s ease-out;
}

.slide-x-leave-active {
    transition: transform 0.2s ease-in;
}

.slide-x-enter-from {
    transform: translate(-100%);
}

.slide-x-enter-to,
.slide-x-leave-from {
    transform: translate(0);
}

.slide-x-leave-to {
    transform: translate(-100%);
}

@media (prefers-reduced-motion: reduce) {

    .slide-x-enter-active,
    .slide-x-leave-active {
        transition: none;
        transform: translate(0);
    }
}

.from-bottom-enter-active,
.from-bottom-leave-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.2s ease, transform 0.3s ease;
}

.from-bottom-enter-from,
.from-bottom-leave-to {
    transform: translateY(100%);
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {

    .from-bottom-enter-active,
    .from-bottom-leave-active {
        transition: none;
    }
}

:root {
    --font: "DINPRO-Regular", sans-serif;
    --font-alt: "Montserrat", sans-serif;
    --title-color: var(--dark-text);
    --title-color-inverted: var(--white-smoke);
    --paragraph-color: var(--medium-text);
    --paragraph-color-inverted: var(--light-text);
    --code-bg-color: var(--widget-grey);
    --code-color: var(--success);
}

.is-dark {
    --title-color: var(--white-smoke);
    --code-bg-color: var(--bg-dark-main-light-14);
    --code-color: var(--success);
}

.title.light-mb,
.subtitle.light-mb {
    margin-bottom: 10px;
}

.title.no-mb,
.subtitle.no-mb {
    margin-bottom: 0;
}

.title.has-margin-top,
.subtitle.has-margin-top {
    margin-top: 20px;
}

.title.has-margin-top-lg,
.subtitle.has-margin-top-lg {
    margin-top: 50px;
}

.title.is-purple,
.subtitle.is-purple {
    color: var(--primary);
}

.title.is-light,
.subtitle.is-light {
    color: var(--white);
}

var {
    font-style: inherit;
}

.has-text-centered {
    text-align: center;
}

.divider-container {
    max-width: 640px;
    margin: 0 auto;
}

.divider-container .divider {
    text-align: center;
    margin: 1.5em auto 1em;
    width: 100%;
    position: relative;
}

.divider-container .divider span {
    display: inline-block;
    margin-top: 1px;
    font-size: 1rem;
    text-transform: none;
    color: var(--primary-grey);
}

.divider-container .divider span:before,
.divider-container .divider span:after {
    width: 36%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.9em;
    height: 1px;
    content: " ";
    border-top: 1px solid var(--primary-grey);
}

.divider-container .divider span:after {
    right: 0;
    left: auto;
}

@media (max-width: 768px) {

    .divider span:before,
    .divider span:after {
        width: 22% !important;
    }
}

.is-flex-wrapped {
    flex-wrap: wrap !important;
}

.no-click {
    pointer-events: none !important;
}

.ml-auto {
    margin-left: auto !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-mb {
    margin-bottom: 0 !important;
}

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

.is-green {
    color: var(--success);
}

.is-purple {
    color: var(--primary);
}

.has-slimscroll {
    overflow-y: auto;
}

.has-slimscroll-x {
    overflow-x: auto;
}

.has-slimscroll-all {
    overflow: auto;
}

.has-slimscroll::-webkit-scrollbar,
.has-slimscroll-x::-webkit-scrollbar,
.has-slimscroll-all::-webkit-scrollbar {
    height: 6px !important;
    width: 6px !important;
}

.has-slimscroll::-webkit-scrollbar-thumb,
.has-slimscroll-x::-webkit-scrollbar-thumb,
.has-slimscroll-all::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #0003 !important;
}

.has-slimscroll-sm::-webkit-scrollbar {
    height: 3px !important;
    width: 3px !important;
}

.has-slimscroll-sm::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background: #0003 !important;
}

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

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

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

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

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

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

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

.menu-toggle {
    font-size: 20px;
    color: #666;
    text-align: center;
    background: transparent;
    display: block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    transition: opacity 0.4s;
    opacity: 1;
    position: relative;
}

.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
    width: 13px !important;
    top: 17px !important;
}

.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
    width: 13px !important;
    top: 9px !important;
}

.menu-toggle .icon-box-toggle {
    background: transparent;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
}

.menu-toggle .icon-box-toggle.active>span.rotate {
    transform: rotate(90deg);
    transform: translate(0) rotate(90deg);
}

.menu-toggle .icon-box-toggle.active>span>i.icon-line-center {
    visibility: hidden;
    width: 1px;
    height: 3px;
    left: 70%;
}

.menu-toggle .icon-box-toggle.active>span>i.icon-line-bottom {
    margin: -2px 0 0 -10px;
    left: 50%;
    top: 12px;
    transform: rotate(135deg);
    transform: translate(0) rotate(135deg);
}

.menu-toggle .icon-box-toggle.active>span>i.icon-line-top {
    margin: -2px 0 0 -10px;
    left: 50%;
    top: 12px;
    transform: rotate(45deg);
    transform: translate(0) rotate(45deg);
}

.menu-toggle .icon-line-center {
    position: absolute;
    width: 12px;
    height: 2px;
    background: var(--primary);
    margin: -1px 0 0 -10px;
    left: 50%;
    top: 12px;
    transition: all 0.3s;
}

.menu-toggle .icon-line-top {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--primary);
    margin: -3px 0 0 -10px;
    left: 50%;
    top: 6px;
    transition: all 0.3s;
}

.menu-toggle .icon-line-bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--primary);
    margin: 2px 0 0 -10px;
    left: 50%;
    top: 17px;
    transition: all 0.3s;
}

.alertify .ajs-dialog {
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    border-radius: 8px !important;
}

.ajs-dimmer {
    background-color: var(--dark-sidebar) !important;
}

.ajs-header {
    font-weight: 600 !important;
    font-family: DINPRO-Medium !important;
    border-radius: 8px 8px 0 0 !important;
}

.ajs-footer {
    border-radius: 0 0 6px 6px !important;
    border: none !important;
    background: transparent !important;
}

.ajs-content {
    padding: 16px 0 !important;
    font-family: var(--font) !important;
}

.ajs-content b {
    font-weight: 500 !important;
    color: var(--primary) !important;
}

.ajs-buttons {
    padding: 6px 10px;
}

.ajs-ok {
    padding: 8px 22px;
    height: 33px;
    min-width: 82px !important;
    line-height: 0;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-size: 0.75rem;
    background: var(--primary) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary);
    border-radius: var(--radius-large);
    transition: all 0.3s;
    cursor: pointer;
}

.ajs-ok:hover,
.ajs-ok:focus {
    box-shadow: var(--primary-box-shadow);
}

.ajs-cancel {
    padding: 8px 22px;
    height: 33px;
    min-width: 82px !important;
    line-height: 0;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-size: 0.75rem;
    background: var(--white) !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    border-radius: var(--radius-large);
    transition: all 0.3s;
    cursor: pointer;
}

.is-dark .ajs-dialog {
    background: var(--bg-main-sidebar) !important;
    border-color: var(--dark-sidebar-light-2) !important;
}

.is-dark .ajs-header {
    background: var(--bg-main-sidebar) !important;
    border-color: var(--bg-main-sidebar) !important;
    color: var(--primary-grey) !important;
}

.is-dark .ajs-content,
.is-dark .ajs-content span {
    color: var(--dark-dark-text) !important;
}

.is-dark .ajs-content span b {
    color: var(--primary) !important;
}

.is-dark .ajs-footer {
    background: var(--bg-main-sidebar) !important;
    border-color: var(--bg-main-sidebar) !important;
}

.is-dark .ajs-footer .ajs-ok {
    background: var(--primary) !important;
}

.is-dark .ajs-footer .ajs-cancel {
    background: var(--dark-sidebar-light-2) !important;
    border-color: var(--dark-sidebar-light-2) !important;
    color: var(--muted-grey) !important;
}

.divider {
    display: flex;
    color: var(--muted-grey);
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 500;
}

.divider:before,
.divider:after {
    content: "";
    flex: 1;
}

.divider.line {
    align-items: center;
    margin: 1em -1em;
}

.divider.line:before,
.divider.line:after {
    height: 1px;
    margin: 0 1em;
}

.divider.one-line:before,
.divider.one-line:after {
    background: var(--fade-grey-dark-5);
}

.has-text-tip,
.has-small-text-tip {
    position: relative;
    cursor: pointer;
}

.text-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 999;
}

.text-tooltip .tooltip-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 16px;
    background: var(--white);
    color: var(--dark-text);
    border: 1px solid var(--primary-grey);
    box-shadow: var(--light-box-shadow);
    border-radius: var(--radius-large);
    font-size: 0.9rem;
}

.is-dark .text-tooltip .tooltip-content {
    background: var(--dark-sidebar);
    border-color: var(--dark-sidebar);
    color: var(--primary-grey);
}

.app-wrapper.is-pushed-bottom {
    transform: translateY(50px);
}

.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
    padding: 0;
    background: var(--primary);
    border-radius: var(--radius-rounded);
    box-shadow: var(--primary-box-shadow);
    font-size: 0.8rem;
}

.hopscotch-bubble .hopscotch-bubble-container .hopscotcv-actions .hopscotch-nav-button {
    background: var(--white);
    text-shadow: none;
    color: var(--primary);
    border-color: var(--primary);
    font-weight: 500;
    height: 32px;
    min-width: 80px;
    border-radius: 100px;
    transition: all 0.3s;
}

.hopscotch-bubble .hopscotch-bubble-container .hopscotcv-actions .hopscotch-nav-button:hover {
    background: var(--primary);
    color: var(--smoke-white);
}

.demo-wrapper {
    position: fixed;
    bottom: -50px;
    right: -50px;
    height: 140px;
    width: 140px;
    background: transparent;
    border-radius: var(--radius-rounded);
    transform: scale(0.4);
    transition: all 0.3s;
}

.demo-wrapper:hover {
    background: var(--white);
    transform: scale(1);
}

.demo-wrapper:hover .form-switch {
    opacity: 1 !important;
    pointer-events: all !important;
}

.demo-wrapper .inner {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.demo-wrapper .inner .form-switch {
    position: relative;
    top: -10px;
    left: -10px;
    display: block;
    transition: all 0.3s;
    opacity: 0;
    pointer-events: none;
}

.has-background-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #0000001a;
}

.has-background-image.is-top {
    background-position: top !important;
}

.has-background-image.is-bottom {
    background-position: bottom !important;
}

.light-image {
    display: inline-block !important;
}

.dark-image {
    display: none !important;
}

.light-image-block {
    display: block !important;
}

.dark-image-block,
.is-dark .light-image {
    display: none !important;
}

.is-dark .dark-image {
    display: inline-block !important;
}

.is-dark .light-image-block {
    display: none !important;
}

.is-dark .dark-image-block {
    display: block !important;
}

.demo-spacer {
    width: 100%;
    height: 2px;
    padding: 80px 0;
}

.simplebar-scrollbar:before {
    background: #0003 !important;
}

#backtotop {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
    bottom: 25px;
    margin: 0 25px 0 0;
    z-index: 9999;
    transform: scale(0.7);
    transition: all 0.5s;
}

#backtotop.visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#backtotop.visible a:hover {
    opacity: 0.9;
    background: var(--primary);
    color: var(--white);
}

#backtotop a {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: 0 none;
    display: block;
    width: 46px;
    height: 46px;
    background-color: var(--medium-grey);
    opacity: 1;
    transition: all 0.3s;
    border-radius: var(--radius-rounded);
    text-align: center;
    font-size: 20px;
    color: var(--dark-text);
}

#backtotop a i {
    position: relative;
    top: 6px;
}

.content ol,
.content ul {
    color: var(--dark-text);
    font-family: var(--font);
}

.content ol.is-light,
.content ul.is-light,
.content blockquote {
    color: var(--light-text);
}

.content blockquote.is-primary {
    border-color: var(--primary);
}

.content blockquote.is-success {
    border-color: var(--success);
}

.content blockquote.is-info {
    border-color: var(--info);
}

.content blockquote.is-warning {
    border-color: var(--warning);
}

.content blockquote.is-danger {
    border-color: var(--danger);
}

.content table th {
    color: var(--dark-text);
    font-family: var(--font-alt);
}

.content table td {
    color: var(--light-text);
}

.is-dark .content ol:not(.is-light),
.is-dark .content ul:not(.is-light) {
    color: var(--dark-dark-text);
}

.is-dark .content blockquote {
    background: var(--dark-sidebar-light-10);
}

.is-dark .content blockquote:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
    border-color: var(--dark-sidebar-light-2);
}

.is-dark .content blockquote.is-primary {
    border-color: var(--primary);
}

.is-dark .content table th {
    color: var(--dark-dark-text);
    border-color: var(--bg-main-sidebar2);
}

.is-dark .content table td,
.is-dark .is-divider,
.is-dark .is-divider-vertical {
    border-color: var(--bg-main-sidebar2);
}

.is-dark .is-divider:before,
.is-dark .is-divider-vertical:before {
    border-color: var(--bg-main-sidebar2);
}

.is-dark .is-divider:after,
.is-dark .is-divider-vertical:after {
    background: var(--bg-main-sidebar);
}

.is-divider,
.is-divider-vertical {
    display: block;
    position: relative;
    border-top: 0.1rem solid hsl(0, 0%, 86%);
    height: 0.1rem;
    margin: 2rem 0;
    text-align: center;
}

.is-divider[data-content]:after,
.is-divider-vertical[data-content]:after {
    color: #b5b5b5;
    content: attr(data-content);
    display: inline-block;
    font-size: 12px;
    font-family: DINPRO-Medium;
    padding: 0.4rem 0.8rem;
    transform: translateY(-1.1rem);
    text-align: center;
}

@media screen and (min-width: 769px),
print {
    .is-divider-vertical {
        display: block;
        flex: none;
        width: auto;
        height: auto;
        padding: 2rem;
        margin: 0;
        position: relative;
        border-top: none;
        min-height: 2rem;
    }

    .is-divider-vertical:before {
        border-left: 0.1rem solid hsl(0, 0%, 86%);
        bottom: 0;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 1rem;
        transform: translate(-50%);
    }

    .is-divider-vertical[data-content]:after {
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 0.1rem;
        transform: translateY(-50%) translate(-50%);
    }
}

/*! _placeload.scss | Huro | Css ninja 2020-2021 */
.notyf {
    z-index: 2147483011 !important;
}

.notyf .notyf__toast .notyf__wrapper .notyf__icon .fas,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fal,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .far,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fad,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fab {
    color: var(--white) !important;
    font-size: 1.6rem !important;
}

.notyf .notyf__toast .notyf__wrapper .notyf__message {
    font-family: var(--font);
    color: var(--white) !important;
}

.disable-notyf .notyf {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1;
    margin: -1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1;
    outline: 0;
}

:root {
    --button-base-color: var(--dark-text);
    --button-base-bg-color: var(--white);
    --button-base-border-color: var(--border);
    --white-smoke: #fcfcfc;
    --bg-dark-main-h: 240;
    --bg-dark-main-s: 33%;
    --bg-dark-main-l: 3%;
    --bg-dark-main: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) var(--bg-dark-main-l));
    --bg-dark-main-light-6: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 6%));
    --bg-dark-main-light-3: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 3%));
    --bg-dark-main-light-8: hsl(var(--bg-dark-main-h) var(--bg-dark-main-s) calc(var(--bg-dark-main-l) + 8%));
    --footer-default-bg-color: var(--widget-grey);
    --footer-light-bg-color: var(--white);
    --footer-light-link-color: var(--medium-text);
    --footer-light-link-color-hover: var(--primary);
    --footer-light-border-color: var(--border);
    --footer-dark-bg-color: var(--dark);
    --footer-dark-heading-color: var(--white-smoke);
    --footer-dark-link-color: var(--light-text);
    --footer-dark-link-color-hover: var(--primary-light-8);
    --footer-dark-border-color: var(--dark-border);
}

.is-dark {
    --footer-default-bg-color: var(--bg-dark-main-light-6);
    --footer-light-bg-color: var(--bg-dark-main-light-3);
    --footer-dark-bg-color: var(--bg-dark-main);
    --footer-dark-border-color: var(--bg-dark-main-light-8);
}

.footer .button {
    font-size: 0.95rem;
    font-family: DINPRO-Bold;
    color: #fff !important;
}

.footer .button.is-bold:not(.is-primary) {
    background: #202050 !important;
}

.footer .control {
    display: flex;
    align-items: center;
}

:root {
    --el-color-primary: var(--primary) !important;
    --el-table-bg-color: transparent;
    --el-text-color-primary: var(--dark-dark-text) !important;
    --el-text-color-regular: var(--dark-dark-text) !important;
    --el-border-color-light: var(--bg-trade-border) !important;
    --dark-text: var(--dark-dark-text) !important;
    --el-datepicker-text-color: var(--dark-dark-text) !important;
    --el-datepicker-inrange-bg-color: rgba(0, 0, 0, 0.21) !important;
    --el-input-bg-color: transparent !important;
    --el-fill-color-blank: transparent !important;
    --el-border-color: var(--bg-trade-border) !important;
    --el-input-border-color: var(--bg-trade-border) !important;
    --base-gray: #8a8a8a;
    --gray-01: hsla(0, 0%, 100%, 0.45);
    --gray-02: hsla(0, 0%, 100%, 0.55);
    --gray-03: hsla(0, 0%, 100%, 0.65);
    --gray-04: hsla(0, 0%, 100%, 0.85);
    --gray-05: hsla(0, 0%, 100%, 0.9);
    --gray-06: hsla(0, 0%, 100%, 0.95);
    --gray-dark-01: hsla(0, 0%, 0%, 0.45);
    --gray-dark-02: hsla(0, 0%, 0%, 0.55);
    --gray-dark-03: hsla(0, 0%, 0%, 0.65);
    --gray-dark-04: hsla(0, 0%, 0%, 0.75);
    --gray-dark-05: hsla(0, 0%, 0%, 0.85);
    --gray-dark-06: hsla(0, 0%, 0%, 0.95);
}

.el-link {
    --el-link-text-color: var(--primary) !important;
    --el-link-hover-text-color: #8f34ff !important;
}

.sticky-container {
    position: fixed;
    bottom: 21px;
    left: 15px;
    z-index: 10;
}

.heads2 .el-dialog__headerbtn {
    right: -9px !important;
}

.el-dialog__header {
    top: -6px;
    padding-bottom: 0 !important;
    padding-top: 8px;
}

.wcm-modal {
    z-index: 999999999999 !important;
}

.intercom-namespace {
    z-index: 88;
}

.sasfw .el-message-box__title {
    font-size: 14px;
    font-family: DINPRO-Medium;
}

.sasfw .el-message-box__headerbtn {
    top: 7px;
    right: 8px;
}

.el-message-box {
    background-color: #101217 !important;
}

.el-button.is-text {
    --el-button-text-color: var(--primary);
}

.el-button.is-text:focus,
.el-button.is-text:hover {
    --el-button-text-color: var(--gray-dark-01);
}

.el-button--success {
    --el-button-text-color: white !important;
    --el-button-bg-color: transparent !important;
    --el-button-border-color: var(--primary) !important;
    --el-button-outline-color: var(--primary) !important;
    --el-button-active-color: var(--primary) !important;
    --el-button-hover-text-color: white !important;
    --el-button-hover-link-text-color: var(--primary) !important;
    --el-button-hover-bg-color: var(--primary) !important;
    --el-button-hover-border-color: rgba(255, 255, 255, 0.666) !important;
    --el-button-active-bg-color: transparent !important;
    --el-button-active-border-color: var(--primary) !important;
}

.btn-prime-box {
    --el-button-text-color: white !important;
    --el-button-bg-color: var(--primary) !important;
    --el-button-border-color: var(--primary) !important;
    --el-button-outline-color: var(--primary) !important;
    --el-button-active-color: var(--primary) !important;
    --el-button-hover-text-color: white !important;
    --el-button-hover-link-text-color: var(--primary) !important;
    --el-button-hover-bg-color: rgb(77, 77, 77) !important;
    --el-button-hover-border-color: rgb(77, 77, 77) !important;
    --el-button-active-bg-color: var(--primary) !important;
    --el-button-active-border-color: var(--primary) !important;
}

.text-dark-gray1 {
    color: var(--gray-dark-01);
}

.text-dark-gray2 {
    color: var(--gray-dark-02);
}

.text-dark-gray3 {
    color: var(--gray-dark-03);
}

.text-gray1 {
    color: var(--gray-01);
}

.text-gray2 {
    color: var(--gray-02);
}

.text-gray3 {
    color: var(--gray-03);
}

.text-gray4 {
    color: var(--gray-04);
}

.text-gray5 {
    color: var(--gray-05);
}

.text-gray6 {
    color: var(--gray-06);
}

.el-table__header-wrapper th.el-table__cell {
    color: var(--gray-dark-01);
}

.symInfo .copy-info {
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
    font-size: 11px;
}

.symInfo .el-divider--horizontal {
    margin: 5px 0;
}

#tv_chart_container,
#tv_chart_container iframe {
    height: 480px !important;
}

.mobile #tv_chart_container,
.mobile #tv_chart_container iframe {
    height: 380px !important;
}

.drawerSettings .el-drawer {
    background-color: var(--bg-trade);
}

.drawerSettings .el-drawer__body {
    padding: 15px 33px 0;
    font-family: DINPRO-Regular;
}

.drawerSettings .el-tabs__item {
    font-size: 18px;
    font-family: DINPRO-Medium;
}

.price-history-content .el-tabs__active-bar.is-top {
    background-color: #7303fc;
    top: 0;
}

.price-history-content .el-tabs__nav-wrap:after {
    background-color: transparent !important;
}

.el-popper.pop-dark {
    background: var(--navbar-bg-color) !important;
    font-family: DINPRO-Regular;
}

.pop-symbols {
    --el-popover-padding: 0 !important;
    background: var(--bg-trade) !important;
    font-family: DINPRO-Regular;
}

.custom-slider .el-slider__button {
    width: 14px !important;
    height: 14px !important;
    background-color: #6e87a5 !important;
}

.custom-slider.buy-slider .el-slider__bar {
    background: linear-gradient(90deg,
            #92cb5a,
            #92cb5ae0 60%,
            #6e87a505) !important;
}

.custom-slider.buy-slider .el-slider__button {
    border: 1px solid #92cb5a !important;
}

.custom-slider.sell-slider .el-slider__bar {
    background: linear-gradient(90deg,
            #e04040,
            #e04040e0 60%,
            #6e87a505) !important;
}

.custom-slider.sell-slider .el-slider__button {
    border: 1px solid #e04040 !important;
}

.bg-trade-border {
    border-width: 0;
    border-color: #ffffff1a;
}

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

.sliderAmount {
    background-color: #1e1f23 !important;
}

.msg-dark.el-message-box {
    --el-messagebox-title-color: var(--gray-04);
    --el-messagebox-content-color: var(--gray-05);
    --el-bg-color: var(--section-bg-color-grey);
    --el-border-color-lighter: #4d4d4d;
}

.msg-dark.el-message-box .el-message-box__title {
    font-family: DINPRO-Medium;
}

.msg-dark.el-message-box .el-message-box__message p {
    white-space: pre-line;
    line-height: 21px;
}

.betweenbar>span {
    font-family: DINPRO-Bold;
    font-size: 12px;
    padding: 0 6px;
}

.betweenbar {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.betweenbar .bidaskbar>div>span {
    padding-top: 2px;
    transform: skew(15deg);
    display: inline-block;
}

.betweenbar .bidaskbar {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    overflow: hidden !important;
    border-radius: 2px;
    justify-content: space-between;
    flex: 1 1 0%;
    position: relative;
}

.betweenbar .bidaskbar .buysidePR {
    transition: width 1s ease-in-out;
    margin-left: -5px;
    background-repeat: no-repeat;
    border: none;
    height: 21px;
    line-height: 16px;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s;
    background-color: #92cb5a;
    transform: skew(-15deg);
    font-family: DINPRO-Medium;
}

.betweenbar .bidaskbar .sellsidePR {
    transition: width 1s ease-in-out;
    background-repeat: no-repeat;
    border: none;
    height: 21px;
    line-height: 16px;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s;
    background-color: #f1493f;
    transform: skew(-15deg);
    margin-right: -5px;
    font-family: DINPRO-Medium;
}

.el-popper.is-customized {
    padding: 6px 12px;
    border: rgba(255, 255, 255, 0.1);
    color: #fff;
    background: linear-gradient(90deg, #252525, #303030);
}

.el-popper.is-customized .el-popper__arrow:before {
    background: linear-gradient(0deg, #b987f5, var(--primary));
    right: 0;
}

.tif {
    width: 35px;
}

.tif .el-select--small .el-select__wrapper {
    text-align: center;
    padding: 2px 6px;
}

.tif .el-select.el-select--small.m-2 {
    margin: 0 !important;
    height: 24px;
}

.tif .el-select__suffix {
    display: none !important;
}

.tif .el-select--small .el-select__placeholder {
    padding-right: 0 !important;
    color: #6e87a5 !important;
    font-size: 10px;
    line-height: 14px;
}

.el-select-dropdown__item.is-hovering {
    background-color: #f5f7fa17 !important;
}

.wallet-select {
    width: 125px;
    margin-left: 5px;
}

.wallet-select .el-select.el-select--small.m-2 {
    margin: 0 !important;
}

.wallet-select .el-input--small.el-input--suffix .el-input__inner {
    padding-right: 0 !important;
    color: #6e87a5 !important;
    font-size: 11px;
    line-height: 14px;
}

.price-in {
    display: flex;
    align-items: center;
}

.price-in .m-2 {
    width: auto;
    margin: 0 6px 0 0 !important;
    outline: none;
    height: auto;
    --el-select-hover-border: 0;
    --el-select-transparent-border: 0;
    --el-border-color-hover: transparent !important;
}

.price-in .m-2 .el-select__wrapper {
    padding: 0;
    width: auto;
    outline: none;
    box-shadow: none;
}

.price-in .m-2.el-select {
    z-index: 999999999;
    outline: none;
    --el-select-border-color: transparent;
    --el-select-border-color-hover: transparent;
}

.price-in .m-2 .el-select__suffix {
    --el-select-input-font-size: 8px;
    margin-left: 2px;
}

.price-in .m-2 .el-select__placeholder {
    font-size: 10px;
    line-height: 12px;
    white-space: nowrap;
    position: relative;
    top: 6px;
    margin-left: 5px;
}

.price-in .m-2.el-select--small .el-select__wrapper {
    outline: none;
    padding: 0 !important;
    width: auto;
}

.price-in .m-2 .el-select__suffix {
    padding: 0 !important;
    outline: none;
    height: auto !important;
    box-shadow: 0 !important;
    text-align: right;
}

.price-in .m-2.el-select:hover:not(.el-select--disabled) .el-select__wrapper {
    box-shadow: none !important;
}

.copy-link {
    cursor: pointer;
}

.copy-link:hover {
    opacity: 0.6;
}

.el-select__popper .el-select-dropdown__item {
    font-family: DINPRO-Medium;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 18px 0 12px;
}

.el-select__popper .el-select-dropdown__item.hover,
.el-select__popper .el-select-dropdown__item:hover {
    background: #f5f7fa17;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: transparent !important;
}

.el-pagination.is-background .el-pager li {
    border: 1px solid rgba(255, 255, 255, 0.1176470588) !important;
}

.el-picker__popper {
    color: var(--el-text-color-regular);
}

.el-picker__popper .el-picker-panel,
.el-picker__popper .el-picker-panel__sidebar {
    background: transparent;
}

.action-bar,
.el-table {
    --el-text-color-regular: var(--dark-dark-text) !important;
    --el-input-bg-color: transparent !important;
}

.action-bar .el-input__inner,
.el-table .el-input__inner,
.action-bar .el-range-input,
.el-table .el-range-input {
    background-color: transparent !important;
    font-family: DINPRO-Medium;
}

.text-regular {
    font-family: DINPRO-Regular;
}

.text-bold {
    font-family: DINPRO-Bold;
}

.text-medium {
    font-family: DINPRO-Medium;
}

#HistoryTable .el-table,
.el-table.slim-table {
    font-family: DINPRO-Medium;
    --el-table-border-color: rgba(122, 122, 122, 0.18) !important;
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: rgba(0, 0, 0, 0.21) !important;
    --el-table-current-row-bg-color: rgba(0, 0, 0, 0.21) !important;
    --el-table-header-bg-color: transparent !important;
    --el-table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    --el-table-bg-color: transparent !important;
    --el-table-tr-bg-color: transparent !important;
    --el-table-expanded-cell-bg-color: transparent !important;
}

.el-table.slim-table .el-table__header-wrapper th.el-table__cell {
    font-family: DINPRO-Regular;
    font-size: 12px;
    font-weight: 400;
    color: #8a8a8a;
}

.el-table.slim-light-table {
    font-family: DINPRO-Medium;
    --el-table-border-color: rgba(122, 122, 122, 0.18) !important;
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--gray-dark-06);
    --el-table-header-text-color: var(--gray-dark-06);
    --el-table-row-hover-bg-color: rgba(0, 0, 0, 0.21) !important;
    --el-table-current-row-bg-color: rgba(0, 0, 0, 0.21) !important;
    --el-table-header-bg-color: transparent !important;
    --el-table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    --el-table-bg-color: transparent !important;
    --el-table-tr-bg-color: transparent !important;
    --el-table-expanded-cell-bg-color: transparent !important;
}

.el-table.slim-light-table .el-table__header-wrapper th.el-table__cell {
    font-family: DINPRO-Regular;
    font-size: 12px;
    font-weight: 400;
    color: #8a8a8a;
}

.w-100 {
    width: 100%;
}

.light-radio-group .el-radio-button__inner {
    --el-button-text-color: #62656f;
    font-family: DINPRO-Regular;
    font-size: 12px;
    --el-border: 1px solid rgba(122, 122, 122, 0.18);
}

.datepick-small {
    --el-font-size-base: 12px;
    --el-input-height: auto;
}

.datepick-small .el-range-separator {
    font-size: 12px !important;
}

.gray-basis {
    color: #8a8a8a;
}

.items-center {
    align-items: center;
}

.text-12 {
    font-size: 12px;
}

.text-10 {
    font-size: 10px;
    line-height: 12px;
}

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

.justify-around {
    justify-content: space-around;
}

.justify-center {
    justify-content: center;
}

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

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

.align-center {
    text-align: center;
}

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

.text-center {
    text-align: center;
}

.text-green-500 {
    color: #92cb5a;
}

.text-red-500 {
    color: #e75f61;
}

.text-green {
    color: #92cb5a;
}

.text-red {
    color: #e75f61;
}

.text-white {
    color: #fff;
}

.text-white,
.hover\:text-white:hover,
.group:hover .group-hover\:text-white {
    color: var(--white) !important;
}

.text-primary,
.hover\:text-primary:hover,
.group:hover .group-hover\:text-primary {
    color: var(--primary) !important;
}

.text-secondary,
.hover\:text-secondary:hover,
.group:hover .group-hover\:text-secondary {
    color: var(--secondary) !important;
}

.text-success,
.hover\:text-success:hover,
.group:hover .group-hover\:text-success {
    color: var(--success) !important;
}

.text-info,
.hover\:text-info:hover,
.group:hover .group-hover\:text-info {
    color: var(--info) !important;
}

.text-warning,
.hover\:text-warning:hover,
.group:hover .group-hover\:text-warning {
    color: var(--warning) !important;
}

.text-danger,
.hover\:text-danger:hover,
.group:hover .group-hover\:text-danger {
    color: var(--danger) !important;
}

.text-orange,
.hover\:text-orange:hover,
.group:hover .group-hover\:text-orange {
    color: var(--orange) !important;
}

.text-blue,
.hover\:text-blue:hover,
.group:hover .group-hover\:text-blue {
    color: var(--blue) !important;
}

.text-yellow,
.hover\:text-yellow:hover,
.group:hover .group-hover\:text-yellow {
    color: var(--yellow) !important;
}

.text-purple,
.hover\:text-purple:hover,
.group:hover .group-hover\:text-purple {
    color: var(--purple) !important;
}

.text-green,
.hover\:text-green:hover,
.group:hover .group-hover\:text-green {
    color: var(--green) !important;
}

.text-light,
.hover\:text-light:hover,
.group:hover .group-hover\:text-light {
    color: var(--light-text) !important;
}

.bg-white,
.hover\:bg-white:hover,
.group:hover .group-hover\:bg-white {
    background-color: var(--white) !important;
}

.bg-primary,
.hover\:bg-primary:hover,
.group:hover .group-hover\:bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary,
.hover\:bg-secondary:hover,
.group:hover .group-hover\:bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-success,
.hover\:bg-success:hover,
.group:hover .group-hover\:bg-success {
    background-color: var(--success) !important;
}

.bg-info,
.hover\:bg-info:hover,
.group:hover .group-hover\:bg-info {
    background-color: var(--info) !important;
}

.bg-warning,
.hover\:bg-warning:hover,
.group:hover .group-hover\:bg-warning {
    background-color: var(--warning) !important;
}

.bg-danger,
.hover\:bg-danger:hover,
.group:hover .group-hover\:bg-danger {
    background-color: var(--danger) !important;
}

.bg-orange,
.hover\:bg-orange:hover,
.group:hover .group-hover\:bg-orange {
    background-color: var(--orange) !important;
}

.bg-blue,
.hover\:bg-blue:hover,
.group:hover .group-hover\:bg-blue {
    background-color: var(--blue) !important;
}

.bg-yellow,
.hover\:bg-yellow:hover,
.group:hover .group-hover\:bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-purple,
.hover\:bg-purple:hover,
.group:hover .group-hover\:bg-purple {
    background-color: var(--purple) !important;
}

.bg-green,
.hover\:bg-green:hover,
.group:hover .group-hover\:bg-green {
    background-color: var(--green) !important;
}

.bg-light,
.hover\:bg-light:hover,
.group:hover .group-hover\:bg-light {
    background-color: var(--light-text) !important;
}

.opacity-5,
.hover\:opacity-5:hover,
.group:hover .group-hover\:opacity-5 {
    opacity: 5% !important;
}

.opacity-10,
.hover\:opacity-10:hover,
.group:hover .group-hover\:opacity-10 {
    opacity: 10% !important;
}

.opacity-15,
.hover\:opacity-15:hover,
.group:hover .group-hover\:opacity-15 {
    opacity: 15% !important;
}

.opacity-20,
.hover\:opacity-20:hover,
.group:hover .group-hover\:opacity-20 {
    opacity: 20% !important;
}

.opacity-25,
.hover\:opacity-25:hover,
.group:hover .group-hover\:opacity-25 {
    opacity: 25% !important;
}

.opacity-30,
.hover\:opacity-30:hover,
.group:hover .group-hover\:opacity-30 {
    opacity: 30% !important;
}

.opacity-40,
.hover\:opacity-40:hover,
.group:hover .group-hover\:opacity-40 {
    opacity: 40% !important;
}

.opacity-50,
.hover\:opacity-50:hover,
.group:hover .group-hover\:opacity-50 {
    opacity: 50% !important;
}

.opacity-60,
.hover\:opacity-60:hover,
.group:hover .group-hover\:opacity-60 {
    opacity: 60% !important;
}

.opacity-70,
.hover\:opacity-70:hover,
.group:hover .group-hover\:opacity-70 {
    opacity: 70% !important;
}

.opacity-80,
.hover\:opacity-80:hover,
.group:hover .group-hover\:opacity-80 {
    opacity: 80% !important;
}

.opacity-90,
.hover\:opacity-90:hover,
.group:hover .group-hover\:opacity-90 {
    opacity: 90% !important;
}

.opacity-100,
.hover\:opacity-100:hover,
.group:hover .group-hover\:opacity-100 {
    opacity: 100% !important;
}

.p-px {
    padding: 1px;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-8 {
    padding: 2rem;
}

.p-10 {
    padding: 2.5rem;
}

.p-12 {
    padding: 3rem;
}

.p-16 {
    padding: 4rem;
}

.p-20 {
    padding: 5rem;
}

.p-24 {
    padding: 6rem;
}

.p-32 {
    padding: 8rem;
}

.p-40 {
    padding: 10rem;
}

.p-48 {
    padding: 12rem;
}

.p-56 {
    padding: 14rem;
}

.p-64 {
    padding: 16rem;
}

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

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

.px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.px-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

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

.px-5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

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

.px-10 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

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

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

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

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

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

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

.px-48 {
    padding-right: 12rem;
    padding-left: 12rem;
}

.px-56 {
    padding-right: 14rem;
    padding-left: 14rem;
}

.px-64 {
    padding-right: 16rem;
    padding-left: 16rem;
}

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

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

.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

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

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

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

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}

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

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

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

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

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

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

.py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
}

.py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem;
}

.py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem;
}

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

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

.pt-1 {
    padding-top: 0.25rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-8 {
    padding-top: 2rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-12 {
    padding-top: 3rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pt-20 {
    padding-top: 5rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pt-32 {
    padding-top: 8rem;
}

.pt-40 {
    padding-top: 10rem;
}

.pt-48 {
    padding-top: 12rem;
}

.pt-56 {
    padding-top: 14rem;
}

.pt-64 {
    padding-top: 16rem;
}

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

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

.pr-1 {
    padding-right: 0.25rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-4 {
    padding-right: 1rem;
}

.pr-5 {
    padding-right: 1.25rem;
}

.pr-6 {
    padding-right: 1.5rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pr-10 {
    padding-right: 2.5rem;
}

.pr-12 {
    padding-right: 3rem;
}

.pr-16 {
    padding-right: 4rem;
}

.pr-20 {
    padding-right: 5rem;
}

.pr-24 {
    padding-right: 6rem;
}

.pr-32 {
    padding-right: 8rem;
}

.pr-40 {
    padding-right: 10rem;
}

.pr-48 {
    padding-right: 12rem;
}

.pr-56 {
    padding-right: 14rem;
}

.pr-64 {
    padding-right: 16rem;
}

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

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

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pb-20 {
    padding-bottom: 5rem;
}

.pb-24 {
    padding-bottom: 6rem;
}

.pb-32 {
    padding-bottom: 8rem;
}

.pb-40 {
    padding-bottom: 10rem;
}

.pb-48 {
    padding-bottom: 12rem;
}

.pb-56 {
    padding-bottom: 14rem;
}

.pb-64 {
    padding-bottom: 16rem;
}

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

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

.pl-1 {
    padding-left: 0.25rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pl-12 {
    padding-left: 3rem;
}

.pl-16 {
    padding-left: 4rem;
}

.pl-20 {
    padding-left: 5rem;
}

.pl-24 {
    padding-left: 6rem;
}

.pl-32 {
    padding-left: 8rem;
}

.pl-40 {
    padding-left: 10rem;
}

.pl-48 {
    padding-left: 12rem;
}

.pl-56 {
    padding-left: 14rem;
}

.pl-64 {
    padding-left: 16rem;
}

.m-auto {
    margin: auto;
}

.m-px {
    margin: 1px;
}

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 0.25rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-3 {
    margin: 0.75rem;
}

.m-4 {
    margin: 1rem;
}

.m-5 {
    margin: 1.25rem;
}

.m-6 {
    margin: 1.5rem;
}

.m-8 {
    margin: 2rem;
}

.m-10 {
    margin: 2.5rem;
}

.m-12 {
    margin: 3rem;
}

.m-16 {
    margin: 4rem;
}

.m-20 {
    margin: 5rem;
}

.m-24 {
    margin: 6rem;
}

.m-32 {
    margin: 8rem;
}

.m-40 {
    margin: 10rem;
}

.m-48 {
    margin: 12rem;
}

.m-56 {
    margin: 14rem;
}

.m-64 {
    margin: 16rem;
}

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

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

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

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

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

.mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}

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

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

.mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

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

.mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
}

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

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

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

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

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

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

.mx-48 {
    margin-right: 12rem;
    margin-left: 12rem;
}

.mx-56 {
    margin-right: 14rem;
    margin-left: 14rem;
}

.mx-64 {
    margin-right: 16rem;
    margin-left: 16rem;
}

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

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

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

.my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}

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

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

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

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

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

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

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

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

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

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

.my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem;
}

.my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem;
}

.my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem;
}

.mt-auto {
    margin-top: auto;
}

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

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

.mt-1 {
    margin-top: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

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

.mt-12 {
    margin-top: 3rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-24 {
    margin-top: 6rem;
}

.mt-32 {
    margin-top: 8rem;
}

.mt-40 {
    margin-top: 10rem;
}

.mt-48 {
    margin-top: 12rem;
}

.mt-56 {
    margin-top: 14rem;
}

.mt-64 {
    margin-top: 16rem;
}

.mr-auto {
    margin-right: auto;
}

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

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

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mr-8 {
    margin-right: 2rem;
}

.mr-10 {
    margin-right: 2.5rem;
}

.mr-12 {
    margin-right: 3rem;
}

.mr-16 {
    margin-right: 4rem;
}

.mr-20 {
    margin-right: 5rem;
}

.mr-24 {
    margin-right: 6rem;
}

.mr-32 {
    margin-right: 8rem;
}

.mr-40 {
    margin-right: 10rem;
}

.mr-48 {
    margin-right: 12rem;
}

.mr-56 {
    margin-right: 14rem;
}

.mr-64 {
    margin-right: 16rem;
}

.mb-auto {
    margin-bottom: auto;
}

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

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

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-24 {
    margin-bottom: 6rem;
}

.mb-32 {
    margin-bottom: 8rem;
}

.mb-40 {
    margin-bottom: 10rem;
}

.mb-48 {
    margin-bottom: 12rem;
}

.mb-56 {
    margin-bottom: 14rem;
}

.mb-64 {
    margin-bottom: 16rem;
}

.ml-auto {
    margin-left: auto;
}

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

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

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-5 {
    margin-left: 1.25rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-8 {
    margin-left: 2rem;
}

.ml-10 {
    margin-left: 2.5rem;
}

.ml-12 {
    margin-left: 3rem;
}

.ml-16 {
    margin-left: 4rem;
}

.ml-20 {
    margin-left: 5rem;
}

.ml-24 {
    margin-left: 6rem;
}

.ml-32 {
    margin-left: 8rem;
}

.ml-40 {
    margin-left: 10rem;
}

.ml-48 {
    margin-left: 12rem;
}

.ml-56 {
    margin-left: 14rem;
}

.ml-64 {
    margin-left: 16rem;
}

.-m-px {
    margin: -1px;
}

.-m-0 {
    margin: 0;
}

.-m-1 {
    margin: -0.25rem;
}

.-m-2 {
    margin: -0.5rem;
}

.-m-3 {
    margin: -0.75rem;
}

.-m-4 {
    margin: -1rem;
}

.-m-5 {
    margin: -1.25rem;
}

.-m-6 {
    margin: -1.5rem;
}

.-m-8 {
    margin: -2rem;
}

.-m-10 {
    margin: -2.5rem;
}

.-m-12 {
    margin: -3rem;
}

.-m-16 {
    margin: -4rem;
}

.-m-20 {
    margin: -5rem;
}

.-m-24 {
    margin: -6rem;
}

.-m-32 {
    margin: -8rem;
}

.-m-40 {
    margin: -10rem;
}

.-m-48 {
    margin: -12rem;
}

.-m-56 {
    margin: -14rem;
}

.-m-64 {
    margin: -16rem;
}

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

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

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

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

.-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

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

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

.-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

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

.-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
}

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

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

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

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

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

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

.-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem;
}

.-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem;
}

.-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem;
}

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

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

.-my-1 {
    margin-bottom: -0.25rem;
    margin-top: -0.25rem;
}

.-my-2 {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
}

.-my-3 {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
}

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

.-my-5 {
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
}

.-my-6 {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
}

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

.-my-10 {
    margin-bottom: -2.5rem;
    margin-top: -2.5rem;
}

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

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

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

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

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

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

.-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem;
}

.-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem;
}

.-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem;
}

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

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

.-mt-1 {
    margin-top: -0.25rem;
}

.-mt-2 {
    margin-top: -0.5rem;
}

.-mt-3 {
    margin-top: -0.75rem;
}

.-mt-4 {
    margin-top: -1rem;
}

.-mt-5 {
    margin-top: -1.25rem;
}

.-mt-6 {
    margin-top: -1.5rem;
}

.-mt-8 {
    margin-top: -2rem;
}

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

.-mt-12 {
    margin-top: -3rem;
}

.-mt-16 {
    margin-top: -4rem;
}

.-mt-20 {
    margin-top: -5rem;
}

.-mt-24 {
    margin-top: -6rem;
}

.-mt-32 {
    margin-top: -8rem;
}

.-mt-40 {
    margin-top: -10rem;
}

.-mt-48 {
    margin-top: -12rem;
}

.-mt-56 {
    margin-top: -14rem;
}

.-mt-64 {
    margin-top: -16rem;
}

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

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

.-mr-1 {
    margin-right: -0.25rem;
}

.-mr-2 {
    margin-right: -0.5rem;
}

.-mr-3 {
    margin-right: -0.75rem;
}

.-mr-4 {
    margin-right: -1rem;
}

.-mr-5 {
    margin-right: -1.25rem;
}

.-mr-6 {
    margin-right: -1.5rem;
}

.-mr-8 {
    margin-right: -2rem;
}

.-mr-10 {
    margin-right: -2.5rem;
}

.-mr-12 {
    margin-right: -3rem;
}

.-mr-16 {
    margin-right: -4rem;
}

.-mr-20 {
    margin-right: -5rem;
}

.-mr-24 {
    margin-right: -6rem;
}

.-mr-32 {
    margin-right: -8rem;
}

.-mr-40 {
    margin-right: -10rem;
}

.-mr-48 {
    margin-right: -12rem;
}

.-mr-56 {
    margin-right: -14rem;
}

.-mr-64 {
    margin-right: -16rem;
}

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

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

.-mb-1 {
    margin-bottom: -0.25rem;
}

.-mb-2 {
    margin-bottom: -0.5rem;
}

.-mb-3 {
    margin-bottom: -0.75rem;
}

.-mb-4 {
    margin-bottom: -1rem;
}

.-mb-5 {
    margin-bottom: -1.25rem;
}

.-mb-6 {
    margin-bottom: -1.5rem;
}

.-mb-8 {
    margin-bottom: -2rem;
}

.-mb-10 {
    margin-bottom: -2.5rem;
}

.-mb-12 {
    margin-bottom: -3rem;
}

.-mb-16 {
    margin-bottom: -4rem;
}

.-mb-20 {
    margin-bottom: -5rem;
}

.-mb-24 {
    margin-bottom: -6rem;
}

.-mb-32 {
    margin-bottom: -8rem;
}

.-mb-40 {
    margin-bottom: -10rem;
}

.-mb-48 {
    margin-bottom: -12rem;
}

.-mb-56 {
    margin-bottom: -14rem;
}

.-mb-64 {
    margin-bottom: -16rem;
}

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

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

.-ml-1 {
    margin-left: -0.25rem;
}

.-ml-2 {
    margin-left: -0.5rem;
}

.-ml-3 {
    margin-left: -0.75rem;
}

.-ml-4 {
    margin-left: -1rem;
}

.-ml-5 {
    margin-left: -1.25rem;
}

.-ml-6 {
    margin-left: -1.5rem;
}

.-ml-8 {
    margin-left: -2rem;
}

.-ml-10 {
    margin-left: -2.5rem;
}

.-ml-12 {
    margin-left: -3rem;
}

.-ml-16 {
    margin-left: -4rem;
}

.-ml-20 {
    margin-left: -5rem;
}

.-ml-24 {
    margin-left: -6rem;
}

.-ml-32 {
    margin-left: -8rem;
}

.-ml-40 {
    margin-left: -10rem;
}

.-ml-48 {
    margin-left: -12rem;
}

.-ml-56 {
    margin-left: -14rem;
}

.-ml-64 {
    margin-left: -16rem;
}

@media screen and (max-width: 767px) {
    .mobile\:p-px {
        padding: 1px;
    }

    .mobile\:p-0 {
        padding: 0;
    }

    .mobile\:p-1 {
        padding: 0.25rem;
    }

    .mobile\:p-2 {
        padding: 0.5rem;
    }

    .mobile\:p-3 {
        padding: 0.75rem;
    }

    .mobile\:p-4 {
        padding: 1rem;
    }

    .mobile\:p-5 {
        padding: 1.25rem;
    }

    .mobile\:p-6 {
        padding: 1.5rem;
    }

    .mobile\:p-8 {
        padding: 2rem;
    }

    .mobile\:p-10 {
        padding: 2.5rem;
    }

    .mobile\:p-12 {
        padding: 3rem;
    }

    .mobile\:p-16 {
        padding: 4rem;
    }

    .mobile\:p-20 {
        padding: 5rem;
    }

    .mobile\:p-24 {
        padding: 6rem;
    }

    .mobile\:p-32 {
        padding: 8rem;
    }

    .mobile\:p-40 {
        padding: 10rem;
    }

    .mobile\:p-48 {
        padding: 12rem;
    }

    .mobile\:p-56 {
        padding: 14rem;
    }

    .mobile\:p-64 {
        padding: 16rem;
    }

    .mobile\:px-px {
        padding-right: 1px;
        padding-left: 1px;
    }

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

    .mobile\:px-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .mobile\:px-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .mobile\:px-3 {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .mobile\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .mobile\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .mobile\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .mobile\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .mobile\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .mobile\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .mobile\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .mobile\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .mobile\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .mobile\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .mobile\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .mobile\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem;
    }

    .mobile\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem;
    }

    .mobile\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem;
    }

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

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

    .mobile\:py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    .mobile\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .mobile\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }

    .mobile\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .mobile\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .mobile\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .mobile\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .mobile\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }

    .mobile\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .mobile\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .mobile\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }

    .mobile\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }

    .mobile\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }

    .mobile\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem;
    }

    .mobile\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem;
    }

    .mobile\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem;
    }

    .mobile\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem;
    }

    .mobile\:pt-px {
        padding-top: 1px;
    }

    .mobile\:pt-0 {
        padding-top: 0;
    }

    .mobile\:pt-1 {
        padding-top: 0.25rem;
    }

    .mobile\:pt-2 {
        padding-top: 0.5rem;
    }

    .mobile\:pt-3 {
        padding-top: 0.75rem;
    }

    .mobile\:pt-4 {
        padding-top: 1rem;
    }

    .mobile\:pt-5 {
        padding-top: 1.25rem;
    }

    .mobile\:pt-6 {
        padding-top: 1.5rem;
    }

    .mobile\:pt-8 {
        padding-top: 2rem;
    }

    .mobile\:pt-10 {
        padding-top: 2.5rem;
    }

    .mobile\:pt-12 {
        padding-top: 3rem;
    }

    .mobile\:pt-16 {
        padding-top: 4rem;
    }

    .mobile\:pt-20 {
        padding-top: 5rem;
    }

    .mobile\:pt-24 {
        padding-top: 6rem;
    }

    .mobile\:pt-32 {
        padding-top: 8rem;
    }

    .mobile\:pt-40 {
        padding-top: 10rem;
    }

    .mobile\:pt-48 {
        padding-top: 12rem;
    }

    .mobile\:pt-56 {
        padding-top: 14rem;
    }

    .mobile\:pt-64 {
        padding-top: 16rem;
    }

    .mobile\:pr-px {
        padding-right: 1px;
    }

    .mobile\:pr-0 {
        padding-right: 0;
    }

    .mobile\:pr-1 {
        padding-right: 0.25rem;
    }

    .mobile\:pr-2 {
        padding-right: 0.5rem;
    }

    .mobile\:pr-3 {
        padding-right: 0.75rem;
    }

    .mobile\:pr-4 {
        padding-right: 1rem;
    }

    .mobile\:pr-5 {
        padding-right: 1.25rem;
    }

    .mobile\:pr-6 {
        padding-right: 1.5rem;
    }

    .mobile\:pr-8 {
        padding-right: 2rem;
    }

    .mobile\:pr-10 {
        padding-right: 2.5rem;
    }

    .mobile\:pr-12 {
        padding-right: 3rem;
    }

    .mobile\:pr-16 {
        padding-right: 4rem;
    }

    .mobile\:pr-20 {
        padding-right: 5rem;
    }

    .mobile\:pr-24 {
        padding-right: 6rem;
    }

    .mobile\:pr-32 {
        padding-right: 8rem;
    }

    .mobile\:pr-40 {
        padding-right: 10rem;
    }

    .mobile\:pr-48 {
        padding-right: 12rem;
    }

    .mobile\:pr-56 {
        padding-right: 14rem;
    }

    .mobile\:pr-64 {
        padding-right: 16rem;
    }

    .mobile\:pb-px {
        padding-bottom: 1px;
    }

    .mobile\:pb-0 {
        padding-bottom: 0;
    }

    .mobile\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .mobile\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .mobile\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .mobile\:pb-4 {
        padding-bottom: 1rem;
    }

    .mobile\:pb-5 {
        padding-bottom: 1.25rem;
    }

    .mobile\:pb-6 {
        padding-bottom: 1.5rem;
    }

    .mobile\:pb-8 {
        padding-bottom: 2rem;
    }

    .mobile\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .mobile\:pb-12 {
        padding-bottom: 3rem;
    }

    .mobile\:pb-16 {
        padding-bottom: 4rem;
    }

    .mobile\:pb-20 {
        padding-bottom: 5rem;
    }

    .mobile\:pb-24 {
        padding-bottom: 6rem;
    }

    .mobile\:pb-32 {
        padding-bottom: 8rem;
    }

    .mobile\:pb-40 {
        padding-bottom: 10rem;
    }

    .mobile\:pb-48 {
        padding-bottom: 12rem;
    }

    .mobile\:pb-56 {
        padding-bottom: 14rem;
    }

    .mobile\:pb-64 {
        padding-bottom: 16rem;
    }

    .mobile\:pl-px {
        padding-left: 1px;
    }

    .mobile\:pl-0 {
        padding-left: 0;
    }

    .mobile\:pl-1 {
        padding-left: 0.25rem;
    }

    .mobile\:pl-2 {
        padding-left: 0.5rem;
    }

    .mobile\:pl-3 {
        padding-left: 0.75rem;
    }

    .mobile\:pl-4 {
        padding-left: 1rem;
    }

    .mobile\:pl-5 {
        padding-left: 1.25rem;
    }

    .mobile\:pl-6 {
        padding-left: 1.5rem;
    }

    .mobile\:pl-8 {
        padding-left: 2rem;
    }

    .mobile\:pl-10 {
        padding-left: 2.5rem;
    }

    .mobile\:pl-12 {
        padding-left: 3rem;
    }

    .mobile\:pl-16 {
        padding-left: 4rem;
    }

    .mobile\:pl-20 {
        padding-left: 5rem;
    }

    .mobile\:pl-24 {
        padding-left: 6rem;
    }

    .mobile\:pl-32 {
        padding-left: 8rem;
    }

    .mobile\:pl-40 {
        padding-left: 10rem;
    }

    .mobile\:pl-48 {
        padding-left: 12rem;
    }

    .mobile\:pl-56 {
        padding-left: 14rem;
    }

    .mobile\:pl-64 {
        padding-left: 16rem;
    }

    .mobile\:m-auto {
        margin: auto;
    }

    .mobile\:m-px {
        margin: 1px;
    }

    .mobile\:m-0 {
        margin: 0;
    }

    .mobile\:m-1 {
        margin: 0.25rem;
    }

    .mobile\:m-2 {
        margin: 0.5rem;
    }

    .mobile\:m-3 {
        margin: 0.75rem;
    }

    .mobile\:m-4 {
        margin: 1rem;
    }

    .mobile\:m-5 {
        margin: 1.25rem;
    }

    .mobile\:m-6 {
        margin: 1.5rem;
    }

    .mobile\:m-8 {
        margin: 2rem;
    }

    .mobile\:m-10 {
        margin: 2.5rem;
    }

    .mobile\:m-12 {
        margin: 3rem;
    }

    .mobile\:m-16 {
        margin: 4rem;
    }

    .mobile\:m-20 {
        margin: 5rem;
    }

    .mobile\:m-24 {
        margin: 6rem;
    }

    .mobile\:m-32 {
        margin: 8rem;
    }

    .mobile\:m-40 {
        margin: 10rem;
    }

    .mobile\:m-48 {
        margin: 12rem;
    }

    .mobile\:m-56 {
        margin: 14rem;
    }

    .mobile\:m-64 {
        margin: 16rem;
    }

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

    .mobile\:mx-px {
        margin-right: 1px;
        margin-left: 1px;
    }

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

    .mobile\:mx-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

    .mobile\:mx-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .mobile\:mx-3 {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }

    .mobile\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .mobile\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }

    .mobile\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .mobile\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .mobile\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .mobile\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .mobile\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem;
    }

    .mobile\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem;
    }

    .mobile\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem;
    }

    .mobile\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem;
    }

    .mobile\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem;
    }

    .mobile\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem;
    }

    .mobile\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem;
    }

    .mobile\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem;
    }

    .mobile\:my-auto {
        margin-bottom: auto;
        margin-top: auto;
    }

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

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

    .mobile\:my-1 {
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
    }

    .mobile\:my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .mobile\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem;
    }

    .mobile\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .mobile\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
    }

    .mobile\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }

    .mobile\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .mobile\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }

    .mobile\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .mobile\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }

    .mobile\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }

    .mobile\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }

    .mobile\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }

    .mobile\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem;
    }

    .mobile\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem;
    }

    .mobile\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem;
    }

    .mobile\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem;
    }

    .mobile\:mt-auto {
        margin-top: auto;
    }

    .mobile\:mt-px {
        margin-top: 1px;
    }

    .mobile\:mt-0 {
        margin-top: 0;
    }

    .mobile\:mt-1 {
        margin-top: 0.25rem;
    }

    .mobile\:mt-2 {
        margin-top: 0.5rem;
    }

    .mobile\:mt-3 {
        margin-top: 0.75rem;
    }

    .mobile\:mt-4 {
        margin-top: 1rem;
    }

    .mobile\:mt-5 {
        margin-top: 1.25rem;
    }

    .mobile\:mt-6 {
        margin-top: 1.5rem;
    }

    .mobile\:mt-8 {
        margin-top: 2rem;
    }

    .mobile\:mt-10 {
        margin-top: 2.5rem;
    }

    .mobile\:mt-12 {
        margin-top: 3rem;
    }

    .mobile\:mt-16 {
        margin-top: 4rem;
    }

    .mobile\:mt-20 {
        margin-top: 5rem;
    }

    .mobile\:mt-24 {
        margin-top: 6rem;
    }

    .mobile\:mt-32 {
        margin-top: 8rem;
    }

    .mobile\:mt-40 {
        margin-top: 10rem;
    }

    .mobile\:mt-48 {
        margin-top: 12rem;
    }

    .mobile\:mt-56 {
        margin-top: 14rem;
    }

    .mobile\:mt-64 {
        margin-top: 16rem;
    }

    .mobile\:mr-auto {
        margin-right: auto;
    }

    .mobile\:mr-px {
        margin-right: 1px;
    }

    .mobile\:mr-0 {
        margin-right: 0;
    }

    .mobile\:mr-1 {
        margin-right: 0.25rem;
    }

    .mobile\:mr-2 {
        margin-right: 0.5rem;
    }

    .mobile\:mr-3 {
        margin-right: 0.75rem;
    }

    .mobile\:mr-4 {
        margin-right: 1rem;
    }

    .mobile\:mr-5 {
        margin-right: 1.25rem;
    }

    .mobile\:mr-6 {
        margin-right: 1.5rem;
    }

    .mobile\:mr-8 {
        margin-right: 2rem;
    }

    .mobile\:mr-10 {
        margin-right: 2.5rem;
    }

    .mobile\:mr-12 {
        margin-right: 3rem;
    }

    .mobile\:mr-16 {
        margin-right: 4rem;
    }

    .mobile\:mr-20 {
        margin-right: 5rem;
    }

    .mobile\:mr-24 {
        margin-right: 6rem;
    }

    .mobile\:mr-32 {
        margin-right: 8rem;
    }

    .mobile\:mr-40 {
        margin-right: 10rem;
    }

    .mobile\:mr-48 {
        margin-right: 12rem;
    }

    .mobile\:mr-56 {
        margin-right: 14rem;
    }

    .mobile\:mr-64 {
        margin-right: 16rem;
    }

    .mobile\:mb-auto {
        margin-bottom: auto;
    }

    .mobile\:mb-px {
        margin-bottom: 1px;
    }

    .mobile\:mb-0 {
        margin-bottom: 0;
    }

    .mobile\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .mobile\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .mobile\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .mobile\:mb-4 {
        margin-bottom: 1rem;
    }

    .mobile\:mb-5 {
        margin-bottom: 1.25rem;
    }

    .mobile\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .mobile\:mb-8 {
        margin-bottom: 2rem;
    }

    .mobile\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .mobile\:mb-12 {
        margin-bottom: 3rem;
    }

    .mobile\:mb-16 {
        margin-bottom: 4rem;
    }

    .mobile\:mb-20 {
        margin-bottom: 5rem;
    }

    .mobile\:mb-24 {
        margin-bottom: 6rem;
    }

    .mobile\:mb-32 {
        margin-bottom: 8rem;
    }

    .mobile\:mb-40 {
        margin-bottom: 10rem;
    }

    .mobile\:mb-48 {
        margin-bottom: 12rem;
    }

    .mobile\:mb-56 {
        margin-bottom: 14rem;
    }

    .mobile\:mb-64 {
        margin-bottom: 16rem;
    }

    .mobile\:ml-auto {
        margin-left: auto;
    }

    .mobile\:ml-px {
        margin-left: 1px;
    }

    .mobile\:ml-0 {
        margin-left: 0;
    }

    .mobile\:ml-1 {
        margin-left: 0.25rem;
    }

    .mobile\:ml-2 {
        margin-left: 0.5rem;
    }

    .mobile\:ml-3 {
        margin-left: 0.75rem;
    }

    .mobile\:ml-4 {
        margin-left: 1rem;
    }

    .mobile\:ml-5 {
        margin-left: 1.25rem;
    }

    .mobile\:ml-6 {
        margin-left: 1.5rem;
    }

    .mobile\:ml-8 {
        margin-left: 2rem;
    }

    .mobile\:ml-10 {
        margin-left: 2.5rem;
    }

    .mobile\:ml-12 {
        margin-left: 3rem;
    }

    .mobile\:ml-16 {
        margin-left: 4rem;
    }

    .mobile\:ml-20 {
        margin-left: 5rem;
    }

    .mobile\:ml-24 {
        margin-left: 6rem;
    }

    .mobile\:ml-32 {
        margin-left: 8rem;
    }

    .mobile\:ml-40 {
        margin-left: 10rem;
    }

    .mobile\:ml-48 {
        margin-left: 12rem;
    }

    .mobile\:ml-56 {
        margin-left: 14rem;
    }

    .mobile\:ml-64 {
        margin-left: 16rem;
    }

    .mobile\:-m-px {
        margin: -1px;
    }

    .mobile\:-m-0 {
        margin: 0;
    }

    .mobile\:-m-1 {
        margin: -0.25rem;
    }

    .mobile\:-m-2 {
        margin: -0.5rem;
    }

    .mobile\:-m-3 {
        margin: -0.75rem;
    }

    .mobile\:-m-4 {
        margin: -1rem;
    }

    .mobile\:-m-5 {
        margin: -1.25rem;
    }

    .mobile\:-m-6 {
        margin: -1.5rem;
    }

    .mobile\:-m-8 {
        margin: -2rem;
    }

    .mobile\:-m-10 {
        margin: -2.5rem;
    }

    .mobile\:-m-12 {
        margin: -3rem;
    }

    .mobile\:-m-16 {
        margin: -4rem;
    }

    .mobile\:-m-20 {
        margin: -5rem;
    }

    .mobile\:-m-24 {
        margin: -6rem;
    }

    .mobile\:-m-32 {
        margin: -8rem;
    }

    .mobile\:-m-40 {
        margin: -10rem;
    }

    .mobile\:-m-48 {
        margin: -12rem;
    }

    .mobile\:-m-56 {
        margin: -14rem;
    }

    .mobile\:-m-64 {
        margin: -16rem;
    }

    .mobile\:-mx-px {
        margin-right: -1px;
        margin-left: -1px;
    }

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

    .mobile\:-mx-1 {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
    }

    .mobile\:-mx-2 {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .mobile\:-mx-3 {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .mobile\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .mobile\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }

    .mobile\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .mobile\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .mobile\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem;
    }

    .mobile\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem;
    }

    .mobile\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem;
    }

    .mobile\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem;
    }

    .mobile\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem;
    }

    .mobile\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem;
    }

    .mobile\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem;
    }

    .mobile\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem;
    }

    .mobile\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem;
    }

    .mobile\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem;
    }

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

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

    .mobile\:-my-1 {
        margin-bottom: -0.25rem;
        margin-top: -0.25rem;
    }

    .mobile\:-my-2 {
        margin-bottom: -0.5rem;
        margin-top: -0.5rem;
    }

    .mobile\:-my-3 {
        margin-bottom: -0.75rem;
        margin-top: -0.75rem;
    }

    .mobile\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem;
    }

    .mobile\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem;
    }

    .mobile\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem;
    }

    .mobile\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem;
    }

    .mobile\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem;
    }

    .mobile\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem;
    }

    .mobile\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem;
    }

    .mobile\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem;
    }

    .mobile\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem;
    }

    .mobile\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem;
    }

    .mobile\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem;
    }

    .mobile\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem;
    }

    .mobile\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem;
    }

    .mobile\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem;
    }

    .mobile\:-mt-px {
        margin-top: -1px;
    }

    .mobile\:-mt-0 {
        margin-top: 0;
    }

    .mobile\:-mt-1 {
        margin-top: -0.25rem;
    }

    .mobile\:-mt-2 {
        margin-top: -0.5rem;
    }

    .mobile\:-mt-3 {
        margin-top: -0.75rem;
    }

    .mobile\:-mt-4 {
        margin-top: -1rem;
    }

    .mobile\:-mt-5 {
        margin-top: -1.25rem;
    }

    .mobile\:-mt-6 {
        margin-top: -1.5rem;
    }

    .mobile\:-mt-8 {
        margin-top: -2rem;
    }

    .mobile\:-mt-10 {
        margin-top: -2.5rem;
    }

    .mobile\:-mt-12 {
        margin-top: -3rem;
    }

    .mobile\:-mt-16 {
        margin-top: -4rem;
    }

    .mobile\:-mt-20 {
        margin-top: -5rem;
    }

    .mobile\:-mt-24 {
        margin-top: -6rem;
    }

    .mobile\:-mt-32 {
        margin-top: -8rem;
    }

    .mobile\:-mt-40 {
        margin-top: -10rem;
    }

    .mobile\:-mt-48 {
        margin-top: -12rem;
    }

    .mobile\:-mt-56 {
        margin-top: -14rem;
    }

    .mobile\:-mt-64 {
        margin-top: -16rem;
    }

    .mobile\:-mr-px {
        margin-right: -1px;
    }

    .mobile\:-mr-0 {
        margin-right: 0;
    }

    .mobile\:-mr-1 {
        margin-right: -0.25rem;
    }

    .mobile\:-mr-2 {
        margin-right: -0.5rem;
    }

    .mobile\:-mr-3 {
        margin-right: -0.75rem;
    }

    .mobile\:-mr-4 {
        margin-right: -1rem;
    }

    .mobile\:-mr-5 {
        margin-right: -1.25rem;
    }

    .mobile\:-mr-6 {
        margin-right: -1.5rem;
    }

    .mobile\:-mr-8 {
        margin-right: -2rem;
    }

    .mobile\:-mr-10 {
        margin-right: -2.5rem;
    }

    .mobile\:-mr-12 {
        margin-right: -3rem;
    }

    .mobile\:-mr-16 {
        margin-right: -4rem;
    }

    .mobile\:-mr-20 {
        margin-right: -5rem;
    }

    .mobile\:-mr-24 {
        margin-right: -6rem;
    }

    .mobile\:-mr-32 {
        margin-right: -8rem;
    }

    .mobile\:-mr-40 {
        margin-right: -10rem;
    }

    .mobile\:-mr-48 {
        margin-right: -12rem;
    }

    .mobile\:-mr-56 {
        margin-right: -14rem;
    }

    .mobile\:-mr-64 {
        margin-right: -16rem;
    }

    .mobile\:-mb-px {
        margin-bottom: -1px;
    }

    .mobile\:-mb-0 {
        margin-bottom: 0;
    }

    .mobile\:-mb-1 {
        margin-bottom: -0.25rem;
    }

    .mobile\:-mb-2 {
        margin-bottom: -0.5rem;
    }

    .mobile\:-mb-3 {
        margin-bottom: -0.75rem;
    }

    .mobile\:-mb-4 {
        margin-bottom: -1rem;
    }

    .mobile\:-mb-5 {
        margin-bottom: -1.25rem;
    }

    .mobile\:-mb-6 {
        margin-bottom: -1.5rem;
    }

    .mobile\:-mb-8 {
        margin-bottom: -2rem;
    }

    .mobile\:-mb-10 {
        margin-bottom: -2.5rem;
    }

    .mobile\:-mb-12 {
        margin-bottom: -3rem;
    }

    .mobile\:-mb-16 {
        margin-bottom: -4rem;
    }

    .mobile\:-mb-20 {
        margin-bottom: -5rem;
    }

    .mobile\:-mb-24 {
        margin-bottom: -6rem;
    }

    .mobile\:-mb-32 {
        margin-bottom: -8rem;
    }

    .mobile\:-mb-40 {
        margin-bottom: -10rem;
    }

    .mobile\:-mb-48 {
        margin-bottom: -12rem;
    }

    .mobile\:-mb-56 {
        margin-bottom: -14rem;
    }

    .mobile\:-mb-64 {
        margin-bottom: -16rem;
    }

    .mobile\:-ml-px {
        margin-left: -1px;
    }

    .mobile\:-ml-0 {
        margin-left: 0;
    }

    .mobile\:-ml-1 {
        margin-left: -0.25rem;
    }

    .mobile\:-ml-2 {
        margin-left: -0.5rem;
    }

    .mobile\:-ml-3 {
        margin-left: -0.75rem;
    }

    .mobile\:-ml-4 {
        margin-left: -1rem;
    }

    .mobile\:-ml-5 {
        margin-left: -1.25rem;
    }

    .mobile\:-ml-6 {
        margin-left: -1.5rem;
    }

    .mobile\:-ml-8 {
        margin-left: -2rem;
    }

    .mobile\:-ml-10 {
        margin-left: -2.5rem;
    }

    .mobile\:-ml-12 {
        margin-left: -3rem;
    }

    .mobile\:-ml-16 {
        margin-left: -4rem;
    }

    .mobile\:-ml-20 {
        margin-left: -5rem;
    }

    .mobile\:-ml-24 {
        margin-left: -6rem;
    }

    .mobile\:-ml-32 {
        margin-left: -8rem;
    }

    .mobile\:-ml-40 {
        margin-left: -10rem;
    }

    .mobile\:-ml-48 {
        margin-left: -12rem;
    }

    .mobile\:-ml-56 {
        margin-left: -14rem;
    }

    .mobile\:-ml-64 {
        margin-left: -16rem;
    }
}

@media screen and (max-width: 768px) {
    .small\:p-px {
        padding: 1px;
    }

    .small\:p-0 {
        padding: 0;
    }

    .small\:p-1 {
        padding: 0.25rem;
    }

    .small\:p-2 {
        padding: 0.5rem;
    }

    .small\:p-3 {
        padding: 0.75rem;
    }

    .small\:p-4 {
        padding: 1rem;
    }

    .small\:p-5 {
        padding: 1.25rem;
    }

    .small\:p-6 {
        padding: 1.5rem;
    }

    .small\:p-8 {
        padding: 2rem;
    }

    .small\:p-10 {
        padding: 2.5rem;
    }

    .small\:p-12 {
        padding: 3rem;
    }

    .small\:p-16 {
        padding: 4rem;
    }

    .small\:p-20 {
        padding: 5rem;
    }

    .small\:p-24 {
        padding: 6rem;
    }

    .small\:p-32 {
        padding: 8rem;
    }

    .small\:p-40 {
        padding: 10rem;
    }

    .small\:p-48 {
        padding: 12rem;
    }

    .small\:p-56 {
        padding: 14rem;
    }

    .small\:p-64 {
        padding: 16rem;
    }

    .small\:px-px {
        padding-right: 1px;
        padding-left: 1px;
    }

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

    .small\:px-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .small\:px-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .small\:px-3 {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .small\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .small\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .small\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .small\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .small\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .small\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .small\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .small\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .small\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .small\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .small\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .small\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem;
    }

    .small\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem;
    }

    .small\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem;
    }

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

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

    .small\:py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    .small\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .small\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }

    .small\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .small\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .small\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .small\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .small\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }

    .small\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .small\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .small\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }

    .small\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }

    .small\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }

    .small\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem;
    }

    .small\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem;
    }

    .small\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem;
    }

    .small\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem;
    }

    .small\:pt-px {
        padding-top: 1px;
    }

    .small\:pt-0 {
        padding-top: 0;
    }

    .small\:pt-1 {
        padding-top: 0.25rem;
    }

    .small\:pt-2 {
        padding-top: 0.5rem;
    }

    .small\:pt-3 {
        padding-top: 0.75rem;
    }

    .small\:pt-4 {
        padding-top: 1rem;
    }

    .small\:pt-5 {
        padding-top: 1.25rem;
    }

    .small\:pt-6 {
        padding-top: 1.5rem;
    }

    .small\:pt-8 {
        padding-top: 2rem;
    }

    .small\:pt-10 {
        padding-top: 2.5rem;
    }

    .small\:pt-12 {
        padding-top: 3rem;
    }

    .small\:pt-16 {
        padding-top: 4rem;
    }

    .small\:pt-20 {
        padding-top: 5rem;
    }

    .small\:pt-24 {
        padding-top: 6rem;
    }

    .small\:pt-32 {
        padding-top: 8rem;
    }

    .small\:pt-40 {
        padding-top: 10rem;
    }

    .small\:pt-48 {
        padding-top: 12rem;
    }

    .small\:pt-56 {
        padding-top: 14rem;
    }

    .small\:pt-64 {
        padding-top: 16rem;
    }

    .small\:pr-px {
        padding-right: 1px;
    }

    .small\:pr-0 {
        padding-right: 0;
    }

    .small\:pr-1 {
        padding-right: 0.25rem;
    }

    .small\:pr-2 {
        padding-right: 0.5rem;
    }

    .small\:pr-3 {
        padding-right: 0.75rem;
    }

    .small\:pr-4 {
        padding-right: 1rem;
    }

    .small\:pr-5 {
        padding-right: 1.25rem;
    }

    .small\:pr-6 {
        padding-right: 1.5rem;
    }

    .small\:pr-8 {
        padding-right: 2rem;
    }

    .small\:pr-10 {
        padding-right: 2.5rem;
    }

    .small\:pr-12 {
        padding-right: 3rem;
    }

    .small\:pr-16 {
        padding-right: 4rem;
    }

    .small\:pr-20 {
        padding-right: 5rem;
    }

    .small\:pr-24 {
        padding-right: 6rem;
    }

    .small\:pr-32 {
        padding-right: 8rem;
    }

    .small\:pr-40 {
        padding-right: 10rem;
    }

    .small\:pr-48 {
        padding-right: 12rem;
    }

    .small\:pr-56 {
        padding-right: 14rem;
    }

    .small\:pr-64 {
        padding-right: 16rem;
    }

    .small\:pb-px {
        padding-bottom: 1px;
    }

    .small\:pb-0 {
        padding-bottom: 0;
    }

    .small\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .small\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .small\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .small\:pb-4 {
        padding-bottom: 1rem;
    }

    .small\:pb-5 {
        padding-bottom: 1.25rem;
    }

    .small\:pb-6 {
        padding-bottom: 1.5rem;
    }

    .small\:pb-8 {
        padding-bottom: 2rem;
    }

    .small\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .small\:pb-12 {
        padding-bottom: 3rem;
    }

    .small\:pb-16 {
        padding-bottom: 4rem;
    }

    .small\:pb-20 {
        padding-bottom: 5rem;
    }

    .small\:pb-24 {
        padding-bottom: 6rem;
    }

    .small\:pb-32 {
        padding-bottom: 8rem;
    }

    .small\:pb-40 {
        padding-bottom: 10rem;
    }

    .small\:pb-48 {
        padding-bottom: 12rem;
    }

    .small\:pb-56 {
        padding-bottom: 14rem;
    }

    .small\:pb-64 {
        padding-bottom: 16rem;
    }

    .small\:pl-px {
        padding-left: 1px;
    }

    .small\:pl-0 {
        padding-left: 0;
    }

    .small\:pl-1 {
        padding-left: 0.25rem;
    }

    .small\:pl-2 {
        padding-left: 0.5rem;
    }

    .small\:pl-3 {
        padding-left: 0.75rem;
    }

    .small\:pl-4 {
        padding-left: 1rem;
    }

    .small\:pl-5 {
        padding-left: 1.25rem;
    }

    .small\:pl-6 {
        padding-left: 1.5rem;
    }

    .small\:pl-8 {
        padding-left: 2rem;
    }

    .small\:pl-10 {
        padding-left: 2.5rem;
    }

    .small\:pl-12 {
        padding-left: 3rem;
    }

    .small\:pl-16 {
        padding-left: 4rem;
    }

    .small\:pl-20 {
        padding-left: 5rem;
    }

    .small\:pl-24 {
        padding-left: 6rem;
    }

    .small\:pl-32 {
        padding-left: 8rem;
    }

    .small\:pl-40 {
        padding-left: 10rem;
    }

    .small\:pl-48 {
        padding-left: 12rem;
    }

    .small\:pl-56 {
        padding-left: 14rem;
    }

    .small\:pl-64 {
        padding-left: 16rem;
    }

    .small\:m-auto {
        margin: auto;
    }

    .small\:m-px {
        margin: 1px;
    }

    .small\:m-0 {
        margin: 0;
    }

    .small\:m-1 {
        margin: 0.25rem;
    }

    .small\:m-2 {
        margin: 0.5rem;
    }

    .small\:m-3 {
        margin: 0.75rem;
    }

    .small\:m-4 {
        margin: 1rem;
    }

    .small\:m-5 {
        margin: 1.25rem;
    }

    .small\:m-6 {
        margin: 1.5rem;
    }

    .small\:m-8 {
        margin: 2rem;
    }

    .small\:m-10 {
        margin: 2.5rem;
    }

    .small\:m-12 {
        margin: 3rem;
    }

    .small\:m-16 {
        margin: 4rem;
    }

    .small\:m-20 {
        margin: 5rem;
    }

    .small\:m-24 {
        margin: 6rem;
    }

    .small\:m-32 {
        margin: 8rem;
    }

    .small\:m-40 {
        margin: 10rem;
    }

    .small\:m-48 {
        margin: 12rem;
    }

    .small\:m-56 {
        margin: 14rem;
    }

    .small\:m-64 {
        margin: 16rem;
    }

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

    .small\:mx-px {
        margin-right: 1px;
        margin-left: 1px;
    }

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

    .small\:mx-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

    .small\:mx-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .small\:mx-3 {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }

    .small\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .small\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }

    .small\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .small\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .small\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .small\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .small\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem;
    }

    .small\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem;
    }

    .small\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem;
    }

    .small\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem;
    }

    .small\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem;
    }

    .small\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem;
    }

    .small\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem;
    }

    .small\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem;
    }

    .small\:my-auto {
        margin-bottom: auto;
        margin-top: auto;
    }

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

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

    .small\:my-1 {
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
    }

    .small\:my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .small\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem;
    }

    .small\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .small\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
    }

    .small\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }

    .small\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .small\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }

    .small\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .small\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }

    .small\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }

    .small\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }

    .small\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }

    .small\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem;
    }

    .small\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem;
    }

    .small\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem;
    }

    .small\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem;
    }

    .small\:mt-auto {
        margin-top: auto;
    }

    .small\:mt-px {
        margin-top: 1px;
    }

    .small\:mt-0 {
        margin-top: 0;
    }

    .small\:mt-1 {
        margin-top: 0.25rem;
    }

    .small\:mt-2 {
        margin-top: 0.5rem;
    }

    .small\:mt-3 {
        margin-top: 0.75rem;
    }

    .small\:mt-4 {
        margin-top: 1rem;
    }

    .small\:mt-5 {
        margin-top: 1.25rem;
    }

    .small\:mt-6 {
        margin-top: 1.5rem;
    }

    .small\:mt-8 {
        margin-top: 2rem;
    }

    .small\:mt-10 {
        margin-top: 2.5rem;
    }

    .small\:mt-12 {
        margin-top: 3rem;
    }

    .small\:mt-16 {
        margin-top: 4rem;
    }

    .small\:mt-20 {
        margin-top: 5rem;
    }

    .small\:mt-24 {
        margin-top: 6rem;
    }

    .small\:mt-32 {
        margin-top: 8rem;
    }

    .small\:mt-40 {
        margin-top: 10rem;
    }

    .small\:mt-48 {
        margin-top: 12rem;
    }

    .small\:mt-56 {
        margin-top: 14rem;
    }

    .small\:mt-64 {
        margin-top: 16rem;
    }

    .small\:mr-auto {
        margin-right: auto;
    }

    .small\:mr-px {
        margin-right: 1px;
    }

    .small\:mr-0 {
        margin-right: 0;
    }

    .small\:mr-1 {
        margin-right: 0.25rem;
    }

    .small\:mr-2 {
        margin-right: 0.5rem;
    }

    .small\:mr-3 {
        margin-right: 0.75rem;
    }

    .small\:mr-4 {
        margin-right: 1rem;
    }

    .small\:mr-5 {
        margin-right: 1.25rem;
    }

    .small\:mr-6 {
        margin-right: 1.5rem;
    }

    .small\:mr-8 {
        margin-right: 2rem;
    }

    .small\:mr-10 {
        margin-right: 2.5rem;
    }

    .small\:mr-12 {
        margin-right: 3rem;
    }

    .small\:mr-16 {
        margin-right: 4rem;
    }

    .small\:mr-20 {
        margin-right: 5rem;
    }

    .small\:mr-24 {
        margin-right: 6rem;
    }

    .small\:mr-32 {
        margin-right: 8rem;
    }

    .small\:mr-40 {
        margin-right: 10rem;
    }

    .small\:mr-48 {
        margin-right: 12rem;
    }

    .small\:mr-56 {
        margin-right: 14rem;
    }

    .small\:mr-64 {
        margin-right: 16rem;
    }

    .small\:mb-auto {
        margin-bottom: auto;
    }

    .small\:mb-px {
        margin-bottom: 1px;
    }

    .small\:mb-0 {
        margin-bottom: 0;
    }

    .small\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .small\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .small\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .small\:mb-4 {
        margin-bottom: 1rem;
    }

    .small\:mb-5 {
        margin-bottom: 1.25rem;
    }

    .small\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .small\:mb-8 {
        margin-bottom: 2rem;
    }

    .small\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .small\:mb-12 {
        margin-bottom: 3rem;
    }

    .small\:mb-16 {
        margin-bottom: 4rem;
    }

    .small\:mb-20 {
        margin-bottom: 5rem;
    }

    .small\:mb-24 {
        margin-bottom: 6rem;
    }

    .small\:mb-32 {
        margin-bottom: 8rem;
    }

    .small\:mb-40 {
        margin-bottom: 10rem;
    }

    .small\:mb-48 {
        margin-bottom: 12rem;
    }

    .small\:mb-56 {
        margin-bottom: 14rem;
    }

    .small\:mb-64 {
        margin-bottom: 16rem;
    }

    .small\:ml-auto {
        margin-left: auto;
    }

    .small\:ml-px {
        margin-left: 1px;
    }

    .small\:ml-0 {
        margin-left: 0;
    }

    .small\:ml-1 {
        margin-left: 0.25rem;
    }

    .small\:ml-2 {
        margin-left: 0.5rem;
    }

    .small\:ml-3 {
        margin-left: 0.75rem;
    }

    .small\:ml-4 {
        margin-left: 1rem;
    }

    .small\:ml-5 {
        margin-left: 1.25rem;
    }

    .small\:ml-6 {
        margin-left: 1.5rem;
    }

    .small\:ml-8 {
        margin-left: 2rem;
    }

    .small\:ml-10 {
        margin-left: 2.5rem;
    }

    .small\:ml-12 {
        margin-left: 3rem;
    }

    .small\:ml-16 {
        margin-left: 4rem;
    }

    .small\:ml-20 {
        margin-left: 5rem;
    }

    .small\:ml-24 {
        margin-left: 6rem;
    }

    .small\:ml-32 {
        margin-left: 8rem;
    }

    .small\:ml-40 {
        margin-left: 10rem;
    }

    .small\:ml-48 {
        margin-left: 12rem;
    }

    .small\:ml-56 {
        margin-left: 14rem;
    }

    .small\:ml-64 {
        margin-left: 16rem;
    }

    .small\:-m-px {
        margin: -1px;
    }

    .small\:-m-0 {
        margin: 0;
    }

    .small\:-m-1 {
        margin: -0.25rem;
    }

    .small\:-m-2 {
        margin: -0.5rem;
    }

    .small\:-m-3 {
        margin: -0.75rem;
    }

    .small\:-m-4 {
        margin: -1rem;
    }

    .small\:-m-5 {
        margin: -1.25rem;
    }

    .small\:-m-6 {
        margin: -1.5rem;
    }

    .small\:-m-8 {
        margin: -2rem;
    }

    .small\:-m-10 {
        margin: -2.5rem;
    }

    .small\:-m-12 {
        margin: -3rem;
    }

    .small\:-m-16 {
        margin: -4rem;
    }

    .small\:-m-20 {
        margin: -5rem;
    }

    .small\:-m-24 {
        margin: -6rem;
    }

    .small\:-m-32 {
        margin: -8rem;
    }

    .small\:-m-40 {
        margin: -10rem;
    }

    .small\:-m-48 {
        margin: -12rem;
    }

    .small\:-m-56 {
        margin: -14rem;
    }

    .small\:-m-64 {
        margin: -16rem;
    }

    .small\:-mx-px {
        margin-right: -1px;
        margin-left: -1px;
    }

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

    .small\:-mx-1 {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
    }

    .small\:-mx-2 {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .small\:-mx-3 {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .small\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .small\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }

    .small\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .small\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .small\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem;
    }

    .small\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem;
    }

    .small\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem;
    }

    .small\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem;
    }

    .small\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem;
    }

    .small\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem;
    }

    .small\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem;
    }

    .small\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem;
    }

    .small\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem;
    }

    .small\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem;
    }

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

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

    .small\:-my-1 {
        margin-bottom: -0.25rem;
        margin-top: -0.25rem;
    }

    .small\:-my-2 {
        margin-bottom: -0.5rem;
        margin-top: -0.5rem;
    }

    .small\:-my-3 {
        margin-bottom: -0.75rem;
        margin-top: -0.75rem;
    }

    .small\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem;
    }

    .small\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem;
    }

    .small\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem;
    }

    .small\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem;
    }

    .small\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem;
    }

    .small\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem;
    }

    .small\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem;
    }

    .small\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem;
    }

    .small\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem;
    }

    .small\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem;
    }

    .small\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem;
    }

    .small\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem;
    }

    .small\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem;
    }

    .small\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem;
    }

    .small\:-mt-px {
        margin-top: -1px;
    }

    .small\:-mt-0 {
        margin-top: 0;
    }

    .small\:-mt-1 {
        margin-top: -0.25rem;
    }

    .small\:-mt-2 {
        margin-top: -0.5rem;
    }

    .small\:-mt-3 {
        margin-top: -0.75rem;
    }

    .small\:-mt-4 {
        margin-top: -1rem;
    }

    .small\:-mt-5 {
        margin-top: -1.25rem;
    }

    .small\:-mt-6 {
        margin-top: -1.5rem;
    }

    .small\:-mt-8 {
        margin-top: -2rem;
    }

    .small\:-mt-10 {
        margin-top: -2.5rem;
    }

    .small\:-mt-12 {
        margin-top: -3rem;
    }

    .small\:-mt-16 {
        margin-top: -4rem;
    }

    .small\:-mt-20 {
        margin-top: -5rem;
    }

    .small\:-mt-24 {
        margin-top: -6rem;
    }

    .small\:-mt-32 {
        margin-top: -8rem;
    }

    .small\:-mt-40 {
        margin-top: -10rem;
    }

    .small\:-mt-48 {
        margin-top: -12rem;
    }

    .small\:-mt-56 {
        margin-top: -14rem;
    }

    .small\:-mt-64 {
        margin-top: -16rem;
    }

    .small\:-mr-px {
        margin-right: -1px;
    }

    .small\:-mr-0 {
        margin-right: 0;
    }

    .small\:-mr-1 {
        margin-right: -0.25rem;
    }

    .small\:-mr-2 {
        margin-right: -0.5rem;
    }

    .small\:-mr-3 {
        margin-right: -0.75rem;
    }

    .small\:-mr-4 {
        margin-right: -1rem;
    }

    .small\:-mr-5 {
        margin-right: -1.25rem;
    }

    .small\:-mr-6 {
        margin-right: -1.5rem;
    }

    .small\:-mr-8 {
        margin-right: -2rem;
    }

    .small\:-mr-10 {
        margin-right: -2.5rem;
    }

    .small\:-mr-12 {
        margin-right: -3rem;
    }

    .small\:-mr-16 {
        margin-right: -4rem;
    }

    .small\:-mr-20 {
        margin-right: -5rem;
    }

    .small\:-mr-24 {
        margin-right: -6rem;
    }

    .small\:-mr-32 {
        margin-right: -8rem;
    }

    .small\:-mr-40 {
        margin-right: -10rem;
    }

    .small\:-mr-48 {
        margin-right: -12rem;
    }

    .small\:-mr-56 {
        margin-right: -14rem;
    }

    .small\:-mr-64 {
        margin-right: -16rem;
    }

    .small\:-mb-px {
        margin-bottom: -1px;
    }

    .small\:-mb-0 {
        margin-bottom: 0;
    }

    .small\:-mb-1 {
        margin-bottom: -0.25rem;
    }

    .small\:-mb-2 {
        margin-bottom: -0.5rem;
    }

    .small\:-mb-3 {
        margin-bottom: -0.75rem;
    }

    .small\:-mb-4 {
        margin-bottom: -1rem;
    }

    .small\:-mb-5 {
        margin-bottom: -1.25rem;
    }

    .small\:-mb-6 {
        margin-bottom: -1.5rem;
    }

    .small\:-mb-8 {
        margin-bottom: -2rem;
    }

    .small\:-mb-10 {
        margin-bottom: -2.5rem;
    }

    .small\:-mb-12 {
        margin-bottom: -3rem;
    }

    .small\:-mb-16 {
        margin-bottom: -4rem;
    }

    .small\:-mb-20 {
        margin-bottom: -5rem;
    }

    .small\:-mb-24 {
        margin-bottom: -6rem;
    }

    .small\:-mb-32 {
        margin-bottom: -8rem;
    }

    .small\:-mb-40 {
        margin-bottom: -10rem;
    }

    .small\:-mb-48 {
        margin-bottom: -12rem;
    }

    .small\:-mb-56 {
        margin-bottom: -14rem;
    }

    .small\:-mb-64 {
        margin-bottom: -16rem;
    }

    .small\:-ml-px {
        margin-left: -1px;
    }

    .small\:-ml-0 {
        margin-left: 0;
    }

    .small\:-ml-1 {
        margin-left: -0.25rem;
    }

    .small\:-ml-2 {
        margin-left: -0.5rem;
    }

    .small\:-ml-3 {
        margin-left: -0.75rem;
    }

    .small\:-ml-4 {
        margin-left: -1rem;
    }

    .small\:-ml-5 {
        margin-left: -1.25rem;
    }

    .small\:-ml-6 {
        margin-left: -1.5rem;
    }

    .small\:-ml-8 {
        margin-left: -2rem;
    }

    .small\:-ml-10 {
        margin-left: -2.5rem;
    }

    .small\:-ml-12 {
        margin-left: -3rem;
    }

    .small\:-ml-16 {
        margin-left: -4rem;
    }

    .small\:-ml-20 {
        margin-left: -5rem;
    }

    .small\:-ml-24 {
        margin-left: -6rem;
    }

    .small\:-ml-32 {
        margin-left: -8rem;
    }

    .small\:-ml-40 {
        margin-left: -10rem;
    }

    .small\:-ml-48 {
        margin-left: -12rem;
    }

    .small\:-ml-56 {
        margin-left: -14rem;
    }

    .small\:-ml-64 {
        margin-left: -16rem;
    }
}

@media screen and (max-width: 1024px) {
    .large\:p-px {
        padding: 1px;
    }

    .large\:p-0 {
        padding: 0;
    }

    .large\:p-1 {
        padding: 0.25rem;
    }

    .large\:p-2 {
        padding: 0.5rem;
    }

    .large\:p-3 {
        padding: 0.75rem;
    }

    .large\:p-4 {
        padding: 1rem;
    }

    .large\:p-5 {
        padding: 1.25rem;
    }

    .large\:p-6 {
        padding: 1.5rem;
    }

    .large\:p-8 {
        padding: 2rem;
    }

    .large\:p-10 {
        padding: 2.5rem;
    }

    .large\:p-12 {
        padding: 3rem;
    }

    .large\:p-16 {
        padding: 4rem;
    }

    .large\:p-20 {
        padding: 5rem;
    }

    .large\:p-24 {
        padding: 6rem;
    }

    .large\:p-32 {
        padding: 8rem;
    }

    .large\:p-40 {
        padding: 10rem;
    }

    .large\:p-48 {
        padding: 12rem;
    }

    .large\:p-56 {
        padding: 14rem;
    }

    .large\:p-64 {
        padding: 16rem;
    }

    .large\:px-px {
        padding-right: 1px;
        padding-left: 1px;
    }

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

    .large\:px-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .large\:px-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .large\:px-3 {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .large\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .large\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .large\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .large\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .large\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .large\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .large\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .large\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .large\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .large\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .large\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .large\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem;
    }

    .large\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem;
    }

    .large\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem;
    }

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

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

    .large\:py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    .large\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .large\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }

    .large\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .large\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .large\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .large\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .large\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }

    .large\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .large\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .large\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }

    .large\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }

    .large\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }

    .large\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem;
    }

    .large\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem;
    }

    .large\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem;
    }

    .large\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem;
    }

    .large\:pt-px {
        padding-top: 1px;
    }

    .large\:pt-0 {
        padding-top: 0;
    }

    .large\:pt-1 {
        padding-top: 0.25rem;
    }

    .large\:pt-2 {
        padding-top: 0.5rem;
    }

    .large\:pt-3 {
        padding-top: 0.75rem;
    }

    .large\:pt-4 {
        padding-top: 1rem;
    }

    .large\:pt-5 {
        padding-top: 1.25rem;
    }

    .large\:pt-6 {
        padding-top: 1.5rem;
    }

    .large\:pt-8 {
        padding-top: 2rem;
    }

    .large\:pt-10 {
        padding-top: 2.5rem;
    }

    .large\:pt-12 {
        padding-top: 3rem;
    }

    .large\:pt-16 {
        padding-top: 4rem;
    }

    .large\:pt-20 {
        padding-top: 5rem;
    }

    .large\:pt-24 {
        padding-top: 6rem;
    }

    .large\:pt-32 {
        padding-top: 8rem;
    }

    .large\:pt-40 {
        padding-top: 10rem;
    }

    .large\:pt-48 {
        padding-top: 12rem;
    }

    .large\:pt-56 {
        padding-top: 14rem;
    }

    .large\:pt-64 {
        padding-top: 16rem;
    }

    .large\:pr-px {
        padding-right: 1px;
    }

    .large\:pr-0 {
        padding-right: 0;
    }

    .large\:pr-1 {
        padding-right: 0.25rem;
    }

    .large\:pr-2 {
        padding-right: 0.5rem;
    }

    .large\:pr-3 {
        padding-right: 0.75rem;
    }

    .large\:pr-4 {
        padding-right: 1rem;
    }

    .large\:pr-5 {
        padding-right: 1.25rem;
    }

    .large\:pr-6 {
        padding-right: 1.5rem;
    }

    .large\:pr-8 {
        padding-right: 2rem;
    }

    .large\:pr-10 {
        padding-right: 2.5rem;
    }

    .large\:pr-12 {
        padding-right: 3rem;
    }

    .large\:pr-16 {
        padding-right: 4rem;
    }

    .large\:pr-20 {
        padding-right: 5rem;
    }

    .large\:pr-24 {
        padding-right: 6rem;
    }

    .large\:pr-32 {
        padding-right: 8rem;
    }

    .large\:pr-40 {
        padding-right: 10rem;
    }

    .large\:pr-48 {
        padding-right: 12rem;
    }

    .large\:pr-56 {
        padding-right: 14rem;
    }

    .large\:pr-64 {
        padding-right: 16rem;
    }

    .large\:pb-px {
        padding-bottom: 1px;
    }

    .large\:pb-0 {
        padding-bottom: 0;
    }

    .large\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .large\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .large\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .large\:pb-4 {
        padding-bottom: 1rem;
    }

    .large\:pb-5 {
        padding-bottom: 1.25rem;
    }

    .large\:pb-6 {
        padding-bottom: 1.5rem;
    }

    .large\:pb-8 {
        padding-bottom: 2rem;
    }

    .large\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .large\:pb-12 {
        padding-bottom: 3rem;
    }

    .large\:pb-16 {
        padding-bottom: 4rem;
    }

    .large\:pb-20 {
        padding-bottom: 5rem;
    }

    .large\:pb-24 {
        padding-bottom: 6rem;
    }

    .large\:pb-32 {
        padding-bottom: 8rem;
    }

    .large\:pb-40 {
        padding-bottom: 10rem;
    }

    .large\:pb-48 {
        padding-bottom: 12rem;
    }

    .large\:pb-56 {
        padding-bottom: 14rem;
    }

    .large\:pb-64 {
        padding-bottom: 16rem;
    }

    .large\:pl-px {
        padding-left: 1px;
    }

    .large\:pl-0 {
        padding-left: 0;
    }

    .large\:pl-1 {
        padding-left: 0.25rem;
    }

    .large\:pl-2 {
        padding-left: 0.5rem;
    }

    .large\:pl-3 {
        padding-left: 0.75rem;
    }

    .large\:pl-4 {
        padding-left: 1rem;
    }

    .large\:pl-5 {
        padding-left: 1.25rem;
    }

    .large\:pl-6 {
        padding-left: 1.5rem;
    }

    .large\:pl-8 {
        padding-left: 2rem;
    }

    .large\:pl-10 {
        padding-left: 2.5rem;
    }

    .large\:pl-12 {
        padding-left: 3rem;
    }

    .large\:pl-16 {
        padding-left: 4rem;
    }

    .large\:pl-20 {
        padding-left: 5rem;
    }

    .large\:pl-24 {
        padding-left: 6rem;
    }

    .large\:pl-32 {
        padding-left: 8rem;
    }

    .large\:pl-40 {
        padding-left: 10rem;
    }

    .large\:pl-48 {
        padding-left: 12rem;
    }

    .large\:pl-56 {
        padding-left: 14rem;
    }

    .large\:pl-64 {
        padding-left: 16rem;
    }

    .large\:m-auto {
        margin: auto;
    }

    .large\:m-px {
        margin: 1px;
    }

    .large\:m-0 {
        margin: 0;
    }

    .large\:m-1 {
        margin: 0.25rem;
    }

    .large\:m-2 {
        margin: 0.5rem;
    }

    .large\:m-3 {
        margin: 0.75rem;
    }

    .large\:m-4 {
        margin: 1rem;
    }

    .large\:m-5 {
        margin: 1.25rem;
    }

    .large\:m-6 {
        margin: 1.5rem;
    }

    .large\:m-8 {
        margin: 2rem;
    }

    .large\:m-10 {
        margin: 2.5rem;
    }

    .large\:m-12 {
        margin: 3rem;
    }

    .large\:m-16 {
        margin: 4rem;
    }

    .large\:m-20 {
        margin: 5rem;
    }

    .large\:m-24 {
        margin: 6rem;
    }

    .large\:m-32 {
        margin: 8rem;
    }

    .large\:m-40 {
        margin: 10rem;
    }

    .large\:m-48 {
        margin: 12rem;
    }

    .large\:m-56 {
        margin: 14rem;
    }

    .large\:m-64 {
        margin: 16rem;
    }

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

    .large\:mx-px {
        margin-right: 1px;
        margin-left: 1px;
    }

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

    .large\:mx-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

    .large\:mx-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .large\:mx-3 {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }

    .large\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .large\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }

    .large\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .large\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .large\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .large\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .large\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem;
    }

    .large\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem;
    }

    .large\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem;
    }

    .large\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem;
    }

    .large\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem;
    }

    .large\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem;
    }

    .large\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem;
    }

    .large\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem;
    }

    .large\:my-auto {
        margin-bottom: auto;
        margin-top: auto;
    }

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

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

    .large\:my-1 {
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
    }

    .large\:my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .large\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem;
    }

    .large\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .large\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
    }

    .large\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }

    .large\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .large\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }

    .large\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .large\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }

    .large\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }

    .large\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }

    .large\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }

    .large\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem;
    }

    .large\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem;
    }

    .large\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem;
    }

    .large\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem;
    }

    .large\:mt-auto {
        margin-top: auto;
    }

    .large\:mt-px {
        margin-top: 1px;
    }

    .large\:mt-0 {
        margin-top: 0;
    }

    .large\:mt-1 {
        margin-top: 0.25rem;
    }

    .large\:mt-2 {
        margin-top: 0.5rem;
    }

    .large\:mt-3 {
        margin-top: 0.75rem;
    }

    .large\:mt-4 {
        margin-top: 1rem;
    }

    .large\:mt-5 {
        margin-top: 1.25rem;
    }

    .large\:mt-6 {
        margin-top: 1.5rem;
    }

    .large\:mt-8 {
        margin-top: 2rem;
    }

    .large\:mt-10 {
        margin-top: 2.5rem;
    }

    .large\:mt-12 {
        margin-top: 3rem;
    }

    .large\:mt-16 {
        margin-top: 4rem;
    }

    .large\:mt-20 {
        margin-top: 5rem;
    }

    .large\:mt-24 {
        margin-top: 6rem;
    }

    .large\:mt-32 {
        margin-top: 8rem;
    }

    .large\:mt-40 {
        margin-top: 10rem;
    }

    .large\:mt-48 {
        margin-top: 12rem;
    }

    .large\:mt-56 {
        margin-top: 14rem;
    }

    .large\:mt-64 {
        margin-top: 16rem;
    }

    .large\:mr-auto {
        margin-right: auto;
    }

    .large\:mr-px {
        margin-right: 1px;
    }

    .large\:mr-0 {
        margin-right: 0;
    }

    .large\:mr-1 {
        margin-right: 0.25rem;
    }

    .large\:mr-2 {
        margin-right: 0.5rem;
    }

    .large\:mr-3 {
        margin-right: 0.75rem;
    }

    .large\:mr-4 {
        margin-right: 1rem;
    }

    .large\:mr-5 {
        margin-right: 1.25rem;
    }

    .large\:mr-6 {
        margin-right: 1.5rem;
    }

    .large\:mr-8 {
        margin-right: 2rem;
    }

    .large\:mr-10 {
        margin-right: 2.5rem;
    }

    .large\:mr-12 {
        margin-right: 3rem;
    }

    .large\:mr-16 {
        margin-right: 4rem;
    }

    .large\:mr-20 {
        margin-right: 5rem;
    }

    .large\:mr-24 {
        margin-right: 6rem;
    }

    .large\:mr-32 {
        margin-right: 8rem;
    }

    .large\:mr-40 {
        margin-right: 10rem;
    }

    .large\:mr-48 {
        margin-right: 12rem;
    }

    .large\:mr-56 {
        margin-right: 14rem;
    }

    .large\:mr-64 {
        margin-right: 16rem;
    }

    .large\:mb-auto {
        margin-bottom: auto;
    }

    .large\:mb-px {
        margin-bottom: 1px;
    }

    .large\:mb-0 {
        margin-bottom: 0;
    }

    .large\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .large\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .large\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .large\:mb-4 {
        margin-bottom: 1rem;
    }

    .large\:mb-5 {
        margin-bottom: 1.25rem;
    }

    .large\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .large\:mb-8 {
        margin-bottom: 2rem;
    }

    .large\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .large\:mb-12 {
        margin-bottom: 3rem;
    }

    .large\:mb-16 {
        margin-bottom: 4rem;
    }

    .large\:mb-20 {
        margin-bottom: 5rem;
    }

    .large\:mb-24 {
        margin-bottom: 6rem;
    }

    .large\:mb-32 {
        margin-bottom: 8rem;
    }

    .large\:mb-40 {
        margin-bottom: 10rem;
    }

    .large\:mb-48 {
        margin-bottom: 12rem;
    }

    .large\:mb-56 {
        margin-bottom: 14rem;
    }

    .large\:mb-64 {
        margin-bottom: 16rem;
    }

    .large\:ml-auto {
        margin-left: auto;
    }

    .large\:ml-px {
        margin-left: 1px;
    }

    .large\:ml-0 {
        margin-left: 0;
    }

    .large\:ml-1 {
        margin-left: 0.25rem;
    }

    .large\:ml-2 {
        margin-left: 0.5rem;
    }

    .large\:ml-3 {
        margin-left: 0.75rem;
    }

    .large\:ml-4 {
        margin-left: 1rem;
    }

    .large\:ml-5 {
        margin-left: 1.25rem;
    }

    .large\:ml-6 {
        margin-left: 1.5rem;
    }

    .large\:ml-8 {
        margin-left: 2rem;
    }

    .large\:ml-10 {
        margin-left: 2.5rem;
    }

    .large\:ml-12 {
        margin-left: 3rem;
    }

    .large\:ml-16 {
        margin-left: 4rem;
    }

    .large\:ml-20 {
        margin-left: 5rem;
    }

    .large\:ml-24 {
        margin-left: 6rem;
    }

    .large\:ml-32 {
        margin-left: 8rem;
    }

    .large\:ml-40 {
        margin-left: 10rem;
    }

    .large\:ml-48 {
        margin-left: 12rem;
    }

    .large\:ml-56 {
        margin-left: 14rem;
    }

    .large\:ml-64 {
        margin-left: 16rem;
    }

    .large\:-m-px {
        margin: -1px;
    }

    .large\:-m-0 {
        margin: 0;
    }

    .large\:-m-1 {
        margin: -0.25rem;
    }

    .large\:-m-2 {
        margin: -0.5rem;
    }

    .large\:-m-3 {
        margin: -0.75rem;
    }

    .large\:-m-4 {
        margin: -1rem;
    }

    .large\:-m-5 {
        margin: -1.25rem;
    }

    .large\:-m-6 {
        margin: -1.5rem;
    }

    .large\:-m-8 {
        margin: -2rem;
    }

    .large\:-m-10 {
        margin: -2.5rem;
    }

    .large\:-m-12 {
        margin: -3rem;
    }

    .large\:-m-16 {
        margin: -4rem;
    }

    .large\:-m-20 {
        margin: -5rem;
    }

    .large\:-m-24 {
        margin: -6rem;
    }

    .large\:-m-32 {
        margin: -8rem;
    }

    .large\:-m-40 {
        margin: -10rem;
    }

    .large\:-m-48 {
        margin: -12rem;
    }

    .large\:-m-56 {
        margin: -14rem;
    }

    .large\:-m-64 {
        margin: -16rem;
    }

    .large\:-mx-px {
        margin-right: -1px;
        margin-left: -1px;
    }

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

    .large\:-mx-1 {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
    }

    .large\:-mx-2 {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .large\:-mx-3 {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .large\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .large\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }

    .large\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .large\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .large\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem;
    }

    .large\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem;
    }

    .large\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem;
    }

    .large\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem;
    }

    .large\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem;
    }

    .large\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem;
    }

    .large\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem;
    }

    .large\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem;
    }

    .large\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem;
    }

    .large\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem;
    }

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

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

    .large\:-my-1 {
        margin-bottom: -0.25rem;
        margin-top: -0.25rem;
    }

    .large\:-my-2 {
        margin-bottom: -0.5rem;
        margin-top: -0.5rem;
    }

    .large\:-my-3 {
        margin-bottom: -0.75rem;
        margin-top: -0.75rem;
    }

    .large\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem;
    }

    .large\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem;
    }

    .large\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem;
    }

    .large\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem;
    }

    .large\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem;
    }

    .large\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem;
    }

    .large\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem;
    }

    .large\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem;
    }

    .large\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem;
    }

    .large\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem;
    }

    .large\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem;
    }

    .large\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem;
    }

    .large\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem;
    }

    .large\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem;
    }

    .large\:-mt-px {
        margin-top: -1px;
    }

    .large\:-mt-0 {
        margin-top: 0;
    }

    .large\:-mt-1 {
        margin-top: -0.25rem;
    }

    .large\:-mt-2 {
        margin-top: -0.5rem;
    }

    .large\:-mt-3 {
        margin-top: -0.75rem;
    }

    .large\:-mt-4 {
        margin-top: -1rem;
    }

    .large\:-mt-5 {
        margin-top: -1.25rem;
    }

    .large\:-mt-6 {
        margin-top: -1.5rem;
    }

    .large\:-mt-8 {
        margin-top: -2rem;
    }

    .large\:-mt-10 {
        margin-top: -2.5rem;
    }

    .large\:-mt-12 {
        margin-top: -3rem;
    }

    .large\:-mt-16 {
        margin-top: -4rem;
    }

    .large\:-mt-20 {
        margin-top: -5rem;
    }

    .large\:-mt-24 {
        margin-top: -6rem;
    }

    .large\:-mt-32 {
        margin-top: -8rem;
    }

    .large\:-mt-40 {
        margin-top: -10rem;
    }

    .large\:-mt-48 {
        margin-top: -12rem;
    }

    .large\:-mt-56 {
        margin-top: -14rem;
    }

    .large\:-mt-64 {
        margin-top: -16rem;
    }

    .large\:-mr-px {
        margin-right: -1px;
    }

    .large\:-mr-0 {
        margin-right: 0;
    }

    .large\:-mr-1 {
        margin-right: -0.25rem;
    }

    .large\:-mr-2 {
        margin-right: -0.5rem;
    }

    .large\:-mr-3 {
        margin-right: -0.75rem;
    }

    .large\:-mr-4 {
        margin-right: -1rem;
    }

    .large\:-mr-5 {
        margin-right: -1.25rem;
    }

    .large\:-mr-6 {
        margin-right: -1.5rem;
    }

    .large\:-mr-8 {
        margin-right: -2rem;
    }

    .large\:-mr-10 {
        margin-right: -2.5rem;
    }

    .large\:-mr-12 {
        margin-right: -3rem;
    }

    .large\:-mr-16 {
        margin-right: -4rem;
    }

    .large\:-mr-20 {
        margin-right: -5rem;
    }

    .large\:-mr-24 {
        margin-right: -6rem;
    }

    .large\:-mr-32 {
        margin-right: -8rem;
    }

    .large\:-mr-40 {
        margin-right: -10rem;
    }

    .large\:-mr-48 {
        margin-right: -12rem;
    }

    .large\:-mr-56 {
        margin-right: -14rem;
    }

    .large\:-mr-64 {
        margin-right: -16rem;
    }

    .large\:-mb-px {
        margin-bottom: -1px;
    }

    .large\:-mb-0 {
        margin-bottom: 0;
    }

    .large\:-mb-1 {
        margin-bottom: -0.25rem;
    }

    .large\:-mb-2 {
        margin-bottom: -0.5rem;
    }

    .large\:-mb-3 {
        margin-bottom: -0.75rem;
    }

    .large\:-mb-4 {
        margin-bottom: -1rem;
    }

    .large\:-mb-5 {
        margin-bottom: -1.25rem;
    }

    .large\:-mb-6 {
        margin-bottom: -1.5rem;
    }

    .large\:-mb-8 {
        margin-bottom: -2rem;
    }

    .large\:-mb-10 {
        margin-bottom: -2.5rem;
    }

    .large\:-mb-12 {
        margin-bottom: -3rem;
    }

    .large\:-mb-16 {
        margin-bottom: -4rem;
    }

    .large\:-mb-20 {
        margin-bottom: -5rem;
    }

    .large\:-mb-24 {
        margin-bottom: -6rem;
    }

    .large\:-mb-32 {
        margin-bottom: -8rem;
    }

    .large\:-mb-40 {
        margin-bottom: -10rem;
    }

    .large\:-mb-48 {
        margin-bottom: -12rem;
    }

    .large\:-mb-56 {
        margin-bottom: -14rem;
    }

    .large\:-mb-64 {
        margin-bottom: -16rem;
    }

    .large\:-ml-px {
        margin-left: -1px;
    }

    .large\:-ml-0 {
        margin-left: 0;
    }

    .large\:-ml-1 {
        margin-left: -0.25rem;
    }

    .large\:-ml-2 {
        margin-left: -0.5rem;
    }

    .large\:-ml-3 {
        margin-left: -0.75rem;
    }

    .large\:-ml-4 {
        margin-left: -1rem;
    }

    .large\:-ml-5 {
        margin-left: -1.25rem;
    }

    .large\:-ml-6 {
        margin-left: -1.5rem;
    }

    .large\:-ml-8 {
        margin-left: -2rem;
    }

    .large\:-ml-10 {
        margin-left: -2.5rem;
    }

    .large\:-ml-12 {
        margin-left: -3rem;
    }

    .large\:-ml-16 {
        margin-left: -4rem;
    }

    .large\:-ml-20 {
        margin-left: -5rem;
    }

    .large\:-ml-24 {
        margin-left: -6rem;
    }

    .large\:-ml-32 {
        margin-left: -8rem;
    }

    .large\:-ml-40 {
        margin-left: -10rem;
    }

    .large\:-ml-48 {
        margin-left: -12rem;
    }

    .large\:-ml-56 {
        margin-left: -14rem;
    }

    .large\:-ml-64 {
        margin-left: -16rem;
    }
}

@media screen and (max-width: 1280px) {
    .wide\:p-px {
        padding: 1px;
    }

    .wide\:p-0 {
        padding: 0;
    }

    .wide\:p-1 {
        padding: 0.25rem;
    }

    .wide\:p-2 {
        padding: 0.5rem;
    }

    .wide\:p-3 {
        padding: 0.75rem;
    }

    .wide\:p-4 {
        padding: 1rem;
    }

    .wide\:p-5 {
        padding: 1.25rem;
    }

    .wide\:p-6 {
        padding: 1.5rem;
    }

    .wide\:p-8 {
        padding: 2rem;
    }

    .wide\:p-10 {
        padding: 2.5rem;
    }

    .wide\:p-12 {
        padding: 3rem;
    }

    .wide\:p-16 {
        padding: 4rem;
    }

    .wide\:p-20 {
        padding: 5rem;
    }

    .wide\:p-24 {
        padding: 6rem;
    }

    .wide\:p-32 {
        padding: 8rem;
    }

    .wide\:p-40 {
        padding: 10rem;
    }

    .wide\:p-48 {
        padding: 12rem;
    }

    .wide\:p-56 {
        padding: 14rem;
    }

    .wide\:p-64 {
        padding: 16rem;
    }

    .wide\:px-px {
        padding-right: 1px;
        padding-left: 1px;
    }

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

    .wide\:px-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .wide\:px-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .wide\:px-3 {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .wide\:px-4 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .wide\:px-5 {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .wide\:px-6 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .wide\:px-8 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .wide\:px-10 {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .wide\:px-12 {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .wide\:px-16 {
        padding-right: 4rem;
        padding-left: 4rem;
    }

    .wide\:px-20 {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .wide\:px-24 {
        padding-right: 6rem;
        padding-left: 6rem;
    }

    .wide\:px-32 {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .wide\:px-40 {
        padding-right: 10rem;
        padding-left: 10rem;
    }

    .wide\:px-48 {
        padding-right: 12rem;
        padding-left: 12rem;
    }

    .wide\:px-56 {
        padding-right: 14rem;
        padding-left: 14rem;
    }

    .wide\:px-64 {
        padding-right: 16rem;
        padding-left: 16rem;
    }

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

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

    .wide\:py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    .wide\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .wide\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }

    .wide\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .wide\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }

    .wide\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .wide\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .wide\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }

    .wide\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .wide\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .wide\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }

    .wide\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }

    .wide\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }

    .wide\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem;
    }

    .wide\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem;
    }

    .wide\:py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem;
    }

    .wide\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem;
    }

    .wide\:pt-px {
        padding-top: 1px;
    }

    .wide\:pt-0 {
        padding-top: 0;
    }

    .wide\:pt-1 {
        padding-top: 0.25rem;
    }

    .wide\:pt-2 {
        padding-top: 0.5rem;
    }

    .wide\:pt-3 {
        padding-top: 0.75rem;
    }

    .wide\:pt-4 {
        padding-top: 1rem;
    }

    .wide\:pt-5 {
        padding-top: 1.25rem;
    }

    .wide\:pt-6 {
        padding-top: 1.5rem;
    }

    .wide\:pt-8 {
        padding-top: 2rem;
    }

    .wide\:pt-10 {
        padding-top: 2.5rem;
    }

    .wide\:pt-12 {
        padding-top: 3rem;
    }

    .wide\:pt-16 {
        padding-top: 4rem;
    }

    .wide\:pt-20 {
        padding-top: 5rem;
    }

    .wide\:pt-24 {
        padding-top: 6rem;
    }

    .wide\:pt-32 {
        padding-top: 8rem;
    }

    .wide\:pt-40 {
        padding-top: 10rem;
    }

    .wide\:pt-48 {
        padding-top: 12rem;
    }

    .wide\:pt-56 {
        padding-top: 14rem;
    }

    .wide\:pt-64 {
        padding-top: 16rem;
    }

    .wide\:pr-px {
        padding-right: 1px;
    }

    .wide\:pr-0 {
        padding-right: 0;
    }

    .wide\:pr-1 {
        padding-right: 0.25rem;
    }

    .wide\:pr-2 {
        padding-right: 0.5rem;
    }

    .wide\:pr-3 {
        padding-right: 0.75rem;
    }

    .wide\:pr-4 {
        padding-right: 1rem;
    }

    .wide\:pr-5 {
        padding-right: 1.25rem;
    }

    .wide\:pr-6 {
        padding-right: 1.5rem;
    }

    .wide\:pr-8 {
        padding-right: 2rem;
    }

    .wide\:pr-10 {
        padding-right: 2.5rem;
    }

    .wide\:pr-12 {
        padding-right: 3rem;
    }

    .wide\:pr-16 {
        padding-right: 4rem;
    }

    .wide\:pr-20 {
        padding-right: 5rem;
    }

    .wide\:pr-24 {
        padding-right: 6rem;
    }

    .wide\:pr-32 {
        padding-right: 8rem;
    }

    .wide\:pr-40 {
        padding-right: 10rem;
    }

    .wide\:pr-48 {
        padding-right: 12rem;
    }

    .wide\:pr-56 {
        padding-right: 14rem;
    }

    .wide\:pr-64 {
        padding-right: 16rem;
    }

    .wide\:pb-px {
        padding-bottom: 1px;
    }

    .wide\:pb-0 {
        padding-bottom: 0;
    }

    .wide\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .wide\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .wide\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .wide\:pb-4 {
        padding-bottom: 1rem;
    }

    .wide\:pb-5 {
        padding-bottom: 1.25rem;
    }

    .wide\:pb-6 {
        padding-bottom: 1.5rem;
    }

    .wide\:pb-8 {
        padding-bottom: 2rem;
    }

    .wide\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .wide\:pb-12 {
        padding-bottom: 3rem;
    }

    .wide\:pb-16 {
        padding-bottom: 4rem;
    }

    .wide\:pb-20 {
        padding-bottom: 5rem;
    }

    .wide\:pb-24 {
        padding-bottom: 6rem;
    }

    .wide\:pb-32 {
        padding-bottom: 8rem;
    }

    .wide\:pb-40 {
        padding-bottom: 10rem;
    }

    .wide\:pb-48 {
        padding-bottom: 12rem;
    }

    .wide\:pb-56 {
        padding-bottom: 14rem;
    }

    .wide\:pb-64 {
        padding-bottom: 16rem;
    }

    .wide\:pl-px {
        padding-left: 1px;
    }

    .wide\:pl-0 {
        padding-left: 0;
    }

    .wide\:pl-1 {
        padding-left: 0.25rem;
    }

    .wide\:pl-2 {
        padding-left: 0.5rem;
    }

    .wide\:pl-3 {
        padding-left: 0.75rem;
    }

    .wide\:pl-4 {
        padding-left: 1rem;
    }

    .wide\:pl-5 {
        padding-left: 1.25rem;
    }

    .wide\:pl-6 {
        padding-left: 1.5rem;
    }

    .wide\:pl-8 {
        padding-left: 2rem;
    }

    .wide\:pl-10 {
        padding-left: 2.5rem;
    }

    .wide\:pl-12 {
        padding-left: 3rem;
    }

    .wide\:pl-16 {
        padding-left: 4rem;
    }

    .wide\:pl-20 {
        padding-left: 5rem;
    }

    .wide\:pl-24 {
        padding-left: 6rem;
    }

    .wide\:pl-32 {
        padding-left: 8rem;
    }

    .wide\:pl-40 {
        padding-left: 10rem;
    }

    .wide\:pl-48 {
        padding-left: 12rem;
    }

    .wide\:pl-56 {
        padding-left: 14rem;
    }

    .wide\:pl-64 {
        padding-left: 16rem;
    }

    .wide\:m-auto {
        margin: auto;
    }

    .wide\:m-px {
        margin: 1px;
    }

    .wide\:m-0 {
        margin: 0;
    }

    .wide\:m-1 {
        margin: 0.25rem;
    }

    .wide\:m-2 {
        margin: 0.5rem;
    }

    .wide\:m-3 {
        margin: 0.75rem;
    }

    .wide\:m-4 {
        margin: 1rem;
    }

    .wide\:m-5 {
        margin: 1.25rem;
    }

    .wide\:m-6 {
        margin: 1.5rem;
    }

    .wide\:m-8 {
        margin: 2rem;
    }

    .wide\:m-10 {
        margin: 2.5rem;
    }

    .wide\:m-12 {
        margin: 3rem;
    }

    .wide\:m-16 {
        margin: 4rem;
    }

    .wide\:m-20 {
        margin: 5rem;
    }

    .wide\:m-24 {
        margin: 6rem;
    }

    .wide\:m-32 {
        margin: 8rem;
    }

    .wide\:m-40 {
        margin: 10rem;
    }

    .wide\:m-48 {
        margin: 12rem;
    }

    .wide\:m-56 {
        margin: 14rem;
    }

    .wide\:m-64 {
        margin: 16rem;
    }

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

    .wide\:mx-px {
        margin-right: 1px;
        margin-left: 1px;
    }

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

    .wide\:mx-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

    .wide\:mx-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .wide\:mx-3 {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }

    .wide\:mx-4 {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .wide\:mx-5 {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }

    .wide\:mx-6 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .wide\:mx-8 {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .wide\:mx-10 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .wide\:mx-12 {
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .wide\:mx-16 {
        margin-right: 4rem;
        margin-left: 4rem;
    }

    .wide\:mx-20 {
        margin-right: 5rem;
        margin-left: 5rem;
    }

    .wide\:mx-24 {
        margin-right: 6rem;
        margin-left: 6rem;
    }

    .wide\:mx-32 {
        margin-right: 8rem;
        margin-left: 8rem;
    }

    .wide\:mx-40 {
        margin-right: 10rem;
        margin-left: 10rem;
    }

    .wide\:mx-48 {
        margin-right: 12rem;
        margin-left: 12rem;
    }

    .wide\:mx-56 {
        margin-right: 14rem;
        margin-left: 14rem;
    }

    .wide\:mx-64 {
        margin-right: 16rem;
        margin-left: 16rem;
    }

    .wide\:my-auto {
        margin-bottom: auto;
        margin-top: auto;
    }

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

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

    .wide\:my-1 {
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
    }

    .wide\:my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .wide\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem;
    }

    .wide\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .wide\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
    }

    .wide\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }

    .wide\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .wide\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }

    .wide\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .wide\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }

    .wide\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }

    .wide\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }

    .wide\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }

    .wide\:my-40 {
        margin-bottom: 10rem;
        margin-top: 10rem;
    }

    .wide\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem;
    }

    .wide\:my-56 {
        margin-bottom: 14rem;
        margin-top: 14rem;
    }

    .wide\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem;
    }

    .wide\:mt-auto {
        margin-top: auto;
    }

    .wide\:mt-px {
        margin-top: 1px;
    }

    .wide\:mt-0 {
        margin-top: 0;
    }

    .wide\:mt-1 {
        margin-top: 0.25rem;
    }

    .wide\:mt-2 {
        margin-top: 0.5rem;
    }

    .wide\:mt-3 {
        margin-top: 0.75rem;
    }

    .wide\:mt-4 {
        margin-top: 1rem;
    }

    .wide\:mt-5 {
        margin-top: 1.25rem;
    }

    .wide\:mt-6 {
        margin-top: 1.5rem;
    }

    .wide\:mt-8 {
        margin-top: 2rem;
    }

    .wide\:mt-10 {
        margin-top: 2.5rem;
    }

    .wide\:mt-12 {
        margin-top: 3rem;
    }

    .wide\:mt-16 {
        margin-top: 4rem;
    }

    .wide\:mt-20 {
        margin-top: 5rem;
    }

    .wide\:mt-24 {
        margin-top: 6rem;
    }

    .wide\:mt-32 {
        margin-top: 8rem;
    }

    .wide\:mt-40 {
        margin-top: 10rem;
    }

    .wide\:mt-48 {
        margin-top: 12rem;
    }

    .wide\:mt-56 {
        margin-top: 14rem;
    }

    .wide\:mt-64 {
        margin-top: 16rem;
    }

    .wide\:mr-auto {
        margin-right: auto;
    }

    .wide\:mr-px {
        margin-right: 1px;
    }

    .wide\:mr-0 {
        margin-right: 0;
    }

    .wide\:mr-1 {
        margin-right: 0.25rem;
    }

    .wide\:mr-2 {
        margin-right: 0.5rem;
    }

    .wide\:mr-3 {
        margin-right: 0.75rem;
    }

    .wide\:mr-4 {
        margin-right: 1rem;
    }

    .wide\:mr-5 {
        margin-right: 1.25rem;
    }

    .wide\:mr-6 {
        margin-right: 1.5rem;
    }

    .wide\:mr-8 {
        margin-right: 2rem;
    }

    .wide\:mr-10 {
        margin-right: 2.5rem;
    }

    .wide\:mr-12 {
        margin-right: 3rem;
    }

    .wide\:mr-16 {
        margin-right: 4rem;
    }

    .wide\:mr-20 {
        margin-right: 5rem;
    }

    .wide\:mr-24 {
        margin-right: 6rem;
    }

    .wide\:mr-32 {
        margin-right: 8rem;
    }

    .wide\:mr-40 {
        margin-right: 10rem;
    }

    .wide\:mr-48 {
        margin-right: 12rem;
    }

    .wide\:mr-56 {
        margin-right: 14rem;
    }

    .wide\:mr-64 {
        margin-right: 16rem;
    }

    .wide\:mb-auto {
        margin-bottom: auto;
    }

    .wide\:mb-px {
        margin-bottom: 1px;
    }

    .wide\:mb-0 {
        margin-bottom: 0;
    }

    .wide\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .wide\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .wide\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .wide\:mb-4 {
        margin-bottom: 1rem;
    }

    .wide\:mb-5 {
        margin-bottom: 1.25rem;
    }

    .wide\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .wide\:mb-8 {
        margin-bottom: 2rem;
    }

    .wide\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .wide\:mb-12 {
        margin-bottom: 3rem;
    }

    .wide\:mb-16 {
        margin-bottom: 4rem;
    }

    .wide\:mb-20 {
        margin-bottom: 5rem;
    }

    .wide\:mb-24 {
        margin-bottom: 6rem;
    }

    .wide\:mb-32 {
        margin-bottom: 8rem;
    }

    .wide\:mb-40 {
        margin-bottom: 10rem;
    }

    .wide\:mb-48 {
        margin-bottom: 12rem;
    }

    .wide\:mb-56 {
        margin-bottom: 14rem;
    }

    .wide\:mb-64 {
        margin-bottom: 16rem;
    }

    .wide\:ml-auto {
        margin-left: auto;
    }

    .wide\:ml-px {
        margin-left: 1px;
    }

    .wide\:ml-0 {
        margin-left: 0;
    }

    .wide\:ml-1 {
        margin-left: 0.25rem;
    }

    .wide\:ml-2 {
        margin-left: 0.5rem;
    }

    .wide\:ml-3 {
        margin-left: 0.75rem;
    }

    .wide\:ml-4 {
        margin-left: 1rem;
    }

    .wide\:ml-5 {
        margin-left: 1.25rem;
    }

    .wide\:ml-6 {
        margin-left: 1.5rem;
    }

    .wide\:ml-8 {
        margin-left: 2rem;
    }

    .wide\:ml-10 {
        margin-left: 2.5rem;
    }

    .wide\:ml-12 {
        margin-left: 3rem;
    }

    .wide\:ml-16 {
        margin-left: 4rem;
    }

    .wide\:ml-20 {
        margin-left: 5rem;
    }

    .wide\:ml-24 {
        margin-left: 6rem;
    }

    .wide\:ml-32 {
        margin-left: 8rem;
    }

    .wide\:ml-40 {
        margin-left: 10rem;
    }

    .wide\:ml-48 {
        margin-left: 12rem;
    }

    .wide\:ml-56 {
        margin-left: 14rem;
    }

    .wide\:ml-64 {
        margin-left: 16rem;
    }

    .wide\:-m-px {
        margin: -1px;
    }

    .wide\:-m-0 {
        margin: 0;
    }

    .wide\:-m-1 {
        margin: -0.25rem;
    }

    .wide\:-m-2 {
        margin: -0.5rem;
    }

    .wide\:-m-3 {
        margin: -0.75rem;
    }

    .wide\:-m-4 {
        margin: -1rem;
    }

    .wide\:-m-5 {
        margin: -1.25rem;
    }

    .wide\:-m-6 {
        margin: -1.5rem;
    }

    .wide\:-m-8 {
        margin: -2rem;
    }

    .wide\:-m-10 {
        margin: -2.5rem;
    }

    .wide\:-m-12 {
        margin: -3rem;
    }

    .wide\:-m-16 {
        margin: -4rem;
    }

    .wide\:-m-20 {
        margin: -5rem;
    }

    .wide\:-m-24 {
        margin: -6rem;
    }

    .wide\:-m-32 {
        margin: -8rem;
    }

    .wide\:-m-40 {
        margin: -10rem;
    }

    .wide\:-m-48 {
        margin: -12rem;
    }

    .wide\:-m-56 {
        margin: -14rem;
    }

    .wide\:-m-64 {
        margin: -16rem;
    }

    .wide\:-mx-px {
        margin-right: -1px;
        margin-left: -1px;
    }

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

    .wide\:-mx-1 {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
    }

    .wide\:-mx-2 {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .wide\:-mx-3 {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .wide\:-mx-4 {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .wide\:-mx-5 {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }

    .wide\:-mx-6 {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .wide\:-mx-8 {
        margin-right: -2rem;
        margin-left: -2rem;
    }

    .wide\:-mx-10 {
        margin-right: -2.5rem;
        margin-left: -2.5rem;
    }

    .wide\:-mx-12 {
        margin-right: -3rem;
        margin-left: -3rem;
    }

    .wide\:-mx-16 {
        margin-right: -4rem;
        margin-left: -4rem;
    }

    .wide\:-mx-20 {
        margin-right: -5rem;
        margin-left: -5rem;
    }

    .wide\:-mx-24 {
        margin-right: -6rem;
        margin-left: -6rem;
    }

    .wide\:-mx-32 {
        margin-right: -8rem;
        margin-left: -8rem;
    }

    .wide\:-mx-40 {
        margin-right: -10rem;
        margin-left: -10rem;
    }

    .wide\:-mx-48 {
        margin-right: -12rem;
        margin-left: -12rem;
    }

    .wide\:-mx-56 {
        margin-right: -14rem;
        margin-left: -14rem;
    }

    .wide\:-mx-64 {
        margin-right: -16rem;
        margin-left: -16rem;
    }

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

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

    .wide\:-my-1 {
        margin-bottom: -0.25rem;
        margin-top: -0.25rem;
    }

    .wide\:-my-2 {
        margin-bottom: -0.5rem;
        margin-top: -0.5rem;
    }

    .wide\:-my-3 {
        margin-bottom: -0.75rem;
        margin-top: -0.75rem;
    }

    .wide\:-my-4 {
        margin-bottom: -1rem;
        margin-top: -1rem;
    }

    .wide\:-my-5 {
        margin-bottom: -1.25rem;
        margin-top: -1.25rem;
    }

    .wide\:-my-6 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem;
    }

    .wide\:-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem;
    }

    .wide\:-my-10 {
        margin-bottom: -2.5rem;
        margin-top: -2.5rem;
    }

    .wide\:-my-12 {
        margin-bottom: -3rem;
        margin-top: -3rem;
    }

    .wide\:-my-16 {
        margin-bottom: -4rem;
        margin-top: -4rem;
    }

    .wide\:-my-20 {
        margin-bottom: -5rem;
        margin-top: -5rem;
    }

    .wide\:-my-24 {
        margin-bottom: -6rem;
        margin-top: -6rem;
    }

    .wide\:-my-32 {
        margin-bottom: -8rem;
        margin-top: -8rem;
    }

    .wide\:-my-40 {
        margin-bottom: -10rem;
        margin-top: -10rem;
    }

    .wide\:-my-48 {
        margin-bottom: -12rem;
        margin-top: -12rem;
    }

    .wide\:-my-56 {
        margin-bottom: -14rem;
        margin-top: -14rem;
    }

    .wide\:-my-64 {
        margin-bottom: -16rem;
        margin-top: -16rem;
    }

    .wide\:-mt-px {
        margin-top: -1px;
    }

    .wide\:-mt-0 {
        margin-top: 0;
    }

    .wide\:-mt-1 {
        margin-top: -0.25rem;
    }

    .wide\:-mt-2 {
        margin-top: -0.5rem;
    }

    .wide\:-mt-3 {
        margin-top: -0.75rem;
    }

    .wide\:-mt-4 {
        margin-top: -1rem;
    }

    .wide\:-mt-5 {
        margin-top: -1.25rem;
    }

    .wide\:-mt-6 {
        margin-top: -1.5rem;
    }

    .wide\:-mt-8 {
        margin-top: -2rem;
    }

    .wide\:-mt-10 {
        margin-top: -2.5rem;
    }

    .wide\:-mt-12 {
        margin-top: -3rem;
    }

    .wide\:-mt-16 {
        margin-top: -4rem;
    }

    .wide\:-mt-20 {
        margin-top: -5rem;
    }

    .wide\:-mt-24 {
        margin-top: -6rem;
    }

    .wide\:-mt-32 {
        margin-top: -8rem;
    }

    .wide\:-mt-40 {
        margin-top: -10rem;
    }

    .wide\:-mt-48 {
        margin-top: -12rem;
    }

    .wide\:-mt-56 {
        margin-top: -14rem;
    }

    .wide\:-mt-64 {
        margin-top: -16rem;
    }

    .wide\:-mr-px {
        margin-right: -1px;
    }

    .wide\:-mr-0 {
        margin-right: 0;
    }

    .wide\:-mr-1 {
        margin-right: -0.25rem;
    }

    .wide\:-mr-2 {
        margin-right: -0.5rem;
    }

    .wide\:-mr-3 {
        margin-right: -0.75rem;
    }

    .wide\:-mr-4 {
        margin-right: -1rem;
    }

    .wide\:-mr-5 {
        margin-right: -1.25rem;
    }

    .wide\:-mr-6 {
        margin-right: -1.5rem;
    }

    .wide\:-mr-8 {
        margin-right: -2rem;
    }

    .wide\:-mr-10 {
        margin-right: -2.5rem;
    }

    .wide\:-mr-12 {
        margin-right: -3rem;
    }

    .wide\:-mr-16 {
        margin-right: -4rem;
    }

    .wide\:-mr-20 {
        margin-right: -5rem;
    }

    .wide\:-mr-24 {
        margin-right: -6rem;
    }

    .wide\:-mr-32 {
        margin-right: -8rem;
    }

    .wide\:-mr-40 {
        margin-right: -10rem;
    }

    .wide\:-mr-48 {
        margin-right: -12rem;
    }

    .wide\:-mr-56 {
        margin-right: -14rem;
    }

    .wide\:-mr-64 {
        margin-right: -16rem;
    }

    .wide\:-mb-px {
        margin-bottom: -1px;
    }

    .wide\:-mb-0 {
        margin-bottom: 0;
    }

    .wide\:-mb-1 {
        margin-bottom: -0.25rem;
    }

    .wide\:-mb-2 {
        margin-bottom: -0.5rem;
    }

    .wide\:-mb-3 {
        margin-bottom: -0.75rem;
    }

    .wide\:-mb-4 {
        margin-bottom: -1rem;
    }

    .wide\:-mb-5 {
        margin-bottom: -1.25rem;
    }

    .wide\:-mb-6 {
        margin-bottom: -1.5rem;
    }

    .wide\:-mb-8 {
        margin-bottom: -2rem;
    }

    .wide\:-mb-10 {
        margin-bottom: -2.5rem;
    }

    .wide\:-mb-12 {
        margin-bottom: -3rem;
    }

    .wide\:-mb-16 {
        margin-bottom: -4rem;
    }

    .wide\:-mb-20 {
        margin-bottom: -5rem;
    }

    .wide\:-mb-24 {
        margin-bottom: -6rem;
    }

    .wide\:-mb-32 {
        margin-bottom: -8rem;
    }

    .wide\:-mb-40 {
        margin-bottom: -10rem;
    }

    .wide\:-mb-48 {
        margin-bottom: -12rem;
    }

    .wide\:-mb-56 {
        margin-bottom: -14rem;
    }

    .wide\:-mb-64 {
        margin-bottom: -16rem;
    }

    .wide\:-ml-px {
        margin-left: -1px;
    }

    .wide\:-ml-0 {
        margin-left: 0;
    }

    .wide\:-ml-1 {
        margin-left: -0.25rem;
    }

    .wide\:-ml-2 {
        margin-left: -0.5rem;
    }

    .wide\:-ml-3 {
        margin-left: -0.75rem;
    }

    .wide\:-ml-4 {
        margin-left: -1rem;
    }

    .wide\:-ml-5 {
        margin-left: -1.25rem;
    }

    .wide\:-ml-6 {
        margin-left: -1.5rem;
    }

    .wide\:-ml-8 {
        margin-left: -2rem;
    }

    .wide\:-ml-10 {
        margin-left: -2.5rem;
    }

    .wide\:-ml-12 {
        margin-left: -3rem;
    }

    .wide\:-ml-16 {
        margin-left: -4rem;
    }

    .wide\:-ml-20 {
        margin-left: -5rem;
    }

    .wide\:-ml-24 {
        margin-left: -6rem;
    }

    .wide\:-ml-32 {
        margin-left: -8rem;
    }

    .wide\:-ml-40 {
        margin-left: -10rem;
    }

    .wide\:-ml-48 {
        margin-left: -12rem;
    }

    .wide\:-ml-56 {
        margin-left: -14rem;
    }

    .wide\:-ml-64 {
        margin-left: -16rem;
    }
}

.max-w-1 {
    max-width: 8.75rem;
}

.max-w-2 {
    max-width: 15rem;
}

.max-w-3 {
    max-width: 21.25rem;
}

.max-w-4 {
    max-width: 27.5rem;
}

.max-w-5 {
    max-width: 33.75rem;
}

.max-w-6 {
    max-width: 40rem;
}

.max-w-7 {
    max-width: 46.25rem;
}

.max-w-8 {
    max-width: 52.5rem;
}

.max-w-9 {
    max-width: 58.75rem;
}

@media screen and (max-width: 767px) {
    .mobile\:max-w-1 {
        max-width: 8.75rem;
    }

    .mobile\:max-w-2 {
        max-width: 15rem;
    }

    .mobile\:max-w-3 {
        max-width: 21.25rem;
    }

    .mobile\:max-w-4 {
        max-width: 27.5rem;
    }

    .mobile\:max-w-5 {
        max-width: 33.75rem;
    }

    .mobile\:max-w-6 {
        max-width: 40rem;
    }

    .mobile\:max-w-7 {
        max-width: 46.25rem;
    }

    .mobile\:max-w-8 {
        max-width: 52.5rem;
    }

    .mobile\:max-w-9 {
        max-width: 58.75rem;
    }

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

@media screen and (max-width: 768px) {
    .small\:max-w-1 {
        max-width: 8.75rem;
    }

    .small\:max-w-2 {
        max-width: 15rem;
    }

    .small\:max-w-3 {
        max-width: 21.25rem;
    }

    .small\:max-w-4 {
        max-width: 27.5rem;
    }

    .small\:max-w-5 {
        max-width: 33.75rem;
    }

    .small\:max-w-6 {
        max-width: 40rem;
    }

    .small\:max-w-7 {
        max-width: 46.25rem;
    }

    .small\:max-w-8 {
        max-width: 52.5rem;
    }

    .small\:max-w-9 {
        max-width: 58.75rem;
    }

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

@media screen and (max-width: 1024px) {
    .large\:max-w-1 {
        max-width: 8.75rem;
    }

    .large\:max-w-2 {
        max-width: 15rem;
    }

    .large\:max-w-3 {
        max-width: 21.25rem;
    }

    .large\:max-w-4 {
        max-width: 27.5rem;
    }

    .large\:max-w-5 {
        max-width: 33.75rem;
    }

    .large\:max-w-6 {
        max-width: 40rem;
    }

    .large\:max-w-7 {
        max-width: 46.25rem;
    }

    .large\:max-w-8 {
        max-width: 52.5rem;
    }

    .large\:max-w-9 {
        max-width: 58.75rem;
    }

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

@media screen and (max-width: 1280px) {
    .wide\:max-w-1 {
        max-width: 8.75rem;
    }

    .wide\:max-w-2 {
        max-width: 15rem;
    }

    .wide\:max-w-3 {
        max-width: 21.25rem;
    }

    .wide\:max-w-4 {
        max-width: 27.5rem;
    }

    .wide\:max-w-5 {
        max-width: 33.75rem;
    }

    .wide\:max-w-6 {
        max-width: 40rem;
    }

    .wide\:max-w-7 {
        max-width: 46.25rem;
    }

    .wide\:max-w-8 {
        max-width: 52.5rem;
    }

    .wide\:max-w-9 {
        max-width: 58.75rem;
    }

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

.size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important;
}

.size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important;
}

.size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
}

.size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
}

.size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
}

.size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important;
}

.size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
}

.size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important;
}

.size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
}

.size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
}

.size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
}

.size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
}

.size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
}

.size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
}

.size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
}

.size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important;
}

.size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
}

.size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
}

.size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
}

.size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important;
}

.size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important;
}

@media screen and (max-width: 767px) {
    .mobile\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important;
    }

    .mobile\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important;
    }

    .mobile\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important;
    }

    .mobile\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important;
    }

    .mobile\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
    }

    .mobile\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
    }

    .mobile\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important;
    }

    .mobile\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important;
    }

    .mobile\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important;
    }

    .mobile\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important;
    }

    .mobile\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important;
    }

    .mobile\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important;
    }

    .mobile\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important;
    }

    .mobile\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important;
    }

    .mobile\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important;
    }

    .mobile\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important;
    }

    .mobile\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important;
    }

    .mobile\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important;
    }

    .mobile\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important;
    }

    .mobile\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important;
    }

    .mobile\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important;
    }
}

@media screen and (max-width: 768px) {
    .small\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important;
    }

    .small\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important;
    }

    .small\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important;
    }

    .small\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important;
    }

    .small\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
    }

    .small\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
    }

    .small\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important;
    }

    .small\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important;
    }

    .small\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important;
    }

    .small\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important;
    }

    .small\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important;
    }

    .small\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important;
    }

    .small\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important;
    }

    .small\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important;
    }

    .small\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important;
    }

    .small\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important;
    }

    .small\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important;
    }

    .small\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important;
    }

    .small\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important;
    }

    .small\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important;
    }

    .small\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important;
    }
}

@media screen and (max-width: 1024px) {
    .large\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important;
    }

    .large\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important;
    }

    .large\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important;
    }

    .large\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important;
    }

    .large\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
    }

    .large\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
    }

    .large\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important;
    }

    .large\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important;
    }

    .large\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important;
    }

    .large\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important;
    }

    .large\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important;
    }

    .large\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important;
    }

    .large\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important;
    }

    .large\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important;
    }

    .large\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important;
    }

    .large\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important;
    }

    .large\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important;
    }

    .large\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important;
    }

    .large\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important;
    }

    .large\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important;
    }

    .large\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important;
    }
}

@media screen and (max-width: 1280px) {
    .wide\:size-24x24 {
        min-width: 24px !important;
        width: 24px !important;
        max-height: 24px !important;
        height: 24px !important;
    }

    .wide\:size-28x28 {
        min-width: 28px !important;
        width: 28px !important;
        max-height: 28px !important;
        height: 28px !important;
    }

    .wide\:size-32x32 {
        min-width: 32px !important;
        width: 32px !important;
        max-height: 32px !important;
        height: 32px !important;
    }

    .wide\:size-36x36 {
        min-width: 36px !important;
        width: 36px !important;
        max-height: 36px !important;
        height: 36px !important;
    }

    .wide\:size-40x40 {
        min-width: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
    }

    .wide\:size-44x44 {
        min-width: 44px !important;
        width: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
    }

    .wide\:size-48x48 {
        min-width: 48px !important;
        width: 48px !important;
        max-height: 48px !important;
        height: 48px !important;
    }

    .wide\:size-52x52 {
        min-width: 52px !important;
        width: 52px !important;
        max-height: 52px !important;
        height: 52px !important;
    }

    .wide\:size-56x56 {
        min-width: 56px !important;
        width: 56px !important;
        max-height: 56px !important;
        height: 56px !important;
    }

    .wide\:size-60x60 {
        min-width: 60px !important;
        width: 60px !important;
        max-height: 60px !important;
        height: 60px !important;
    }

    .wide\:size-70x70 {
        min-width: 70px !important;
        width: 70px !important;
        max-height: 70px !important;
        height: 70px !important;
    }

    .wide\:size-80x80 {
        min-width: 80px !important;
        width: 80px !important;
        max-height: 80px !important;
        height: 80px !important;
    }

    .wide\:size-90x90 {
        min-width: 90px !important;
        width: 90px !important;
        max-height: 90px !important;
        height: 90px !important;
    }

    .wide\:size-100x100 {
        min-width: 100px !important;
        width: 100px !important;
        max-height: 100px !important;
        height: 100px !important;
    }

    .wide\:size-110x110 {
        min-width: 110px !important;
        width: 110px !important;
        max-height: 110px !important;
        height: 110px !important;
    }

    .wide\:size-120x120 {
        min-width: 120px !important;
        width: 120px !important;
        max-height: 120px !important;
        height: 120px !important;
    }

    .wide\:size-130x130 {
        min-width: 130px !important;
        width: 130px !important;
        max-height: 130px !important;
        height: 130px !important;
    }

    .wide\:size-140x140 {
        min-width: 140px !important;
        width: 140px !important;
        max-height: 140px !important;
        height: 140px !important;
    }

    .wide\:size-150x150 {
        min-width: 150px !important;
        width: 150px !important;
        max-height: 150px !important;
        height: 150px !important;
    }

    .wide\:size-175x175 {
        min-width: 175px !important;
        width: 175px !important;
        max-height: 175px !important;
        height: 175px !important;
    }

    .wide\:size-200x200 {
        min-width: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        height: 200px !important;
    }
}

.block {
    display: block;
}

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

.inline {
    display: inline;
}

.flex {
    display: flex;
}

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

.grid {
    display: grid;
}

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

.hidden {
    display: none;
}

@media screen and (max-width: 767px) {
    .mobile\:block {
        display: block;
    }

    .mobile\:inline-block {
        display: inline-block;
    }

    .mobile\:inline {
        display: inline;
    }

    .mobile\:flex {
        display: flex;
    }

    .mobile\:inline-flex {
        display: inline-flex;
    }

    .mobile\:grid {
        display: grid;
    }

    .mobile\:inline-grid {
        display: inline-grid;
    }

    .mobile\:hidden {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .small\:block {
        display: block;
    }

    .small\:inline-block {
        display: inline-block;
    }

    .small\:inline {
        display: inline;
    }

    .small\:flex {
        display: flex;
    }

    .small\:inline-flex {
        display: inline-flex;
    }

    .small\:grid {
        display: grid;
    }

    .small\:inline-grid {
        display: inline-grid;
    }

    .small\:hidden {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .large\:block {
        display: block;
    }

    .large\:inline-block {
        display: inline-block;
    }

    .large\:inline {
        display: inline;
    }

    .large\:flex {
        display: flex;
    }

    .large\:inline-flex {
        display: inline-flex;
    }

    .large\:grid {
        display: grid;
    }

    .large\:inline-grid {
        display: inline-grid;
    }

    .large\:hidden {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .wide\:block {
        display: block;
    }

    .wide\:inline-block {
        display: inline-block;
    }

    .wide\:inline {
        display: inline;
    }

    .wide\:flex {
        display: flex;
    }

    .wide\:inline-flex {
        display: inline-flex;
    }

    .wide\:grid {
        display: grid;
    }

    .wide\:inline-grid {
        display: inline-grid;
    }

    .wide\:hidden {
        display: none;
    }
}

:root {
    --gradient-primary-start-color: var(--primary);
    --gradient-primary-end-color: var(--primary-light-40);
    --gradient-secondary-start-color: var(--primary-light-20);
    --gradient-secondary-end-color: var(--secondary);
    --gradient-accent-start-color: var(--secondary);
    --gradient-accent-end-color: var(--primary);
    --gradient-primary-start-color2: var(--primary);
    --gradient-primary-end-color2: var(--primary-light-40);
    --gradient-secondary-start-color2: var(--primary-light-20);
    --gradient-secondary-end-color2: var(--secondary);
    --gradient-accent-start-color2: var(--secondary);
    --gradient-accent-end-color2: var(--primary);
}

html {
    background: var(--html-bg-color);
}

code {
    background: var(--code-bg-color);
    color: var(--code-color);
}

hr {
    height: 1px;
    background: var(--card-border-color);
}

hr.is-inverted {
    background: var(--dark-bg-light-16);
}

.is-hidden {
    display: none !important;
}

.is-vhidden {
    visibility: hidden !important;
}

.is-disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer;
}

.is-circle {
    border-radius: 50% !important;
}

.is-rounded-md {
    border-radius: 0.625rem !important;
}

.is-rounded-lg {
    border-radius: 0.825rem !important;
}

.has-border {
    border: 1px solid var(--border);
}

.has-light-shadow {
    box-shadow: var(-light-box-shadow);
}

.h-full {
    height: 100%;
}

.h-screen {
    min-height: 100vh;
}

.w-1\/5 {
    width: 20%;
}

.w-1\/4 {
    width: 25%;
}

.w-1\/3 {
    width: 33.3%;
}

.w-1\/2 {
    width: 50%;
}

.w-full {
    width: 100%;
}

.max-w-1\/5 {
    max-width: 20%;
}

.max-w-1\/4 {
    max-width: 25%;
}

.max-w-1\/3 {
    max-width: 33.3%;
}

.max-w-1\/2 {
    max-width: 50%;
}

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

@media only screen and (max-width: 767px) {

    .max-w-mobile.max-w-1\/5,
    .max-w-mobile.max-w-1\/4,
    .max-w-mobile.max-w-1\/3,
    .max-w-mobile.max-w-1\/2 {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.no-m {
    margin: 0 !important;
}

.mx-auto {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media only screen and (max-width: 767px) {
    .b-hidden-mobile {
        display: none !important;
    }

    .b-only-mobile {
        display: block !important;
    }

    .b-only-mobile-flex {
        display: flex !important;
    }

    .b-centered-mobile {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .b-hidden-tablet-p {
        display: none !important;
    }

    .b-flex-tablet-p {
        display: flex !important;
    }

    .b-only-tablet-p {
        display: block !important;
    }

    .b-only-tablet-p-flex {
        display: flex !important;
    }

    .b-centered-tablet-p {
        margin-left: auto;
        margin-right: auto;
        max-width: 540px;
        text-align: center;
    }

    .b-center-tablet-p {
        text-align: center;
    }

    .max-w-tablet-p {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .max-w-tp-6 {
        max-width: 40rem;
    }

    .max-w-tp-5 {
        max-width: 33.75rem;
    }

    .max-w-tp-4 {
        max-width: 27.5rem;
    }

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

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .b-hidden-tablet-l {
        display: none !important;
    }

    .b-flex-tablet-l {
        display: flex !important;
    }

    .b-only-tablet-l {
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {

    .b-only-mobile,
    .b-only-tablet-p {
        display: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .b-hidden-desktop {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .b-flex-mobile {
        display: flex;
    }

    .b-only-mobile-flex-wrap {
        flex-wrap: wrap !important;
    }

    .b-columns-half-mobile {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-half-mobile .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .b-columns-third-mobile {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-third-mobile .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .d-column-mobile {
        flex-direction: column;
    }

    .d-column-r-mobile {
        flex-direction: column-reverse;
    }

    .j-center-mobile {
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .b-columns-half-tablet-p {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-half-tablet-p .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .b-columns-third-tablet-p {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-third-tablet-p .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .b-columns-quarter-tablet-p {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-quarter-tablet-p .column {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .d-column-tablet-p {
        flex-direction: column;
    }

    .d-column-r-tablet-p {
        flex-direction: column-reverse;
    }

    .j-center-tablet-p {
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .b-columns-half-tablet-l {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-half-tablet-l .column {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .b-columns-third-tablet-l {
        display: flex;
        flex-wrap: wrap;
    }

    .b-columns-third-tablet-l .column {
        width: 33.3% !important;
        min-width: 33.3% !important;
        max-width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.overflow-hidden {
    overflow: hidden !important;
}

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

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

.z-0 {
    z-index: 0;
}

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

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

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

.paragraph {
    font-family: var(--font);
    color: var(--paragraph-color);
}

.paragraph.is-inverted {
    color: var(--paragraph-color-inverted);
}

.paragraph.is-inverted-light {
    color: var(--white-smoke);
    opacity: 0.7;
}

.paragraph.leading-tight {
    line-height: 1.2;
}

.text {
    font-family: var(--font);
}

.text-upper {
    text-transform: uppercase;
}

.link:hover {
    color: var(--primary-light-24);
}

.link.has-underline {
    position: relative;
}

.link.has-underline:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: var(--primary);
    transition: width 0.3s;
}

.link.has-underline:hover:after {
    width: 0;
}

.link.has-underline.is-reversed:after {
    width: 0 !important;
}

.link.has-underline.is-reversed:hover:after {
    width: 100% !important;
}

.rem-50 {
    font-size: 0.5rem !important;
}

.rem-60 {
    font-size: 0.6rem !important;
}

.rem-70 {
    font-size: 0.7rem !important;
}

.rem-75 {
    font-size: 0.75rem !important;
}

.rem-80 {
    font-size: 0.8rem !important;
}

.rem-85 {
    font-size: 0.85rem !important;
}

.rem-90 {
    font-size: 0.9rem !important;
}

.rem-95 {
    font-size: 0.95rem !important;
}

.rem-100 {
    font-size: 1rem !important;
}

.rem-115 {
    font-size: 1.15rem !important;
}

.rem-125 {
    font-size: 1.25rem !important;
}

.rem-150 {
    font-size: 1.5rem !important;
}

.rem-175 {
    font-size: 1.75rem !important;
}

.rem-200 {
    font-size: 2rem !important;
}

.weight-3 {
    font-weight: 300;
}

.weight-4 {
    font-weight: 400;
}

.weight-5 {
    font-weight: 500;
}

.weight-6 {
    font-weight: 600;
}

.weight-7 {
    font-weight: 700;
}

.text-gradient {
    background: linear-gradient(45deg,
            var(--primary),
            var(--primary-dark-12),
            var(--primary-dark-22),
            var(--primary-dark-6),
            var(--primary));
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    animation: shine 8s linear infinite;
}

.text-gradient-light {
    background: linear-gradient(45deg,
            var(--primary),
            var(--primary-light-12),
            var(--primary-light-20),
            var(--primary-light-6),
            var(--primary));
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    animation: shine 8s linear infinite;
}

.text-gradient-primary-static,
.text-gradient-primary-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg,
            var(--gradient-primary-start-color),
            var(--gradient-primary-end-color));
}

.text-gradient-secondary-static,
.text-gradient-secondary-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg,
            var(--gradient-secondary-start-color),
            var(--gradient-secondary-end-color));
}

.text-gradient-accent-static,
.text-gradient-accent-pseudo:after {
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    background-image: linear-gradient(90deg,
            var(--gradient-accent-start-color),
            var(--gradient-accent-end-color));
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.bg-gradient-primary {
    background: var(--gradient-primary-start-color);
    background: linear-gradient(var(--gradient-primary-start-color), #160924);
}

.bg-gradient-primary-fade {
    background: var(--gradient-primary-start-color);
    background: linear-gradient(var(--section-bg-color),
            var(--gradient-primary-start-color));
}

.bg-gradient-secondary {
    background: var(--gradient-secondary-start-color);
    background: linear-gradient(var(--gradient-secondary-start-color),
            var(--gradient-secondary-end-color));
}

.bg-gradient-secondary-fade {
    background: var(--gradient-secondary-start-color);
    background: linear-gradient(var(--section-bg-color),
            var(--gradient-secondary-start-color));
}

.bg-gradient-accent {
    background: var(--gradient-accent-start-color);
    background: linear-gradient(var(--gradient-accent-start-color),
            var(--gradient-accent-end-color));
}

.bg-gradient-accent-fade {
    background: var(--gradient-accent-start-color);
    background: linear-gradient(var(--section-bg-color),
            var(--gradient-accent-start-color));
}

.content-shape-group {
    width: 100%;
    max-width: 100%;
}

.content-shape-group .content-shape:not(:last-child) {
    margin-bottom: 0.5rem;
}

.content-shape {
    height: 10px;
    width: 100%;
    max-width: 100%;
    border-radius: 0.25rem;
}

.loads {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeload;
    animation-timing-function: linear;
    background: var(--placeload-nuance-from);
    background: linear-gradient(to right,
            var(--placeload-nuance-from) 8%,
            var(--placeload-nuance-to) 18%,
            var(--placeload-nuance-from) 33%);
    background-size: 800px 104px;
    background-size: 1200px 104px;
    position: relative;
}

@keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    to {
        background-position: 468px 0;
    }
}

.is-dark .loads {
    background: var(--placeload-dark-nuance-from);
    background: linear-gradient(to right,
            var(--placeload-dark-nuance-from) 8%,
            var(--placeload-dark-nuance-to) 18%,
            var(--placeload-dark-nuance-from) 33%);
    background-size: 800px 104px;
    background-size: 1200px 104px;
}

#nprogress .bar {
    background: var(--primary) !important;
}

#nprogress .spinner {
    display: none;
    filter: grayscale(0);
}

@keyframes notyf-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes notyf-fadeinleft {
    0% {
        opacity: 0;
        transform: translate(25%);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes notyf-fadeoutright {
    0% {
        opacity: 1;
        transform: translate(0);
    }

    to {
        opacity: 0;
        transform: translate(25%);
    }
}

@keyframes notyf-fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(25%);
    }
}

@keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translate(13%);
    }

    to {
        transform: scale(1) translateY(-45%) translate(13%);
    }
}

.notyf {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    box-sizing: border-box;
    padding: 20px;
}

.notyf__icon--error,
.notyf__icon--success {
    height: 21px;
    width: 21px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.notyf__icon--error:after,
.notyf__icon--error:before {
    content: "";
    background: currentColor;
    display: block;
    position: absolute;
    width: 3px;
    border-radius: 3px;
    left: 9px;
    height: 12px;
    top: 5px;
}

.notyf__icon--error:after {
    transform: rotate(-45deg);
}

.notyf__icon--error:before {
    transform: rotate(45deg);
}

.notyf__icon--success:after,
.notyf__icon--success:before {
    content: "";
    background: currentColor;
    display: block;
    position: absolute;
    width: 3px;
    border-radius: 3px;
}

.notyf__icon--success:after {
    height: 6px;
    transform: rotate(-45deg);
    top: 9px;
    left: 6px;
}

.notyf__icon--success:before {
    height: 11px;
    transform: rotate(45deg);
    top: 5px;
    left: 10px;
}

.notyf__toast {
    display: block;
    overflow: hidden;
    pointer-events: auto;
    animation: notyf-fadeinup 0.3s ease-in forwards;
    box-shadow: 0 3px 7px #00000040;
    position: relative;
    padding: 0 15px;
    border-radius: 2px;
    max-width: 300px;
    transform: translateY(25%);
    box-sizing: border-box;
    flex-shrink: 0;
}

.notyf__toast--disappear {
    transform: translateY(0);
    animation: notyf-fadeoutdown 0.3s forwards;
    animation-delay: 0.25s;
}

.notyf__toast--disappear .notyf__icon,
.notyf__toast--disappear .notyf__message {
    animation: notyf-fadeoutdown 0.3s forwards;
    opacity: 1;
    transform: translateY(0);
}

.notyf__toast--disappear .notyf__dismiss {
    animation: notyf-fadeoutright 0.3s forwards;
    opacity: 1;
    transform: translate(0);
}

.notyf__toast--disappear .notyf__message {
    animation-delay: 0.05s;
}

.notyf__toast--upper {
    margin-bottom: 20px;
}

.notyf__toast--lower {
    margin-top: 20px;
}

.notyf__toast--dismissible .notyf__wrapper {
    padding-right: 30px;
}

.notyf__ripple {
    height: 400px;
    width: 400px;
    position: absolute;
    transform-origin: bottom right;
    right: 0;
    top: 0;
    border-radius: 50%;
    transform: scale(0) translateY(-51%) translate(13%);
    z-index: 5;
    animation: ripple 0.4s ease-out forwards;
}

.notyf__wrapper {
    display: flex;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 15px;
    border-radius: 3px;
    position: relative;
    z-index: 10;
}

.notyf__icon {
    width: 22px;
    text-align: center;
    font-size: 1.3em;
    opacity: 0;
    animation: notyf-fadeinup 0.3s forwards;
    animation-delay: 0.3s;
    margin-right: 13px;
}

.notyf__dismiss {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 26px;
    margin-right: -15px;
    animation: notyf-fadeinleft 0.3s forwards;
    animation-delay: 0.35s;
    opacity: 0;
}

.notyf__dismiss-btn {
    background-color: #00000040;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    outline: none;
    opacity: 0.35;
    height: 100%;
    width: 100%;
}

.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
    content: "";
    background: #fff;
    height: 12px;
    width: 2px;
    border-radius: 3px;
    position: absolute;
    left: calc(50% - 1px);
    top: calc(50% - 5px);
}

.notyf__dismiss-btn:after {
    transform: rotate(-45deg);
}

.notyf__dismiss-btn:before {
    transform: rotate(45deg);
}

.notyf__dismiss-btn:hover {
    opacity: 0.7;
    background-color: #00000026;
}

.notyf__dismiss-btn:active {
    opacity: 0.8;
}

.notyf__message {
    vertical-align: middle;
    position: relative;
    opacity: 0;
    animation: notyf-fadeinup 0.3s forwards;
    animation-delay: 0.25s;
    line-height: 1.5em;
}

@media only screen and (max-width: 480px) {
    .notyf {
        padding: 0;
    }

    .notyf__ripple {
        height: 600px;
        width: 600px;
        animation-duration: 0.5s;
    }

    .notyf__toast {
        max-width: none;
        border-radius: 0;
        box-shadow: 0 -2px 7px #00000021;
        width: 100%;
    }

    .notyf__dismiss {
        width: 56px;
    }
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff;
}

.carousel,
.carousel * {
    box-sizing: border-box;
}

.carousel {
    height: var(--vc-carousel-height);
    overscroll-behavior: none;
    position: relative;
    touch-action: pan-y;
    z-index: 1;
}

.carousel.is-dragging {
    touch-action: none;
}

.carousel__track {
    display: flex;
    gap: var(--vc-slide-gap);
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: transform ease-out;
    transition-duration: var(--vc-transition-duration);
    width: 100%;
}

.carousel__viewport {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

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

.carousel.is-rtl {
    direction: rtl;
}

.carousel.is-ttb .carousel__track {
    flex-direction: column;
}

.carousel.is-btt .carousel__track {
    flex-direction: column-reverse;
}

.carousel.is-vertical .carousel__slide--clone:first-child {
    margin-block-start: var(--vc-cloned-offset);
}

.carousel:not(.is-vertical) .carousel__slide--clone:first-child {
    margin-inline-start: var(--vc-cloned-offset);
}

.carousel.is-effect-fade .carousel__track {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    transition: none;
}

.carousel.is-effect-fade .carousel__slide {
    grid-area: 1 / 1;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-in-out;
    transition-duration: var(--vc-transition-duration);
    width: 100%;
}

.carousel.is-effect-fade .carousel__slide--active {
    opacity: 1;
    pointer-events: auto;
}

:root {
    --vc-icn-width: 100%;
}

.carousel__icon {
    fill: currentColor;
    height: var(--vc-icn-width);
    width: var(--vc-icn-width);
}

:root {
    --vc-nav-background: transparent;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-height: 30px;
    --vc-nav-width: 30px;
}

.carousel__next,
.carousel__prev {
    align-items: center;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: var(--vc-nav-border-radius);
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-nav-height);
    height: var(--vc-nav-height);
    justify-content: center;
    padding: 0;
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    width: var(--vc-nav-width);
}

.carousel__next--disabled,
.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.carousel__next {
    inset-inline-end: 0;
}

.carousel__prev {
    inset-inline-start: 0;
}

.carousel.is-vertical .carousel__next,
.carousel.is-vertical .carousel__prev {
    inset-inline: auto 50%;
    inset-block-start: auto;
    transform: translate(50%);
}

.carousel.is-vertical.is-ttb .carousel__next {
    inset-block-end: 0;
}

.carousel.is-vertical.is-ttb .carousel__prev,
.carousel.is-vertical.is-btt .carousel__next {
    inset-block-start: 0;
}

.carousel.is-vertical.is-btt .carousel__prev {
    inset-block-end: 0;
}

@media (hover: hover) {

    .carousel__next:hover,
    .carousel__prev:hover {
        color: var(--vc-nav-color-hover);
    }
}

:root {
    --vc-pgn-active-color: var(--vc-clr-primary);
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-border-radius: 0;
    --vc-pgn-gap: 6px;
    --vc-pgn-height: 4px;
    --vc-png-bottom: 10px;
    --vc-png-left: auto;
    --vc-png-right: 10px;
    --vc-pgn-width: 16px;
}

.carousel__pagination {
    bottom: var(--vc-png-bottom);
    display: flex;
    gap: var(--vc-pgn-gap);
    justify-content: center;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translate(-50%);
}

.carousel__pagination-button {
    background-color: var(--vc-pgn-background-color);
    border: 0;
    border-radius: var(--vc-pgn-border-radius);
    cursor: pointer;
    display: block;
    height: var(--vc-pgn-height);
    margin: 0;
    padding: 0;
    width: var(--vc-pgn-width);
}

.carousel__pagination-button--active {
    background-color: var(--vc-pgn-active-color);
}

@media (hover: hover) {
    .carousel__pagination-button:hover {
        background-color: var(--vc-pgn-active-color);
    }
}

.carousel.is-vertical .carousel__pagination {
    bottom: 50%;
    flex-direction: column;
    left: var(--vc-png-left);
    right: var(--vc-png-right);
    transform: translateY(50%);
}

.carousel.is-vertical .carousel__pagination-button {
    height: var(--vc-pgn-width);
    width: var(--vc-pgn-height);
}

.carousel.is-btt .carousel__pagination {
    flex-direction: column-reverse;
}

.carousel__slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    transform: translateZ(0);
}