#Common {
    display: flex;
    flex-direction: column;
    text-align: left;
}

#Common .empty {
    display: block;
    margin-top: 50px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Links {
    display: block;
    width: 100%;
}

#Links .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

#Links .components li {
    width: calc(100% / 2);
    padding: 5px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */

.code {
    padding: 4px;
    color: #f15a6d;
    background-color: #ffc4cc;
    border-radius: 4px;
}

.content {
    font-size: 1rem !important;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */

#InputSelect {
    display: block;
    width: 100%;
}

#InputSelect .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

#InputSelect .components li {
    width: calc(100% / 2);
    padding: 5px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#MuiAvatarView {
    display: block;
    width: 100%;
}

#MuiAvatarView h2 {
    margin-top: 35px;
}

#MuiAvatarView .content {
    height: initial;
}

#MuiAvatarView .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#MuiAvatarView .components .component-wrapper {
    padding-right: 100px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Checkbox {
    display: block;
    width: 100%;
}

#Checkbox .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#Checkbox .components .component-wrapper {
    padding-right: 100px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.animate {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.animate.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animate.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animate.slideIn {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


/*
 Put the helpers that we will use as elements, like "mui-badge" at the start of the list. If not
 we could not override the background/color/margins with the helpers that are imported after.
  */

.mui-badge {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-family: "proxima-soft", sans-serif;
    line-height: 0.8;
    color: #55c4d0;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-badge--main {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--secondary {
    color: #fff;
    background-color: #375573;
}

.mui-badge--danger {
    color: #fff;
    background-color: #f15a6d;
}

.mui-badge--success {
    color: #fff;
    background-color: #6ec190;
}

.mui-badge--alert {
    color: #fff;
    background-color: #ffc845;
}

.mui-badge--info {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--ink {
    color: #fff;
    background-color: #888;
}

.mui-badge--ground {
    color: #fff;
    background-color: #e3e3e3;
}

.mui-badge--xs {
    font-size: 0.75rem;
}

.mui-badge--s {
    font-size: 0.875rem;
}

.mui-badge--m {
    font-size: 1rem;
}

.mui-badge--l {
    font-size: 1.25rem;
}

.mui-badge--xl {
    font-size: 1.5rem;
}

.mui-badge--xxl {
    font-size: 2rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-family: "proxima-soft", sans-serif;
    text-align: left;
}

.h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal;
}

.h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
}

.h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: normal;
}

.h5 {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
}

.h6 {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
}

.button {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.25rem;
}

.button--no-focus {
    box-shadow: none;
}

.button--main {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--main:active,
.button--main--active,
.button--main:hover {
    background-color: #278b96;
}

.button--main:disabled,
.button--main--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--main:focus,
.button--main--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--main--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--main--offset:active,
.button--main--offset--active,
.button--main--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--main--offset:disabled,
.button--main--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--main--offset:focus,
.button--main--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--secondary {
    color: #fff;
    background-color: #375573;
    fill: #fff;
}

.button--secondary:active,
.button--secondary--active,
.button--secondary:hover {
    background-color: #19334d;
}

.button--secondary:disabled,
.button--secondary--disabled {
    cursor: not-allowed;
    background-color: #cad8e6;
}

.button--secondary:focus,
.button--secondary--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #19334d;
}

.button--secondary--offset {
    color: #375573;
    border: 1px solid #375573;
    fill: #375573;
}

.button--secondary--offset:active,
.button--secondary--offset--active,
.button--secondary--offset:hover {
    color: #19334d;
    border: 1px solid #19334d;
    fill: #19334d;
}

.button--secondary--offset:disabled,
.button--secondary--offset--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    border: 1px solid #cad8e6;
    fill: #cad8e6;
}

.button--secondary--offset:focus,
.button--secondary--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #375573;
}

.button--accent {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--accent:active,
.button--accent--active,
.button--accent:hover {
    background-color: #278b96;
}

.button--accent:disabled,
.button--accent--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--accent:focus,
.button--accent--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--accent--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--accent--offset:active,
.button--accent--offset--active,
.button--accent--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--accent--offset:disabled,
.button--accent--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--accent--offset:focus,
.button--accent--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--danger {
    color: #fff;
    background-color: #f15a6d;
    fill: #fff;
}

.button--danger:active,
.button--danger--active,
.button--danger:hover {
    background-color: #b8283b;
}

.button--danger:disabled,
.button--danger--disabled {
    cursor: not-allowed;
    background-color: #ffc4cc;
}

.button--danger:focus,
.button--danger--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--danger--offset {
    color: #f15a6d;
    border: 1px solid #f15a6d;
    fill: #f15a6d;
}

.button--danger--offset:active,
.button--danger--offset--active,
.button--danger--offset:hover {
    color: #b8283b;
    border: 1px solid #b8283b;
    fill: #b8283b;
}

.button--danger--offset:disabled,
.button--danger--offset--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    border: 1px solid #ffc4cc;
    fill: #ffc4cc;
}

.button--danger--offset:focus,
.button--danger--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--success {
    color: #fff;
    background-color: #6ec190;
    fill: #fff;
}

.button--success:active,
.button--success--active,
.button--success:hover {
    background-color: #2b754a;
}

.button--success:disabled,
.button--success--disabled,
.button--success:checked,
.button--success--checked {
    cursor: not-allowed;
    background-color: #d5f5e2;
}

.button--success:focus,
.button--success--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--success--offset {
    color: #6ec190;
    border: 1px solid #6ec190;
    fill: #6ec190;
}

.button--success--offset:active,
.button--success--offset--active,
.button--success--offset:hover {
    color: #2b754a;
    border: 1px solid #2b754a;
    fill: #2b754a;
}

.button--success--offset:disabled,
.button--success--offset--disabled,
.button--success--offset:checked,
.button--success--offset--checked {
    color: #d5f5e2;
    cursor: not-allowed;
    border: 1px solid #d5f5e2;
    fill: #d5f5e2;
}

.button--success--offset:focus,
.button--success--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--alert {
    color: #fff;
    background-color: #ffc845;
    fill: #fff;
}

.button--alert:active,
.button--alert--active,
.button--alert:hover {
    background-color: #9d6f00;
}

.button--alert:disabled,
.button--alert--disabled {
    cursor: not-allowed;
    background-color: #ffe9b5;
}

.button--alert:focus,
.button--alert--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--alert--offset {
    color: #ffc845;
    border: 1px solid #ffc845;
    fill: #ffc845;
}

.button--alert--offset:active,
.button--alert--offset--active,
.button--alert--offset:hover {
    color: #9d6f00;
    border: 1px solid #9d6f00;
    fill: #9d6f00;
}

.button--alert--offset:disabled,
.button--alert--offset--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    border: 1px solid #ffe9b5;
    fill: #ffe9b5;
}

.button--alert--offset:focus,
.button--alert--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--info {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--info:active,
.button--info--active,
.button--info:hover {
    background-color: #278b96;
}

.button--info:disabled,
.button--info--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--info:focus,
.button--info--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--info--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--info--offset:active,
.button--info--offset--active,
.button--info--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--info--offset:disabled,
.button--info--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--info--offset:focus,
.button--info--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--ink {
    color: #fff;
    background-color: #888;
    fill: #fff;
}

.button--ink:active,
.button--ink--active,
.button--ink:hover {
    background-color: #333;
}

.button--ink:disabled,
.button--ink--disabled {
    cursor: not-allowed;
    background-color: #bbb;
}

.button--ink:focus,
.button--ink--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ink--offset {
    color: #888;
    border: 1px solid #888;
    fill: #888;
}

.button--ink--offset:active,
.button--ink--offset--active,
.button--ink--offset:hover {
    color: #333;
    border: 1px solid #333;
    fill: #333;
}

.button--ink--offset:disabled,
.button--ink--offset--disabled {
    color: #bbb;
    cursor: not-allowed;
    border: 1px solid #bbb;
    fill: #bbb;
}

.button--ink--offset:focus,
.button--ink--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ground {
    color: #fff;
    background-color: #e3e3e3;
    fill: #fff;
}

.button--ground:active,
.button--ground--active,
.button--ground:hover {
    background-color: #d4d4d4;
}

.button--ground:disabled,
.button--ground--disabled {
    cursor: not-allowed;
    background-color: #f2f2f2;
}

.button--ground:focus,
.button--ground--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--ground--offset {
    color: #e3e3e3;
    border: 1px solid #e3e3e3;
    fill: #e3e3e3;
}

.button--ground--offset:active,
.button--ground--offset--active,
.button--ground--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--ground--offset:disabled,
.button--ground--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--ground--offset:focus,
.button--ground--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white {
    color: #333;
    background-color: #fff;
    fill: #333;
}

.button--white:active,
.button--white--active,
.button--white:hover {
    background-color: #f2f2f2;
}

.button--white:disabled,
.button--white--disabled {
    color: #888;
    cursor: not-allowed;
    background-color: #f2f2f2;
    fill: #888;
}

.button--white:focus,
.button--white--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white--offset {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    fill: #fff;
}

.button--white--offset:active,
.button--white--offset--active,
.button--white--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--white--offset:disabled,
.button--white--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--white--offset:focus,
.button--white--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--link {
    color: #55c4d0;
    background-color: #fff;
    fill: #55c4d0;
}

.button--link:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link:active,
.button--link--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link:disabled,
.button--link--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link:focus,
.button--link--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 white;
}

.button--link--main {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--main:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--main:active,
.button--link--main--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--main:disabled,
.button--link--main--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--secondary {
    color: #375573;
    fill: #375573;
}

.button--link--secondary:hover {
    color: #19334d;
    fill: #19334d;
}

.button--link--secondary:active,
.button--link--secondary--active {
    color: #cad8e6;
    fill: #cad8e6;
}

.button--link--secondary:disabled,
.button--link--secondary--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    fill: #cad8e6;
}

.button--link--danger {
    color: #f15a6d;
    fill: #f15a6d;
}

.button--link--danger:hover {
    color: #b8283b;
    fill: #b8283b;
}

.button--link--danger:active,
.button--link--danger--active {
    color: #ffc4cc;
    fill: #ffc4cc;
}

.button--link--danger:disabled,
.button--link--danger--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    fill: #ffc4cc;
}

.button--link--success {
    color: #6ec190;
    fill: #6ec190;
}

.button--link--success:hover {
    color: #2b754a;
    fill: #2b754a;
}

.button--link--success:active,
.button--link--success--active {
    color: #d5f5e2;
    fill: #d5f5e2;
}

.button--link--success:disabled,
.button--link--success--disabled {
    color: #d5f5e2;
    cursor: not-allowed;
    fill: #d5f5e2;
}

.button--link--alert {
    color: #ffc845;
    fill: #ffc845;
}

.button--link--alert:hover {
    color: #9d6f00;
    fill: #9d6f00;
}

.button--link--alert:active,
.button--link--alert--active {
    color: #ffe9b5;
    fill: #ffe9b5;
}

.button--link--alert:disabled,
.button--link--alert--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    fill: #ffe9b5;
}

.button--link--info {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--info:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--info:active,
.button--link--info--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--info:disabled,
.button--link--info--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--ink {
    color: #888;
    fill: #888;
}

.button--link--ink:active,
.button--link--ink--active,
.button--link--ink:hover {
    color: #333;
    fill: #333;
}

.button--link--ink:disabled,
.button--link--ink--disabled {
    color: #bbb;
    cursor: not-allowed;
    fill: #bbb;
}

.button--link--ground {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--ground:active,
.button--link--ground--active,
.button--link--ground:hover {
    color: #d4d4d4;
    fill: #d4d4d4;
}

.button--link--ground:disabled,
.button--link--ground--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--link--white {
    color: #fff;
    fill: #fff;
}

.button--link--white:active,
.button--link--white--active,
.button--link--white:hover {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--white:disabled,
.button--link--white--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    font-size: 0.875rem;
}

.button--size-s.button--pill {
    border-radius: 32px;
}

.button--size-s.button--paddings {
    padding: 0 16px;
}

.button--size-s .button__content--side-left {
    padding-right: 16px;
}

.button--size-s .button__content--side-right {
    padding-left: 16px;
}

.button--size-s .button__icon {
    min-width: 32px;
}

.button--size-s .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-s .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-s .button__icon--side-left {
    padding-right: 8px;
    padding-left: 10.66667px;
}

.button--size-s .button__icon--side-right {
    padding-right: 10.66667px;
    padding-left: 8px;
}

.button--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

.button--size-m.button--pill {
    border-radius: 40px;
}

.button--size-m.button--paddings {
    padding: 0 20px;
}

.button--size-m .button__content--side-left {
    padding-right: 20px;
}

.button--size-m .button__content--side-right {
    padding-left: 20px;
}

.button--size-m .button__icon {
    min-width: 40px;
}

.button--size-m .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-m .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-m .button__icon--side-left {
    padding-right: 10px;
    padding-left: 13.33333px;
}

.button--size-m .button__icon--side-right {
    padding-right: 13.33333px;
    padding-left: 10px;
}

.button--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    font-size: 1rem;
}

.button--size-l.button--pill {
    border-radius: 48px;
}

.button--size-l.button--paddings {
    padding: 0 24px;
}

.button--size-l .button__content--side-left {
    padding-right: 24px;
}

.button--size-l .button__content--side-right {
    padding-left: 24px;
}

.button--size-l .button__icon {
    min-width: 48px;
}

.button--size-l .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-l .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-l .button__icon--side-left {
    padding-right: 12px;
    padding-left: 16px;
}

.button--size-l .button__icon--side-right {
    padding-right: 16px;
    padding-left: 12px;
}

.button--min-width {
    min-width: 148px;
}

.button--width--size-s {
    width: 32px;
    max-width: 32px;
}

.button--width--size-m {
    width: 40px;
    max-width: 40px;
}

.button--width--size-l {
    width: 48px;
    max-width: 48px;
}

.button--full-width {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button--link {
    background: transparent;
}

.button--link--select {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: start;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    min-width: 100%;
    height: 48px;
    padding: 12px;
    font-weight: normal;
    color: #333;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.button--link--select[disabled],
.button--link--select--disabled {
    opacity: 0.5;
}

.button--link--select:hover {
    color: #333;
}

.button--link--select--simple {
    min-width: initial;
    height: 100%;
    border: transparent;
}

.button--uppercase {
    text-transform: uppercase;
}

.button--icon {
    padding: 0;
}

.button__container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button__container--icon-side-left {
    flex-direction: row;
    padding: 0;
}

.button__container--icon-side-right {
    flex-direction: row-reverse;
    padding: 0;
}

.button__content {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
}

.button__icon {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}

.button__icon svg {
    transition: fill 0.3s ease;
    fill: inherit;
}

.button__icon--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.button__icon--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.button__icon--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.button__loader {
    margin-left: 16px;
    -webkit-animation: loading-spinner 400ms linear infinite;
    animation: loading-spinner 400ms linear infinite;
}

.button__loader__icon {
    width: 24px;
    height: 24px;
    border: solid 4px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.link {
    display: inline-block;
    font-family: "proxima-soft", sans-serif;
    color: #55c4d0;
    text-decoration: none;
}

.link:active,
.link--active,
.link:hover {
    color: #278b96;
}

.link:disabled,
.link--disabled {
    color: #d5f4f7;
}

.link.main-link {
    display: block;
}

.link.secondary-link {
    display: block;
}

.link.danger-link {
    display: block;
}

.link.success-link {
    display: block;
}

.link.alert-link {
    display: block;
}

.link.info-link {
    display: block;
}

.link.ink-link {
    display: block;
}

.link.ground-link {
    display: block;
}

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

.link--main {
    color: #55c4d0;
}

.link--main:active,
.link--main--active,
.link--main:hover {
    color: #278b96;
}

.link--main:disabled,
.link--main--disabled {
    color: #d5f4f7;
}

.link--secondary {
    color: #375573;
}

.link--secondary:active,
.link--secondary--active,
.link--secondary:hover {
    color: #19334d;
}

.link--secondary:disabled,
.link--secondary--disabled {
    color: #cad8e6;
}

.link--danger {
    color: #f15a6d;
}

.link--danger:active,
.link--danger--active,
.link--danger:hover {
    color: #b8283b;
}

.link--danger:disabled,
.link--danger--disabled {
    color: #ffc4cc;
}

.link--success {
    color: #6ec190;
}

.link--success:active,
.link--success--active,
.link--success:hover {
    color: #2b754a;
}

.link--success:disabled,
.link--success--disabled {
    color: #d5f5e2;
}

.link--alert {
    color: #ffc845;
}

.link--alert:active,
.link--alert--active,
.link--alert:hover {
    color: #9d6f00;
}

.link--alert:disabled,
.link--alert--disabled {
    color: #ffe9b5;
}

.link--info {
    color: #55c4d0;
}

.link--info:active,
.link--info--active,
.link--info:hover {
    color: #278b96;
}

.link--info:disabled,
.link--info--disabled {
    color: #d5f4f7;
}

.link--ink {
    color: #888;
}

.link--ink:active,
.link--ink--active,
.link--ink:hover {
    color: #333;
}

.link--ink:disabled,
.link--ink--disabled {
    color: #bbb;
}

.link--ground {
    color: #e3e3e3;
}

.link--ground:active,
.link--ground--active,
.link--ground:hover {
    color: #d4d4d4;
}

.link--ground:disabled,
.link--ground--disabled {
    color: #f2f2f2;
}

.padding-xxxxs-top {
    padding-top: 4px;
}

.padding-xxxxs-right {
    padding-right: 4px;
}

.padding-xxxxs-bottom {
    padding-bottom: 4px;
}

.padding-xxxxs-left {
    padding-left: 4px;
}

.padding-xxxxs-horizontal {
    padding-right: 4px;
    padding-left: 4px;
}

.padding-xxxxs-vertical {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-xxxxs-all {
    padding: 4px;
}

.padding-xxxs-top {
    padding-top: 8px;
}

.padding-xxxs-right {
    padding-right: 8px;
}

.padding-xxxs-bottom {
    padding-bottom: 8px;
}

.padding-xxxs-left {
    padding-left: 8px;
}

.padding-xxxs-horizontal {
    padding-right: 8px;
    padding-left: 8px;
}

.padding-xxxs-vertical {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-xxxs-all {
    padding: 8px;
}

.padding-xxs-top {
    padding-top: 12px;
}

.padding-xxs-right {
    padding-right: 12px;
}

.padding-xxs-bottom {
    padding-bottom: 12px;
}

.padding-xxs-left {
    padding-left: 12px;
}

.padding-xxs-horizontal {
    padding-right: 12px;
    padding-left: 12px;
}

.padding-xxs-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padding-xxs-all {
    padding: 12px;
}

.padding-xs-top {
    padding-top: 16px;
}

.padding-xs-right {
    padding-right: 16px;
}

.padding-xs-bottom {
    padding-bottom: 16px;
}

.padding-xs-left {
    padding-left: 16px;
}

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

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

.padding-xs-all {
    padding: 16px;
}

.padding-s-top {
    padding-top: 24px;
}

.padding-s-right {
    padding-right: 24px;
}

.padding-s-bottom {
    padding-bottom: 24px;
}

.padding-s-left {
    padding-left: 24px;
}

.padding-s-horizontal {
    padding-right: 24px;
    padding-left: 24px;
}

.padding-s-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-s-all {
    padding: 24px;
}

.padding-m-top {
    padding-top: 32px;
}

.padding-m-right {
    padding-right: 32px;
}

.padding-m-bottom {
    padding-bottom: 32px;
}

.padding-m-left {
    padding-left: 32px;
}

.padding-m-horizontal {
    padding-right: 32px;
    padding-left: 32px;
}

.padding-m-vertical {
    padding-top: 32px;
    padding-bottom: 32px;
}

.padding-m-all {
    padding: 32px;
}

.padding-l-top {
    padding-top: 40px;
}

.padding-l-right {
    padding-right: 40px;
}

.padding-l-bottom {
    padding-bottom: 40px;
}

.padding-l-left {
    padding-left: 40px;
}

.padding-l-horizontal {
    padding-right: 40px;
    padding-left: 40px;
}

.padding-l-vertical {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-l-all {
    padding: 40px;
}

.padding-xl-top {
    padding-top: 48px;
}

.padding-xl-right {
    padding-right: 48px;
}

.padding-xl-bottom {
    padding-bottom: 48px;
}

.padding-xl-left {
    padding-left: 48px;
}

.padding-xl-horizontal {
    padding-right: 48px;
    padding-left: 48px;
}

.padding-xl-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-xl-all {
    padding: 48px;
}

.padding-xxl-top {
    padding-top: 56px;
}

.padding-xxl-right {
    padding-right: 56px;
}

.padding-xxl-bottom {
    padding-bottom: 56px;
}

.padding-xxl-left {
    padding-left: 56px;
}

.padding-xxl-horizontal {
    padding-right: 56px;
    padding-left: 56px;
}

.padding-xxl-vertical {
    padding-top: 56px;
    padding-bottom: 56px;
}

.padding-xxl-all {
    padding: 56px;
}

.padding-xxxl-top {
    padding-top: 64px;
}

.padding-xxxl-right {
    padding-right: 64px;
}

.padding-xxxl-bottom {
    padding-bottom: 64px;
}

.padding-xxxl-left {
    padding-left: 64px;
}

.padding-xxxl-horizontal {
    padding-right: 64px;
    padding-left: 64px;
}

.padding-xxxl-vertical {
    padding-top: 64px;
    padding-bottom: 64px;
}

.padding-xxxl-all {
    padding: 64px;
}

.padding-none-top {
    padding-top: 0;
}

.padding-none-right {
    padding-right: 0;
}

.padding-none-bottom {
    padding-bottom: 0;
}

.padding-none-left {
    padding-left: 0;
}

.padding-none-horizontal {
    padding-right: 0;
    padding-left: 0;
}

.padding-none-vertical {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-xxxxs,
.m-xxxxs {
    margin: 4px;
}

.margin-xxxxs-t,
.margin-xxxxs-top,
.m-xxxxs-t,
.m-xxxxs-top {
    margin-top: 4px;
}

.margin-xxxxs-b,
.margin-xxxxs-bottom,
.m-xxxxs-b,
.m-xxxxs-bottom {
    margin-bottom: 4px;
}

.margin-xxxxs-l,
.margin-xxxxs-left,
.m-xxxxs-l,
.m-xxxxs-left {
    margin-left: 4px;
}

.margin-xxxxs-r,
.margin-xxxxs-right,
.m-xxxxs-r,
.m-xxxxs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-xxxxs,
    .m-xs-xxxxs {
        margin: 4px;
    }
    .margin-xs-xxxxs-t,
    .margin-xs-xxxxs-top,
    .m-xs-xxxxs-t,
    .m-xs-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xs-xxxxs-b,
    .margin-xs-xxxxs-bottom,
    .m-xs-xxxxs-b,
    .m-xs-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-xxxxs-l,
    .margin-xs-xxxxs-left,
    .m-xs-xxxxs-l,
    .m-xs-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xs-xxxxs-r,
    .margin-xs-xxxxs-right,
    .m-xs-xxxxs-r,
    .m-xs-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxs,
    .m-sm-xxxxs {
        margin: 4px;
    }
    .margin-sm-xxxxs-t,
    .margin-sm-xxxxs-top,
    .m-sm-xxxxs-t,
    .m-sm-xxxxs-top {
        margin-top: 4px;
    }
    .margin-sm-xxxxs-b,
    .margin-sm-xxxxs-bottom,
    .m-sm-xxxxs-b,
    .m-sm-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-xxxxs-l,
    .margin-sm-xxxxs-left,
    .m-sm-xxxxs-l,
    .m-sm-xxxxs-left {
        margin-left: 4px;
    }
    .margin-sm-xxxxs-r,
    .margin-sm-xxxxs-right,
    .m-sm-xxxxs-r,
    .m-sm-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxs,
    .m-md-xxxxs {
        margin: 4px;
    }
    .margin-md-xxxxs-t,
    .margin-md-xxxxs-top,
    .m-md-xxxxs-t,
    .m-md-xxxxs-top {
        margin-top: 4px;
    }
    .margin-md-xxxxs-b,
    .margin-md-xxxxs-bottom,
    .m-md-xxxxs-b,
    .m-md-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-xxxxs-l,
    .margin-md-xxxxs-left,
    .m-md-xxxxs-l,
    .m-md-xxxxs-left {
        margin-left: 4px;
    }
    .margin-md-xxxxs-r,
    .margin-md-xxxxs-right,
    .m-md-xxxxs-r,
    .m-md-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxs,
    .m-lg-xxxxs {
        margin: 4px;
    }
    .margin-lg-xxxxs-t,
    .margin-lg-xxxxs-top,
    .m-lg-xxxxs-t,
    .m-lg-xxxxs-top {
        margin-top: 4px;
    }
    .margin-lg-xxxxs-b,
    .margin-lg-xxxxs-bottom,
    .m-lg-xxxxs-b,
    .m-lg-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-xxxxs-l,
    .margin-lg-xxxxs-left,
    .m-lg-xxxxs-l,
    .m-lg-xxxxs-left {
        margin-left: 4px;
    }
    .margin-lg-xxxxs-r,
    .margin-lg-xxxxs-right,
    .m-lg-xxxxs-r,
    .m-lg-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxs,
    .m-xl-xxxxs {
        margin: 4px;
    }
    .margin-xl-xxxxs-t,
    .margin-xl-xxxxs-top,
    .m-xl-xxxxs-t,
    .m-xl-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xl-xxxxs-b,
    .margin-xl-xxxxs-bottom,
    .m-xl-xxxxs-b,
    .m-xl-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-xxxxs-l,
    .margin-xl-xxxxs-left,
    .m-xl-xxxxs-l,
    .m-xl-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xl-xxxxs-r,
    .margin-xl-xxxxs-right,
    .m-xl-xxxxs-r,
    .m-xl-xxxxs-right {
        margin-right: 4px;
    }
}

.margin-4xs,
.m-4xs {
    margin: 4px;
}

.margin-4xs-t,
.margin-4xs-top,
.m-4xs-t,
.m-4xs-top {
    margin-top: 4px;
}

.margin-4xs-b,
.margin-4xs-bottom,
.m-4xs-b,
.m-4xs-bottom {
    margin-bottom: 4px;
}

.margin-4xs-l,
.margin-4xs-left,
.m-4xs-l,
.m-4xs-left {
    margin-left: 4px;
}

.margin-4xs-r,
.margin-4xs-right,
.m-4xs-r,
.m-4xs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-4xs,
    .m-xs-4xs {
        margin: 4px;
    }
    .margin-xs-4xs-t,
    .margin-xs-4xs-top,
    .m-xs-4xs-t,
    .m-xs-4xs-top {
        margin-top: 4px;
    }
    .margin-xs-4xs-b,
    .margin-xs-4xs-bottom,
    .m-xs-4xs-b,
    .m-xs-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-4xs-l,
    .margin-xs-4xs-left,
    .m-xs-4xs-l,
    .m-xs-4xs-left {
        margin-left: 4px;
    }
    .margin-xs-4xs-r,
    .margin-xs-4xs-right,
    .m-xs-4xs-r,
    .m-xs-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xs,
    .m-sm-4xs {
        margin: 4px;
    }
    .margin-sm-4xs-t,
    .margin-sm-4xs-top,
    .m-sm-4xs-t,
    .m-sm-4xs-top {
        margin-top: 4px;
    }
    .margin-sm-4xs-b,
    .margin-sm-4xs-bottom,
    .m-sm-4xs-b,
    .m-sm-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-4xs-l,
    .margin-sm-4xs-left,
    .m-sm-4xs-l,
    .m-sm-4xs-left {
        margin-left: 4px;
    }
    .margin-sm-4xs-r,
    .margin-sm-4xs-right,
    .m-sm-4xs-r,
    .m-sm-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xs,
    .m-md-4xs {
        margin: 4px;
    }
    .margin-md-4xs-t,
    .margin-md-4xs-top,
    .m-md-4xs-t,
    .m-md-4xs-top {
        margin-top: 4px;
    }
    .margin-md-4xs-b,
    .margin-md-4xs-bottom,
    .m-md-4xs-b,
    .m-md-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-4xs-l,
    .margin-md-4xs-left,
    .m-md-4xs-l,
    .m-md-4xs-left {
        margin-left: 4px;
    }
    .margin-md-4xs-r,
    .margin-md-4xs-right,
    .m-md-4xs-r,
    .m-md-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xs,
    .m-lg-4xs {
        margin: 4px;
    }
    .margin-lg-4xs-t,
    .margin-lg-4xs-top,
    .m-lg-4xs-t,
    .m-lg-4xs-top {
        margin-top: 4px;
    }
    .margin-lg-4xs-b,
    .margin-lg-4xs-bottom,
    .m-lg-4xs-b,
    .m-lg-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-4xs-l,
    .margin-lg-4xs-left,
    .m-lg-4xs-l,
    .m-lg-4xs-left {
        margin-left: 4px;
    }
    .margin-lg-4xs-r,
    .margin-lg-4xs-right,
    .m-lg-4xs-r,
    .m-lg-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xs,
    .m-xl-4xs {
        margin: 4px;
    }
    .margin-xl-4xs-t,
    .margin-xl-4xs-top,
    .m-xl-4xs-t,
    .m-xl-4xs-top {
        margin-top: 4px;
    }
    .margin-xl-4xs-b,
    .margin-xl-4xs-bottom,
    .m-xl-4xs-b,
    .m-xl-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-4xs-l,
    .margin-xl-4xs-left,
    .m-xl-4xs-l,
    .m-xl-4xs-left {
        margin-left: 4px;
    }
    .margin-xl-4xs-r,
    .margin-xl-4xs-right,
    .m-xl-4xs-r,
    .m-xl-4xs-right {
        margin-right: 4px;
    }
}

.margin-xxxs,
.m-xxxs {
    margin: 8px;
}

.margin-xxxs-t,
.margin-xxxs-top,
.m-xxxs-t,
.m-xxxs-top {
    margin-top: 8px;
}

.margin-xxxs-b,
.margin-xxxs-bottom,
.m-xxxs-b,
.m-xxxs-bottom {
    margin-bottom: 8px;
}

.margin-xxxs-l,
.margin-xxxs-left,
.m-xxxs-l,
.m-xxxs-left {
    margin-left: 8px;
}

.margin-xxxs-r,
.margin-xxxs-right,
.m-xxxs-r,
.m-xxxs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-xxxs,
    .m-xs-xxxs {
        margin: 8px;
    }
    .margin-xs-xxxs-t,
    .margin-xs-xxxs-top,
    .m-xs-xxxs-t,
    .m-xs-xxxs-top {
        margin-top: 8px;
    }
    .margin-xs-xxxs-b,
    .margin-xs-xxxs-bottom,
    .m-xs-xxxs-b,
    .m-xs-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-xxxs-l,
    .margin-xs-xxxs-left,
    .m-xs-xxxs-l,
    .m-xs-xxxs-left {
        margin-left: 8px;
    }
    .margin-xs-xxxs-r,
    .margin-xs-xxxs-right,
    .m-xs-xxxs-r,
    .m-xs-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxs,
    .m-sm-xxxs {
        margin: 8px;
    }
    .margin-sm-xxxs-t,
    .margin-sm-xxxs-top,
    .m-sm-xxxs-t,
    .m-sm-xxxs-top {
        margin-top: 8px;
    }
    .margin-sm-xxxs-b,
    .margin-sm-xxxs-bottom,
    .m-sm-xxxs-b,
    .m-sm-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-xxxs-l,
    .margin-sm-xxxs-left,
    .m-sm-xxxs-l,
    .m-sm-xxxs-left {
        margin-left: 8px;
    }
    .margin-sm-xxxs-r,
    .margin-sm-xxxs-right,
    .m-sm-xxxs-r,
    .m-sm-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxs,
    .m-md-xxxs {
        margin: 8px;
    }
    .margin-md-xxxs-t,
    .margin-md-xxxs-top,
    .m-md-xxxs-t,
    .m-md-xxxs-top {
        margin-top: 8px;
    }
    .margin-md-xxxs-b,
    .margin-md-xxxs-bottom,
    .m-md-xxxs-b,
    .m-md-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-xxxs-l,
    .margin-md-xxxs-left,
    .m-md-xxxs-l,
    .m-md-xxxs-left {
        margin-left: 8px;
    }
    .margin-md-xxxs-r,
    .margin-md-xxxs-right,
    .m-md-xxxs-r,
    .m-md-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxs,
    .m-lg-xxxs {
        margin: 8px;
    }
    .margin-lg-xxxs-t,
    .margin-lg-xxxs-top,
    .m-lg-xxxs-t,
    .m-lg-xxxs-top {
        margin-top: 8px;
    }
    .margin-lg-xxxs-b,
    .margin-lg-xxxs-bottom,
    .m-lg-xxxs-b,
    .m-lg-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-xxxs-l,
    .margin-lg-xxxs-left,
    .m-lg-xxxs-l,
    .m-lg-xxxs-left {
        margin-left: 8px;
    }
    .margin-lg-xxxs-r,
    .margin-lg-xxxs-right,
    .m-lg-xxxs-r,
    .m-lg-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxs,
    .m-xl-xxxs {
        margin: 8px;
    }
    .margin-xl-xxxs-t,
    .margin-xl-xxxs-top,
    .m-xl-xxxs-t,
    .m-xl-xxxs-top {
        margin-top: 8px;
    }
    .margin-xl-xxxs-b,
    .margin-xl-xxxs-bottom,
    .m-xl-xxxs-b,
    .m-xl-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-xxxs-l,
    .margin-xl-xxxs-left,
    .m-xl-xxxs-l,
    .m-xl-xxxs-left {
        margin-left: 8px;
    }
    .margin-xl-xxxs-r,
    .margin-xl-xxxs-right,
    .m-xl-xxxs-r,
    .m-xl-xxxs-right {
        margin-right: 8px;
    }
}

.margin-3xs,
.m-3xs {
    margin: 8px;
}

.margin-3xs-t,
.margin-3xs-top,
.m-3xs-t,
.m-3xs-top {
    margin-top: 8px;
}

.margin-3xs-b,
.margin-3xs-bottom,
.m-3xs-b,
.m-3xs-bottom {
    margin-bottom: 8px;
}

.margin-3xs-l,
.margin-3xs-left,
.m-3xs-l,
.m-3xs-left {
    margin-left: 8px;
}

.margin-3xs-r,
.margin-3xs-right,
.m-3xs-r,
.m-3xs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-3xs,
    .m-xs-3xs {
        margin: 8px;
    }
    .margin-xs-3xs-t,
    .margin-xs-3xs-top,
    .m-xs-3xs-t,
    .m-xs-3xs-top {
        margin-top: 8px;
    }
    .margin-xs-3xs-b,
    .margin-xs-3xs-bottom,
    .m-xs-3xs-b,
    .m-xs-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-3xs-l,
    .margin-xs-3xs-left,
    .m-xs-3xs-l,
    .m-xs-3xs-left {
        margin-left: 8px;
    }
    .margin-xs-3xs-r,
    .margin-xs-3xs-right,
    .m-xs-3xs-r,
    .m-xs-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xs,
    .m-sm-3xs {
        margin: 8px;
    }
    .margin-sm-3xs-t,
    .margin-sm-3xs-top,
    .m-sm-3xs-t,
    .m-sm-3xs-top {
        margin-top: 8px;
    }
    .margin-sm-3xs-b,
    .margin-sm-3xs-bottom,
    .m-sm-3xs-b,
    .m-sm-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-3xs-l,
    .margin-sm-3xs-left,
    .m-sm-3xs-l,
    .m-sm-3xs-left {
        margin-left: 8px;
    }
    .margin-sm-3xs-r,
    .margin-sm-3xs-right,
    .m-sm-3xs-r,
    .m-sm-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xs,
    .m-md-3xs {
        margin: 8px;
    }
    .margin-md-3xs-t,
    .margin-md-3xs-top,
    .m-md-3xs-t,
    .m-md-3xs-top {
        margin-top: 8px;
    }
    .margin-md-3xs-b,
    .margin-md-3xs-bottom,
    .m-md-3xs-b,
    .m-md-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-3xs-l,
    .margin-md-3xs-left,
    .m-md-3xs-l,
    .m-md-3xs-left {
        margin-left: 8px;
    }
    .margin-md-3xs-r,
    .margin-md-3xs-right,
    .m-md-3xs-r,
    .m-md-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xs,
    .m-lg-3xs {
        margin: 8px;
    }
    .margin-lg-3xs-t,
    .margin-lg-3xs-top,
    .m-lg-3xs-t,
    .m-lg-3xs-top {
        margin-top: 8px;
    }
    .margin-lg-3xs-b,
    .margin-lg-3xs-bottom,
    .m-lg-3xs-b,
    .m-lg-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-3xs-l,
    .margin-lg-3xs-left,
    .m-lg-3xs-l,
    .m-lg-3xs-left {
        margin-left: 8px;
    }
    .margin-lg-3xs-r,
    .margin-lg-3xs-right,
    .m-lg-3xs-r,
    .m-lg-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xs,
    .m-xl-3xs {
        margin: 8px;
    }
    .margin-xl-3xs-t,
    .margin-xl-3xs-top,
    .m-xl-3xs-t,
    .m-xl-3xs-top {
        margin-top: 8px;
    }
    .margin-xl-3xs-b,
    .margin-xl-3xs-bottom,
    .m-xl-3xs-b,
    .m-xl-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-3xs-l,
    .margin-xl-3xs-left,
    .m-xl-3xs-l,
    .m-xl-3xs-left {
        margin-left: 8px;
    }
    .margin-xl-3xs-r,
    .margin-xl-3xs-right,
    .m-xl-3xs-r,
    .m-xl-3xs-right {
        margin-right: 8px;
    }
}

.margin-xxs,
.m-xxs {
    margin: 12px;
}

.margin-xxs-t,
.margin-xxs-top,
.m-xxs-t,
.m-xxs-top {
    margin-top: 12px;
}

.margin-xxs-b,
.margin-xxs-bottom,
.m-xxs-b,
.m-xxs-bottom {
    margin-bottom: 12px;
}

.margin-xxs-l,
.margin-xxs-left,
.m-xxs-l,
.m-xxs-left {
    margin-left: 12px;
}

.margin-xxs-r,
.margin-xxs-right,
.m-xxs-r,
.m-xxs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-xxs,
    .m-xs-xxs {
        margin: 12px;
    }
    .margin-xs-xxs-t,
    .margin-xs-xxs-top,
    .m-xs-xxs-t,
    .m-xs-xxs-top {
        margin-top: 12px;
    }
    .margin-xs-xxs-b,
    .margin-xs-xxs-bottom,
    .m-xs-xxs-b,
    .m-xs-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-xxs-l,
    .margin-xs-xxs-left,
    .m-xs-xxs-l,
    .m-xs-xxs-left {
        margin-left: 12px;
    }
    .margin-xs-xxs-r,
    .margin-xs-xxs-right,
    .m-xs-xxs-r,
    .m-xs-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxs,
    .m-sm-xxs {
        margin: 12px;
    }
    .margin-sm-xxs-t,
    .margin-sm-xxs-top,
    .m-sm-xxs-t,
    .m-sm-xxs-top {
        margin-top: 12px;
    }
    .margin-sm-xxs-b,
    .margin-sm-xxs-bottom,
    .m-sm-xxs-b,
    .m-sm-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-xxs-l,
    .margin-sm-xxs-left,
    .m-sm-xxs-l,
    .m-sm-xxs-left {
        margin-left: 12px;
    }
    .margin-sm-xxs-r,
    .margin-sm-xxs-right,
    .m-sm-xxs-r,
    .m-sm-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxs,
    .m-md-xxs {
        margin: 12px;
    }
    .margin-md-xxs-t,
    .margin-md-xxs-top,
    .m-md-xxs-t,
    .m-md-xxs-top {
        margin-top: 12px;
    }
    .margin-md-xxs-b,
    .margin-md-xxs-bottom,
    .m-md-xxs-b,
    .m-md-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-xxs-l,
    .margin-md-xxs-left,
    .m-md-xxs-l,
    .m-md-xxs-left {
        margin-left: 12px;
    }
    .margin-md-xxs-r,
    .margin-md-xxs-right,
    .m-md-xxs-r,
    .m-md-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxs,
    .m-lg-xxs {
        margin: 12px;
    }
    .margin-lg-xxs-t,
    .margin-lg-xxs-top,
    .m-lg-xxs-t,
    .m-lg-xxs-top {
        margin-top: 12px;
    }
    .margin-lg-xxs-b,
    .margin-lg-xxs-bottom,
    .m-lg-xxs-b,
    .m-lg-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-xxs-l,
    .margin-lg-xxs-left,
    .m-lg-xxs-l,
    .m-lg-xxs-left {
        margin-left: 12px;
    }
    .margin-lg-xxs-r,
    .margin-lg-xxs-right,
    .m-lg-xxs-r,
    .m-lg-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxs,
    .m-xl-xxs {
        margin: 12px;
    }
    .margin-xl-xxs-t,
    .margin-xl-xxs-top,
    .m-xl-xxs-t,
    .m-xl-xxs-top {
        margin-top: 12px;
    }
    .margin-xl-xxs-b,
    .margin-xl-xxs-bottom,
    .m-xl-xxs-b,
    .m-xl-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-xxs-l,
    .margin-xl-xxs-left,
    .m-xl-xxs-l,
    .m-xl-xxs-left {
        margin-left: 12px;
    }
    .margin-xl-xxs-r,
    .margin-xl-xxs-right,
    .m-xl-xxs-r,
    .m-xl-xxs-right {
        margin-right: 12px;
    }
}

.margin-2xs,
.m-2xs {
    margin: 12px;
}

.margin-2xs-t,
.margin-2xs-top,
.m-2xs-t,
.m-2xs-top {
    margin-top: 12px;
}

.margin-2xs-b,
.margin-2xs-bottom,
.m-2xs-b,
.m-2xs-bottom {
    margin-bottom: 12px;
}

.margin-2xs-l,
.margin-2xs-left,
.m-2xs-l,
.m-2xs-left {
    margin-left: 12px;
}

.margin-2xs-r,
.margin-2xs-right,
.m-2xs-r,
.m-2xs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-2xs,
    .m-xs-2xs {
        margin: 12px;
    }
    .margin-xs-2xs-t,
    .margin-xs-2xs-top,
    .m-xs-2xs-t,
    .m-xs-2xs-top {
        margin-top: 12px;
    }
    .margin-xs-2xs-b,
    .margin-xs-2xs-bottom,
    .m-xs-2xs-b,
    .m-xs-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-2xs-l,
    .margin-xs-2xs-left,
    .m-xs-2xs-l,
    .m-xs-2xs-left {
        margin-left: 12px;
    }
    .margin-xs-2xs-r,
    .margin-xs-2xs-right,
    .m-xs-2xs-r,
    .m-xs-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-2xs,
    .m-sm-2xs {
        margin: 12px;
    }
    .margin-sm-2xs-t,
    .margin-sm-2xs-top,
    .m-sm-2xs-t,
    .m-sm-2xs-top {
        margin-top: 12px;
    }
    .margin-sm-2xs-b,
    .margin-sm-2xs-bottom,
    .m-sm-2xs-b,
    .m-sm-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-2xs-l,
    .margin-sm-2xs-left,
    .m-sm-2xs-l,
    .m-sm-2xs-left {
        margin-left: 12px;
    }
    .margin-sm-2xs-r,
    .margin-sm-2xs-right,
    .m-sm-2xs-r,
    .m-sm-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-2xs,
    .m-md-2xs {
        margin: 12px;
    }
    .margin-md-2xs-t,
    .margin-md-2xs-top,
    .m-md-2xs-t,
    .m-md-2xs-top {
        margin-top: 12px;
    }
    .margin-md-2xs-b,
    .margin-md-2xs-bottom,
    .m-md-2xs-b,
    .m-md-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-2xs-l,
    .margin-md-2xs-left,
    .m-md-2xs-l,
    .m-md-2xs-left {
        margin-left: 12px;
    }
    .margin-md-2xs-r,
    .margin-md-2xs-right,
    .m-md-2xs-r,
    .m-md-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-2xs,
    .m-lg-2xs {
        margin: 12px;
    }
    .margin-lg-2xs-t,
    .margin-lg-2xs-top,
    .m-lg-2xs-t,
    .m-lg-2xs-top {
        margin-top: 12px;
    }
    .margin-lg-2xs-b,
    .margin-lg-2xs-bottom,
    .m-lg-2xs-b,
    .m-lg-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-2xs-l,
    .margin-lg-2xs-left,
    .m-lg-2xs-l,
    .m-lg-2xs-left {
        margin-left: 12px;
    }
    .margin-lg-2xs-r,
    .margin-lg-2xs-right,
    .m-lg-2xs-r,
    .m-lg-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-2xs,
    .m-xl-2xs {
        margin: 12px;
    }
    .margin-xl-2xs-t,
    .margin-xl-2xs-top,
    .m-xl-2xs-t,
    .m-xl-2xs-top {
        margin-top: 12px;
    }
    .margin-xl-2xs-b,
    .margin-xl-2xs-bottom,
    .m-xl-2xs-b,
    .m-xl-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-2xs-l,
    .margin-xl-2xs-left,
    .m-xl-2xs-l,
    .m-xl-2xs-left {
        margin-left: 12px;
    }
    .margin-xl-2xs-r,
    .margin-xl-2xs-right,
    .m-xl-2xs-r,
    .m-xl-2xs-right {
        margin-right: 12px;
    }
}

.margin-xs,
.m-xs {
    margin: 16px;
}

.margin-xs-t,
.margin-xs-top,
.m-xs-t,
.m-xs-top {
    margin-top: 16px;
}

.margin-xs-b,
.margin-xs-bottom,
.m-xs-b,
.m-xs-bottom {
    margin-bottom: 16px;
}

.margin-xs-l,
.margin-xs-left,
.m-xs-l,
.m-xs-left {
    margin-left: 16px;
}

.margin-xs-r,
.margin-xs-right,
.m-xs-r,
.m-xs-right {
    margin-right: 16px;
}

@media (min-width: 0) {
    .margin-xs-xs,
    .m-xs-xs {
        margin: 16px;
    }
    .margin-xs-xs-t,
    .margin-xs-xs-top,
    .m-xs-xs-t,
    .m-xs-xs-top {
        margin-top: 16px;
    }
    .margin-xs-xs-b,
    .margin-xs-xs-bottom,
    .m-xs-xs-b,
    .m-xs-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xs-xs-l,
    .margin-xs-xs-left,
    .m-xs-xs-l,
    .m-xs-xs-left {
        margin-left: 16px;
    }
    .margin-xs-xs-r,
    .margin-xs-xs-right,
    .m-xs-xs-r,
    .m-xs-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xs,
    .m-sm-xs {
        margin: 16px;
    }
    .margin-sm-xs-t,
    .margin-sm-xs-top,
    .m-sm-xs-t,
    .m-sm-xs-top {
        margin-top: 16px;
    }
    .margin-sm-xs-b,
    .margin-sm-xs-bottom,
    .m-sm-xs-b,
    .m-sm-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-sm-xs-l,
    .margin-sm-xs-left,
    .m-sm-xs-l,
    .m-sm-xs-left {
        margin-left: 16px;
    }
    .margin-sm-xs-r,
    .margin-sm-xs-right,
    .m-sm-xs-r,
    .m-sm-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 768px) {
    .margin-md-xs,
    .m-md-xs {
        margin: 16px;
    }
    .margin-md-xs-t,
    .margin-md-xs-top,
    .m-md-xs-t,
    .m-md-xs-top {
        margin-top: 16px;
    }
    .margin-md-xs-b,
    .margin-md-xs-bottom,
    .m-md-xs-b,
    .m-md-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-md-xs-l,
    .margin-md-xs-left,
    .m-md-xs-l,
    .m-md-xs-left {
        margin-left: 16px;
    }
    .margin-md-xs-r,
    .margin-md-xs-right,
    .m-md-xs-r,
    .m-md-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xs,
    .m-lg-xs {
        margin: 16px;
    }
    .margin-lg-xs-t,
    .margin-lg-xs-top,
    .m-lg-xs-t,
    .m-lg-xs-top {
        margin-top: 16px;
    }
    .margin-lg-xs-b,
    .margin-lg-xs-bottom,
    .m-lg-xs-b,
    .m-lg-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-lg-xs-l,
    .margin-lg-xs-left,
    .m-lg-xs-l,
    .m-lg-xs-left {
        margin-left: 16px;
    }
    .margin-lg-xs-r,
    .margin-lg-xs-right,
    .m-lg-xs-r,
    .m-lg-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xs,
    .m-xl-xs {
        margin: 16px;
    }
    .margin-xl-xs-t,
    .margin-xl-xs-top,
    .m-xl-xs-t,
    .m-xl-xs-top {
        margin-top: 16px;
    }
    .margin-xl-xs-b,
    .margin-xl-xs-bottom,
    .m-xl-xs-b,
    .m-xl-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xl-xs-l,
    .margin-xl-xs-left,
    .m-xl-xs-l,
    .m-xl-xs-left {
        margin-left: 16px;
    }
    .margin-xl-xs-r,
    .margin-xl-xs-right,
    .m-xl-xs-r,
    .m-xl-xs-right {
        margin-right: 16px;
    }
}

.margin-s,
.m-s {
    margin: 24px;
}

.margin-s-t,
.margin-s-top,
.m-s-t,
.m-s-top {
    margin-top: 24px;
}

.margin-s-b,
.margin-s-bottom,
.m-s-b,
.m-s-bottom {
    margin-bottom: 24px;
}

.margin-s-l,
.margin-s-left,
.m-s-l,
.m-s-left {
    margin-left: 24px;
}

.margin-s-r,
.margin-s-right,
.m-s-r,
.m-s-right {
    margin-right: 24px;
}

@media (min-width: 0) {
    .margin-xs-s,
    .m-xs-s {
        margin: 24px;
    }
    .margin-xs-s-t,
    .margin-xs-s-top,
    .m-xs-s-t,
    .m-xs-s-top {
        margin-top: 24px;
    }
    .margin-xs-s-b,
    .margin-xs-s-bottom,
    .m-xs-s-b,
    .m-xs-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xs-s-l,
    .margin-xs-s-left,
    .m-xs-s-l,
    .m-xs-s-left {
        margin-left: 24px;
    }
    .margin-xs-s-r,
    .margin-xs-s-right,
    .m-xs-s-r,
    .m-xs-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 576px) {
    .margin-sm-s,
    .m-sm-s {
        margin: 24px;
    }
    .margin-sm-s-t,
    .margin-sm-s-top,
    .m-sm-s-t,
    .m-sm-s-top {
        margin-top: 24px;
    }
    .margin-sm-s-b,
    .margin-sm-s-bottom,
    .m-sm-s-b,
    .m-sm-s-bottom {
        margin-bottom: 24px;
    }
    .margin-sm-s-l,
    .margin-sm-s-left,
    .m-sm-s-l,
    .m-sm-s-left {
        margin-left: 24px;
    }
    .margin-sm-s-r,
    .margin-sm-s-right,
    .m-sm-s-r,
    .m-sm-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 768px) {
    .margin-md-s,
    .m-md-s {
        margin: 24px;
    }
    .margin-md-s-t,
    .margin-md-s-top,
    .m-md-s-t,
    .m-md-s-top {
        margin-top: 24px;
    }
    .margin-md-s-b,
    .margin-md-s-bottom,
    .m-md-s-b,
    .m-md-s-bottom {
        margin-bottom: 24px;
    }
    .margin-md-s-l,
    .margin-md-s-left,
    .m-md-s-l,
    .m-md-s-left {
        margin-left: 24px;
    }
    .margin-md-s-r,
    .margin-md-s-right,
    .m-md-s-r,
    .m-md-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 992px) {
    .margin-lg-s,
    .m-lg-s {
        margin: 24px;
    }
    .margin-lg-s-t,
    .margin-lg-s-top,
    .m-lg-s-t,
    .m-lg-s-top {
        margin-top: 24px;
    }
    .margin-lg-s-b,
    .margin-lg-s-bottom,
    .m-lg-s-b,
    .m-lg-s-bottom {
        margin-bottom: 24px;
    }
    .margin-lg-s-l,
    .margin-lg-s-left,
    .m-lg-s-l,
    .m-lg-s-left {
        margin-left: 24px;
    }
    .margin-lg-s-r,
    .margin-lg-s-right,
    .m-lg-s-r,
    .m-lg-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-s,
    .m-xl-s {
        margin: 24px;
    }
    .margin-xl-s-t,
    .margin-xl-s-top,
    .m-xl-s-t,
    .m-xl-s-top {
        margin-top: 24px;
    }
    .margin-xl-s-b,
    .margin-xl-s-bottom,
    .m-xl-s-b,
    .m-xl-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xl-s-l,
    .margin-xl-s-left,
    .m-xl-s-l,
    .m-xl-s-left {
        margin-left: 24px;
    }
    .margin-xl-s-r,
    .margin-xl-s-right,
    .m-xl-s-r,
    .m-xl-s-right {
        margin-right: 24px;
    }
}

.margin-m,
.m-m {
    margin: 32px;
}

.margin-m-t,
.margin-m-top,
.m-m-t,
.m-m-top {
    margin-top: 32px;
}

.margin-m-b,
.margin-m-bottom,
.m-m-b,
.m-m-bottom {
    margin-bottom: 32px;
}

.margin-m-l,
.margin-m-left,
.m-m-l,
.m-m-left {
    margin-left: 32px;
}

.margin-m-r,
.margin-m-right,
.m-m-r,
.m-m-right {
    margin-right: 32px;
}

@media (min-width: 0) {
    .margin-xs-m,
    .m-xs-m {
        margin: 32px;
    }
    .margin-xs-m-t,
    .margin-xs-m-top,
    .m-xs-m-t,
    .m-xs-m-top {
        margin-top: 32px;
    }
    .margin-xs-m-b,
    .margin-xs-m-bottom,
    .m-xs-m-b,
    .m-xs-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xs-m-l,
    .margin-xs-m-left,
    .m-xs-m-l,
    .m-xs-m-left {
        margin-left: 32px;
    }
    .margin-xs-m-r,
    .margin-xs-m-right,
    .m-xs-m-r,
    .m-xs-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 576px) {
    .margin-sm-m,
    .m-sm-m {
        margin: 32px;
    }
    .margin-sm-m-t,
    .margin-sm-m-top,
    .m-sm-m-t,
    .m-sm-m-top {
        margin-top: 32px;
    }
    .margin-sm-m-b,
    .margin-sm-m-bottom,
    .m-sm-m-b,
    .m-sm-m-bottom {
        margin-bottom: 32px;
    }
    .margin-sm-m-l,
    .margin-sm-m-left,
    .m-sm-m-l,
    .m-sm-m-left {
        margin-left: 32px;
    }
    .margin-sm-m-r,
    .margin-sm-m-right,
    .m-sm-m-r,
    .m-sm-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 768px) {
    .margin-md-m,
    .m-md-m {
        margin: 32px;
    }
    .margin-md-m-t,
    .margin-md-m-top,
    .m-md-m-t,
    .m-md-m-top {
        margin-top: 32px;
    }
    .margin-md-m-b,
    .margin-md-m-bottom,
    .m-md-m-b,
    .m-md-m-bottom {
        margin-bottom: 32px;
    }
    .margin-md-m-l,
    .margin-md-m-left,
    .m-md-m-l,
    .m-md-m-left {
        margin-left: 32px;
    }
    .margin-md-m-r,
    .margin-md-m-right,
    .m-md-m-r,
    .m-md-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 992px) {
    .margin-lg-m,
    .m-lg-m {
        margin: 32px;
    }
    .margin-lg-m-t,
    .margin-lg-m-top,
    .m-lg-m-t,
    .m-lg-m-top {
        margin-top: 32px;
    }
    .margin-lg-m-b,
    .margin-lg-m-bottom,
    .m-lg-m-b,
    .m-lg-m-bottom {
        margin-bottom: 32px;
    }
    .margin-lg-m-l,
    .margin-lg-m-left,
    .m-lg-m-l,
    .m-lg-m-left {
        margin-left: 32px;
    }
    .margin-lg-m-r,
    .margin-lg-m-right,
    .m-lg-m-r,
    .m-lg-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-m,
    .m-xl-m {
        margin: 32px;
    }
    .margin-xl-m-t,
    .margin-xl-m-top,
    .m-xl-m-t,
    .m-xl-m-top {
        margin-top: 32px;
    }
    .margin-xl-m-b,
    .margin-xl-m-bottom,
    .m-xl-m-b,
    .m-xl-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xl-m-l,
    .margin-xl-m-left,
    .m-xl-m-l,
    .m-xl-m-left {
        margin-left: 32px;
    }
    .margin-xl-m-r,
    .margin-xl-m-right,
    .m-xl-m-r,
    .m-xl-m-right {
        margin-right: 32px;
    }
}

.margin-l,
.m-l {
    margin: 40px;
}

.margin-l-t,
.margin-l-top,
.m-l-t,
.m-l-top {
    margin-top: 40px;
}

.margin-l-b,
.margin-l-bottom,
.m-l-b,
.m-l-bottom {
    margin-bottom: 40px;
}

.margin-l-l,
.margin-l-left,
.m-l-l,
.m-l-left {
    margin-left: 40px;
}

.margin-l-r,
.margin-l-right,
.m-l-r,
.m-l-right {
    margin-right: 40px;
}

@media (min-width: 0) {
    .margin-xs-l,
    .m-xs-l {
        margin: 40px;
    }
    .margin-xs-l-t,
    .margin-xs-l-top,
    .m-xs-l-t,
    .m-xs-l-top {
        margin-top: 40px;
    }
    .margin-xs-l-b,
    .margin-xs-l-bottom,
    .m-xs-l-b,
    .m-xs-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xs-l-l,
    .margin-xs-l-left,
    .m-xs-l-l,
    .m-xs-l-left {
        margin-left: 40px;
    }
    .margin-xs-l-r,
    .margin-xs-l-right,
    .m-xs-l-r,
    .m-xs-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 576px) {
    .margin-sm-l,
    .m-sm-l {
        margin: 40px;
    }
    .margin-sm-l-t,
    .margin-sm-l-top,
    .m-sm-l-t,
    .m-sm-l-top {
        margin-top: 40px;
    }
    .margin-sm-l-b,
    .margin-sm-l-bottom,
    .m-sm-l-b,
    .m-sm-l-bottom {
        margin-bottom: 40px;
    }
    .margin-sm-l-l,
    .margin-sm-l-left,
    .m-sm-l-l,
    .m-sm-l-left {
        margin-left: 40px;
    }
    .margin-sm-l-r,
    .margin-sm-l-right,
    .m-sm-l-r,
    .m-sm-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 768px) {
    .margin-md-l,
    .m-md-l {
        margin: 40px;
    }
    .margin-md-l-t,
    .margin-md-l-top,
    .m-md-l-t,
    .m-md-l-top {
        margin-top: 40px;
    }
    .margin-md-l-b,
    .margin-md-l-bottom,
    .m-md-l-b,
    .m-md-l-bottom {
        margin-bottom: 40px;
    }
    .margin-md-l-l,
    .margin-md-l-left,
    .m-md-l-l,
    .m-md-l-left {
        margin-left: 40px;
    }
    .margin-md-l-r,
    .margin-md-l-right,
    .m-md-l-r,
    .m-md-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .margin-lg-l,
    .m-lg-l {
        margin: 40px;
    }
    .margin-lg-l-t,
    .margin-lg-l-top,
    .m-lg-l-t,
    .m-lg-l-top {
        margin-top: 40px;
    }
    .margin-lg-l-b,
    .margin-lg-l-bottom,
    .m-lg-l-b,
    .m-lg-l-bottom {
        margin-bottom: 40px;
    }
    .margin-lg-l-l,
    .margin-lg-l-left,
    .m-lg-l-l,
    .m-lg-l-left {
        margin-left: 40px;
    }
    .margin-lg-l-r,
    .margin-lg-l-right,
    .m-lg-l-r,
    .m-lg-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-l,
    .m-xl-l {
        margin: 40px;
    }
    .margin-xl-l-t,
    .margin-xl-l-top,
    .m-xl-l-t,
    .m-xl-l-top {
        margin-top: 40px;
    }
    .margin-xl-l-b,
    .margin-xl-l-bottom,
    .m-xl-l-b,
    .m-xl-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xl-l-l,
    .margin-xl-l-left,
    .m-xl-l-l,
    .m-xl-l-left {
        margin-left: 40px;
    }
    .margin-xl-l-r,
    .margin-xl-l-right,
    .m-xl-l-r,
    .m-xl-l-right {
        margin-right: 40px;
    }
}

.margin-xl,
.m-xl {
    margin: 48px;
}

.margin-xl-t,
.margin-xl-top,
.m-xl-t,
.m-xl-top {
    margin-top: 48px;
}

.margin-xl-b,
.margin-xl-bottom,
.m-xl-b,
.m-xl-bottom {
    margin-bottom: 48px;
}

.margin-xl-l,
.margin-xl-left,
.m-xl-l,
.m-xl-left {
    margin-left: 48px;
}

.margin-xl-r,
.margin-xl-right,
.m-xl-r,
.m-xl-right {
    margin-right: 48px;
}

@media (min-width: 0) {
    .margin-xs-xl,
    .m-xs-xl {
        margin: 48px;
    }
    .margin-xs-xl-t,
    .margin-xs-xl-top,
    .m-xs-xl-t,
    .m-xs-xl-top {
        margin-top: 48px;
    }
    .margin-xs-xl-b,
    .margin-xs-xl-bottom,
    .m-xs-xl-b,
    .m-xs-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xs-xl-l,
    .margin-xs-xl-left,
    .m-xs-xl-l,
    .m-xs-xl-left {
        margin-left: 48px;
    }
    .margin-xs-xl-r,
    .margin-xs-xl-right,
    .m-xs-xl-r,
    .m-xs-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xl,
    .m-sm-xl {
        margin: 48px;
    }
    .margin-sm-xl-t,
    .margin-sm-xl-top,
    .m-sm-xl-t,
    .m-sm-xl-top {
        margin-top: 48px;
    }
    .margin-sm-xl-b,
    .margin-sm-xl-bottom,
    .m-sm-xl-b,
    .m-sm-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-sm-xl-l,
    .margin-sm-xl-left,
    .m-sm-xl-l,
    .m-sm-xl-left {
        margin-left: 48px;
    }
    .margin-sm-xl-r,
    .margin-sm-xl-right,
    .m-sm-xl-r,
    .m-sm-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 768px) {
    .margin-md-xl,
    .m-md-xl {
        margin: 48px;
    }
    .margin-md-xl-t,
    .margin-md-xl-top,
    .m-md-xl-t,
    .m-md-xl-top {
        margin-top: 48px;
    }
    .margin-md-xl-b,
    .margin-md-xl-bottom,
    .m-md-xl-b,
    .m-md-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-md-xl-l,
    .margin-md-xl-left,
    .m-md-xl-l,
    .m-md-xl-left {
        margin-left: 48px;
    }
    .margin-md-xl-r,
    .margin-md-xl-right,
    .m-md-xl-r,
    .m-md-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xl,
    .m-lg-xl {
        margin: 48px;
    }
    .margin-lg-xl-t,
    .margin-lg-xl-top,
    .m-lg-xl-t,
    .m-lg-xl-top {
        margin-top: 48px;
    }
    .margin-lg-xl-b,
    .margin-lg-xl-bottom,
    .m-lg-xl-b,
    .m-lg-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-lg-xl-l,
    .margin-lg-xl-left,
    .m-lg-xl-l,
    .m-lg-xl-left {
        margin-left: 48px;
    }
    .margin-lg-xl-r,
    .margin-lg-xl-right,
    .m-lg-xl-r,
    .m-lg-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xl,
    .m-xl-xl {
        margin: 48px;
    }
    .margin-xl-xl-t,
    .margin-xl-xl-top,
    .m-xl-xl-t,
    .m-xl-xl-top {
        margin-top: 48px;
    }
    .margin-xl-xl-b,
    .margin-xl-xl-bottom,
    .m-xl-xl-b,
    .m-xl-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xl-xl-l,
    .margin-xl-xl-left,
    .m-xl-xl-l,
    .m-xl-xl-left {
        margin-left: 48px;
    }
    .margin-xl-xl-r,
    .margin-xl-xl-right,
    .m-xl-xl-r,
    .m-xl-xl-right {
        margin-right: 48px;
    }
}

.margin-xxl,
.m-xxl {
    margin: 56px;
}

.margin-xxl-t,
.margin-xxl-top,
.m-xxl-t,
.m-xxl-top {
    margin-top: 56px;
}

.margin-xxl-b,
.margin-xxl-bottom,
.m-xxl-b,
.m-xxl-bottom {
    margin-bottom: 56px;
}

.margin-xxl-l,
.margin-xxl-left,
.m-xxl-l,
.m-xxl-left {
    margin-left: 56px;
}

.margin-xxl-r,
.margin-xxl-right,
.m-xxl-r,
.m-xxl-right {
    margin-right: 56px;
}

@media (min-width: 0) {
    .margin-xs-xxl,
    .m-xs-xxl {
        margin: 56px;
    }
    .margin-xs-xxl-t,
    .margin-xs-xxl-top,
    .m-xs-xxl-t,
    .m-xs-xxl-top {
        margin-top: 56px;
    }
    .margin-xs-xxl-b,
    .margin-xs-xxl-bottom,
    .m-xs-xxl-b,
    .m-xs-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xs-xxl-l,
    .margin-xs-xxl-left,
    .m-xs-xxl-l,
    .m-xs-xxl-left {
        margin-left: 56px;
    }
    .margin-xs-xxl-r,
    .margin-xs-xxl-right,
    .m-xs-xxl-r,
    .m-xs-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxl,
    .m-sm-xxl {
        margin: 56px;
    }
    .margin-sm-xxl-t,
    .margin-sm-xxl-top,
    .m-sm-xxl-t,
    .m-sm-xxl-top {
        margin-top: 56px;
    }
    .margin-sm-xxl-b,
    .margin-sm-xxl-bottom,
    .m-sm-xxl-b,
    .m-sm-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-sm-xxl-l,
    .margin-sm-xxl-left,
    .m-sm-xxl-l,
    .m-sm-xxl-left {
        margin-left: 56px;
    }
    .margin-sm-xxl-r,
    .margin-sm-xxl-right,
    .m-sm-xxl-r,
    .m-sm-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxl,
    .m-md-xxl {
        margin: 56px;
    }
    .margin-md-xxl-t,
    .margin-md-xxl-top,
    .m-md-xxl-t,
    .m-md-xxl-top {
        margin-top: 56px;
    }
    .margin-md-xxl-b,
    .margin-md-xxl-bottom,
    .m-md-xxl-b,
    .m-md-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-md-xxl-l,
    .margin-md-xxl-left,
    .m-md-xxl-l,
    .m-md-xxl-left {
        margin-left: 56px;
    }
    .margin-md-xxl-r,
    .margin-md-xxl-right,
    .m-md-xxl-r,
    .m-md-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxl,
    .m-lg-xxl {
        margin: 56px;
    }
    .margin-lg-xxl-t,
    .margin-lg-xxl-top,
    .m-lg-xxl-t,
    .m-lg-xxl-top {
        margin-top: 56px;
    }
    .margin-lg-xxl-b,
    .margin-lg-xxl-bottom,
    .m-lg-xxl-b,
    .m-lg-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-lg-xxl-l,
    .margin-lg-xxl-left,
    .m-lg-xxl-l,
    .m-lg-xxl-left {
        margin-left: 56px;
    }
    .margin-lg-xxl-r,
    .margin-lg-xxl-right,
    .m-lg-xxl-r,
    .m-lg-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxl,
    .m-xl-xxl {
        margin: 56px;
    }
    .margin-xl-xxl-t,
    .margin-xl-xxl-top,
    .m-xl-xxl-t,
    .m-xl-xxl-top {
        margin-top: 56px;
    }
    .margin-xl-xxl-b,
    .margin-xl-xxl-bottom,
    .m-xl-xxl-b,
    .m-xl-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xl-xxl-l,
    .margin-xl-xxl-left,
    .m-xl-xxl-l,
    .m-xl-xxl-left {
        margin-left: 56px;
    }
    .margin-xl-xxl-r,
    .margin-xl-xxl-right,
    .m-xl-xxl-r,
    .m-xl-xxl-right {
        margin-right: 56px;
    }
}

.margin-xxxl,
.m-xxxl {
    margin: 64px;
}

.margin-xxxl-t,
.margin-xxxl-top,
.m-xxxl-t,
.m-xxxl-top {
    margin-top: 64px;
}

.margin-xxxl-b,
.margin-xxxl-bottom,
.m-xxxl-b,
.m-xxxl-bottom {
    margin-bottom: 64px;
}

.margin-xxxl-l,
.margin-xxxl-left,
.m-xxxl-l,
.m-xxxl-left {
    margin-left: 64px;
}

.margin-xxxl-r,
.margin-xxxl-right,
.m-xxxl-r,
.m-xxxl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-xxxl,
    .m-xs-xxxl {
        margin: 64px;
    }
    .margin-xs-xxxl-t,
    .margin-xs-xxxl-top,
    .m-xs-xxxl-t,
    .m-xs-xxxl-top {
        margin-top: 64px;
    }
    .margin-xs-xxxl-b,
    .margin-xs-xxxl-bottom,
    .m-xs-xxxl-b,
    .m-xs-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-xxxl-l,
    .margin-xs-xxxl-left,
    .m-xs-xxxl-l,
    .m-xs-xxxl-left {
        margin-left: 64px;
    }
    .margin-xs-xxxl-r,
    .margin-xs-xxxl-right,
    .m-xs-xxxl-r,
    .m-xs-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxl,
    .m-sm-xxxl {
        margin: 64px;
    }
    .margin-sm-xxxl-t,
    .margin-sm-xxxl-top,
    .m-sm-xxxl-t,
    .m-sm-xxxl-top {
        margin-top: 64px;
    }
    .margin-sm-xxxl-b,
    .margin-sm-xxxl-bottom,
    .m-sm-xxxl-b,
    .m-sm-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-xxxl-l,
    .margin-sm-xxxl-left,
    .m-sm-xxxl-l,
    .m-sm-xxxl-left {
        margin-left: 64px;
    }
    .margin-sm-xxxl-r,
    .margin-sm-xxxl-right,
    .m-sm-xxxl-r,
    .m-sm-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxl,
    .m-md-xxxl {
        margin: 64px;
    }
    .margin-md-xxxl-t,
    .margin-md-xxxl-top,
    .m-md-xxxl-t,
    .m-md-xxxl-top {
        margin-top: 64px;
    }
    .margin-md-xxxl-b,
    .margin-md-xxxl-bottom,
    .m-md-xxxl-b,
    .m-md-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-xxxl-l,
    .margin-md-xxxl-left,
    .m-md-xxxl-l,
    .m-md-xxxl-left {
        margin-left: 64px;
    }
    .margin-md-xxxl-r,
    .margin-md-xxxl-right,
    .m-md-xxxl-r,
    .m-md-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxl,
    .m-lg-xxxl {
        margin: 64px;
    }
    .margin-lg-xxxl-t,
    .margin-lg-xxxl-top,
    .m-lg-xxxl-t,
    .m-lg-xxxl-top {
        margin-top: 64px;
    }
    .margin-lg-xxxl-b,
    .margin-lg-xxxl-bottom,
    .m-lg-xxxl-b,
    .m-lg-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-xxxl-l,
    .margin-lg-xxxl-left,
    .m-lg-xxxl-l,
    .m-lg-xxxl-left {
        margin-left: 64px;
    }
    .margin-lg-xxxl-r,
    .margin-lg-xxxl-right,
    .m-lg-xxxl-r,
    .m-lg-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxl,
    .m-xl-xxxl {
        margin: 64px;
    }
    .margin-xl-xxxl-t,
    .margin-xl-xxxl-top,
    .m-xl-xxxl-t,
    .m-xl-xxxl-top {
        margin-top: 64px;
    }
    .margin-xl-xxxl-b,
    .margin-xl-xxxl-bottom,
    .m-xl-xxxl-b,
    .m-xl-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-xxxl-l,
    .margin-xl-xxxl-left,
    .m-xl-xxxl-l,
    .m-xl-xxxl-left {
        margin-left: 64px;
    }
    .margin-xl-xxxl-r,
    .margin-xl-xxxl-right,
    .m-xl-xxxl-r,
    .m-xl-xxxl-right {
        margin-right: 64px;
    }
}

.margin-3xl,
.m-3xl {
    margin: 64px;
}

.margin-3xl-t,
.margin-3xl-top,
.m-3xl-t,
.m-3xl-top {
    margin-top: 64px;
}

.margin-3xl-b,
.margin-3xl-bottom,
.m-3xl-b,
.m-3xl-bottom {
    margin-bottom: 64px;
}

.margin-3xl-l,
.margin-3xl-left,
.m-3xl-l,
.m-3xl-left {
    margin-left: 64px;
}

.margin-3xl-r,
.margin-3xl-right,
.m-3xl-r,
.m-3xl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-3xl,
    .m-xs-3xl {
        margin: 64px;
    }
    .margin-xs-3xl-t,
    .margin-xs-3xl-top,
    .m-xs-3xl-t,
    .m-xs-3xl-top {
        margin-top: 64px;
    }
    .margin-xs-3xl-b,
    .margin-xs-3xl-bottom,
    .m-xs-3xl-b,
    .m-xs-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-3xl-l,
    .margin-xs-3xl-left,
    .m-xs-3xl-l,
    .m-xs-3xl-left {
        margin-left: 64px;
    }
    .margin-xs-3xl-r,
    .margin-xs-3xl-right,
    .m-xs-3xl-r,
    .m-xs-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xl,
    .m-sm-3xl {
        margin: 64px;
    }
    .margin-sm-3xl-t,
    .margin-sm-3xl-top,
    .m-sm-3xl-t,
    .m-sm-3xl-top {
        margin-top: 64px;
    }
    .margin-sm-3xl-b,
    .margin-sm-3xl-bottom,
    .m-sm-3xl-b,
    .m-sm-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-3xl-l,
    .margin-sm-3xl-left,
    .m-sm-3xl-l,
    .m-sm-3xl-left {
        margin-left: 64px;
    }
    .margin-sm-3xl-r,
    .margin-sm-3xl-right,
    .m-sm-3xl-r,
    .m-sm-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xl,
    .m-md-3xl {
        margin: 64px;
    }
    .margin-md-3xl-t,
    .margin-md-3xl-top,
    .m-md-3xl-t,
    .m-md-3xl-top {
        margin-top: 64px;
    }
    .margin-md-3xl-b,
    .margin-md-3xl-bottom,
    .m-md-3xl-b,
    .m-md-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-3xl-l,
    .margin-md-3xl-left,
    .m-md-3xl-l,
    .m-md-3xl-left {
        margin-left: 64px;
    }
    .margin-md-3xl-r,
    .margin-md-3xl-right,
    .m-md-3xl-r,
    .m-md-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xl,
    .m-lg-3xl {
        margin: 64px;
    }
    .margin-lg-3xl-t,
    .margin-lg-3xl-top,
    .m-lg-3xl-t,
    .m-lg-3xl-top {
        margin-top: 64px;
    }
    .margin-lg-3xl-b,
    .margin-lg-3xl-bottom,
    .m-lg-3xl-b,
    .m-lg-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-3xl-l,
    .margin-lg-3xl-left,
    .m-lg-3xl-l,
    .m-lg-3xl-left {
        margin-left: 64px;
    }
    .margin-lg-3xl-r,
    .margin-lg-3xl-right,
    .m-lg-3xl-r,
    .m-lg-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xl,
    .m-xl-3xl {
        margin: 64px;
    }
    .margin-xl-3xl-t,
    .margin-xl-3xl-top,
    .m-xl-3xl-t,
    .m-xl-3xl-top {
        margin-top: 64px;
    }
    .margin-xl-3xl-b,
    .margin-xl-3xl-bottom,
    .m-xl-3xl-b,
    .m-xl-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-3xl-l,
    .margin-xl-3xl-left,
    .m-xl-3xl-l,
    .m-xl-3xl-left {
        margin-left: 64px;
    }
    .margin-xl-3xl-r,
    .margin-xl-3xl-right,
    .m-xl-3xl-r,
    .m-xl-3xl-right {
        margin-right: 64px;
    }
}

.margin-xxxxl,
.m-xxxxl {
    margin: 76px;
}

.margin-xxxxl-t,
.margin-xxxxl-top,
.m-xxxxl-t,
.m-xxxxl-top {
    margin-top: 76px;
}

.margin-xxxxl-b,
.margin-xxxxl-bottom,
.m-xxxxl-b,
.m-xxxxl-bottom {
    margin-bottom: 76px;
}

.margin-xxxxl-l,
.margin-xxxxl-left,
.m-xxxxl-l,
.m-xxxxl-left {
    margin-left: 76px;
}

.margin-xxxxl-r,
.margin-xxxxl-right,
.m-xxxxl-r,
.m-xxxxl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-xxxxl,
    .m-xs-xxxxl {
        margin: 76px;
    }
    .margin-xs-xxxxl-t,
    .margin-xs-xxxxl-top,
    .m-xs-xxxxl-t,
    .m-xs-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xs-xxxxl-b,
    .margin-xs-xxxxl-bottom,
    .m-xs-xxxxl-b,
    .m-xs-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-xxxxl-l,
    .margin-xs-xxxxl-left,
    .m-xs-xxxxl-l,
    .m-xs-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xs-xxxxl-r,
    .margin-xs-xxxxl-right,
    .m-xs-xxxxl-r,
    .m-xs-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxl,
    .m-sm-xxxxl {
        margin: 76px;
    }
    .margin-sm-xxxxl-t,
    .margin-sm-xxxxl-top,
    .m-sm-xxxxl-t,
    .m-sm-xxxxl-top {
        margin-top: 76px;
    }
    .margin-sm-xxxxl-b,
    .margin-sm-xxxxl-bottom,
    .m-sm-xxxxl-b,
    .m-sm-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-xxxxl-l,
    .margin-sm-xxxxl-left,
    .m-sm-xxxxl-l,
    .m-sm-xxxxl-left {
        margin-left: 76px;
    }
    .margin-sm-xxxxl-r,
    .margin-sm-xxxxl-right,
    .m-sm-xxxxl-r,
    .m-sm-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxl,
    .m-md-xxxxl {
        margin: 76px;
    }
    .margin-md-xxxxl-t,
    .margin-md-xxxxl-top,
    .m-md-xxxxl-t,
    .m-md-xxxxl-top {
        margin-top: 76px;
    }
    .margin-md-xxxxl-b,
    .margin-md-xxxxl-bottom,
    .m-md-xxxxl-b,
    .m-md-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-xxxxl-l,
    .margin-md-xxxxl-left,
    .m-md-xxxxl-l,
    .m-md-xxxxl-left {
        margin-left: 76px;
    }
    .margin-md-xxxxl-r,
    .margin-md-xxxxl-right,
    .m-md-xxxxl-r,
    .m-md-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxl,
    .m-lg-xxxxl {
        margin: 76px;
    }
    .margin-lg-xxxxl-t,
    .margin-lg-xxxxl-top,
    .m-lg-xxxxl-t,
    .m-lg-xxxxl-top {
        margin-top: 76px;
    }
    .margin-lg-xxxxl-b,
    .margin-lg-xxxxl-bottom,
    .m-lg-xxxxl-b,
    .m-lg-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-xxxxl-l,
    .margin-lg-xxxxl-left,
    .m-lg-xxxxl-l,
    .m-lg-xxxxl-left {
        margin-left: 76px;
    }
    .margin-lg-xxxxl-r,
    .margin-lg-xxxxl-right,
    .m-lg-xxxxl-r,
    .m-lg-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxl,
    .m-xl-xxxxl {
        margin: 76px;
    }
    .margin-xl-xxxxl-t,
    .margin-xl-xxxxl-top,
    .m-xl-xxxxl-t,
    .m-xl-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xl-xxxxl-b,
    .margin-xl-xxxxl-bottom,
    .m-xl-xxxxl-b,
    .m-xl-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-xxxxl-l,
    .margin-xl-xxxxl-left,
    .m-xl-xxxxl-l,
    .m-xl-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xl-xxxxl-r,
    .margin-xl-xxxxl-right,
    .m-xl-xxxxl-r,
    .m-xl-xxxxl-right {
        margin-right: 76px;
    }
}

.margin-4xl,
.m-4xl {
    margin: 76px;
}

.margin-4xl-t,
.margin-4xl-top,
.m-4xl-t,
.m-4xl-top {
    margin-top: 76px;
}

.margin-4xl-b,
.margin-4xl-bottom,
.m-4xl-b,
.m-4xl-bottom {
    margin-bottom: 76px;
}

.margin-4xl-l,
.margin-4xl-left,
.m-4xl-l,
.m-4xl-left {
    margin-left: 76px;
}

.margin-4xl-r,
.margin-4xl-right,
.m-4xl-r,
.m-4xl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-4xl,
    .m-xs-4xl {
        margin: 76px;
    }
    .margin-xs-4xl-t,
    .margin-xs-4xl-top,
    .m-xs-4xl-t,
    .m-xs-4xl-top {
        margin-top: 76px;
    }
    .margin-xs-4xl-b,
    .margin-xs-4xl-bottom,
    .m-xs-4xl-b,
    .m-xs-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-4xl-l,
    .margin-xs-4xl-left,
    .m-xs-4xl-l,
    .m-xs-4xl-left {
        margin-left: 76px;
    }
    .margin-xs-4xl-r,
    .margin-xs-4xl-right,
    .m-xs-4xl-r,
    .m-xs-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xl,
    .m-sm-4xl {
        margin: 76px;
    }
    .margin-sm-4xl-t,
    .margin-sm-4xl-top,
    .m-sm-4xl-t,
    .m-sm-4xl-top {
        margin-top: 76px;
    }
    .margin-sm-4xl-b,
    .margin-sm-4xl-bottom,
    .m-sm-4xl-b,
    .m-sm-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-4xl-l,
    .margin-sm-4xl-left,
    .m-sm-4xl-l,
    .m-sm-4xl-left {
        margin-left: 76px;
    }
    .margin-sm-4xl-r,
    .margin-sm-4xl-right,
    .m-sm-4xl-r,
    .m-sm-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xl,
    .m-md-4xl {
        margin: 76px;
    }
    .margin-md-4xl-t,
    .margin-md-4xl-top,
    .m-md-4xl-t,
    .m-md-4xl-top {
        margin-top: 76px;
    }
    .margin-md-4xl-b,
    .margin-md-4xl-bottom,
    .m-md-4xl-b,
    .m-md-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-4xl-l,
    .margin-md-4xl-left,
    .m-md-4xl-l,
    .m-md-4xl-left {
        margin-left: 76px;
    }
    .margin-md-4xl-r,
    .margin-md-4xl-right,
    .m-md-4xl-r,
    .m-md-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xl,
    .m-lg-4xl {
        margin: 76px;
    }
    .margin-lg-4xl-t,
    .margin-lg-4xl-top,
    .m-lg-4xl-t,
    .m-lg-4xl-top {
        margin-top: 76px;
    }
    .margin-lg-4xl-b,
    .margin-lg-4xl-bottom,
    .m-lg-4xl-b,
    .m-lg-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-4xl-l,
    .margin-lg-4xl-left,
    .m-lg-4xl-l,
    .m-lg-4xl-left {
        margin-left: 76px;
    }
    .margin-lg-4xl-r,
    .margin-lg-4xl-right,
    .m-lg-4xl-r,
    .m-lg-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xl,
    .m-xl-4xl {
        margin: 76px;
    }
    .margin-xl-4xl-t,
    .margin-xl-4xl-top,
    .m-xl-4xl-t,
    .m-xl-4xl-top {
        margin-top: 76px;
    }
    .margin-xl-4xl-b,
    .margin-xl-4xl-bottom,
    .m-xl-4xl-b,
    .m-xl-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-4xl-l,
    .margin-xl-4xl-left,
    .m-xl-4xl-l,
    .m-xl-4xl-left {
        margin-left: 76px;
    }
    .margin-xl-4xl-r,
    .margin-xl-4xl-right,
    .m-xl-4xl-r,
    .m-xl-4xl-right {
        margin-right: 76px;
    }
}

.margin-auto,
.m-auto {
    margin: auto;
}

.margin-auto-t,
.margin-auto-top,
.m-auto-t,
.m-auto-top {
    margin-top: auto;
}

.margin-auto-b,
.margin-auto-bottom,
.m-auto-b,
.m-auto-bottom {
    margin-bottom: auto;
}

.margin-auto-l,
.margin-auto-left,
.m-auto-l,
.m-auto-left {
    margin-left: auto;
}

.margin-auto-r,
.margin-auto-right,
.m-auto-r,
.m-auto-right {
    margin-right: auto;
}

.margin-xs-auto {
    margin: auto;
}

.margin-xs-auto-t,
.margin-xs-auto-top {
    margin-top: auto;
}

.margin-xs-auto-b,
.margin-xs-auto-bottom {
    margin-bottom: auto;
}

.margin-xs-auto-l,
.margin-xs-auto-left {
    margin-left: auto;
}

.margin-xs-auto-r,
.margin-xs-auto-right {
    margin-right: auto;
}

.margin-sm-auto {
    margin: auto;
}

.margin-sm-auto-t,
.margin-sm-auto-top {
    margin-top: auto;
}

.margin-sm-auto-b,
.margin-sm-auto-bottom {
    margin-bottom: auto;
}

.margin-sm-auto-l,
.margin-sm-auto-left {
    margin-left: auto;
}

.margin-sm-auto-r,
.margin-sm-auto-right {
    margin-right: auto;
}

.margin-md-auto {
    margin: auto;
}

.margin-md-auto-t,
.margin-md-auto-top {
    margin-top: auto;
}

.margin-md-auto-b,
.margin-md-auto-bottom {
    margin-bottom: auto;
}

.margin-md-auto-l,
.margin-md-auto-left {
    margin-left: auto;
}

.margin-md-auto-r,
.margin-md-auto-right {
    margin-right: auto;
}

.margin-lg-auto {
    margin: auto;
}

.margin-lg-auto-t,
.margin-lg-auto-top {
    margin-top: auto;
}

.margin-lg-auto-b,
.margin-lg-auto-bottom {
    margin-bottom: auto;
}

.margin-lg-auto-l,
.margin-lg-auto-left {
    margin-left: auto;
}

.margin-lg-auto-r,
.margin-lg-auto-right {
    margin-right: auto;
}

.margin-xl-auto {
    margin: auto;
}

.margin-xl-auto-t,
.margin-xl-auto-top {
    margin-top: auto;
}

.margin-xl-auto-b,
.margin-xl-auto-bottom {
    margin-bottom: auto;
}

.margin-xl-auto-l,
.margin-xl-auto-left {
    margin-left: auto;
}

.margin-xl-auto-r,
.margin-xl-auto-right {
    margin-right: auto;
}

.bg-color-main {
    background-color: #55c4d0;
}

.bg-color-main-light {
    background-color: #d5f4f7;
}

.bg-color-main-dark {
    background-color: #278b96;
}

.bg-color-secondary {
    background-color: #375573;
}

.bg-color-secondary-light {
    background-color: #cad8e6;
}

.bg-color-secondary-dark {
    background-color: #19334d;
}

.bg-color-accent {
    background-color: #55c4d0;
}

.bg-color-accent-light {
    background-color: #d5f4f7;
}

.bg-color-accent-dark {
    background-color: #278b96;
}

.bg-color-danger,
.bg-color-error {
    background-color: #f15a6d;
}

.bg-color-danger-light,
.bg-color-error-light {
    background-color: #ffc4cc;
}

.bg-color-danger-dark,
.bg-color-error-dark {
    background-color: #b8283b;
}

.bg-color-success {
    background-color: #6ec190;
}

.bg-color-success-light {
    background-color: #d5f5e2;
}

.bg-color-success-dark {
    background-color: #2b754a;
}

.bg-color-alert,
.bg-color-warning {
    background-color: #ffc845;
}

.bg-color-alert-light,
.bg-color-warning-light {
    background-color: #ffe9b5;
}

.bg-color-alert-dark,
.bg-color-warning-dark {
    background-color: #9d6f00;
}

.bg-color-info {
    background-color: #55c4d0;
}

.bg-color-info-light {
    background-color: #d5f4f7;
}

.bg-color-info-dark {
    background-color: #278b96;
}

.bg-color-ink {
    background-color: #333;
}

.bg-color-ink-light {
    background-color: #888;
}

.bg-color-ink-lightest {
    background-color: #bbb;
}

.bg-color-ground {
    background-color: #d4d4d4;
}

.bg-color-ground-light {
    background-color: #e3e3e3;
}

.bg-color-ground-lightest {
    background-color: #f2f2f2;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-black {
    background-color: #000;
}

.color-main {
    color: #55c4d0;
}

.color-main-light {
    color: #d5f4f7;
}

.color-main-dark {
    color: #278b96;
}

.color-secondary {
    color: #375573;
}

.color-secondary-light {
    color: #cad8e6;
}

.color-secondary-dark {
    color: #19334d;
}

.color-accent {
    color: #55c4d0;
}

.color-accent-light {
    color: #d5f4f7;
}

.color-accent-dark {
    color: #278b96;
}

.color-danger {
    color: #f15a6d;
}

.color-danger-light {
    color: #ffc4cc;
}

.color-danger-dark {
    color: #b8283b;
}

.color-success {
    color: #6ec190;
}

.color-success-light {
    color: #d5f5e2;
}

.color-success-dark {
    color: #2b754a;
}

.color-alert {
    color: #ffc845;
}

.color-alert-light {
    color: #ffe9b5;
}

.color-alert-dark {
    color: #9d6f00;
}

.color-info {
    color: #55c4d0;
}

.color-info-light {
    color: #d5f4f7;
}

.color-info-dark {
    color: #278b96;
}

.color-ink {
    color: #333;
}

.color-ink-light {
    color: #888;
}

.color-ink-lightest {
    color: #bbb;
}

.color-ground {
    color: #d4d4d4;
}

.color-ground-light {
    color: #e3e3e3;
}

.color-ground-lightest {
    color: #f2f2f2;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.fill-main {
    fill: #55c4d0;
}

.fill-main-light {
    fill: #d5f4f7;
}

.fill-main-dark {
    fill: #278b96;
}

.fill-secondary {
    fill: #375573;
}

.fill-secondary-light {
    fill: #cad8e6;
}

.fill-secondary-dark {
    fill: #19334d;
}

.fill-accent {
    fill: #55c4d0;
}

.fill-accent-light {
    fill: #d5f4f7;
}

.fill-accent-dark {
    fill: #278b96;
}

.fill-danger {
    fill: #f15a6d;
}

.fill-danger-light {
    fill: #ffc4cc;
}

.fill-danger-dark {
    fill: #b8283b;
}

.fill-success {
    fill: #6ec190;
}

.fill-success-light {
    fill: #d5f5e2;
}

.fill-success-dark {
    fill: #2b754a;
}

.fill-alert {
    fill: #ffc845;
}

.fill-alert-light {
    fill: #ffe9b5;
}

.fill-alert-dark {
    fill: #9d6f00;
}

.fill-info {
    fill: #55c4d0;
}

.fill-info-light {
    fill: #d5f4f7;
}

.fill-info-dark {
    fill: #278b96;
}

.fill-ink {
    fill: #333;
}

.fill-ink-light {
    fill: #888;
}

.fill-ink-lightest {
    fill: #bbb;
}

.fill-ground {
    fill: #d4d4d4;
}

.fill-ground-light {
    fill: #e3e3e3;
}

.fill-ground-lightest {
    fill: #f2f2f2;
}

.fill-white {
    fill: #fff;
}

.fill-black {
    fill: #000;
}

.input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    padding: 0 12px;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    color: #333;
    resize: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: none;
}

.input::-webkit-input-placeholder {
    color: #888;
}

.input:-ms-input-placeholder {
    color: #888;
}

.input::-ms-input-placeholder {
    color: #888;
}

.input::placeholder {
    color: #888;
}

.input:focus,
.input--focused {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
    border: 1px solid #55c4d0;
}

.input--success,
.input.success {
    border: 1px solid #6ec190;
}

.input--error,
.input.error {
    border: 1px solid #f15a6d;
}

.input--error:focus,
.input--error--focus,
.input.error:focus,
.input.error--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
    border: 1px solid #f15a6d;
}

.input[disabled="disabled"],
.input--disabled,
.input.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.input--password,
.input [type="password"],
.input.password {
    font-size: 10px;
    letter-spacing: 5px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.border-radius {
    border-radius: 4px;
}

.border,
.border-01 {
    border: 1px solid;
}

.border-left,
.border-left-01 {
    border-left: 1px solid;
}

.border-right,
.border-right-01 {
    border-right: 1px solid;
}

.border-top,
.border-top-01 {
    border-top: 1px solid;
}

.border-bottom,
.border-bottom-01 {
    border-bottom: 1px solid;
}

.border-04 {
    border: 4px solid;
}

.border-left-04 {
    border-left: 4px solid;
}

.border-right-04 {
    border-right: 4px solid;
}

.border-top-04 {
    border-top: 4px solid;
}

.border-bottom-04 {
    border-bottom: 4px solid;
}

.border-color-main {
    border-color: #55c4d0;
}

.border-color-main-light {
    border-color: #d5f4f7;
}

.border-color-main-dark {
    border-color: #278b96;
}

.border-color-secondary {
    border-color: #375573;
}

.border-color-secondary-light {
    border-color: #cad8e6;
}

.border-color-secondary-dark {
    border-color: #19334d;
}

.border-color-accent {
    border-color: #55c4d0;
}

.border-color-accent-light {
    border-color: #d5f4f7;
}

.border-color-accent-dark {
    border-color: #278b96;
}

.border-color-danger {
    border-color: #f15a6d;
}

.border-color-danger-light {
    border-color: #ffc4cc;
}

.border-color-danger-dark {
    border-color: #b8283b;
}

.border-color-success {
    border-color: #6ec190;
}

.border-color-success-light {
    border-color: #d5f5e2;
}

.border-color-success-dark {
    border-color: #2b754a;
}

.border-color-alert {
    border-color: #ffc845;
}

.border-color-alert-light {
    border-color: #ffe9b5;
}

.border-color-alert-dark {
    border-color: #9d6f00;
}

.border-color-info {
    border-color: #55c4d0;
}

.border-color-info-light {
    border-color: #d5f4f7;
}

.border-color-info-dark {
    border-color: #278b96;
}

.border-color-ink {
    border-color: #333;
}

.border-color-ink-light {
    border-color: #888;
}

.border-color-ink-lightest {
    border-color: #bbb;
}

.border-color-ground {
    border-color: #d4d4d4;
}

.border-color-ground-light {
    border-color: #e3e3e3;
}

.border-color-ground-lightest {
    border-color: #f2f2f2;
}

.border-color-white {
    border-color: #fff;
}

.border-color-black {
    border-color: #000;
}

.circle {
    border-radius: 50%;
}

.full-height {
    height: 100%;
}

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

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

.half-height {
    height: 50%;
}

.half-max-height {
    max-height: 50%;
}

.half-min-height {
    min-height: 50%;
}

.height--size-s,
.height.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.height--size-l,
.height.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.height--size-m,
.height.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

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

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

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

.half-width {
    width: 50%;
}

.half-max-width {
    max-width: 50%;
}

.half-min-width {
    min-width: 50%;
}

.width--size-s,
.width.size-s {
    font-size: 0.875rem;
    width: 32px;
    max-width: 32px;
}

.width--size-l,
.width.size-l {
    font-size: 1rem;
    width: 48px;
    max-width: 48px;
}

.width--size-m,
.width.size-m {
    font-size: 1rem;
    width: 40px;
    max-width: 40px;
}

.square--size-s,
.square.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    width: 32px;
    max-width: 32px;
}

.square--size-l,
.square.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    width: 48px;
    max-width: 48px;
}

.square--size-m,
.square.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    width: 40px;
    max-width: 40px;
}

.input-error-message {
    width: 100%;
    padding: 4px 0 0 4px;
    font-family: "proxima-soft", sans-serif;
    color: #f15a6d;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 0.75rem;
    line-height: 1rem;
}

.separator {
    padding-bottom: 24px;
    border-top: 4px solid #f2f2f2;
}

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

.line-height-normal {
    line-height: 1;
}

.line-height-s {
    line-height: 1.25;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.cursor-pointer {
    cursor: pointer;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.font-xxs {
    font-size: 0.625rem;
    line-height: 0.875rem;
}

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

.font-s {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.font-m {
    font-size: 1rem;
    line-height: 1.25rem;
}

.font-l {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.font-xl {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.font-xxl {
    font-size: 2rem;
    line-height: 2.25rem;
}

.font-normal {
    font-weight: normal;
}

.font-semibold {
    font-weight: 600;
}

.font-proxima {
    font-family: "proxima-soft", sans-serif;
}

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

.shadow-s {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-s:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.24);
}

.shadow-m {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-m:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.24);
}

.shadow-l {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-l:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.24), 0 6px 12px rgba(0, 0, 0, 0.24);
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.uppercase {
    text-transform: uppercase;
}

.Example {
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.Example:not(:last-child) {
    border-color: #d4d4d4;
    border-bottom: 1px solid;
}

.Example__title {
    margin: 0;
    margin-bottom: 4px;
    font-family: "proxima-soft", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: left;
}

.Example__description {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.25rem;
}

.Example__value {
    margin-bottom: 4px;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.Example__code {
    padding: 20px;
    margin-bottom: 16px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.code {
    padding: 5px;
    margin: 20px 0;
    background-color: #f5f5f5;
}

.border-example {
    background-color: #e3e3e3;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

h3 {
    padding-bottom: 10px;
    font-size: 25px;
}

.wrapper {
    min-height: 270px;
    padding-bottom: 25px;
    margin: 25px auto;
    border-bottom: 2px solid #f5f5f5;
}

.wrapper__code {
    padding: 6px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

.wrapper__value {
    width: 200px;
    padding: 10px;
    margin-bottom: 25px;
    font-size: 18px;
    background-color: #f5f5f5;
}

.radioButtonBox {
    display: flex;
    flex-direction: column;
    width: 80px;
    height: 80px;
}

.radioButtonBox .column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.radioButtonBox .dotCenter {
    width: 30px;
    height: 30px;
    background-color: #55c4d0;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.FileDrop {
    display: block;
    width: 100%;
}

.FileDrop__content {
    height: 200px;
    border: 1px solid;
}

.FileDrop__content:hover {
    border: 5px #b42d2d solid;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputTextView .example {
    margin: 20px 0;
}

#InputTextView .example .title .description {
    padding-left: 10px;
    font-size: 14px;
}

#InputTextView .example .content {
    padding-left: 20px;
}

#InputTextView .margin-top20 {
    margin-top: 20px;
}

#InputTextView .row {
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}

#InputTextView .object {
    padding: 35px;
    background-color: #f5f5f5;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputDate {
    margin-top: 30px;
}

.date-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputDate {
    margin-top: 30px;
}

.date-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputFileView .example {
    margin: 20px 0;
}

#InputFileView .example .title .description {
    padding-left: 10px;
    font-size: 14px;
}

#InputFileView .example .content {
    padding-left: 20px;
}

#InputFileView .margin-top20 {
    margin-top: 20px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputAddress {
    display: block;
    width: 100%;
}

#InputAddress .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#InputAddress .components .component-wrapper {
    padding-right: 100px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputPhone {
    margin-top: 30px;
}

.phone-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}

.phone-example {
    padding-right: 10px;
}

.phone-label {
    margin-bottom: 5px;
}

.phone-results {
    margin-top: 40px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputTextView .example {
    margin: 20px 0;
}

#InputTextView .example .title .description {
    padding-left: 10px;
    font-size: 14px;
}

#InputTextView .example .content {
    padding-left: 20px;
}

#InputTextView .margin-top20 {
    margin-top: 20px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputDate {
    margin-top: 30px;
}

.date-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Modal {
    display: block;
    width: 100%;
}

#Modal .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

#Modal .components li {
    width: 100%;
    padding: 5px;
}

#Modal .components__title {
    cursor: pointer;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */


/*
 Put the helpers that we will use as elements, like "mui-badge" at the start of the list. If not
 we could not override the background/color/margins with the helpers that are imported after.
  */

.mui-badge {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-family: "proxima-soft", sans-serif;
    line-height: 0.8;
    color: #55c4d0;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-badge--main {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--secondary {
    color: #fff;
    background-color: #375573;
}

.mui-badge--danger {
    color: #fff;
    background-color: #f15a6d;
}

.mui-badge--success {
    color: #fff;
    background-color: #6ec190;
}

.mui-badge--alert {
    color: #fff;
    background-color: #ffc845;
}

.mui-badge--info {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--ink {
    color: #fff;
    background-color: #888;
}

.mui-badge--ground {
    color: #fff;
    background-color: #e3e3e3;
}

.mui-badge--xs {
    font-size: 0.75rem;
}

.mui-badge--s {
    font-size: 0.875rem;
}

.mui-badge--m {
    font-size: 1rem;
}

.mui-badge--l {
    font-size: 1.25rem;
}

.mui-badge--xl {
    font-size: 1.5rem;
}

.mui-badge--xxl {
    font-size: 2rem;
}

.h1,
.h2,
.Example__title,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-family: "proxima-soft", sans-serif;
    text-align: left;
}

.h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.h2,
.Example__title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal;
}

.h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
}

.h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: normal;
}

.h5 {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
}

.h6 {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
}

.button {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.25rem;
}

.button--no-focus {
    box-shadow: none;
}

.button--main {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--main:active,
.button--main--active,
.button--main:hover {
    background-color: #278b96;
}

.button--main:disabled,
.button--main--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--main:focus,
.button--main--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--main--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--main--offset:active,
.button--main--offset--active,
.button--main--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--main--offset:disabled,
.button--main--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--main--offset:focus,
.button--main--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--secondary {
    color: #fff;
    background-color: #375573;
    fill: #fff;
}

.button--secondary:active,
.button--secondary--active,
.button--secondary:hover {
    background-color: #19334d;
}

.button--secondary:disabled,
.button--secondary--disabled {
    cursor: not-allowed;
    background-color: #cad8e6;
}

.button--secondary:focus,
.button--secondary--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #19334d;
}

.button--secondary--offset {
    color: #375573;
    border: 1px solid #375573;
    fill: #375573;
}

.button--secondary--offset:active,
.button--secondary--offset--active,
.button--secondary--offset:hover {
    color: #19334d;
    border: 1px solid #19334d;
    fill: #19334d;
}

.button--secondary--offset:disabled,
.button--secondary--offset--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    border: 1px solid #cad8e6;
    fill: #cad8e6;
}

.button--secondary--offset:focus,
.button--secondary--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #375573;
}

.button--accent {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--accent:active,
.button--accent--active,
.button--accent:hover {
    background-color: #278b96;
}

.button--accent:disabled,
.button--accent--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--accent:focus,
.button--accent--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--accent--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--accent--offset:active,
.button--accent--offset--active,
.button--accent--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--accent--offset:disabled,
.button--accent--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--accent--offset:focus,
.button--accent--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--danger {
    color: #fff;
    background-color: #f15a6d;
    fill: #fff;
}

.button--danger:active,
.button--danger--active,
.button--danger:hover {
    background-color: #b8283b;
}

.button--danger:disabled,
.button--danger--disabled {
    cursor: not-allowed;
    background-color: #ffc4cc;
}

.button--danger:focus,
.button--danger--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--danger--offset {
    color: #f15a6d;
    border: 1px solid #f15a6d;
    fill: #f15a6d;
}

.button--danger--offset:active,
.button--danger--offset--active,
.button--danger--offset:hover {
    color: #b8283b;
    border: 1px solid #b8283b;
    fill: #b8283b;
}

.button--danger--offset:disabled,
.button--danger--offset--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    border: 1px solid #ffc4cc;
    fill: #ffc4cc;
}

.button--danger--offset:focus,
.button--danger--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--success {
    color: #fff;
    background-color: #6ec190;
    fill: #fff;
}

.button--success:active,
.button--success--active,
.button--success:hover {
    background-color: #2b754a;
}

.button--success:disabled,
.button--success--disabled,
.button--success:checked,
.button--success--checked {
    cursor: not-allowed;
    background-color: #d5f5e2;
}

.button--success:focus,
.button--success--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--success--offset {
    color: #6ec190;
    border: 1px solid #6ec190;
    fill: #6ec190;
}

.button--success--offset:active,
.button--success--offset--active,
.button--success--offset:hover {
    color: #2b754a;
    border: 1px solid #2b754a;
    fill: #2b754a;
}

.button--success--offset:disabled,
.button--success--offset--disabled,
.button--success--offset:checked,
.button--success--offset--checked {
    color: #d5f5e2;
    cursor: not-allowed;
    border: 1px solid #d5f5e2;
    fill: #d5f5e2;
}

.button--success--offset:focus,
.button--success--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--alert {
    color: #fff;
    background-color: #ffc845;
    fill: #fff;
}

.button--alert:active,
.button--alert--active,
.button--alert:hover {
    background-color: #9d6f00;
}

.button--alert:disabled,
.button--alert--disabled {
    cursor: not-allowed;
    background-color: #ffe9b5;
}

.button--alert:focus,
.button--alert--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--alert--offset {
    color: #ffc845;
    border: 1px solid #ffc845;
    fill: #ffc845;
}

.button--alert--offset:active,
.button--alert--offset--active,
.button--alert--offset:hover {
    color: #9d6f00;
    border: 1px solid #9d6f00;
    fill: #9d6f00;
}

.button--alert--offset:disabled,
.button--alert--offset--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    border: 1px solid #ffe9b5;
    fill: #ffe9b5;
}

.button--alert--offset:focus,
.button--alert--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--info {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--info:active,
.button--info--active,
.button--info:hover {
    background-color: #278b96;
}

.button--info:disabled,
.button--info--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--info:focus,
.button--info--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--info--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--info--offset:active,
.button--info--offset--active,
.button--info--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--info--offset:disabled,
.button--info--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--info--offset:focus,
.button--info--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--ink {
    color: #fff;
    background-color: #888;
    fill: #fff;
}

.button--ink:active,
.button--ink--active,
.button--ink:hover {
    background-color: #333;
}

.button--ink:disabled,
.button--ink--disabled {
    cursor: not-allowed;
    background-color: #bbb;
}

.button--ink:focus,
.button--ink--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ink--offset {
    color: #888;
    border: 1px solid #888;
    fill: #888;
}

.button--ink--offset:active,
.button--ink--offset--active,
.button--ink--offset:hover {
    color: #333;
    border: 1px solid #333;
    fill: #333;
}

.button--ink--offset:disabled,
.button--ink--offset--disabled {
    color: #bbb;
    cursor: not-allowed;
    border: 1px solid #bbb;
    fill: #bbb;
}

.button--ink--offset:focus,
.button--ink--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ground {
    color: #fff;
    background-color: #e3e3e3;
    fill: #fff;
}

.button--ground:active,
.button--ground--active,
.button--ground:hover {
    background-color: #d4d4d4;
}

.button--ground:disabled,
.button--ground--disabled {
    cursor: not-allowed;
    background-color: #f2f2f2;
}

.button--ground:focus,
.button--ground--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--ground--offset {
    color: #e3e3e3;
    border: 1px solid #e3e3e3;
    fill: #e3e3e3;
}

.button--ground--offset:active,
.button--ground--offset--active,
.button--ground--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--ground--offset:disabled,
.button--ground--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--ground--offset:focus,
.button--ground--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white {
    color: #333;
    background-color: #fff;
    fill: #333;
}

.button--white:active,
.button--white--active,
.button--white:hover {
    background-color: #f2f2f2;
}

.button--white:disabled,
.button--white--disabled {
    color: #888;
    cursor: not-allowed;
    background-color: #f2f2f2;
    fill: #888;
}

.button--white:focus,
.button--white--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white--offset {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    fill: #fff;
}

.button--white--offset:active,
.button--white--offset--active,
.button--white--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--white--offset:disabled,
.button--white--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--white--offset:focus,
.button--white--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--link {
    color: #55c4d0;
    background-color: #fff;
    fill: #55c4d0;
}

.button--link:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link:active,
.button--link--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link:disabled,
.button--link--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link:focus,
.button--link--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 white;
}

.button--link--main {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--main:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--main:active,
.button--link--main--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--main:disabled,
.button--link--main--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--secondary {
    color: #375573;
    fill: #375573;
}

.button--link--secondary:hover {
    color: #19334d;
    fill: #19334d;
}

.button--link--secondary:active,
.button--link--secondary--active {
    color: #cad8e6;
    fill: #cad8e6;
}

.button--link--secondary:disabled,
.button--link--secondary--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    fill: #cad8e6;
}

.button--link--danger {
    color: #f15a6d;
    fill: #f15a6d;
}

.button--link--danger:hover {
    color: #b8283b;
    fill: #b8283b;
}

.button--link--danger:active,
.button--link--danger--active {
    color: #ffc4cc;
    fill: #ffc4cc;
}

.button--link--danger:disabled,
.button--link--danger--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    fill: #ffc4cc;
}

.button--link--success {
    color: #6ec190;
    fill: #6ec190;
}

.button--link--success:hover {
    color: #2b754a;
    fill: #2b754a;
}

.button--link--success:active,
.button--link--success--active {
    color: #d5f5e2;
    fill: #d5f5e2;
}

.button--link--success:disabled,
.button--link--success--disabled {
    color: #d5f5e2;
    cursor: not-allowed;
    fill: #d5f5e2;
}

.button--link--alert {
    color: #ffc845;
    fill: #ffc845;
}

.button--link--alert:hover {
    color: #9d6f00;
    fill: #9d6f00;
}

.button--link--alert:active,
.button--link--alert--active {
    color: #ffe9b5;
    fill: #ffe9b5;
}

.button--link--alert:disabled,
.button--link--alert--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    fill: #ffe9b5;
}

.button--link--info {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--info:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--info:active,
.button--link--info--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--info:disabled,
.button--link--info--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--ink {
    color: #888;
    fill: #888;
}

.button--link--ink:active,
.button--link--ink--active,
.button--link--ink:hover {
    color: #333;
    fill: #333;
}

.button--link--ink:disabled,
.button--link--ink--disabled {
    color: #bbb;
    cursor: not-allowed;
    fill: #bbb;
}

.button--link--ground {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--ground:active,
.button--link--ground--active,
.button--link--ground:hover {
    color: #d4d4d4;
    fill: #d4d4d4;
}

.button--link--ground:disabled,
.button--link--ground--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--link--white {
    color: #fff;
    fill: #fff;
}

.button--link--white:active,
.button--link--white--active,
.button--link--white:hover {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--white:disabled,
.button--link--white--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    font-size: 0.875rem;
}

.button--size-s.button--pill {
    border-radius: 32px;
}

.button--size-s.button--paddings {
    padding: 0 16px;
}

.button--size-s .button__content--side-left {
    padding-right: 16px;
}

.button--size-s .button__content--side-right {
    padding-left: 16px;
}

.button--size-s .button__icon {
    min-width: 32px;
}

.button--size-s .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-s .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-s .button__icon--side-left {
    padding-right: 8px;
    padding-left: 10.66667px;
}

.button--size-s .button__icon--side-right {
    padding-right: 10.66667px;
    padding-left: 8px;
}

.button--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

.button--size-m.button--pill {
    border-radius: 40px;
}

.button--size-m.button--paddings {
    padding: 0 20px;
}

.button--size-m .button__content--side-left {
    padding-right: 20px;
}

.button--size-m .button__content--side-right {
    padding-left: 20px;
}

.button--size-m .button__icon {
    min-width: 40px;
}

.button--size-m .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-m .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-m .button__icon--side-left {
    padding-right: 10px;
    padding-left: 13.33333px;
}

.button--size-m .button__icon--side-right {
    padding-right: 13.33333px;
    padding-left: 10px;
}

.button--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    font-size: 1rem;
}

.button--size-l.button--pill {
    border-radius: 48px;
}

.button--size-l.button--paddings {
    padding: 0 24px;
}

.button--size-l .button__content--side-left {
    padding-right: 24px;
}

.button--size-l .button__content--side-right {
    padding-left: 24px;
}

.button--size-l .button__icon {
    min-width: 48px;
}

.button--size-l .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-l .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-l .button__icon--side-left {
    padding-right: 12px;
    padding-left: 16px;
}

.button--size-l .button__icon--side-right {
    padding-right: 16px;
    padding-left: 12px;
}

.button--min-width {
    min-width: 148px;
}

.button--width--size-s {
    width: 32px;
    max-width: 32px;
}

.button--width--size-m {
    width: 40px;
    max-width: 40px;
}

.button--width--size-l {
    width: 48px;
    max-width: 48px;
}

.button--full-width {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button--link {
    background: transparent;
}

.button--link--select {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: start;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    min-width: 100%;
    height: 48px;
    padding: 12px;
    font-weight: normal;
    color: #333;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.button--link--select[disabled],
.button--link--select--disabled {
    opacity: 0.5;
}

.button--link--select:hover {
    color: #333;
}

.button--link--select--simple {
    min-width: initial;
    height: 100%;
    border: transparent;
}

.button--uppercase {
    text-transform: uppercase;
}

.button--icon {
    padding: 0;
}

.button__container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button__container--icon-side-left {
    flex-direction: row;
    padding: 0;
}

.button__container--icon-side-right {
    flex-direction: row-reverse;
    padding: 0;
}

.button__content {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
}

.button__icon {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}

.button__icon svg {
    transition: fill 0.3s ease;
    fill: inherit;
}

.button__icon--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.button__icon--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.button__icon--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.button__loader {
    margin-left: 16px;
    -webkit-animation: loading-spinner 400ms linear infinite;
    animation: loading-spinner 400ms linear infinite;
}

.button__loader__icon {
    width: 24px;
    height: 24px;
    border: solid 4px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.link {
    display: inline-block;
    font-family: "proxima-soft", sans-serif;
    color: #55c4d0;
    text-decoration: none;
}

.link:active,
.link--active,
.link:hover {
    color: #278b96;
}

.link:disabled,
.link--disabled {
    color: #d5f4f7;
}

.link.main-link {
    display: block;
}

.link.secondary-link {
    display: block;
}

.link.danger-link {
    display: block;
}

.link.success-link {
    display: block;
}

.link.alert-link {
    display: block;
}

.link.info-link {
    display: block;
}

.link.ink-link {
    display: block;
}

.link.ground-link {
    display: block;
}

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

.link--main {
    color: #55c4d0;
}

.link--main:active,
.link--main--active,
.link--main:hover {
    color: #278b96;
}

.link--main:disabled,
.link--main--disabled {
    color: #d5f4f7;
}

.link--secondary {
    color: #375573;
}

.link--secondary:active,
.link--secondary--active,
.link--secondary:hover {
    color: #19334d;
}

.link--secondary:disabled,
.link--secondary--disabled {
    color: #cad8e6;
}

.link--danger {
    color: #f15a6d;
}

.link--danger:active,
.link--danger--active,
.link--danger:hover {
    color: #b8283b;
}

.link--danger:disabled,
.link--danger--disabled {
    color: #ffc4cc;
}

.link--success {
    color: #6ec190;
}

.link--success:active,
.link--success--active,
.link--success:hover {
    color: #2b754a;
}

.link--success:disabled,
.link--success--disabled {
    color: #d5f5e2;
}

.link--alert {
    color: #ffc845;
}

.link--alert:active,
.link--alert--active,
.link--alert:hover {
    color: #9d6f00;
}

.link--alert:disabled,
.link--alert--disabled {
    color: #ffe9b5;
}

.link--info {
    color: #55c4d0;
}

.link--info:active,
.link--info--active,
.link--info:hover {
    color: #278b96;
}

.link--info:disabled,
.link--info--disabled {
    color: #d5f4f7;
}

.link--ink {
    color: #888;
}

.link--ink:active,
.link--ink--active,
.link--ink:hover {
    color: #333;
}

.link--ink:disabled,
.link--ink--disabled {
    color: #bbb;
}

.link--ground {
    color: #e3e3e3;
}

.link--ground:active,
.link--ground--active,
.link--ground:hover {
    color: #d4d4d4;
}

.link--ground:disabled,
.link--ground--disabled {
    color: #f2f2f2;
}

.padding-xxxxs-top {
    padding-top: 4px;
}

.padding-xxxxs-right {
    padding-right: 4px;
}

.padding-xxxxs-bottom {
    padding-bottom: 4px;
}

.padding-xxxxs-left {
    padding-left: 4px;
}

.padding-xxxxs-horizontal {
    padding-right: 4px;
    padding-left: 4px;
}

.padding-xxxxs-vertical {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-xxxxs-all {
    padding: 4px;
}

.padding-xxxs-top {
    padding-top: 8px;
}

.padding-xxxs-right {
    padding-right: 8px;
}

.padding-xxxs-bottom {
    padding-bottom: 8px;
}

.padding-xxxs-left {
    padding-left: 8px;
}

.padding-xxxs-horizontal {
    padding-right: 8px;
    padding-left: 8px;
}

.padding-xxxs-vertical {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-xxxs-all {
    padding: 8px;
}

.padding-xxs-top {
    padding-top: 12px;
}

.padding-xxs-right {
    padding-right: 12px;
}

.padding-xxs-bottom {
    padding-bottom: 12px;
}

.padding-xxs-left {
    padding-left: 12px;
}

.padding-xxs-horizontal {
    padding-right: 12px;
    padding-left: 12px;
}

.padding-xxs-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padding-xxs-all {
    padding: 12px;
}

.padding-xs-top {
    padding-top: 16px;
}

.padding-xs-right {
    padding-right: 16px;
}

.padding-xs-bottom {
    padding-bottom: 16px;
}

.padding-xs-left {
    padding-left: 16px;
}

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

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

.padding-xs-all {
    padding: 16px;
}

.padding-s-top {
    padding-top: 24px;
}

.padding-s-right {
    padding-right: 24px;
}

.padding-s-bottom {
    padding-bottom: 24px;
}

.padding-s-left {
    padding-left: 24px;
}

.padding-s-horizontal {
    padding-right: 24px;
    padding-left: 24px;
}

.padding-s-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-s-all {
    padding: 24px;
}

.padding-m-top {
    padding-top: 32px;
}

.padding-m-right {
    padding-right: 32px;
}

.padding-m-bottom,
.Example {
    padding-bottom: 32px;
}

.padding-m-left {
    padding-left: 32px;
}

.padding-m-horizontal {
    padding-right: 32px;
    padding-left: 32px;
}

.padding-m-vertical {
    padding-top: 32px;
    padding-bottom: 32px;
}

.padding-m-all {
    padding: 32px;
}

.padding-l-top {
    padding-top: 40px;
}

.padding-l-right {
    padding-right: 40px;
}

.padding-l-bottom {
    padding-bottom: 40px;
}

.padding-l-left {
    padding-left: 40px;
}

.padding-l-horizontal {
    padding-right: 40px;
    padding-left: 40px;
}

.padding-l-vertical {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-l-all {
    padding: 40px;
}

.padding-xl-top {
    padding-top: 48px;
}

.padding-xl-right {
    padding-right: 48px;
}

.padding-xl-bottom {
    padding-bottom: 48px;
}

.padding-xl-left {
    padding-left: 48px;
}

.padding-xl-horizontal {
    padding-right: 48px;
    padding-left: 48px;
}

.padding-xl-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-xl-all {
    padding: 48px;
}

.padding-xxl-top {
    padding-top: 56px;
}

.padding-xxl-right {
    padding-right: 56px;
}

.padding-xxl-bottom {
    padding-bottom: 56px;
}

.padding-xxl-left {
    padding-left: 56px;
}

.padding-xxl-horizontal {
    padding-right: 56px;
    padding-left: 56px;
}

.padding-xxl-vertical {
    padding-top: 56px;
    padding-bottom: 56px;
}

.padding-xxl-all {
    padding: 56px;
}

.padding-xxxl-top {
    padding-top: 64px;
}

.padding-xxxl-right {
    padding-right: 64px;
}

.padding-xxxl-bottom {
    padding-bottom: 64px;
}

.padding-xxxl-left {
    padding-left: 64px;
}

.padding-xxxl-horizontal {
    padding-right: 64px;
    padding-left: 64px;
}

.padding-xxxl-vertical {
    padding-top: 64px;
    padding-bottom: 64px;
}

.padding-xxxl-all {
    padding: 64px;
}

.padding-none-top {
    padding-top: 0;
}

.padding-none-right {
    padding-right: 0;
}

.padding-none-bottom {
    padding-bottom: 0;
}

.padding-none-left {
    padding-left: 0;
}

.padding-none-horizontal {
    padding-right: 0;
    padding-left: 0;
}

.padding-none-vertical {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-xxxxs,
.m-xxxxs {
    margin: 4px;
}

.margin-xxxxs-t,
.margin-xxxxs-top,
.m-xxxxs-t,
.m-xxxxs-top {
    margin-top: 4px;
}

.margin-xxxxs-b,
.margin-xxxxs-bottom,
.m-xxxxs-b,
.m-xxxxs-bottom {
    margin-bottom: 4px;
}

.margin-xxxxs-l,
.margin-xxxxs-left,
.m-xxxxs-l,
.m-xxxxs-left {
    margin-left: 4px;
}

.margin-xxxxs-r,
.margin-xxxxs-right,
.m-xxxxs-r,
.m-xxxxs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-xxxxs,
    .m-xs-xxxxs {
        margin: 4px;
    }
    .margin-xs-xxxxs-t,
    .margin-xs-xxxxs-top,
    .m-xs-xxxxs-t,
    .m-xs-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xs-xxxxs-b,
    .margin-xs-xxxxs-bottom,
    .m-xs-xxxxs-b,
    .m-xs-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-xxxxs-l,
    .margin-xs-xxxxs-left,
    .m-xs-xxxxs-l,
    .m-xs-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xs-xxxxs-r,
    .margin-xs-xxxxs-right,
    .m-xs-xxxxs-r,
    .m-xs-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxs,
    .m-sm-xxxxs {
        margin: 4px;
    }
    .margin-sm-xxxxs-t,
    .margin-sm-xxxxs-top,
    .m-sm-xxxxs-t,
    .m-sm-xxxxs-top {
        margin-top: 4px;
    }
    .margin-sm-xxxxs-b,
    .margin-sm-xxxxs-bottom,
    .m-sm-xxxxs-b,
    .m-sm-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-xxxxs-l,
    .margin-sm-xxxxs-left,
    .m-sm-xxxxs-l,
    .m-sm-xxxxs-left {
        margin-left: 4px;
    }
    .margin-sm-xxxxs-r,
    .margin-sm-xxxxs-right,
    .m-sm-xxxxs-r,
    .m-sm-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxs,
    .m-md-xxxxs {
        margin: 4px;
    }
    .margin-md-xxxxs-t,
    .margin-md-xxxxs-top,
    .m-md-xxxxs-t,
    .m-md-xxxxs-top {
        margin-top: 4px;
    }
    .margin-md-xxxxs-b,
    .margin-md-xxxxs-bottom,
    .m-md-xxxxs-b,
    .m-md-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-xxxxs-l,
    .margin-md-xxxxs-left,
    .m-md-xxxxs-l,
    .m-md-xxxxs-left {
        margin-left: 4px;
    }
    .margin-md-xxxxs-r,
    .margin-md-xxxxs-right,
    .m-md-xxxxs-r,
    .m-md-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxs,
    .m-lg-xxxxs {
        margin: 4px;
    }
    .margin-lg-xxxxs-t,
    .margin-lg-xxxxs-top,
    .m-lg-xxxxs-t,
    .m-lg-xxxxs-top {
        margin-top: 4px;
    }
    .margin-lg-xxxxs-b,
    .margin-lg-xxxxs-bottom,
    .m-lg-xxxxs-b,
    .m-lg-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-xxxxs-l,
    .margin-lg-xxxxs-left,
    .m-lg-xxxxs-l,
    .m-lg-xxxxs-left {
        margin-left: 4px;
    }
    .margin-lg-xxxxs-r,
    .margin-lg-xxxxs-right,
    .m-lg-xxxxs-r,
    .m-lg-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxs,
    .m-xl-xxxxs {
        margin: 4px;
    }
    .margin-xl-xxxxs-t,
    .margin-xl-xxxxs-top,
    .m-xl-xxxxs-t,
    .m-xl-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xl-xxxxs-b,
    .margin-xl-xxxxs-bottom,
    .m-xl-xxxxs-b,
    .m-xl-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-xxxxs-l,
    .margin-xl-xxxxs-left,
    .m-xl-xxxxs-l,
    .m-xl-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xl-xxxxs-r,
    .margin-xl-xxxxs-right,
    .m-xl-xxxxs-r,
    .m-xl-xxxxs-right {
        margin-right: 4px;
    }
}

.margin-4xs,
.m-4xs {
    margin: 4px;
}

.margin-4xs-t,
.margin-4xs-top,
.m-4xs-t,
.m-4xs-top {
    margin-top: 4px;
}

.margin-4xs-b,
.margin-4xs-bottom,
.m-4xs-b,
.m-4xs-bottom {
    margin-bottom: 4px;
}

.margin-4xs-l,
.margin-4xs-left,
.m-4xs-l,
.m-4xs-left {
    margin-left: 4px;
}

.margin-4xs-r,
.margin-4xs-right,
.m-4xs-r,
.m-4xs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-4xs,
    .m-xs-4xs {
        margin: 4px;
    }
    .margin-xs-4xs-t,
    .margin-xs-4xs-top,
    .m-xs-4xs-t,
    .m-xs-4xs-top {
        margin-top: 4px;
    }
    .margin-xs-4xs-b,
    .margin-xs-4xs-bottom,
    .m-xs-4xs-b,
    .m-xs-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-4xs-l,
    .margin-xs-4xs-left,
    .m-xs-4xs-l,
    .m-xs-4xs-left {
        margin-left: 4px;
    }
    .margin-xs-4xs-r,
    .margin-xs-4xs-right,
    .m-xs-4xs-r,
    .m-xs-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xs,
    .m-sm-4xs {
        margin: 4px;
    }
    .margin-sm-4xs-t,
    .margin-sm-4xs-top,
    .m-sm-4xs-t,
    .m-sm-4xs-top {
        margin-top: 4px;
    }
    .margin-sm-4xs-b,
    .margin-sm-4xs-bottom,
    .m-sm-4xs-b,
    .m-sm-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-4xs-l,
    .margin-sm-4xs-left,
    .m-sm-4xs-l,
    .m-sm-4xs-left {
        margin-left: 4px;
    }
    .margin-sm-4xs-r,
    .margin-sm-4xs-right,
    .m-sm-4xs-r,
    .m-sm-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xs,
    .m-md-4xs {
        margin: 4px;
    }
    .margin-md-4xs-t,
    .margin-md-4xs-top,
    .m-md-4xs-t,
    .m-md-4xs-top {
        margin-top: 4px;
    }
    .margin-md-4xs-b,
    .margin-md-4xs-bottom,
    .m-md-4xs-b,
    .m-md-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-4xs-l,
    .margin-md-4xs-left,
    .m-md-4xs-l,
    .m-md-4xs-left {
        margin-left: 4px;
    }
    .margin-md-4xs-r,
    .margin-md-4xs-right,
    .m-md-4xs-r,
    .m-md-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xs,
    .m-lg-4xs {
        margin: 4px;
    }
    .margin-lg-4xs-t,
    .margin-lg-4xs-top,
    .m-lg-4xs-t,
    .m-lg-4xs-top {
        margin-top: 4px;
    }
    .margin-lg-4xs-b,
    .margin-lg-4xs-bottom,
    .m-lg-4xs-b,
    .m-lg-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-4xs-l,
    .margin-lg-4xs-left,
    .m-lg-4xs-l,
    .m-lg-4xs-left {
        margin-left: 4px;
    }
    .margin-lg-4xs-r,
    .margin-lg-4xs-right,
    .m-lg-4xs-r,
    .m-lg-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xs,
    .m-xl-4xs {
        margin: 4px;
    }
    .margin-xl-4xs-t,
    .margin-xl-4xs-top,
    .m-xl-4xs-t,
    .m-xl-4xs-top {
        margin-top: 4px;
    }
    .margin-xl-4xs-b,
    .margin-xl-4xs-bottom,
    .m-xl-4xs-b,
    .m-xl-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-4xs-l,
    .margin-xl-4xs-left,
    .m-xl-4xs-l,
    .m-xl-4xs-left {
        margin-left: 4px;
    }
    .margin-xl-4xs-r,
    .margin-xl-4xs-right,
    .m-xl-4xs-r,
    .m-xl-4xs-right {
        margin-right: 4px;
    }
}

.margin-xxxs,
.m-xxxs {
    margin: 8px;
}

.margin-xxxs-t,
.margin-xxxs-top,
.m-xxxs-t,
.m-xxxs-top {
    margin-top: 8px;
}

.margin-xxxs-b,
.margin-xxxs-bottom,
.Example__title,
.Example__value,
.m-xxxs-b,
.m-xxxs-bottom {
    margin-bottom: 8px;
}

.margin-xxxs-l,
.margin-xxxs-left,
.m-xxxs-l,
.m-xxxs-left {
    margin-left: 8px;
}

.margin-xxxs-r,
.margin-xxxs-right,
.m-xxxs-r,
.m-xxxs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-xxxs,
    .m-xs-xxxs {
        margin: 8px;
    }
    .margin-xs-xxxs-t,
    .margin-xs-xxxs-top,
    .m-xs-xxxs-t,
    .m-xs-xxxs-top {
        margin-top: 8px;
    }
    .margin-xs-xxxs-b,
    .margin-xs-xxxs-bottom,
    .m-xs-xxxs-b,
    .m-xs-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-xxxs-l,
    .margin-xs-xxxs-left,
    .m-xs-xxxs-l,
    .m-xs-xxxs-left {
        margin-left: 8px;
    }
    .margin-xs-xxxs-r,
    .margin-xs-xxxs-right,
    .m-xs-xxxs-r,
    .m-xs-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxs,
    .m-sm-xxxs {
        margin: 8px;
    }
    .margin-sm-xxxs-t,
    .margin-sm-xxxs-top,
    .m-sm-xxxs-t,
    .m-sm-xxxs-top {
        margin-top: 8px;
    }
    .margin-sm-xxxs-b,
    .margin-sm-xxxs-bottom,
    .m-sm-xxxs-b,
    .m-sm-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-xxxs-l,
    .margin-sm-xxxs-left,
    .m-sm-xxxs-l,
    .m-sm-xxxs-left {
        margin-left: 8px;
    }
    .margin-sm-xxxs-r,
    .margin-sm-xxxs-right,
    .m-sm-xxxs-r,
    .m-sm-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxs,
    .m-md-xxxs {
        margin: 8px;
    }
    .margin-md-xxxs-t,
    .margin-md-xxxs-top,
    .m-md-xxxs-t,
    .m-md-xxxs-top {
        margin-top: 8px;
    }
    .margin-md-xxxs-b,
    .margin-md-xxxs-bottom,
    .m-md-xxxs-b,
    .m-md-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-xxxs-l,
    .margin-md-xxxs-left,
    .m-md-xxxs-l,
    .m-md-xxxs-left {
        margin-left: 8px;
    }
    .margin-md-xxxs-r,
    .margin-md-xxxs-right,
    .m-md-xxxs-r,
    .m-md-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxs,
    .m-lg-xxxs {
        margin: 8px;
    }
    .margin-lg-xxxs-t,
    .margin-lg-xxxs-top,
    .m-lg-xxxs-t,
    .m-lg-xxxs-top {
        margin-top: 8px;
    }
    .margin-lg-xxxs-b,
    .margin-lg-xxxs-bottom,
    .m-lg-xxxs-b,
    .m-lg-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-xxxs-l,
    .margin-lg-xxxs-left,
    .m-lg-xxxs-l,
    .m-lg-xxxs-left {
        margin-left: 8px;
    }
    .margin-lg-xxxs-r,
    .margin-lg-xxxs-right,
    .m-lg-xxxs-r,
    .m-lg-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxs,
    .m-xl-xxxs {
        margin: 8px;
    }
    .margin-xl-xxxs-t,
    .margin-xl-xxxs-top,
    .m-xl-xxxs-t,
    .m-xl-xxxs-top {
        margin-top: 8px;
    }
    .margin-xl-xxxs-b,
    .margin-xl-xxxs-bottom,
    .m-xl-xxxs-b,
    .m-xl-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-xxxs-l,
    .margin-xl-xxxs-left,
    .m-xl-xxxs-l,
    .m-xl-xxxs-left {
        margin-left: 8px;
    }
    .margin-xl-xxxs-r,
    .margin-xl-xxxs-right,
    .m-xl-xxxs-r,
    .m-xl-xxxs-right {
        margin-right: 8px;
    }
}

.margin-3xs,
.m-3xs {
    margin: 8px;
}

.margin-3xs-t,
.margin-3xs-top,
.m-3xs-t,
.m-3xs-top {
    margin-top: 8px;
}

.margin-3xs-b,
.margin-3xs-bottom,
.m-3xs-b,
.m-3xs-bottom {
    margin-bottom: 8px;
}

.margin-3xs-l,
.margin-3xs-left,
.m-3xs-l,
.m-3xs-left {
    margin-left: 8px;
}

.margin-3xs-r,
.margin-3xs-right,
.m-3xs-r,
.m-3xs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-3xs,
    .m-xs-3xs {
        margin: 8px;
    }
    .margin-xs-3xs-t,
    .margin-xs-3xs-top,
    .m-xs-3xs-t,
    .m-xs-3xs-top {
        margin-top: 8px;
    }
    .margin-xs-3xs-b,
    .margin-xs-3xs-bottom,
    .m-xs-3xs-b,
    .m-xs-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-3xs-l,
    .margin-xs-3xs-left,
    .m-xs-3xs-l,
    .m-xs-3xs-left {
        margin-left: 8px;
    }
    .margin-xs-3xs-r,
    .margin-xs-3xs-right,
    .m-xs-3xs-r,
    .m-xs-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xs,
    .m-sm-3xs {
        margin: 8px;
    }
    .margin-sm-3xs-t,
    .margin-sm-3xs-top,
    .m-sm-3xs-t,
    .m-sm-3xs-top {
        margin-top: 8px;
    }
    .margin-sm-3xs-b,
    .margin-sm-3xs-bottom,
    .m-sm-3xs-b,
    .m-sm-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-3xs-l,
    .margin-sm-3xs-left,
    .m-sm-3xs-l,
    .m-sm-3xs-left {
        margin-left: 8px;
    }
    .margin-sm-3xs-r,
    .margin-sm-3xs-right,
    .m-sm-3xs-r,
    .m-sm-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xs,
    .m-md-3xs {
        margin: 8px;
    }
    .margin-md-3xs-t,
    .margin-md-3xs-top,
    .m-md-3xs-t,
    .m-md-3xs-top {
        margin-top: 8px;
    }
    .margin-md-3xs-b,
    .margin-md-3xs-bottom,
    .m-md-3xs-b,
    .m-md-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-3xs-l,
    .margin-md-3xs-left,
    .m-md-3xs-l,
    .m-md-3xs-left {
        margin-left: 8px;
    }
    .margin-md-3xs-r,
    .margin-md-3xs-right,
    .m-md-3xs-r,
    .m-md-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xs,
    .m-lg-3xs {
        margin: 8px;
    }
    .margin-lg-3xs-t,
    .margin-lg-3xs-top,
    .m-lg-3xs-t,
    .m-lg-3xs-top {
        margin-top: 8px;
    }
    .margin-lg-3xs-b,
    .margin-lg-3xs-bottom,
    .m-lg-3xs-b,
    .m-lg-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-3xs-l,
    .margin-lg-3xs-left,
    .m-lg-3xs-l,
    .m-lg-3xs-left {
        margin-left: 8px;
    }
    .margin-lg-3xs-r,
    .margin-lg-3xs-right,
    .m-lg-3xs-r,
    .m-lg-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xs,
    .m-xl-3xs {
        margin: 8px;
    }
    .margin-xl-3xs-t,
    .margin-xl-3xs-top,
    .m-xl-3xs-t,
    .m-xl-3xs-top {
        margin-top: 8px;
    }
    .margin-xl-3xs-b,
    .margin-xl-3xs-bottom,
    .m-xl-3xs-b,
    .m-xl-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-3xs-l,
    .margin-xl-3xs-left,
    .m-xl-3xs-l,
    .m-xl-3xs-left {
        margin-left: 8px;
    }
    .margin-xl-3xs-r,
    .margin-xl-3xs-right,
    .m-xl-3xs-r,
    .m-xl-3xs-right {
        margin-right: 8px;
    }
}

.margin-xxs,
.m-xxs {
    margin: 12px;
}

.margin-xxs-t,
.margin-xxs-top,
.m-xxs-t,
.m-xxs-top {
    margin-top: 12px;
}

.margin-xxs-b,
.margin-xxs-bottom,
.m-xxs-b,
.m-xxs-bottom {
    margin-bottom: 12px;
}

.margin-xxs-l,
.margin-xxs-left,
.m-xxs-l,
.m-xxs-left {
    margin-left: 12px;
}

.margin-xxs-r,
.margin-xxs-right,
.m-xxs-r,
.m-xxs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-xxs,
    .m-xs-xxs {
        margin: 12px;
    }
    .margin-xs-xxs-t,
    .margin-xs-xxs-top,
    .m-xs-xxs-t,
    .m-xs-xxs-top {
        margin-top: 12px;
    }
    .margin-xs-xxs-b,
    .margin-xs-xxs-bottom,
    .m-xs-xxs-b,
    .m-xs-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-xxs-l,
    .margin-xs-xxs-left,
    .m-xs-xxs-l,
    .m-xs-xxs-left {
        margin-left: 12px;
    }
    .margin-xs-xxs-r,
    .margin-xs-xxs-right,
    .m-xs-xxs-r,
    .m-xs-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxs,
    .m-sm-xxs {
        margin: 12px;
    }
    .margin-sm-xxs-t,
    .margin-sm-xxs-top,
    .m-sm-xxs-t,
    .m-sm-xxs-top {
        margin-top: 12px;
    }
    .margin-sm-xxs-b,
    .margin-sm-xxs-bottom,
    .m-sm-xxs-b,
    .m-sm-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-xxs-l,
    .margin-sm-xxs-left,
    .m-sm-xxs-l,
    .m-sm-xxs-left {
        margin-left: 12px;
    }
    .margin-sm-xxs-r,
    .margin-sm-xxs-right,
    .m-sm-xxs-r,
    .m-sm-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxs,
    .m-md-xxs {
        margin: 12px;
    }
    .margin-md-xxs-t,
    .margin-md-xxs-top,
    .m-md-xxs-t,
    .m-md-xxs-top {
        margin-top: 12px;
    }
    .margin-md-xxs-b,
    .margin-md-xxs-bottom,
    .m-md-xxs-b,
    .m-md-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-xxs-l,
    .margin-md-xxs-left,
    .m-md-xxs-l,
    .m-md-xxs-left {
        margin-left: 12px;
    }
    .margin-md-xxs-r,
    .margin-md-xxs-right,
    .m-md-xxs-r,
    .m-md-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxs,
    .m-lg-xxs {
        margin: 12px;
    }
    .margin-lg-xxs-t,
    .margin-lg-xxs-top,
    .m-lg-xxs-t,
    .m-lg-xxs-top {
        margin-top: 12px;
    }
    .margin-lg-xxs-b,
    .margin-lg-xxs-bottom,
    .m-lg-xxs-b,
    .m-lg-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-xxs-l,
    .margin-lg-xxs-left,
    .m-lg-xxs-l,
    .m-lg-xxs-left {
        margin-left: 12px;
    }
    .margin-lg-xxs-r,
    .margin-lg-xxs-right,
    .m-lg-xxs-r,
    .m-lg-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxs,
    .m-xl-xxs {
        margin: 12px;
    }
    .margin-xl-xxs-t,
    .margin-xl-xxs-top,
    .m-xl-xxs-t,
    .m-xl-xxs-top {
        margin-top: 12px;
    }
    .margin-xl-xxs-b,
    .margin-xl-xxs-bottom,
    .m-xl-xxs-b,
    .m-xl-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-xxs-l,
    .margin-xl-xxs-left,
    .m-xl-xxs-l,
    .m-xl-xxs-left {
        margin-left: 12px;
    }
    .margin-xl-xxs-r,
    .margin-xl-xxs-right,
    .m-xl-xxs-r,
    .m-xl-xxs-right {
        margin-right: 12px;
    }
}

.margin-2xs,
.m-2xs {
    margin: 12px;
}

.margin-2xs-t,
.margin-2xs-top,
.m-2xs-t,
.m-2xs-top {
    margin-top: 12px;
}

.margin-2xs-b,
.margin-2xs-bottom,
.m-2xs-b,
.m-2xs-bottom {
    margin-bottom: 12px;
}

.margin-2xs-l,
.margin-2xs-left,
.m-2xs-l,
.m-2xs-left {
    margin-left: 12px;
}

.margin-2xs-r,
.margin-2xs-right,
.m-2xs-r,
.m-2xs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-2xs,
    .m-xs-2xs {
        margin: 12px;
    }
    .margin-xs-2xs-t,
    .margin-xs-2xs-top,
    .m-xs-2xs-t,
    .m-xs-2xs-top {
        margin-top: 12px;
    }
    .margin-xs-2xs-b,
    .margin-xs-2xs-bottom,
    .m-xs-2xs-b,
    .m-xs-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-2xs-l,
    .margin-xs-2xs-left,
    .m-xs-2xs-l,
    .m-xs-2xs-left {
        margin-left: 12px;
    }
    .margin-xs-2xs-r,
    .margin-xs-2xs-right,
    .m-xs-2xs-r,
    .m-xs-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-2xs,
    .m-sm-2xs {
        margin: 12px;
    }
    .margin-sm-2xs-t,
    .margin-sm-2xs-top,
    .m-sm-2xs-t,
    .m-sm-2xs-top {
        margin-top: 12px;
    }
    .margin-sm-2xs-b,
    .margin-sm-2xs-bottom,
    .m-sm-2xs-b,
    .m-sm-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-2xs-l,
    .margin-sm-2xs-left,
    .m-sm-2xs-l,
    .m-sm-2xs-left {
        margin-left: 12px;
    }
    .margin-sm-2xs-r,
    .margin-sm-2xs-right,
    .m-sm-2xs-r,
    .m-sm-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-2xs,
    .m-md-2xs {
        margin: 12px;
    }
    .margin-md-2xs-t,
    .margin-md-2xs-top,
    .m-md-2xs-t,
    .m-md-2xs-top {
        margin-top: 12px;
    }
    .margin-md-2xs-b,
    .margin-md-2xs-bottom,
    .m-md-2xs-b,
    .m-md-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-2xs-l,
    .margin-md-2xs-left,
    .m-md-2xs-l,
    .m-md-2xs-left {
        margin-left: 12px;
    }
    .margin-md-2xs-r,
    .margin-md-2xs-right,
    .m-md-2xs-r,
    .m-md-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-2xs,
    .m-lg-2xs {
        margin: 12px;
    }
    .margin-lg-2xs-t,
    .margin-lg-2xs-top,
    .m-lg-2xs-t,
    .m-lg-2xs-top {
        margin-top: 12px;
    }
    .margin-lg-2xs-b,
    .margin-lg-2xs-bottom,
    .m-lg-2xs-b,
    .m-lg-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-2xs-l,
    .margin-lg-2xs-left,
    .m-lg-2xs-l,
    .m-lg-2xs-left {
        margin-left: 12px;
    }
    .margin-lg-2xs-r,
    .margin-lg-2xs-right,
    .m-lg-2xs-r,
    .m-lg-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-2xs,
    .m-xl-2xs {
        margin: 12px;
    }
    .margin-xl-2xs-t,
    .margin-xl-2xs-top,
    .m-xl-2xs-t,
    .m-xl-2xs-top {
        margin-top: 12px;
    }
    .margin-xl-2xs-b,
    .margin-xl-2xs-bottom,
    .m-xl-2xs-b,
    .m-xl-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-2xs-l,
    .margin-xl-2xs-left,
    .m-xl-2xs-l,
    .m-xl-2xs-left {
        margin-left: 12px;
    }
    .margin-xl-2xs-r,
    .margin-xl-2xs-right,
    .m-xl-2xs-r,
    .m-xl-2xs-right {
        margin-right: 12px;
    }
}

.margin-xs,
.m-xs {
    margin: 16px;
}

.margin-xs-t,
.margin-xs-top,
.m-xs-t,
.m-xs-top {
    margin-top: 16px;
}

.margin-xs-b,
.margin-xs-bottom,
.Example__description,
.Example__code,
.m-xs-b,
.m-xs-bottom {
    margin-bottom: 16px;
}

.margin-xs-l,
.margin-xs-left,
.m-xs-l,
.m-xs-left {
    margin-left: 16px;
}

.margin-xs-r,
.margin-xs-right,
.m-xs-r,
.m-xs-right {
    margin-right: 16px;
}

@media (min-width: 0) {
    .margin-xs-xs,
    .m-xs-xs {
        margin: 16px;
    }
    .margin-xs-xs-t,
    .margin-xs-xs-top,
    .m-xs-xs-t,
    .m-xs-xs-top {
        margin-top: 16px;
    }
    .margin-xs-xs-b,
    .margin-xs-xs-bottom,
    .m-xs-xs-b,
    .m-xs-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xs-xs-l,
    .margin-xs-xs-left,
    .m-xs-xs-l,
    .m-xs-xs-left {
        margin-left: 16px;
    }
    .margin-xs-xs-r,
    .margin-xs-xs-right,
    .m-xs-xs-r,
    .m-xs-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xs,
    .m-sm-xs {
        margin: 16px;
    }
    .margin-sm-xs-t,
    .margin-sm-xs-top,
    .m-sm-xs-t,
    .m-sm-xs-top {
        margin-top: 16px;
    }
    .margin-sm-xs-b,
    .margin-sm-xs-bottom,
    .m-sm-xs-b,
    .m-sm-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-sm-xs-l,
    .margin-sm-xs-left,
    .m-sm-xs-l,
    .m-sm-xs-left {
        margin-left: 16px;
    }
    .margin-sm-xs-r,
    .margin-sm-xs-right,
    .m-sm-xs-r,
    .m-sm-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 768px) {
    .margin-md-xs,
    .m-md-xs {
        margin: 16px;
    }
    .margin-md-xs-t,
    .margin-md-xs-top,
    .m-md-xs-t,
    .m-md-xs-top {
        margin-top: 16px;
    }
    .margin-md-xs-b,
    .margin-md-xs-bottom,
    .m-md-xs-b,
    .m-md-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-md-xs-l,
    .margin-md-xs-left,
    .m-md-xs-l,
    .m-md-xs-left {
        margin-left: 16px;
    }
    .margin-md-xs-r,
    .margin-md-xs-right,
    .m-md-xs-r,
    .m-md-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xs,
    .m-lg-xs {
        margin: 16px;
    }
    .margin-lg-xs-t,
    .margin-lg-xs-top,
    .m-lg-xs-t,
    .m-lg-xs-top {
        margin-top: 16px;
    }
    .margin-lg-xs-b,
    .margin-lg-xs-bottom,
    .m-lg-xs-b,
    .m-lg-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-lg-xs-l,
    .margin-lg-xs-left,
    .m-lg-xs-l,
    .m-lg-xs-left {
        margin-left: 16px;
    }
    .margin-lg-xs-r,
    .margin-lg-xs-right,
    .m-lg-xs-r,
    .m-lg-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xs,
    .m-xl-xs {
        margin: 16px;
    }
    .margin-xl-xs-t,
    .margin-xl-xs-top,
    .m-xl-xs-t,
    .m-xl-xs-top {
        margin-top: 16px;
    }
    .margin-xl-xs-b,
    .margin-xl-xs-bottom,
    .m-xl-xs-b,
    .m-xl-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xl-xs-l,
    .margin-xl-xs-left,
    .m-xl-xs-l,
    .m-xl-xs-left {
        margin-left: 16px;
    }
    .margin-xl-xs-r,
    .margin-xl-xs-right,
    .m-xl-xs-r,
    .m-xl-xs-right {
        margin-right: 16px;
    }
}

.margin-s,
.m-s {
    margin: 24px;
}

.margin-s-t,
.margin-s-top,
.m-s-t,
.m-s-top {
    margin-top: 24px;
}

.margin-s-b,
.margin-s-bottom,
.m-s-b,
.m-s-bottom {
    margin-bottom: 24px;
}

.margin-s-l,
.margin-s-left,
.m-s-l,
.m-s-left {
    margin-left: 24px;
}

.margin-s-r,
.margin-s-right,
.m-s-r,
.m-s-right {
    margin-right: 24px;
}

@media (min-width: 0) {
    .margin-xs-s,
    .m-xs-s {
        margin: 24px;
    }
    .margin-xs-s-t,
    .margin-xs-s-top,
    .m-xs-s-t,
    .m-xs-s-top {
        margin-top: 24px;
    }
    .margin-xs-s-b,
    .margin-xs-s-bottom,
    .m-xs-s-b,
    .m-xs-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xs-s-l,
    .margin-xs-s-left,
    .m-xs-s-l,
    .m-xs-s-left {
        margin-left: 24px;
    }
    .margin-xs-s-r,
    .margin-xs-s-right,
    .m-xs-s-r,
    .m-xs-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 576px) {
    .margin-sm-s,
    .m-sm-s {
        margin: 24px;
    }
    .margin-sm-s-t,
    .margin-sm-s-top,
    .m-sm-s-t,
    .m-sm-s-top {
        margin-top: 24px;
    }
    .margin-sm-s-b,
    .margin-sm-s-bottom,
    .m-sm-s-b,
    .m-sm-s-bottom {
        margin-bottom: 24px;
    }
    .margin-sm-s-l,
    .margin-sm-s-left,
    .m-sm-s-l,
    .m-sm-s-left {
        margin-left: 24px;
    }
    .margin-sm-s-r,
    .margin-sm-s-right,
    .m-sm-s-r,
    .m-sm-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 768px) {
    .margin-md-s,
    .m-md-s {
        margin: 24px;
    }
    .margin-md-s-t,
    .margin-md-s-top,
    .m-md-s-t,
    .m-md-s-top {
        margin-top: 24px;
    }
    .margin-md-s-b,
    .margin-md-s-bottom,
    .m-md-s-b,
    .m-md-s-bottom {
        margin-bottom: 24px;
    }
    .margin-md-s-l,
    .margin-md-s-left,
    .m-md-s-l,
    .m-md-s-left {
        margin-left: 24px;
    }
    .margin-md-s-r,
    .margin-md-s-right,
    .m-md-s-r,
    .m-md-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 992px) {
    .margin-lg-s,
    .m-lg-s {
        margin: 24px;
    }
    .margin-lg-s-t,
    .margin-lg-s-top,
    .m-lg-s-t,
    .m-lg-s-top {
        margin-top: 24px;
    }
    .margin-lg-s-b,
    .margin-lg-s-bottom,
    .m-lg-s-b,
    .m-lg-s-bottom {
        margin-bottom: 24px;
    }
    .margin-lg-s-l,
    .margin-lg-s-left,
    .m-lg-s-l,
    .m-lg-s-left {
        margin-left: 24px;
    }
    .margin-lg-s-r,
    .margin-lg-s-right,
    .m-lg-s-r,
    .m-lg-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-s,
    .m-xl-s {
        margin: 24px;
    }
    .margin-xl-s-t,
    .margin-xl-s-top,
    .m-xl-s-t,
    .m-xl-s-top {
        margin-top: 24px;
    }
    .margin-xl-s-b,
    .margin-xl-s-bottom,
    .m-xl-s-b,
    .m-xl-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xl-s-l,
    .margin-xl-s-left,
    .m-xl-s-l,
    .m-xl-s-left {
        margin-left: 24px;
    }
    .margin-xl-s-r,
    .margin-xl-s-right,
    .m-xl-s-r,
    .m-xl-s-right {
        margin-right: 24px;
    }
}

.margin-m,
.m-m {
    margin: 32px;
}

.margin-m-t,
.margin-m-top,
.m-m-t,
.m-m-top {
    margin-top: 32px;
}

.margin-m-b,
.margin-m-bottom,
.Example,
.m-m-b,
.m-m-bottom {
    margin-bottom: 32px;
}

.margin-m-l,
.margin-m-left,
.m-m-l,
.m-m-left {
    margin-left: 32px;
}

.margin-m-r,
.margin-m-right,
.m-m-r,
.m-m-right {
    margin-right: 32px;
}

@media (min-width: 0) {
    .margin-xs-m,
    .m-xs-m {
        margin: 32px;
    }
    .margin-xs-m-t,
    .margin-xs-m-top,
    .m-xs-m-t,
    .m-xs-m-top {
        margin-top: 32px;
    }
    .margin-xs-m-b,
    .margin-xs-m-bottom,
    .m-xs-m-b,
    .m-xs-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xs-m-l,
    .margin-xs-m-left,
    .m-xs-m-l,
    .m-xs-m-left {
        margin-left: 32px;
    }
    .margin-xs-m-r,
    .margin-xs-m-right,
    .m-xs-m-r,
    .m-xs-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 576px) {
    .margin-sm-m,
    .m-sm-m {
        margin: 32px;
    }
    .margin-sm-m-t,
    .margin-sm-m-top,
    .m-sm-m-t,
    .m-sm-m-top {
        margin-top: 32px;
    }
    .margin-sm-m-b,
    .margin-sm-m-bottom,
    .m-sm-m-b,
    .m-sm-m-bottom {
        margin-bottom: 32px;
    }
    .margin-sm-m-l,
    .margin-sm-m-left,
    .m-sm-m-l,
    .m-sm-m-left {
        margin-left: 32px;
    }
    .margin-sm-m-r,
    .margin-sm-m-right,
    .m-sm-m-r,
    .m-sm-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 768px) {
    .margin-md-m,
    .m-md-m {
        margin: 32px;
    }
    .margin-md-m-t,
    .margin-md-m-top,
    .m-md-m-t,
    .m-md-m-top {
        margin-top: 32px;
    }
    .margin-md-m-b,
    .margin-md-m-bottom,
    .m-md-m-b,
    .m-md-m-bottom {
        margin-bottom: 32px;
    }
    .margin-md-m-l,
    .margin-md-m-left,
    .m-md-m-l,
    .m-md-m-left {
        margin-left: 32px;
    }
    .margin-md-m-r,
    .margin-md-m-right,
    .m-md-m-r,
    .m-md-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 992px) {
    .margin-lg-m,
    .m-lg-m {
        margin: 32px;
    }
    .margin-lg-m-t,
    .margin-lg-m-top,
    .m-lg-m-t,
    .m-lg-m-top {
        margin-top: 32px;
    }
    .margin-lg-m-b,
    .margin-lg-m-bottom,
    .m-lg-m-b,
    .m-lg-m-bottom {
        margin-bottom: 32px;
    }
    .margin-lg-m-l,
    .margin-lg-m-left,
    .m-lg-m-l,
    .m-lg-m-left {
        margin-left: 32px;
    }
    .margin-lg-m-r,
    .margin-lg-m-right,
    .m-lg-m-r,
    .m-lg-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-m,
    .m-xl-m {
        margin: 32px;
    }
    .margin-xl-m-t,
    .margin-xl-m-top,
    .m-xl-m-t,
    .m-xl-m-top {
        margin-top: 32px;
    }
    .margin-xl-m-b,
    .margin-xl-m-bottom,
    .m-xl-m-b,
    .m-xl-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xl-m-l,
    .margin-xl-m-left,
    .m-xl-m-l,
    .m-xl-m-left {
        margin-left: 32px;
    }
    .margin-xl-m-r,
    .margin-xl-m-right,
    .m-xl-m-r,
    .m-xl-m-right {
        margin-right: 32px;
    }
}

.margin-l,
.m-l {
    margin: 40px;
}

.margin-l-t,
.margin-l-top,
.m-l-t,
.m-l-top {
    margin-top: 40px;
}

.margin-l-b,
.margin-l-bottom,
.m-l-b,
.m-l-bottom {
    margin-bottom: 40px;
}

.margin-l-l,
.margin-l-left,
.m-l-l,
.m-l-left {
    margin-left: 40px;
}

.margin-l-r,
.margin-l-right,
.m-l-r,
.m-l-right {
    margin-right: 40px;
}

@media (min-width: 0) {
    .margin-xs-l,
    .m-xs-l {
        margin: 40px;
    }
    .margin-xs-l-t,
    .margin-xs-l-top,
    .m-xs-l-t,
    .m-xs-l-top {
        margin-top: 40px;
    }
    .margin-xs-l-b,
    .margin-xs-l-bottom,
    .m-xs-l-b,
    .m-xs-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xs-l-l,
    .margin-xs-l-left,
    .m-xs-l-l,
    .m-xs-l-left {
        margin-left: 40px;
    }
    .margin-xs-l-r,
    .margin-xs-l-right,
    .m-xs-l-r,
    .m-xs-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 576px) {
    .margin-sm-l,
    .m-sm-l {
        margin: 40px;
    }
    .margin-sm-l-t,
    .margin-sm-l-top,
    .m-sm-l-t,
    .m-sm-l-top {
        margin-top: 40px;
    }
    .margin-sm-l-b,
    .margin-sm-l-bottom,
    .m-sm-l-b,
    .m-sm-l-bottom {
        margin-bottom: 40px;
    }
    .margin-sm-l-l,
    .margin-sm-l-left,
    .m-sm-l-l,
    .m-sm-l-left {
        margin-left: 40px;
    }
    .margin-sm-l-r,
    .margin-sm-l-right,
    .m-sm-l-r,
    .m-sm-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 768px) {
    .margin-md-l,
    .m-md-l {
        margin: 40px;
    }
    .margin-md-l-t,
    .margin-md-l-top,
    .m-md-l-t,
    .m-md-l-top {
        margin-top: 40px;
    }
    .margin-md-l-b,
    .margin-md-l-bottom,
    .m-md-l-b,
    .m-md-l-bottom {
        margin-bottom: 40px;
    }
    .margin-md-l-l,
    .margin-md-l-left,
    .m-md-l-l,
    .m-md-l-left {
        margin-left: 40px;
    }
    .margin-md-l-r,
    .margin-md-l-right,
    .m-md-l-r,
    .m-md-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .margin-lg-l,
    .m-lg-l {
        margin: 40px;
    }
    .margin-lg-l-t,
    .margin-lg-l-top,
    .m-lg-l-t,
    .m-lg-l-top {
        margin-top: 40px;
    }
    .margin-lg-l-b,
    .margin-lg-l-bottom,
    .m-lg-l-b,
    .m-lg-l-bottom {
        margin-bottom: 40px;
    }
    .margin-lg-l-l,
    .margin-lg-l-left,
    .m-lg-l-l,
    .m-lg-l-left {
        margin-left: 40px;
    }
    .margin-lg-l-r,
    .margin-lg-l-right,
    .m-lg-l-r,
    .m-lg-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-l,
    .m-xl-l {
        margin: 40px;
    }
    .margin-xl-l-t,
    .margin-xl-l-top,
    .m-xl-l-t,
    .m-xl-l-top {
        margin-top: 40px;
    }
    .margin-xl-l-b,
    .margin-xl-l-bottom,
    .m-xl-l-b,
    .m-xl-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xl-l-l,
    .margin-xl-l-left,
    .m-xl-l-l,
    .m-xl-l-left {
        margin-left: 40px;
    }
    .margin-xl-l-r,
    .margin-xl-l-right,
    .m-xl-l-r,
    .m-xl-l-right {
        margin-right: 40px;
    }
}

.margin-xl,
.m-xl {
    margin: 48px;
}

.margin-xl-t,
.margin-xl-top,
.m-xl-t,
.m-xl-top {
    margin-top: 48px;
}

.margin-xl-b,
.margin-xl-bottom,
.m-xl-b,
.m-xl-bottom {
    margin-bottom: 48px;
}

.margin-xl-l,
.margin-xl-left,
.m-xl-l,
.m-xl-left {
    margin-left: 48px;
}

.margin-xl-r,
.margin-xl-right,
.m-xl-r,
.m-xl-right {
    margin-right: 48px;
}

@media (min-width: 0) {
    .margin-xs-xl,
    .m-xs-xl {
        margin: 48px;
    }
    .margin-xs-xl-t,
    .margin-xs-xl-top,
    .m-xs-xl-t,
    .m-xs-xl-top {
        margin-top: 48px;
    }
    .margin-xs-xl-b,
    .margin-xs-xl-bottom,
    .m-xs-xl-b,
    .m-xs-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xs-xl-l,
    .margin-xs-xl-left,
    .m-xs-xl-l,
    .m-xs-xl-left {
        margin-left: 48px;
    }
    .margin-xs-xl-r,
    .margin-xs-xl-right,
    .m-xs-xl-r,
    .m-xs-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xl,
    .m-sm-xl {
        margin: 48px;
    }
    .margin-sm-xl-t,
    .margin-sm-xl-top,
    .m-sm-xl-t,
    .m-sm-xl-top {
        margin-top: 48px;
    }
    .margin-sm-xl-b,
    .margin-sm-xl-bottom,
    .m-sm-xl-b,
    .m-sm-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-sm-xl-l,
    .margin-sm-xl-left,
    .m-sm-xl-l,
    .m-sm-xl-left {
        margin-left: 48px;
    }
    .margin-sm-xl-r,
    .margin-sm-xl-right,
    .m-sm-xl-r,
    .m-sm-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 768px) {
    .margin-md-xl,
    .m-md-xl {
        margin: 48px;
    }
    .margin-md-xl-t,
    .margin-md-xl-top,
    .m-md-xl-t,
    .m-md-xl-top {
        margin-top: 48px;
    }
    .margin-md-xl-b,
    .margin-md-xl-bottom,
    .m-md-xl-b,
    .m-md-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-md-xl-l,
    .margin-md-xl-left,
    .m-md-xl-l,
    .m-md-xl-left {
        margin-left: 48px;
    }
    .margin-md-xl-r,
    .margin-md-xl-right,
    .m-md-xl-r,
    .m-md-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xl,
    .m-lg-xl {
        margin: 48px;
    }
    .margin-lg-xl-t,
    .margin-lg-xl-top,
    .m-lg-xl-t,
    .m-lg-xl-top {
        margin-top: 48px;
    }
    .margin-lg-xl-b,
    .margin-lg-xl-bottom,
    .m-lg-xl-b,
    .m-lg-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-lg-xl-l,
    .margin-lg-xl-left,
    .m-lg-xl-l,
    .m-lg-xl-left {
        margin-left: 48px;
    }
    .margin-lg-xl-r,
    .margin-lg-xl-right,
    .m-lg-xl-r,
    .m-lg-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xl,
    .m-xl-xl {
        margin: 48px;
    }
    .margin-xl-xl-t,
    .margin-xl-xl-top,
    .m-xl-xl-t,
    .m-xl-xl-top {
        margin-top: 48px;
    }
    .margin-xl-xl-b,
    .margin-xl-xl-bottom,
    .m-xl-xl-b,
    .m-xl-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xl-xl-l,
    .margin-xl-xl-left,
    .m-xl-xl-l,
    .m-xl-xl-left {
        margin-left: 48px;
    }
    .margin-xl-xl-r,
    .margin-xl-xl-right,
    .m-xl-xl-r,
    .m-xl-xl-right {
        margin-right: 48px;
    }
}

.margin-xxl,
.m-xxl {
    margin: 56px;
}

.margin-xxl-t,
.margin-xxl-top,
.m-xxl-t,
.m-xxl-top {
    margin-top: 56px;
}

.margin-xxl-b,
.margin-xxl-bottom,
.m-xxl-b,
.m-xxl-bottom {
    margin-bottom: 56px;
}

.margin-xxl-l,
.margin-xxl-left,
.m-xxl-l,
.m-xxl-left {
    margin-left: 56px;
}

.margin-xxl-r,
.margin-xxl-right,
.m-xxl-r,
.m-xxl-right {
    margin-right: 56px;
}

@media (min-width: 0) {
    .margin-xs-xxl,
    .m-xs-xxl {
        margin: 56px;
    }
    .margin-xs-xxl-t,
    .margin-xs-xxl-top,
    .m-xs-xxl-t,
    .m-xs-xxl-top {
        margin-top: 56px;
    }
    .margin-xs-xxl-b,
    .margin-xs-xxl-bottom,
    .m-xs-xxl-b,
    .m-xs-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xs-xxl-l,
    .margin-xs-xxl-left,
    .m-xs-xxl-l,
    .m-xs-xxl-left {
        margin-left: 56px;
    }
    .margin-xs-xxl-r,
    .margin-xs-xxl-right,
    .m-xs-xxl-r,
    .m-xs-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxl,
    .m-sm-xxl {
        margin: 56px;
    }
    .margin-sm-xxl-t,
    .margin-sm-xxl-top,
    .m-sm-xxl-t,
    .m-sm-xxl-top {
        margin-top: 56px;
    }
    .margin-sm-xxl-b,
    .margin-sm-xxl-bottom,
    .m-sm-xxl-b,
    .m-sm-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-sm-xxl-l,
    .margin-sm-xxl-left,
    .m-sm-xxl-l,
    .m-sm-xxl-left {
        margin-left: 56px;
    }
    .margin-sm-xxl-r,
    .margin-sm-xxl-right,
    .m-sm-xxl-r,
    .m-sm-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxl,
    .m-md-xxl {
        margin: 56px;
    }
    .margin-md-xxl-t,
    .margin-md-xxl-top,
    .m-md-xxl-t,
    .m-md-xxl-top {
        margin-top: 56px;
    }
    .margin-md-xxl-b,
    .margin-md-xxl-bottom,
    .m-md-xxl-b,
    .m-md-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-md-xxl-l,
    .margin-md-xxl-left,
    .m-md-xxl-l,
    .m-md-xxl-left {
        margin-left: 56px;
    }
    .margin-md-xxl-r,
    .margin-md-xxl-right,
    .m-md-xxl-r,
    .m-md-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxl,
    .m-lg-xxl {
        margin: 56px;
    }
    .margin-lg-xxl-t,
    .margin-lg-xxl-top,
    .m-lg-xxl-t,
    .m-lg-xxl-top {
        margin-top: 56px;
    }
    .margin-lg-xxl-b,
    .margin-lg-xxl-bottom,
    .m-lg-xxl-b,
    .m-lg-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-lg-xxl-l,
    .margin-lg-xxl-left,
    .m-lg-xxl-l,
    .m-lg-xxl-left {
        margin-left: 56px;
    }
    .margin-lg-xxl-r,
    .margin-lg-xxl-right,
    .m-lg-xxl-r,
    .m-lg-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxl,
    .m-xl-xxl {
        margin: 56px;
    }
    .margin-xl-xxl-t,
    .margin-xl-xxl-top,
    .m-xl-xxl-t,
    .m-xl-xxl-top {
        margin-top: 56px;
    }
    .margin-xl-xxl-b,
    .margin-xl-xxl-bottom,
    .m-xl-xxl-b,
    .m-xl-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xl-xxl-l,
    .margin-xl-xxl-left,
    .m-xl-xxl-l,
    .m-xl-xxl-left {
        margin-left: 56px;
    }
    .margin-xl-xxl-r,
    .margin-xl-xxl-right,
    .m-xl-xxl-r,
    .m-xl-xxl-right {
        margin-right: 56px;
    }
}

.margin-xxxl,
.m-xxxl {
    margin: 64px;
}

.margin-xxxl-t,
.margin-xxxl-top,
.m-xxxl-t,
.m-xxxl-top {
    margin-top: 64px;
}

.margin-xxxl-b,
.margin-xxxl-bottom,
.m-xxxl-b,
.m-xxxl-bottom {
    margin-bottom: 64px;
}

.margin-xxxl-l,
.margin-xxxl-left,
.m-xxxl-l,
.m-xxxl-left {
    margin-left: 64px;
}

.margin-xxxl-r,
.margin-xxxl-right,
.m-xxxl-r,
.m-xxxl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-xxxl,
    .m-xs-xxxl {
        margin: 64px;
    }
    .margin-xs-xxxl-t,
    .margin-xs-xxxl-top,
    .m-xs-xxxl-t,
    .m-xs-xxxl-top {
        margin-top: 64px;
    }
    .margin-xs-xxxl-b,
    .margin-xs-xxxl-bottom,
    .m-xs-xxxl-b,
    .m-xs-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-xxxl-l,
    .margin-xs-xxxl-left,
    .m-xs-xxxl-l,
    .m-xs-xxxl-left {
        margin-left: 64px;
    }
    .margin-xs-xxxl-r,
    .margin-xs-xxxl-right,
    .m-xs-xxxl-r,
    .m-xs-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxl,
    .m-sm-xxxl {
        margin: 64px;
    }
    .margin-sm-xxxl-t,
    .margin-sm-xxxl-top,
    .m-sm-xxxl-t,
    .m-sm-xxxl-top {
        margin-top: 64px;
    }
    .margin-sm-xxxl-b,
    .margin-sm-xxxl-bottom,
    .m-sm-xxxl-b,
    .m-sm-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-xxxl-l,
    .margin-sm-xxxl-left,
    .m-sm-xxxl-l,
    .m-sm-xxxl-left {
        margin-left: 64px;
    }
    .margin-sm-xxxl-r,
    .margin-sm-xxxl-right,
    .m-sm-xxxl-r,
    .m-sm-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxl,
    .m-md-xxxl {
        margin: 64px;
    }
    .margin-md-xxxl-t,
    .margin-md-xxxl-top,
    .m-md-xxxl-t,
    .m-md-xxxl-top {
        margin-top: 64px;
    }
    .margin-md-xxxl-b,
    .margin-md-xxxl-bottom,
    .m-md-xxxl-b,
    .m-md-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-xxxl-l,
    .margin-md-xxxl-left,
    .m-md-xxxl-l,
    .m-md-xxxl-left {
        margin-left: 64px;
    }
    .margin-md-xxxl-r,
    .margin-md-xxxl-right,
    .m-md-xxxl-r,
    .m-md-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxl,
    .m-lg-xxxl {
        margin: 64px;
    }
    .margin-lg-xxxl-t,
    .margin-lg-xxxl-top,
    .m-lg-xxxl-t,
    .m-lg-xxxl-top {
        margin-top: 64px;
    }
    .margin-lg-xxxl-b,
    .margin-lg-xxxl-bottom,
    .m-lg-xxxl-b,
    .m-lg-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-xxxl-l,
    .margin-lg-xxxl-left,
    .m-lg-xxxl-l,
    .m-lg-xxxl-left {
        margin-left: 64px;
    }
    .margin-lg-xxxl-r,
    .margin-lg-xxxl-right,
    .m-lg-xxxl-r,
    .m-lg-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxl,
    .m-xl-xxxl {
        margin: 64px;
    }
    .margin-xl-xxxl-t,
    .margin-xl-xxxl-top,
    .m-xl-xxxl-t,
    .m-xl-xxxl-top {
        margin-top: 64px;
    }
    .margin-xl-xxxl-b,
    .margin-xl-xxxl-bottom,
    .m-xl-xxxl-b,
    .m-xl-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-xxxl-l,
    .margin-xl-xxxl-left,
    .m-xl-xxxl-l,
    .m-xl-xxxl-left {
        margin-left: 64px;
    }
    .margin-xl-xxxl-r,
    .margin-xl-xxxl-right,
    .m-xl-xxxl-r,
    .m-xl-xxxl-right {
        margin-right: 64px;
    }
}

.margin-3xl,
.m-3xl {
    margin: 64px;
}

.margin-3xl-t,
.margin-3xl-top,
.m-3xl-t,
.m-3xl-top {
    margin-top: 64px;
}

.margin-3xl-b,
.margin-3xl-bottom,
.m-3xl-b,
.m-3xl-bottom {
    margin-bottom: 64px;
}

.margin-3xl-l,
.margin-3xl-left,
.m-3xl-l,
.m-3xl-left {
    margin-left: 64px;
}

.margin-3xl-r,
.margin-3xl-right,
.m-3xl-r,
.m-3xl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-3xl,
    .m-xs-3xl {
        margin: 64px;
    }
    .margin-xs-3xl-t,
    .margin-xs-3xl-top,
    .m-xs-3xl-t,
    .m-xs-3xl-top {
        margin-top: 64px;
    }
    .margin-xs-3xl-b,
    .margin-xs-3xl-bottom,
    .m-xs-3xl-b,
    .m-xs-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-3xl-l,
    .margin-xs-3xl-left,
    .m-xs-3xl-l,
    .m-xs-3xl-left {
        margin-left: 64px;
    }
    .margin-xs-3xl-r,
    .margin-xs-3xl-right,
    .m-xs-3xl-r,
    .m-xs-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xl,
    .m-sm-3xl {
        margin: 64px;
    }
    .margin-sm-3xl-t,
    .margin-sm-3xl-top,
    .m-sm-3xl-t,
    .m-sm-3xl-top {
        margin-top: 64px;
    }
    .margin-sm-3xl-b,
    .margin-sm-3xl-bottom,
    .m-sm-3xl-b,
    .m-sm-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-3xl-l,
    .margin-sm-3xl-left,
    .m-sm-3xl-l,
    .m-sm-3xl-left {
        margin-left: 64px;
    }
    .margin-sm-3xl-r,
    .margin-sm-3xl-right,
    .m-sm-3xl-r,
    .m-sm-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xl,
    .m-md-3xl {
        margin: 64px;
    }
    .margin-md-3xl-t,
    .margin-md-3xl-top,
    .m-md-3xl-t,
    .m-md-3xl-top {
        margin-top: 64px;
    }
    .margin-md-3xl-b,
    .margin-md-3xl-bottom,
    .m-md-3xl-b,
    .m-md-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-3xl-l,
    .margin-md-3xl-left,
    .m-md-3xl-l,
    .m-md-3xl-left {
        margin-left: 64px;
    }
    .margin-md-3xl-r,
    .margin-md-3xl-right,
    .m-md-3xl-r,
    .m-md-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xl,
    .m-lg-3xl {
        margin: 64px;
    }
    .margin-lg-3xl-t,
    .margin-lg-3xl-top,
    .m-lg-3xl-t,
    .m-lg-3xl-top {
        margin-top: 64px;
    }
    .margin-lg-3xl-b,
    .margin-lg-3xl-bottom,
    .m-lg-3xl-b,
    .m-lg-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-3xl-l,
    .margin-lg-3xl-left,
    .m-lg-3xl-l,
    .m-lg-3xl-left {
        margin-left: 64px;
    }
    .margin-lg-3xl-r,
    .margin-lg-3xl-right,
    .m-lg-3xl-r,
    .m-lg-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xl,
    .m-xl-3xl {
        margin: 64px;
    }
    .margin-xl-3xl-t,
    .margin-xl-3xl-top,
    .m-xl-3xl-t,
    .m-xl-3xl-top {
        margin-top: 64px;
    }
    .margin-xl-3xl-b,
    .margin-xl-3xl-bottom,
    .m-xl-3xl-b,
    .m-xl-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-3xl-l,
    .margin-xl-3xl-left,
    .m-xl-3xl-l,
    .m-xl-3xl-left {
        margin-left: 64px;
    }
    .margin-xl-3xl-r,
    .margin-xl-3xl-right,
    .m-xl-3xl-r,
    .m-xl-3xl-right {
        margin-right: 64px;
    }
}

.margin-xxxxl,
.m-xxxxl {
    margin: 76px;
}

.margin-xxxxl-t,
.margin-xxxxl-top,
.m-xxxxl-t,
.m-xxxxl-top {
    margin-top: 76px;
}

.margin-xxxxl-b,
.margin-xxxxl-bottom,
.m-xxxxl-b,
.m-xxxxl-bottom {
    margin-bottom: 76px;
}

.margin-xxxxl-l,
.margin-xxxxl-left,
.m-xxxxl-l,
.m-xxxxl-left {
    margin-left: 76px;
}

.margin-xxxxl-r,
.margin-xxxxl-right,
.m-xxxxl-r,
.m-xxxxl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-xxxxl,
    .m-xs-xxxxl {
        margin: 76px;
    }
    .margin-xs-xxxxl-t,
    .margin-xs-xxxxl-top,
    .m-xs-xxxxl-t,
    .m-xs-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xs-xxxxl-b,
    .margin-xs-xxxxl-bottom,
    .m-xs-xxxxl-b,
    .m-xs-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-xxxxl-l,
    .margin-xs-xxxxl-left,
    .m-xs-xxxxl-l,
    .m-xs-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xs-xxxxl-r,
    .margin-xs-xxxxl-right,
    .m-xs-xxxxl-r,
    .m-xs-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxl,
    .m-sm-xxxxl {
        margin: 76px;
    }
    .margin-sm-xxxxl-t,
    .margin-sm-xxxxl-top,
    .m-sm-xxxxl-t,
    .m-sm-xxxxl-top {
        margin-top: 76px;
    }
    .margin-sm-xxxxl-b,
    .margin-sm-xxxxl-bottom,
    .m-sm-xxxxl-b,
    .m-sm-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-xxxxl-l,
    .margin-sm-xxxxl-left,
    .m-sm-xxxxl-l,
    .m-sm-xxxxl-left {
        margin-left: 76px;
    }
    .margin-sm-xxxxl-r,
    .margin-sm-xxxxl-right,
    .m-sm-xxxxl-r,
    .m-sm-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxl,
    .m-md-xxxxl {
        margin: 76px;
    }
    .margin-md-xxxxl-t,
    .margin-md-xxxxl-top,
    .m-md-xxxxl-t,
    .m-md-xxxxl-top {
        margin-top: 76px;
    }
    .margin-md-xxxxl-b,
    .margin-md-xxxxl-bottom,
    .m-md-xxxxl-b,
    .m-md-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-xxxxl-l,
    .margin-md-xxxxl-left,
    .m-md-xxxxl-l,
    .m-md-xxxxl-left {
        margin-left: 76px;
    }
    .margin-md-xxxxl-r,
    .margin-md-xxxxl-right,
    .m-md-xxxxl-r,
    .m-md-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxl,
    .m-lg-xxxxl {
        margin: 76px;
    }
    .margin-lg-xxxxl-t,
    .margin-lg-xxxxl-top,
    .m-lg-xxxxl-t,
    .m-lg-xxxxl-top {
        margin-top: 76px;
    }
    .margin-lg-xxxxl-b,
    .margin-lg-xxxxl-bottom,
    .m-lg-xxxxl-b,
    .m-lg-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-xxxxl-l,
    .margin-lg-xxxxl-left,
    .m-lg-xxxxl-l,
    .m-lg-xxxxl-left {
        margin-left: 76px;
    }
    .margin-lg-xxxxl-r,
    .margin-lg-xxxxl-right,
    .m-lg-xxxxl-r,
    .m-lg-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxl,
    .m-xl-xxxxl {
        margin: 76px;
    }
    .margin-xl-xxxxl-t,
    .margin-xl-xxxxl-top,
    .m-xl-xxxxl-t,
    .m-xl-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xl-xxxxl-b,
    .margin-xl-xxxxl-bottom,
    .m-xl-xxxxl-b,
    .m-xl-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-xxxxl-l,
    .margin-xl-xxxxl-left,
    .m-xl-xxxxl-l,
    .m-xl-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xl-xxxxl-r,
    .margin-xl-xxxxl-right,
    .m-xl-xxxxl-r,
    .m-xl-xxxxl-right {
        margin-right: 76px;
    }
}

.margin-4xl,
.m-4xl {
    margin: 76px;
}

.margin-4xl-t,
.margin-4xl-top,
.m-4xl-t,
.m-4xl-top {
    margin-top: 76px;
}

.margin-4xl-b,
.margin-4xl-bottom,
.m-4xl-b,
.m-4xl-bottom {
    margin-bottom: 76px;
}

.margin-4xl-l,
.margin-4xl-left,
.m-4xl-l,
.m-4xl-left {
    margin-left: 76px;
}

.margin-4xl-r,
.margin-4xl-right,
.m-4xl-r,
.m-4xl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-4xl,
    .m-xs-4xl {
        margin: 76px;
    }
    .margin-xs-4xl-t,
    .margin-xs-4xl-top,
    .m-xs-4xl-t,
    .m-xs-4xl-top {
        margin-top: 76px;
    }
    .margin-xs-4xl-b,
    .margin-xs-4xl-bottom,
    .m-xs-4xl-b,
    .m-xs-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-4xl-l,
    .margin-xs-4xl-left,
    .m-xs-4xl-l,
    .m-xs-4xl-left {
        margin-left: 76px;
    }
    .margin-xs-4xl-r,
    .margin-xs-4xl-right,
    .m-xs-4xl-r,
    .m-xs-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xl,
    .m-sm-4xl {
        margin: 76px;
    }
    .margin-sm-4xl-t,
    .margin-sm-4xl-top,
    .m-sm-4xl-t,
    .m-sm-4xl-top {
        margin-top: 76px;
    }
    .margin-sm-4xl-b,
    .margin-sm-4xl-bottom,
    .m-sm-4xl-b,
    .m-sm-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-4xl-l,
    .margin-sm-4xl-left,
    .m-sm-4xl-l,
    .m-sm-4xl-left {
        margin-left: 76px;
    }
    .margin-sm-4xl-r,
    .margin-sm-4xl-right,
    .m-sm-4xl-r,
    .m-sm-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xl,
    .m-md-4xl {
        margin: 76px;
    }
    .margin-md-4xl-t,
    .margin-md-4xl-top,
    .m-md-4xl-t,
    .m-md-4xl-top {
        margin-top: 76px;
    }
    .margin-md-4xl-b,
    .margin-md-4xl-bottom,
    .m-md-4xl-b,
    .m-md-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-4xl-l,
    .margin-md-4xl-left,
    .m-md-4xl-l,
    .m-md-4xl-left {
        margin-left: 76px;
    }
    .margin-md-4xl-r,
    .margin-md-4xl-right,
    .m-md-4xl-r,
    .m-md-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xl,
    .m-lg-4xl {
        margin: 76px;
    }
    .margin-lg-4xl-t,
    .margin-lg-4xl-top,
    .m-lg-4xl-t,
    .m-lg-4xl-top {
        margin-top: 76px;
    }
    .margin-lg-4xl-b,
    .margin-lg-4xl-bottom,
    .m-lg-4xl-b,
    .m-lg-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-4xl-l,
    .margin-lg-4xl-left,
    .m-lg-4xl-l,
    .m-lg-4xl-left {
        margin-left: 76px;
    }
    .margin-lg-4xl-r,
    .margin-lg-4xl-right,
    .m-lg-4xl-r,
    .m-lg-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xl,
    .m-xl-4xl {
        margin: 76px;
    }
    .margin-xl-4xl-t,
    .margin-xl-4xl-top,
    .m-xl-4xl-t,
    .m-xl-4xl-top {
        margin-top: 76px;
    }
    .margin-xl-4xl-b,
    .margin-xl-4xl-bottom,
    .m-xl-4xl-b,
    .m-xl-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-4xl-l,
    .margin-xl-4xl-left,
    .m-xl-4xl-l,
    .m-xl-4xl-left {
        margin-left: 76px;
    }
    .margin-xl-4xl-r,
    .margin-xl-4xl-right,
    .m-xl-4xl-r,
    .m-xl-4xl-right {
        margin-right: 76px;
    }
}

.margin-auto,
.m-auto {
    margin: auto;
}

.margin-auto-t,
.margin-auto-top,
.m-auto-t,
.m-auto-top {
    margin-top: auto;
}

.margin-auto-b,
.margin-auto-bottom,
.m-auto-b,
.m-auto-bottom {
    margin-bottom: auto;
}

.margin-auto-l,
.margin-auto-left,
.m-auto-l,
.m-auto-left {
    margin-left: auto;
}

.margin-auto-r,
.margin-auto-right,
.m-auto-r,
.m-auto-right {
    margin-right: auto;
}

.margin-xs-auto {
    margin: auto;
}

.margin-xs-auto-t,
.margin-xs-auto-top {
    margin-top: auto;
}

.margin-xs-auto-b,
.margin-xs-auto-bottom {
    margin-bottom: auto;
}

.margin-xs-auto-l,
.margin-xs-auto-left {
    margin-left: auto;
}

.margin-xs-auto-r,
.margin-xs-auto-right {
    margin-right: auto;
}

.margin-sm-auto {
    margin: auto;
}

.margin-sm-auto-t,
.margin-sm-auto-top {
    margin-top: auto;
}

.margin-sm-auto-b,
.margin-sm-auto-bottom {
    margin-bottom: auto;
}

.margin-sm-auto-l,
.margin-sm-auto-left {
    margin-left: auto;
}

.margin-sm-auto-r,
.margin-sm-auto-right {
    margin-right: auto;
}

.margin-md-auto {
    margin: auto;
}

.margin-md-auto-t,
.margin-md-auto-top {
    margin-top: auto;
}

.margin-md-auto-b,
.margin-md-auto-bottom {
    margin-bottom: auto;
}

.margin-md-auto-l,
.margin-md-auto-left {
    margin-left: auto;
}

.margin-md-auto-r,
.margin-md-auto-right {
    margin-right: auto;
}

.margin-lg-auto {
    margin: auto;
}

.margin-lg-auto-t,
.margin-lg-auto-top {
    margin-top: auto;
}

.margin-lg-auto-b,
.margin-lg-auto-bottom {
    margin-bottom: auto;
}

.margin-lg-auto-l,
.margin-lg-auto-left {
    margin-left: auto;
}

.margin-lg-auto-r,
.margin-lg-auto-right {
    margin-right: auto;
}

.margin-xl-auto {
    margin: auto;
}

.margin-xl-auto-t,
.margin-xl-auto-top {
    margin-top: auto;
}

.margin-xl-auto-b,
.margin-xl-auto-bottom {
    margin-bottom: auto;
}

.margin-xl-auto-l,
.margin-xl-auto-left {
    margin-left: auto;
}

.margin-xl-auto-r,
.margin-xl-auto-right {
    margin-right: auto;
}

.bg-color-main {
    background-color: #55c4d0;
}

.bg-color-main-light {
    background-color: #d5f4f7;
}

.bg-color-main-dark {
    background-color: #278b96;
}

.bg-color-secondary {
    background-color: #375573;
}

.bg-color-secondary-light {
    background-color: #cad8e6;
}

.bg-color-secondary-dark {
    background-color: #19334d;
}

.bg-color-accent {
    background-color: #55c4d0;
}

.bg-color-accent-light {
    background-color: #d5f4f7;
}

.bg-color-accent-dark {
    background-color: #278b96;
}

.bg-color-danger,
.bg-color-error {
    background-color: #f15a6d;
}

.bg-color-danger-light,
.bg-color-error-light {
    background-color: #ffc4cc;
}

.bg-color-danger-dark,
.bg-color-error-dark {
    background-color: #b8283b;
}

.bg-color-success {
    background-color: #6ec190;
}

.bg-color-success-light {
    background-color: #d5f5e2;
}

.bg-color-success-dark {
    background-color: #2b754a;
}

.bg-color-alert,
.bg-color-warning {
    background-color: #ffc845;
}

.bg-color-alert-light,
.bg-color-warning-light {
    background-color: #ffe9b5;
}

.bg-color-alert-dark,
.bg-color-warning-dark {
    background-color: #9d6f00;
}

.bg-color-info {
    background-color: #55c4d0;
}

.bg-color-info-light {
    background-color: #d5f4f7;
}

.bg-color-info-dark {
    background-color: #278b96;
}

.bg-color-ink {
    background-color: #333;
}

.bg-color-ink-light {
    background-color: #888;
}

.bg-color-ink-lightest {
    background-color: #bbb;
}

.bg-color-ground {
    background-color: #d4d4d4;
}

.bg-color-ground-light {
    background-color: #e3e3e3;
}

.bg-color-ground-lightest {
    background-color: #f2f2f2;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-black {
    background-color: #000;
}

.color-main {
    color: #55c4d0;
}

.color-main-light {
    color: #d5f4f7;
}

.color-main-dark {
    color: #278b96;
}

.color-secondary {
    color: #375573;
}

.color-secondary-light {
    color: #cad8e6;
}

.color-secondary-dark {
    color: #19334d;
}

.color-accent {
    color: #55c4d0;
}

.color-accent-light {
    color: #d5f4f7;
}

.color-accent-dark {
    color: #278b96;
}

.color-danger {
    color: #f15a6d;
}

.color-danger-light {
    color: #ffc4cc;
}

.color-danger-dark {
    color: #b8283b;
}

.color-success {
    color: #6ec190;
}

.color-success-light {
    color: #d5f5e2;
}

.color-success-dark {
    color: #2b754a;
}

.color-alert {
    color: #ffc845;
}

.color-alert-light {
    color: #ffe9b5;
}

.color-alert-dark {
    color: #9d6f00;
}

.color-info {
    color: #55c4d0;
}

.color-info-light {
    color: #d5f4f7;
}

.color-info-dark {
    color: #278b96;
}

.color-ink {
    color: #333;
}

.color-ink-light {
    color: #888;
}

.color-ink-lightest {
    color: #bbb;
}

.color-ground {
    color: #d4d4d4;
}

.color-ground-light {
    color: #e3e3e3;
}

.color-ground-lightest {
    color: #f2f2f2;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.fill-main {
    fill: #55c4d0;
}

.fill-main-light {
    fill: #d5f4f7;
}

.fill-main-dark {
    fill: #278b96;
}

.fill-secondary {
    fill: #375573;
}

.fill-secondary-light {
    fill: #cad8e6;
}

.fill-secondary-dark {
    fill: #19334d;
}

.fill-accent {
    fill: #55c4d0;
}

.fill-accent-light {
    fill: #d5f4f7;
}

.fill-accent-dark {
    fill: #278b96;
}

.fill-danger {
    fill: #f15a6d;
}

.fill-danger-light {
    fill: #ffc4cc;
}

.fill-danger-dark {
    fill: #b8283b;
}

.fill-success {
    fill: #6ec190;
}

.fill-success-light {
    fill: #d5f5e2;
}

.fill-success-dark {
    fill: #2b754a;
}

.fill-alert {
    fill: #ffc845;
}

.fill-alert-light {
    fill: #ffe9b5;
}

.fill-alert-dark {
    fill: #9d6f00;
}

.fill-info {
    fill: #55c4d0;
}

.fill-info-light {
    fill: #d5f4f7;
}

.fill-info-dark {
    fill: #278b96;
}

.fill-ink {
    fill: #333;
}

.fill-ink-light {
    fill: #888;
}

.fill-ink-lightest {
    fill: #bbb;
}

.fill-ground {
    fill: #d4d4d4;
}

.fill-ground-light {
    fill: #e3e3e3;
}

.fill-ground-lightest {
    fill: #f2f2f2;
}

.fill-white {
    fill: #fff;
}

.fill-black {
    fill: #000;
}

.input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    padding: 0 12px;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    color: #333;
    resize: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: none;
}

.input::-webkit-input-placeholder {
    color: #888;
}

.input:-ms-input-placeholder {
    color: #888;
}

.input::-ms-input-placeholder {
    color: #888;
}

.input::placeholder {
    color: #888;
}

.input:focus,
.input--focused {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
    border: 1px solid #55c4d0;
}

.input--success,
.input.success {
    border: 1px solid #6ec190;
}

.input--error,
.input.error {
    border: 1px solid #f15a6d;
}

.input--error:focus,
.input--error--focus,
.input.error:focus,
.input.error--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
    border: 1px solid #f15a6d;
}

.input[disabled="disabled"],
.input--disabled,
.input.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.input--password,
.input [type="password"],
.input.password {
    font-size: 10px;
    letter-spacing: 5px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.border-radius {
    border-radius: 4px;
}

.border,
.border-01 {
    border: 1px solid;
}

.border-left,
.border-left-01 {
    border-left: 1px solid;
}

.border-right,
.border-right-01 {
    border-right: 1px solid;
}

.border-top,
.border-top-01 {
    border-top: 1px solid;
}

.border-bottom,
.Example:not(:last-child),
.border-bottom-01 {
    border-bottom: 1px solid;
}

.border-04 {
    border: 4px solid;
}

.border-left-04 {
    border-left: 4px solid;
}

.border-right-04 {
    border-right: 4px solid;
}

.border-top-04 {
    border-top: 4px solid;
}

.border-bottom-04 {
    border-bottom: 4px solid;
}

.border-color-main {
    border-color: #55c4d0;
}

.border-color-main-light {
    border-color: #d5f4f7;
}

.border-color-main-dark {
    border-color: #278b96;
}

.border-color-secondary {
    border-color: #375573;
}

.border-color-secondary-light {
    border-color: #cad8e6;
}

.border-color-secondary-dark {
    border-color: #19334d;
}

.border-color-accent {
    border-color: #55c4d0;
}

.border-color-accent-light {
    border-color: #d5f4f7;
}

.border-color-accent-dark {
    border-color: #278b96;
}

.border-color-danger {
    border-color: #f15a6d;
}

.border-color-danger-light {
    border-color: #ffc4cc;
}

.border-color-danger-dark {
    border-color: #b8283b;
}

.border-color-success {
    border-color: #6ec190;
}

.border-color-success-light {
    border-color: #d5f5e2;
}

.border-color-success-dark {
    border-color: #2b754a;
}

.border-color-alert {
    border-color: #ffc845;
}

.border-color-alert-light {
    border-color: #ffe9b5;
}

.border-color-alert-dark {
    border-color: #9d6f00;
}

.border-color-info {
    border-color: #55c4d0;
}

.border-color-info-light {
    border-color: #d5f4f7;
}

.border-color-info-dark {
    border-color: #278b96;
}

.border-color-ink {
    border-color: #333;
}

.border-color-ink-light {
    border-color: #888;
}

.border-color-ink-lightest {
    border-color: #bbb;
}

.border-color-ground,
.Example:not(:last-child) {
    border-color: #d4d4d4;
}

.border-color-ground-light {
    border-color: #e3e3e3;
}

.border-color-ground-lightest {
    border-color: #f2f2f2;
}

.border-color-white {
    border-color: #fff;
}

.border-color-black {
    border-color: #000;
}

.circle {
    border-radius: 50%;
}

.full-height {
    height: 100%;
}

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

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

.half-height {
    height: 50%;
}

.half-max-height {
    max-height: 50%;
}

.half-min-height {
    min-height: 50%;
}

.height--size-s,
.height.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.height--size-l,
.height.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.height--size-m,
.height.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

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

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

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

.half-width {
    width: 50%;
}

.half-max-width {
    max-width: 50%;
}

.half-min-width {
    min-width: 50%;
}

.width--size-s,
.width.size-s {
    font-size: 0.875rem;
    width: 32px;
    max-width: 32px;
}

.width--size-l,
.width.size-l {
    font-size: 1rem;
    width: 48px;
    max-width: 48px;
}

.width--size-m,
.width.size-m {
    font-size: 1rem;
    width: 40px;
    max-width: 40px;
}

.square--size-s,
.square.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    width: 32px;
    max-width: 32px;
}

.square--size-l,
.square.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    width: 48px;
    max-width: 48px;
}

.square--size-m,
.square.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    width: 40px;
    max-width: 40px;
}

.input-error-message {
    width: 100%;
    padding: 4px 0 0 4px;
    font-family: "proxima-soft", sans-serif;
    color: #f15a6d;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 0.75rem;
    line-height: 1rem;
}

.separator {
    padding-bottom: 24px;
    border-top: 4px solid #f2f2f2;
}

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

.line-height-normal {
    line-height: 1;
}

.line-height-s {
    line-height: 1.25;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.cursor-pointer {
    cursor: pointer;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.font-xxs {
    font-size: 0.625rem;
    line-height: 0.875rem;
}

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

.font-s,
.Example__value {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.font-m,
.Example__description {
    font-size: 1rem;
    line-height: 1.25rem;
}

.font-l {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.font-xl {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.font-xxl {
    font-size: 2rem;
    line-height: 2.25rem;
}

.font-normal {
    font-weight: normal;
}

.font-semibold {
    font-weight: 600;
}

.font-proxima {
    font-family: "proxima-soft", sans-serif;
}

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

.shadow-s {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-s:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.24);
}

.shadow-m {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-m:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.24);
}

.shadow-l {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-l:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.24), 0 6px 12px rgba(0, 0, 0, 0.24);
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.uppercase {
    text-transform: uppercase;
}

.Example__title {
    font-weight: 700;
}

.Example__code {
    padding: 20px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#MultiSelect {
    display: block;
    width: 100%;
}

#MultiSelect .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#MultiSelect .components .component-wrapper {
    padding-top: 20px;
    padding-right: 100px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Navbar {
    display: block;
    width: 100%;
}

#Navbar h1 {
    margin: 20px 0 20px;
}

#Navbar .components {
    height: 400px;
    overflow: scroll;
    border: 1px solid 808080;
}

#Navbar .components .component-wrapper {
    position: relative;
    height: 1000px;
    background-color: #f5f5f5;
}

#Navbar .components .component-wrapper .content {
    padding-top: 50px;
    margin: 0 auto;
    font-size: 35px;
    text-align: center;
}

#Navbar .components .component-wrapper .right-panel {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 12px;
    margin-right: 25px;
    font-size: 16px;
    color: #375573;
    background-color: #fff;
    border: solid 1px #d4d4d4;
    border-radius: 44px;
}

#Navbar .components .component-wrapper .right-panel:hover {
    cursor: pointer;
}

#Navbar .components .component-wrapper .right-panel-content {
    display: flex;
    flex-direction: column;
}

#Navbar .components .component-wrapper .right-panel-content-item2 {
    font-size: 12px;
    font-weight: 600;
}

#Navbar .components .component-wrapper .right-panel img {
    width: 37px;
    padding-right: 12px;
}

#Navbar .iframe {
    width: 100%;
    height: 400px;
    overflow: scroll;
    border: 1px solid #808080;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.Notification .components {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 20px;
}

.Notification .createNotification {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 20px;
}

.Notification .createNotification textarea {
    width: 150px;
    min-height: 80px;
    resize: none;
}

.Notification .createNotification .createNotification__parameters {
    margin-left: 10px;
}

.Notification .createNotification .createNotification__parameters__group {
    margin-bottom: 10px;
    margin-left: 10px;
}

.Notification .createNotification .createNotification__parameters__group--row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Notification .createNotification .createNotification__parameters .flex11 {
    flex: 1 1 auto;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.animate {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.animate.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animate.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animate.slideIn {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


/*
 Put the helpers that we will use as elements, like "mui-badge" at the start of the list. If not
 we could not override the background/color/margins with the helpers that are imported after.
  */

.mui-badge {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-family: "proxima-soft", sans-serif;
    line-height: 0.8;
    color: #55c4d0;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-badge--main {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--secondary {
    color: #fff;
    background-color: #375573;
}

.mui-badge--danger {
    color: #fff;
    background-color: #f15a6d;
}

.mui-badge--success {
    color: #fff;
    background-color: #6ec190;
}

.mui-badge--alert {
    color: #fff;
    background-color: #ffc845;
}

.mui-badge--info {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--ink {
    color: #fff;
    background-color: #888;
}

.mui-badge--ground {
    color: #fff;
    background-color: #e3e3e3;
}

.mui-badge--xs {
    font-size: 0.75rem;
}

.mui-badge--s {
    font-size: 0.875rem;
}

.mui-badge--m {
    font-size: 1rem;
}

.mui-badge--l {
    font-size: 1.25rem;
}

.mui-badge--xl {
    font-size: 1.5rem;
}

.mui-badge--xxl {
    font-size: 2rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-family: "proxima-soft", sans-serif;
    text-align: left;
}

.h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal;
}

.h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
}

.h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: normal;
}

.h5 {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
}

.h6 {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
}

.button {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.25rem;
}

.button--no-focus {
    box-shadow: none;
}

.button--main {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--main:active,
.button--main--active,
.button--main:hover {
    background-color: #278b96;
}

.button--main:disabled,
.button--main--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--main:focus,
.button--main--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--main--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--main--offset:active,
.button--main--offset--active,
.button--main--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--main--offset:disabled,
.button--main--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--main--offset:focus,
.button--main--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--secondary {
    color: #fff;
    background-color: #375573;
    fill: #fff;
}

.button--secondary:active,
.button--secondary--active,
.button--secondary:hover {
    background-color: #19334d;
}

.button--secondary:disabled,
.button--secondary--disabled {
    cursor: not-allowed;
    background-color: #cad8e6;
}

.button--secondary:focus,
.button--secondary--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #19334d;
}

.button--secondary--offset {
    color: #375573;
    border: 1px solid #375573;
    fill: #375573;
}

.button--secondary--offset:active,
.button--secondary--offset--active,
.button--secondary--offset:hover {
    color: #19334d;
    border: 1px solid #19334d;
    fill: #19334d;
}

.button--secondary--offset:disabled,
.button--secondary--offset--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    border: 1px solid #cad8e6;
    fill: #cad8e6;
}

.button--secondary--offset:focus,
.button--secondary--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #375573;
}

.button--accent {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--accent:active,
.button--accent--active,
.button--accent:hover {
    background-color: #278b96;
}

.button--accent:disabled,
.button--accent--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--accent:focus,
.button--accent--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--accent--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--accent--offset:active,
.button--accent--offset--active,
.button--accent--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--accent--offset:disabled,
.button--accent--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--accent--offset:focus,
.button--accent--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--danger {
    color: #fff;
    background-color: #f15a6d;
    fill: #fff;
}

.button--danger:active,
.button--danger--active,
.button--danger:hover {
    background-color: #b8283b;
}

.button--danger:disabled,
.button--danger--disabled {
    cursor: not-allowed;
    background-color: #ffc4cc;
}

.button--danger:focus,
.button--danger--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--danger--offset {
    color: #f15a6d;
    border: 1px solid #f15a6d;
    fill: #f15a6d;
}

.button--danger--offset:active,
.button--danger--offset--active,
.button--danger--offset:hover {
    color: #b8283b;
    border: 1px solid #b8283b;
    fill: #b8283b;
}

.button--danger--offset:disabled,
.button--danger--offset--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    border: 1px solid #ffc4cc;
    fill: #ffc4cc;
}

.button--danger--offset:focus,
.button--danger--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--success {
    color: #fff;
    background-color: #6ec190;
    fill: #fff;
}

.button--success:active,
.button--success--active,
.button--success:hover {
    background-color: #2b754a;
}

.button--success:disabled,
.button--success--disabled,
.button--success:checked,
.button--success--checked {
    cursor: not-allowed;
    background-color: #d5f5e2;
}

.button--success:focus,
.button--success--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--success--offset {
    color: #6ec190;
    border: 1px solid #6ec190;
    fill: #6ec190;
}

.button--success--offset:active,
.button--success--offset--active,
.button--success--offset:hover {
    color: #2b754a;
    border: 1px solid #2b754a;
    fill: #2b754a;
}

.button--success--offset:disabled,
.button--success--offset--disabled,
.button--success--offset:checked,
.button--success--offset--checked {
    color: #d5f5e2;
    cursor: not-allowed;
    border: 1px solid #d5f5e2;
    fill: #d5f5e2;
}

.button--success--offset:focus,
.button--success--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--alert {
    color: #fff;
    background-color: #ffc845;
    fill: #fff;
}

.button--alert:active,
.button--alert--active,
.button--alert:hover {
    background-color: #9d6f00;
}

.button--alert:disabled,
.button--alert--disabled {
    cursor: not-allowed;
    background-color: #ffe9b5;
}

.button--alert:focus,
.button--alert--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--alert--offset {
    color: #ffc845;
    border: 1px solid #ffc845;
    fill: #ffc845;
}

.button--alert--offset:active,
.button--alert--offset--active,
.button--alert--offset:hover {
    color: #9d6f00;
    border: 1px solid #9d6f00;
    fill: #9d6f00;
}

.button--alert--offset:disabled,
.button--alert--offset--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    border: 1px solid #ffe9b5;
    fill: #ffe9b5;
}

.button--alert--offset:focus,
.button--alert--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--info {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--info:active,
.button--info--active,
.button--info:hover {
    background-color: #278b96;
}

.button--info:disabled,
.button--info--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--info:focus,
.button--info--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--info--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--info--offset:active,
.button--info--offset--active,
.button--info--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--info--offset:disabled,
.button--info--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--info--offset:focus,
.button--info--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--ink {
    color: #fff;
    background-color: #888;
    fill: #fff;
}

.button--ink:active,
.button--ink--active,
.button--ink:hover {
    background-color: #333;
}

.button--ink:disabled,
.button--ink--disabled {
    cursor: not-allowed;
    background-color: #bbb;
}

.button--ink:focus,
.button--ink--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ink--offset {
    color: #888;
    border: 1px solid #888;
    fill: #888;
}

.button--ink--offset:active,
.button--ink--offset--active,
.button--ink--offset:hover {
    color: #333;
    border: 1px solid #333;
    fill: #333;
}

.button--ink--offset:disabled,
.button--ink--offset--disabled {
    color: #bbb;
    cursor: not-allowed;
    border: 1px solid #bbb;
    fill: #bbb;
}

.button--ink--offset:focus,
.button--ink--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ground {
    color: #fff;
    background-color: #e3e3e3;
    fill: #fff;
}

.button--ground:active,
.button--ground--active,
.button--ground:hover {
    background-color: #d4d4d4;
}

.button--ground:disabled,
.button--ground--disabled {
    cursor: not-allowed;
    background-color: #f2f2f2;
}

.button--ground:focus,
.button--ground--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--ground--offset {
    color: #e3e3e3;
    border: 1px solid #e3e3e3;
    fill: #e3e3e3;
}

.button--ground--offset:active,
.button--ground--offset--active,
.button--ground--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--ground--offset:disabled,
.button--ground--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--ground--offset:focus,
.button--ground--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white {
    color: #333;
    background-color: #fff;
    fill: #333;
}

.button--white:active,
.button--white--active,
.button--white:hover {
    background-color: #f2f2f2;
}

.button--white:disabled,
.button--white--disabled {
    color: #888;
    cursor: not-allowed;
    background-color: #f2f2f2;
    fill: #888;
}

.button--white:focus,
.button--white--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white--offset {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    fill: #fff;
}

.button--white--offset:active,
.button--white--offset--active,
.button--white--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--white--offset:disabled,
.button--white--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--white--offset:focus,
.button--white--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--link {
    color: #55c4d0;
    background-color: #fff;
    fill: #55c4d0;
}

.button--link:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link:active,
.button--link--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link:disabled,
.button--link--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link:focus,
.button--link--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 white;
}

.button--link--main {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--main:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--main:active,
.button--link--main--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--main:disabled,
.button--link--main--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--secondary {
    color: #375573;
    fill: #375573;
}

.button--link--secondary:hover {
    color: #19334d;
    fill: #19334d;
}

.button--link--secondary:active,
.button--link--secondary--active {
    color: #cad8e6;
    fill: #cad8e6;
}

.button--link--secondary:disabled,
.button--link--secondary--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    fill: #cad8e6;
}

.button--link--danger {
    color: #f15a6d;
    fill: #f15a6d;
}

.button--link--danger:hover {
    color: #b8283b;
    fill: #b8283b;
}

.button--link--danger:active,
.button--link--danger--active {
    color: #ffc4cc;
    fill: #ffc4cc;
}

.button--link--danger:disabled,
.button--link--danger--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    fill: #ffc4cc;
}

.button--link--success {
    color: #6ec190;
    fill: #6ec190;
}

.button--link--success:hover {
    color: #2b754a;
    fill: #2b754a;
}

.button--link--success:active,
.button--link--success--active {
    color: #d5f5e2;
    fill: #d5f5e2;
}

.button--link--success:disabled,
.button--link--success--disabled {
    color: #d5f5e2;
    cursor: not-allowed;
    fill: #d5f5e2;
}

.button--link--alert {
    color: #ffc845;
    fill: #ffc845;
}

.button--link--alert:hover {
    color: #9d6f00;
    fill: #9d6f00;
}

.button--link--alert:active,
.button--link--alert--active {
    color: #ffe9b5;
    fill: #ffe9b5;
}

.button--link--alert:disabled,
.button--link--alert--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    fill: #ffe9b5;
}

.button--link--info {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--info:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--info:active,
.button--link--info--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--info:disabled,
.button--link--info--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--ink {
    color: #888;
    fill: #888;
}

.button--link--ink:active,
.button--link--ink--active,
.button--link--ink:hover {
    color: #333;
    fill: #333;
}

.button--link--ink:disabled,
.button--link--ink--disabled {
    color: #bbb;
    cursor: not-allowed;
    fill: #bbb;
}

.button--link--ground {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--ground:active,
.button--link--ground--active,
.button--link--ground:hover {
    color: #d4d4d4;
    fill: #d4d4d4;
}

.button--link--ground:disabled,
.button--link--ground--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--link--white {
    color: #fff;
    fill: #fff;
}

.button--link--white:active,
.button--link--white--active,
.button--link--white:hover {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--white:disabled,
.button--link--white--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    font-size: 0.875rem;
}

.button--size-s.button--pill {
    border-radius: 32px;
}

.button--size-s.button--paddings {
    padding: 0 16px;
}

.button--size-s .button__content--side-left {
    padding-right: 16px;
}

.button--size-s .button__content--side-right {
    padding-left: 16px;
}

.button--size-s .button__icon {
    min-width: 32px;
}

.button--size-s .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-s .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-s .button__icon--side-left {
    padding-right: 8px;
    padding-left: 10.66667px;
}

.button--size-s .button__icon--side-right {
    padding-right: 10.66667px;
    padding-left: 8px;
}

.button--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

.button--size-m.button--pill {
    border-radius: 40px;
}

.button--size-m.button--paddings {
    padding: 0 20px;
}

.button--size-m .button__content--side-left {
    padding-right: 20px;
}

.button--size-m .button__content--side-right {
    padding-left: 20px;
}

.button--size-m .button__icon {
    min-width: 40px;
}

.button--size-m .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-m .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-m .button__icon--side-left {
    padding-right: 10px;
    padding-left: 13.33333px;
}

.button--size-m .button__icon--side-right {
    padding-right: 13.33333px;
    padding-left: 10px;
}

.button--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    font-size: 1rem;
}

.button--size-l.button--pill {
    border-radius: 48px;
}

.button--size-l.button--paddings {
    padding: 0 24px;
}

.button--size-l .button__content--side-left {
    padding-right: 24px;
}

.button--size-l .button__content--side-right {
    padding-left: 24px;
}

.button--size-l .button__icon {
    min-width: 48px;
}

.button--size-l .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-l .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-l .button__icon--side-left {
    padding-right: 12px;
    padding-left: 16px;
}

.button--size-l .button__icon--side-right {
    padding-right: 16px;
    padding-left: 12px;
}

.button--min-width {
    min-width: 148px;
}

.button--width--size-s {
    width: 32px;
    max-width: 32px;
}

.button--width--size-m {
    width: 40px;
    max-width: 40px;
}

.button--width--size-l {
    width: 48px;
    max-width: 48px;
}

.button--full-width {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button--link {
    background: transparent;
}

.button--link--select {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: start;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    min-width: 100%;
    height: 48px;
    padding: 12px;
    font-weight: normal;
    color: #333;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.button--link--select[disabled],
.button--link--select--disabled {
    opacity: 0.5;
}

.button--link--select:hover {
    color: #333;
}

.button--link--select--simple {
    min-width: initial;
    height: 100%;
    border: transparent;
}

.button--uppercase {
    text-transform: uppercase;
}

.button--icon {
    padding: 0;
}

.button__container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button__container--icon-side-left {
    flex-direction: row;
    padding: 0;
}

.button__container--icon-side-right {
    flex-direction: row-reverse;
    padding: 0;
}

.button__content {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
}

.button__icon {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}

.button__icon svg {
    transition: fill 0.3s ease;
    fill: inherit;
}

.button__icon--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.button__icon--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.button__icon--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.button__loader {
    margin-left: 16px;
    -webkit-animation: loading-spinner 400ms linear infinite;
    animation: loading-spinner 400ms linear infinite;
}

.button__loader__icon {
    width: 24px;
    height: 24px;
    border: solid 4px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.link {
    display: inline-block;
    font-family: "proxima-soft", sans-serif;
    color: #55c4d0;
    text-decoration: none;
}

.link:active,
.link--active,
.link:hover {
    color: #278b96;
}

.link:disabled,
.link--disabled {
    color: #d5f4f7;
}

.link.main-link {
    display: block;
}

.link.secondary-link {
    display: block;
}

.link.danger-link {
    display: block;
}

.link.success-link {
    display: block;
}

.link.alert-link {
    display: block;
}

.link.info-link {
    display: block;
}

.link.ink-link {
    display: block;
}

.link.ground-link {
    display: block;
}

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

.link--main {
    color: #55c4d0;
}

.link--main:active,
.link--main--active,
.link--main:hover {
    color: #278b96;
}

.link--main:disabled,
.link--main--disabled {
    color: #d5f4f7;
}

.link--secondary {
    color: #375573;
}

.link--secondary:active,
.link--secondary--active,
.link--secondary:hover {
    color: #19334d;
}

.link--secondary:disabled,
.link--secondary--disabled {
    color: #cad8e6;
}

.link--danger {
    color: #f15a6d;
}

.link--danger:active,
.link--danger--active,
.link--danger:hover {
    color: #b8283b;
}

.link--danger:disabled,
.link--danger--disabled {
    color: #ffc4cc;
}

.link--success {
    color: #6ec190;
}

.link--success:active,
.link--success--active,
.link--success:hover {
    color: #2b754a;
}

.link--success:disabled,
.link--success--disabled {
    color: #d5f5e2;
}

.link--alert {
    color: #ffc845;
}

.link--alert:active,
.link--alert--active,
.link--alert:hover {
    color: #9d6f00;
}

.link--alert:disabled,
.link--alert--disabled {
    color: #ffe9b5;
}

.link--info {
    color: #55c4d0;
}

.link--info:active,
.link--info--active,
.link--info:hover {
    color: #278b96;
}

.link--info:disabled,
.link--info--disabled {
    color: #d5f4f7;
}

.link--ink {
    color: #888;
}

.link--ink:active,
.link--ink--active,
.link--ink:hover {
    color: #333;
}

.link--ink:disabled,
.link--ink--disabled {
    color: #bbb;
}

.link--ground {
    color: #e3e3e3;
}

.link--ground:active,
.link--ground--active,
.link--ground:hover {
    color: #d4d4d4;
}

.link--ground:disabled,
.link--ground--disabled {
    color: #f2f2f2;
}

.padding-xxxxs-top {
    padding-top: 4px;
}

.padding-xxxxs-right {
    padding-right: 4px;
}

.padding-xxxxs-bottom {
    padding-bottom: 4px;
}

.padding-xxxxs-left {
    padding-left: 4px;
}

.padding-xxxxs-horizontal {
    padding-right: 4px;
    padding-left: 4px;
}

.padding-xxxxs-vertical {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-xxxxs-all {
    padding: 4px;
}

.padding-xxxs-top {
    padding-top: 8px;
}

.padding-xxxs-right {
    padding-right: 8px;
}

.padding-xxxs-bottom {
    padding-bottom: 8px;
}

.padding-xxxs-left {
    padding-left: 8px;
}

.padding-xxxs-horizontal {
    padding-right: 8px;
    padding-left: 8px;
}

.padding-xxxs-vertical {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-xxxs-all {
    padding: 8px;
}

.padding-xxs-top {
    padding-top: 12px;
}

.padding-xxs-right {
    padding-right: 12px;
}

.padding-xxs-bottom {
    padding-bottom: 12px;
}

.padding-xxs-left {
    padding-left: 12px;
}

.padding-xxs-horizontal {
    padding-right: 12px;
    padding-left: 12px;
}

.padding-xxs-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padding-xxs-all {
    padding: 12px;
}

.padding-xs-top {
    padding-top: 16px;
}

.padding-xs-right {
    padding-right: 16px;
}

.padding-xs-bottom {
    padding-bottom: 16px;
}

.padding-xs-left {
    padding-left: 16px;
}

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

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

.padding-xs-all {
    padding: 16px;
}

.padding-s-top {
    padding-top: 24px;
}

.padding-s-right {
    padding-right: 24px;
}

.padding-s-bottom {
    padding-bottom: 24px;
}

.padding-s-left {
    padding-left: 24px;
}

.padding-s-horizontal {
    padding-right: 24px;
    padding-left: 24px;
}

.padding-s-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-s-all {
    padding: 24px;
}

.padding-m-top {
    padding-top: 32px;
}

.padding-m-right {
    padding-right: 32px;
}

.padding-m-bottom {
    padding-bottom: 32px;
}

.padding-m-left {
    padding-left: 32px;
}

.padding-m-horizontal {
    padding-right: 32px;
    padding-left: 32px;
}

.padding-m-vertical {
    padding-top: 32px;
    padding-bottom: 32px;
}

.padding-m-all {
    padding: 32px;
}

.padding-l-top {
    padding-top: 40px;
}

.padding-l-right {
    padding-right: 40px;
}

.padding-l-bottom {
    padding-bottom: 40px;
}

.padding-l-left {
    padding-left: 40px;
}

.padding-l-horizontal {
    padding-right: 40px;
    padding-left: 40px;
}

.padding-l-vertical {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-l-all {
    padding: 40px;
}

.padding-xl-top {
    padding-top: 48px;
}

.padding-xl-right {
    padding-right: 48px;
}

.padding-xl-bottom {
    padding-bottom: 48px;
}

.padding-xl-left {
    padding-left: 48px;
}

.padding-xl-horizontal {
    padding-right: 48px;
    padding-left: 48px;
}

.padding-xl-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-xl-all {
    padding: 48px;
}

.padding-xxl-top {
    padding-top: 56px;
}

.padding-xxl-right {
    padding-right: 56px;
}

.padding-xxl-bottom {
    padding-bottom: 56px;
}

.padding-xxl-left {
    padding-left: 56px;
}

.padding-xxl-horizontal {
    padding-right: 56px;
    padding-left: 56px;
}

.padding-xxl-vertical {
    padding-top: 56px;
    padding-bottom: 56px;
}

.padding-xxl-all {
    padding: 56px;
}

.padding-xxxl-top {
    padding-top: 64px;
}

.padding-xxxl-right {
    padding-right: 64px;
}

.padding-xxxl-bottom {
    padding-bottom: 64px;
}

.padding-xxxl-left {
    padding-left: 64px;
}

.padding-xxxl-horizontal {
    padding-right: 64px;
    padding-left: 64px;
}

.padding-xxxl-vertical {
    padding-top: 64px;
    padding-bottom: 64px;
}

.padding-xxxl-all {
    padding: 64px;
}

.padding-none-top {
    padding-top: 0;
}

.padding-none-right {
    padding-right: 0;
}

.padding-none-bottom {
    padding-bottom: 0;
}

.padding-none-left {
    padding-left: 0;
}

.padding-none-horizontal {
    padding-right: 0;
    padding-left: 0;
}

.padding-none-vertical {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-xxxxs,
.m-xxxxs {
    margin: 4px;
}

.margin-xxxxs-t,
.margin-xxxxs-top,
.m-xxxxs-t,
.m-xxxxs-top {
    margin-top: 4px;
}

.margin-xxxxs-b,
.margin-xxxxs-bottom,
.m-xxxxs-b,
.m-xxxxs-bottom {
    margin-bottom: 4px;
}

.margin-xxxxs-l,
.margin-xxxxs-left,
.m-xxxxs-l,
.m-xxxxs-left {
    margin-left: 4px;
}

.margin-xxxxs-r,
.margin-xxxxs-right,
.m-xxxxs-r,
.m-xxxxs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-xxxxs,
    .m-xs-xxxxs {
        margin: 4px;
    }
    .margin-xs-xxxxs-t,
    .margin-xs-xxxxs-top,
    .m-xs-xxxxs-t,
    .m-xs-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xs-xxxxs-b,
    .margin-xs-xxxxs-bottom,
    .m-xs-xxxxs-b,
    .m-xs-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-xxxxs-l,
    .margin-xs-xxxxs-left,
    .m-xs-xxxxs-l,
    .m-xs-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xs-xxxxs-r,
    .margin-xs-xxxxs-right,
    .m-xs-xxxxs-r,
    .m-xs-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxs,
    .m-sm-xxxxs {
        margin: 4px;
    }
    .margin-sm-xxxxs-t,
    .margin-sm-xxxxs-top,
    .m-sm-xxxxs-t,
    .m-sm-xxxxs-top {
        margin-top: 4px;
    }
    .margin-sm-xxxxs-b,
    .margin-sm-xxxxs-bottom,
    .m-sm-xxxxs-b,
    .m-sm-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-xxxxs-l,
    .margin-sm-xxxxs-left,
    .m-sm-xxxxs-l,
    .m-sm-xxxxs-left {
        margin-left: 4px;
    }
    .margin-sm-xxxxs-r,
    .margin-sm-xxxxs-right,
    .m-sm-xxxxs-r,
    .m-sm-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxs,
    .m-md-xxxxs {
        margin: 4px;
    }
    .margin-md-xxxxs-t,
    .margin-md-xxxxs-top,
    .m-md-xxxxs-t,
    .m-md-xxxxs-top {
        margin-top: 4px;
    }
    .margin-md-xxxxs-b,
    .margin-md-xxxxs-bottom,
    .m-md-xxxxs-b,
    .m-md-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-xxxxs-l,
    .margin-md-xxxxs-left,
    .m-md-xxxxs-l,
    .m-md-xxxxs-left {
        margin-left: 4px;
    }
    .margin-md-xxxxs-r,
    .margin-md-xxxxs-right,
    .m-md-xxxxs-r,
    .m-md-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxs,
    .m-lg-xxxxs {
        margin: 4px;
    }
    .margin-lg-xxxxs-t,
    .margin-lg-xxxxs-top,
    .m-lg-xxxxs-t,
    .m-lg-xxxxs-top {
        margin-top: 4px;
    }
    .margin-lg-xxxxs-b,
    .margin-lg-xxxxs-bottom,
    .m-lg-xxxxs-b,
    .m-lg-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-xxxxs-l,
    .margin-lg-xxxxs-left,
    .m-lg-xxxxs-l,
    .m-lg-xxxxs-left {
        margin-left: 4px;
    }
    .margin-lg-xxxxs-r,
    .margin-lg-xxxxs-right,
    .m-lg-xxxxs-r,
    .m-lg-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxs,
    .m-xl-xxxxs {
        margin: 4px;
    }
    .margin-xl-xxxxs-t,
    .margin-xl-xxxxs-top,
    .m-xl-xxxxs-t,
    .m-xl-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xl-xxxxs-b,
    .margin-xl-xxxxs-bottom,
    .m-xl-xxxxs-b,
    .m-xl-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-xxxxs-l,
    .margin-xl-xxxxs-left,
    .m-xl-xxxxs-l,
    .m-xl-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xl-xxxxs-r,
    .margin-xl-xxxxs-right,
    .m-xl-xxxxs-r,
    .m-xl-xxxxs-right {
        margin-right: 4px;
    }
}

.margin-4xs,
.m-4xs {
    margin: 4px;
}

.margin-4xs-t,
.margin-4xs-top,
.m-4xs-t,
.m-4xs-top {
    margin-top: 4px;
}

.margin-4xs-b,
.margin-4xs-bottom,
.m-4xs-b,
.m-4xs-bottom {
    margin-bottom: 4px;
}

.margin-4xs-l,
.margin-4xs-left,
.m-4xs-l,
.m-4xs-left {
    margin-left: 4px;
}

.margin-4xs-r,
.margin-4xs-right,
.m-4xs-r,
.m-4xs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-4xs,
    .m-xs-4xs {
        margin: 4px;
    }
    .margin-xs-4xs-t,
    .margin-xs-4xs-top,
    .m-xs-4xs-t,
    .m-xs-4xs-top {
        margin-top: 4px;
    }
    .margin-xs-4xs-b,
    .margin-xs-4xs-bottom,
    .m-xs-4xs-b,
    .m-xs-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-4xs-l,
    .margin-xs-4xs-left,
    .m-xs-4xs-l,
    .m-xs-4xs-left {
        margin-left: 4px;
    }
    .margin-xs-4xs-r,
    .margin-xs-4xs-right,
    .m-xs-4xs-r,
    .m-xs-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xs,
    .m-sm-4xs {
        margin: 4px;
    }
    .margin-sm-4xs-t,
    .margin-sm-4xs-top,
    .m-sm-4xs-t,
    .m-sm-4xs-top {
        margin-top: 4px;
    }
    .margin-sm-4xs-b,
    .margin-sm-4xs-bottom,
    .m-sm-4xs-b,
    .m-sm-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-4xs-l,
    .margin-sm-4xs-left,
    .m-sm-4xs-l,
    .m-sm-4xs-left {
        margin-left: 4px;
    }
    .margin-sm-4xs-r,
    .margin-sm-4xs-right,
    .m-sm-4xs-r,
    .m-sm-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xs,
    .m-md-4xs {
        margin: 4px;
    }
    .margin-md-4xs-t,
    .margin-md-4xs-top,
    .m-md-4xs-t,
    .m-md-4xs-top {
        margin-top: 4px;
    }
    .margin-md-4xs-b,
    .margin-md-4xs-bottom,
    .m-md-4xs-b,
    .m-md-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-4xs-l,
    .margin-md-4xs-left,
    .m-md-4xs-l,
    .m-md-4xs-left {
        margin-left: 4px;
    }
    .margin-md-4xs-r,
    .margin-md-4xs-right,
    .m-md-4xs-r,
    .m-md-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xs,
    .m-lg-4xs {
        margin: 4px;
    }
    .margin-lg-4xs-t,
    .margin-lg-4xs-top,
    .m-lg-4xs-t,
    .m-lg-4xs-top {
        margin-top: 4px;
    }
    .margin-lg-4xs-b,
    .margin-lg-4xs-bottom,
    .m-lg-4xs-b,
    .m-lg-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-4xs-l,
    .margin-lg-4xs-left,
    .m-lg-4xs-l,
    .m-lg-4xs-left {
        margin-left: 4px;
    }
    .margin-lg-4xs-r,
    .margin-lg-4xs-right,
    .m-lg-4xs-r,
    .m-lg-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xs,
    .m-xl-4xs {
        margin: 4px;
    }
    .margin-xl-4xs-t,
    .margin-xl-4xs-top,
    .m-xl-4xs-t,
    .m-xl-4xs-top {
        margin-top: 4px;
    }
    .margin-xl-4xs-b,
    .margin-xl-4xs-bottom,
    .m-xl-4xs-b,
    .m-xl-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-4xs-l,
    .margin-xl-4xs-left,
    .m-xl-4xs-l,
    .m-xl-4xs-left {
        margin-left: 4px;
    }
    .margin-xl-4xs-r,
    .margin-xl-4xs-right,
    .m-xl-4xs-r,
    .m-xl-4xs-right {
        margin-right: 4px;
    }
}

.margin-xxxs,
.m-xxxs {
    margin: 8px;
}

.margin-xxxs-t,
.margin-xxxs-top,
.m-xxxs-t,
.m-xxxs-top {
    margin-top: 8px;
}

.margin-xxxs-b,
.margin-xxxs-bottom,
.m-xxxs-b,
.m-xxxs-bottom {
    margin-bottom: 8px;
}

.margin-xxxs-l,
.margin-xxxs-left,
.m-xxxs-l,
.m-xxxs-left {
    margin-left: 8px;
}

.margin-xxxs-r,
.margin-xxxs-right,
.m-xxxs-r,
.m-xxxs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-xxxs,
    .m-xs-xxxs {
        margin: 8px;
    }
    .margin-xs-xxxs-t,
    .margin-xs-xxxs-top,
    .m-xs-xxxs-t,
    .m-xs-xxxs-top {
        margin-top: 8px;
    }
    .margin-xs-xxxs-b,
    .margin-xs-xxxs-bottom,
    .m-xs-xxxs-b,
    .m-xs-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-xxxs-l,
    .margin-xs-xxxs-left,
    .m-xs-xxxs-l,
    .m-xs-xxxs-left {
        margin-left: 8px;
    }
    .margin-xs-xxxs-r,
    .margin-xs-xxxs-right,
    .m-xs-xxxs-r,
    .m-xs-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxs,
    .m-sm-xxxs {
        margin: 8px;
    }
    .margin-sm-xxxs-t,
    .margin-sm-xxxs-top,
    .m-sm-xxxs-t,
    .m-sm-xxxs-top {
        margin-top: 8px;
    }
    .margin-sm-xxxs-b,
    .margin-sm-xxxs-bottom,
    .m-sm-xxxs-b,
    .m-sm-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-xxxs-l,
    .margin-sm-xxxs-left,
    .m-sm-xxxs-l,
    .m-sm-xxxs-left {
        margin-left: 8px;
    }
    .margin-sm-xxxs-r,
    .margin-sm-xxxs-right,
    .m-sm-xxxs-r,
    .m-sm-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxs,
    .m-md-xxxs {
        margin: 8px;
    }
    .margin-md-xxxs-t,
    .margin-md-xxxs-top,
    .m-md-xxxs-t,
    .m-md-xxxs-top {
        margin-top: 8px;
    }
    .margin-md-xxxs-b,
    .margin-md-xxxs-bottom,
    .m-md-xxxs-b,
    .m-md-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-xxxs-l,
    .margin-md-xxxs-left,
    .m-md-xxxs-l,
    .m-md-xxxs-left {
        margin-left: 8px;
    }
    .margin-md-xxxs-r,
    .margin-md-xxxs-right,
    .m-md-xxxs-r,
    .m-md-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxs,
    .m-lg-xxxs {
        margin: 8px;
    }
    .margin-lg-xxxs-t,
    .margin-lg-xxxs-top,
    .m-lg-xxxs-t,
    .m-lg-xxxs-top {
        margin-top: 8px;
    }
    .margin-lg-xxxs-b,
    .margin-lg-xxxs-bottom,
    .m-lg-xxxs-b,
    .m-lg-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-xxxs-l,
    .margin-lg-xxxs-left,
    .m-lg-xxxs-l,
    .m-lg-xxxs-left {
        margin-left: 8px;
    }
    .margin-lg-xxxs-r,
    .margin-lg-xxxs-right,
    .m-lg-xxxs-r,
    .m-lg-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxs,
    .m-xl-xxxs {
        margin: 8px;
    }
    .margin-xl-xxxs-t,
    .margin-xl-xxxs-top,
    .m-xl-xxxs-t,
    .m-xl-xxxs-top {
        margin-top: 8px;
    }
    .margin-xl-xxxs-b,
    .margin-xl-xxxs-bottom,
    .m-xl-xxxs-b,
    .m-xl-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-xxxs-l,
    .margin-xl-xxxs-left,
    .m-xl-xxxs-l,
    .m-xl-xxxs-left {
        margin-left: 8px;
    }
    .margin-xl-xxxs-r,
    .margin-xl-xxxs-right,
    .m-xl-xxxs-r,
    .m-xl-xxxs-right {
        margin-right: 8px;
    }
}

.margin-3xs,
.m-3xs {
    margin: 8px;
}

.margin-3xs-t,
.margin-3xs-top,
.m-3xs-t,
.m-3xs-top {
    margin-top: 8px;
}

.margin-3xs-b,
.margin-3xs-bottom,
.m-3xs-b,
.m-3xs-bottom {
    margin-bottom: 8px;
}

.margin-3xs-l,
.margin-3xs-left,
.m-3xs-l,
.m-3xs-left {
    margin-left: 8px;
}

.margin-3xs-r,
.margin-3xs-right,
.m-3xs-r,
.m-3xs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-3xs,
    .m-xs-3xs {
        margin: 8px;
    }
    .margin-xs-3xs-t,
    .margin-xs-3xs-top,
    .m-xs-3xs-t,
    .m-xs-3xs-top {
        margin-top: 8px;
    }
    .margin-xs-3xs-b,
    .margin-xs-3xs-bottom,
    .m-xs-3xs-b,
    .m-xs-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-3xs-l,
    .margin-xs-3xs-left,
    .m-xs-3xs-l,
    .m-xs-3xs-left {
        margin-left: 8px;
    }
    .margin-xs-3xs-r,
    .margin-xs-3xs-right,
    .m-xs-3xs-r,
    .m-xs-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xs,
    .m-sm-3xs {
        margin: 8px;
    }
    .margin-sm-3xs-t,
    .margin-sm-3xs-top,
    .m-sm-3xs-t,
    .m-sm-3xs-top {
        margin-top: 8px;
    }
    .margin-sm-3xs-b,
    .margin-sm-3xs-bottom,
    .m-sm-3xs-b,
    .m-sm-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-3xs-l,
    .margin-sm-3xs-left,
    .m-sm-3xs-l,
    .m-sm-3xs-left {
        margin-left: 8px;
    }
    .margin-sm-3xs-r,
    .margin-sm-3xs-right,
    .m-sm-3xs-r,
    .m-sm-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xs,
    .m-md-3xs {
        margin: 8px;
    }
    .margin-md-3xs-t,
    .margin-md-3xs-top,
    .m-md-3xs-t,
    .m-md-3xs-top {
        margin-top: 8px;
    }
    .margin-md-3xs-b,
    .margin-md-3xs-bottom,
    .m-md-3xs-b,
    .m-md-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-3xs-l,
    .margin-md-3xs-left,
    .m-md-3xs-l,
    .m-md-3xs-left {
        margin-left: 8px;
    }
    .margin-md-3xs-r,
    .margin-md-3xs-right,
    .m-md-3xs-r,
    .m-md-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xs,
    .m-lg-3xs {
        margin: 8px;
    }
    .margin-lg-3xs-t,
    .margin-lg-3xs-top,
    .m-lg-3xs-t,
    .m-lg-3xs-top {
        margin-top: 8px;
    }
    .margin-lg-3xs-b,
    .margin-lg-3xs-bottom,
    .m-lg-3xs-b,
    .m-lg-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-3xs-l,
    .margin-lg-3xs-left,
    .m-lg-3xs-l,
    .m-lg-3xs-left {
        margin-left: 8px;
    }
    .margin-lg-3xs-r,
    .margin-lg-3xs-right,
    .m-lg-3xs-r,
    .m-lg-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xs,
    .m-xl-3xs {
        margin: 8px;
    }
    .margin-xl-3xs-t,
    .margin-xl-3xs-top,
    .m-xl-3xs-t,
    .m-xl-3xs-top {
        margin-top: 8px;
    }
    .margin-xl-3xs-b,
    .margin-xl-3xs-bottom,
    .m-xl-3xs-b,
    .m-xl-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-3xs-l,
    .margin-xl-3xs-left,
    .m-xl-3xs-l,
    .m-xl-3xs-left {
        margin-left: 8px;
    }
    .margin-xl-3xs-r,
    .margin-xl-3xs-right,
    .m-xl-3xs-r,
    .m-xl-3xs-right {
        margin-right: 8px;
    }
}

.margin-xxs,
.m-xxs {
    margin: 12px;
}

.margin-xxs-t,
.margin-xxs-top,
.m-xxs-t,
.m-xxs-top {
    margin-top: 12px;
}

.margin-xxs-b,
.margin-xxs-bottom,
.m-xxs-b,
.m-xxs-bottom {
    margin-bottom: 12px;
}

.margin-xxs-l,
.margin-xxs-left,
.m-xxs-l,
.m-xxs-left {
    margin-left: 12px;
}

.margin-xxs-r,
.margin-xxs-right,
.m-xxs-r,
.m-xxs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-xxs,
    .m-xs-xxs {
        margin: 12px;
    }
    .margin-xs-xxs-t,
    .margin-xs-xxs-top,
    .m-xs-xxs-t,
    .m-xs-xxs-top {
        margin-top: 12px;
    }
    .margin-xs-xxs-b,
    .margin-xs-xxs-bottom,
    .m-xs-xxs-b,
    .m-xs-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-xxs-l,
    .margin-xs-xxs-left,
    .m-xs-xxs-l,
    .m-xs-xxs-left {
        margin-left: 12px;
    }
    .margin-xs-xxs-r,
    .margin-xs-xxs-right,
    .m-xs-xxs-r,
    .m-xs-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxs,
    .m-sm-xxs {
        margin: 12px;
    }
    .margin-sm-xxs-t,
    .margin-sm-xxs-top,
    .m-sm-xxs-t,
    .m-sm-xxs-top {
        margin-top: 12px;
    }
    .margin-sm-xxs-b,
    .margin-sm-xxs-bottom,
    .m-sm-xxs-b,
    .m-sm-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-xxs-l,
    .margin-sm-xxs-left,
    .m-sm-xxs-l,
    .m-sm-xxs-left {
        margin-left: 12px;
    }
    .margin-sm-xxs-r,
    .margin-sm-xxs-right,
    .m-sm-xxs-r,
    .m-sm-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxs,
    .m-md-xxs {
        margin: 12px;
    }
    .margin-md-xxs-t,
    .margin-md-xxs-top,
    .m-md-xxs-t,
    .m-md-xxs-top {
        margin-top: 12px;
    }
    .margin-md-xxs-b,
    .margin-md-xxs-bottom,
    .m-md-xxs-b,
    .m-md-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-xxs-l,
    .margin-md-xxs-left,
    .m-md-xxs-l,
    .m-md-xxs-left {
        margin-left: 12px;
    }
    .margin-md-xxs-r,
    .margin-md-xxs-right,
    .m-md-xxs-r,
    .m-md-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxs,
    .m-lg-xxs {
        margin: 12px;
    }
    .margin-lg-xxs-t,
    .margin-lg-xxs-top,
    .m-lg-xxs-t,
    .m-lg-xxs-top {
        margin-top: 12px;
    }
    .margin-lg-xxs-b,
    .margin-lg-xxs-bottom,
    .m-lg-xxs-b,
    .m-lg-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-xxs-l,
    .margin-lg-xxs-left,
    .m-lg-xxs-l,
    .m-lg-xxs-left {
        margin-left: 12px;
    }
    .margin-lg-xxs-r,
    .margin-lg-xxs-right,
    .m-lg-xxs-r,
    .m-lg-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxs,
    .m-xl-xxs {
        margin: 12px;
    }
    .margin-xl-xxs-t,
    .margin-xl-xxs-top,
    .m-xl-xxs-t,
    .m-xl-xxs-top {
        margin-top: 12px;
    }
    .margin-xl-xxs-b,
    .margin-xl-xxs-bottom,
    .m-xl-xxs-b,
    .m-xl-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-xxs-l,
    .margin-xl-xxs-left,
    .m-xl-xxs-l,
    .m-xl-xxs-left {
        margin-left: 12px;
    }
    .margin-xl-xxs-r,
    .margin-xl-xxs-right,
    .m-xl-xxs-r,
    .m-xl-xxs-right {
        margin-right: 12px;
    }
}

.margin-2xs,
.m-2xs {
    margin: 12px;
}

.margin-2xs-t,
.margin-2xs-top,
.m-2xs-t,
.m-2xs-top {
    margin-top: 12px;
}

.margin-2xs-b,
.margin-2xs-bottom,
.m-2xs-b,
.m-2xs-bottom {
    margin-bottom: 12px;
}

.margin-2xs-l,
.margin-2xs-left,
.m-2xs-l,
.m-2xs-left {
    margin-left: 12px;
}

.margin-2xs-r,
.margin-2xs-right,
.m-2xs-r,
.m-2xs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-2xs,
    .m-xs-2xs {
        margin: 12px;
    }
    .margin-xs-2xs-t,
    .margin-xs-2xs-top,
    .m-xs-2xs-t,
    .m-xs-2xs-top {
        margin-top: 12px;
    }
    .margin-xs-2xs-b,
    .margin-xs-2xs-bottom,
    .m-xs-2xs-b,
    .m-xs-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-2xs-l,
    .margin-xs-2xs-left,
    .m-xs-2xs-l,
    .m-xs-2xs-left {
        margin-left: 12px;
    }
    .margin-xs-2xs-r,
    .margin-xs-2xs-right,
    .m-xs-2xs-r,
    .m-xs-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-2xs,
    .m-sm-2xs {
        margin: 12px;
    }
    .margin-sm-2xs-t,
    .margin-sm-2xs-top,
    .m-sm-2xs-t,
    .m-sm-2xs-top {
        margin-top: 12px;
    }
    .margin-sm-2xs-b,
    .margin-sm-2xs-bottom,
    .m-sm-2xs-b,
    .m-sm-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-2xs-l,
    .margin-sm-2xs-left,
    .m-sm-2xs-l,
    .m-sm-2xs-left {
        margin-left: 12px;
    }
    .margin-sm-2xs-r,
    .margin-sm-2xs-right,
    .m-sm-2xs-r,
    .m-sm-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-2xs,
    .m-md-2xs {
        margin: 12px;
    }
    .margin-md-2xs-t,
    .margin-md-2xs-top,
    .m-md-2xs-t,
    .m-md-2xs-top {
        margin-top: 12px;
    }
    .margin-md-2xs-b,
    .margin-md-2xs-bottom,
    .m-md-2xs-b,
    .m-md-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-2xs-l,
    .margin-md-2xs-left,
    .m-md-2xs-l,
    .m-md-2xs-left {
        margin-left: 12px;
    }
    .margin-md-2xs-r,
    .margin-md-2xs-right,
    .m-md-2xs-r,
    .m-md-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-2xs,
    .m-lg-2xs {
        margin: 12px;
    }
    .margin-lg-2xs-t,
    .margin-lg-2xs-top,
    .m-lg-2xs-t,
    .m-lg-2xs-top {
        margin-top: 12px;
    }
    .margin-lg-2xs-b,
    .margin-lg-2xs-bottom,
    .m-lg-2xs-b,
    .m-lg-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-2xs-l,
    .margin-lg-2xs-left,
    .m-lg-2xs-l,
    .m-lg-2xs-left {
        margin-left: 12px;
    }
    .margin-lg-2xs-r,
    .margin-lg-2xs-right,
    .m-lg-2xs-r,
    .m-lg-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-2xs,
    .m-xl-2xs {
        margin: 12px;
    }
    .margin-xl-2xs-t,
    .margin-xl-2xs-top,
    .m-xl-2xs-t,
    .m-xl-2xs-top {
        margin-top: 12px;
    }
    .margin-xl-2xs-b,
    .margin-xl-2xs-bottom,
    .m-xl-2xs-b,
    .m-xl-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-2xs-l,
    .margin-xl-2xs-left,
    .m-xl-2xs-l,
    .m-xl-2xs-left {
        margin-left: 12px;
    }
    .margin-xl-2xs-r,
    .margin-xl-2xs-right,
    .m-xl-2xs-r,
    .m-xl-2xs-right {
        margin-right: 12px;
    }
}

.margin-xs,
.m-xs {
    margin: 16px;
}

.margin-xs-t,
.margin-xs-top,
.m-xs-t,
.m-xs-top {
    margin-top: 16px;
}

.margin-xs-b,
.margin-xs-bottom,
.m-xs-b,
.m-xs-bottom {
    margin-bottom: 16px;
}

.margin-xs-l,
.margin-xs-left,
.m-xs-l,
.m-xs-left {
    margin-left: 16px;
}

.margin-xs-r,
.margin-xs-right,
.m-xs-r,
.m-xs-right {
    margin-right: 16px;
}

@media (min-width: 0) {
    .margin-xs-xs,
    .m-xs-xs {
        margin: 16px;
    }
    .margin-xs-xs-t,
    .margin-xs-xs-top,
    .m-xs-xs-t,
    .m-xs-xs-top {
        margin-top: 16px;
    }
    .margin-xs-xs-b,
    .margin-xs-xs-bottom,
    .m-xs-xs-b,
    .m-xs-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xs-xs-l,
    .margin-xs-xs-left,
    .m-xs-xs-l,
    .m-xs-xs-left {
        margin-left: 16px;
    }
    .margin-xs-xs-r,
    .margin-xs-xs-right,
    .m-xs-xs-r,
    .m-xs-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xs,
    .m-sm-xs {
        margin: 16px;
    }
    .margin-sm-xs-t,
    .margin-sm-xs-top,
    .m-sm-xs-t,
    .m-sm-xs-top {
        margin-top: 16px;
    }
    .margin-sm-xs-b,
    .margin-sm-xs-bottom,
    .m-sm-xs-b,
    .m-sm-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-sm-xs-l,
    .margin-sm-xs-left,
    .m-sm-xs-l,
    .m-sm-xs-left {
        margin-left: 16px;
    }
    .margin-sm-xs-r,
    .margin-sm-xs-right,
    .m-sm-xs-r,
    .m-sm-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 768px) {
    .margin-md-xs,
    .m-md-xs {
        margin: 16px;
    }
    .margin-md-xs-t,
    .margin-md-xs-top,
    .m-md-xs-t,
    .m-md-xs-top {
        margin-top: 16px;
    }
    .margin-md-xs-b,
    .margin-md-xs-bottom,
    .m-md-xs-b,
    .m-md-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-md-xs-l,
    .margin-md-xs-left,
    .m-md-xs-l,
    .m-md-xs-left {
        margin-left: 16px;
    }
    .margin-md-xs-r,
    .margin-md-xs-right,
    .m-md-xs-r,
    .m-md-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xs,
    .m-lg-xs {
        margin: 16px;
    }
    .margin-lg-xs-t,
    .margin-lg-xs-top,
    .m-lg-xs-t,
    .m-lg-xs-top {
        margin-top: 16px;
    }
    .margin-lg-xs-b,
    .margin-lg-xs-bottom,
    .m-lg-xs-b,
    .m-lg-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-lg-xs-l,
    .margin-lg-xs-left,
    .m-lg-xs-l,
    .m-lg-xs-left {
        margin-left: 16px;
    }
    .margin-lg-xs-r,
    .margin-lg-xs-right,
    .m-lg-xs-r,
    .m-lg-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xs,
    .m-xl-xs {
        margin: 16px;
    }
    .margin-xl-xs-t,
    .margin-xl-xs-top,
    .m-xl-xs-t,
    .m-xl-xs-top {
        margin-top: 16px;
    }
    .margin-xl-xs-b,
    .margin-xl-xs-bottom,
    .m-xl-xs-b,
    .m-xl-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xl-xs-l,
    .margin-xl-xs-left,
    .m-xl-xs-l,
    .m-xl-xs-left {
        margin-left: 16px;
    }
    .margin-xl-xs-r,
    .margin-xl-xs-right,
    .m-xl-xs-r,
    .m-xl-xs-right {
        margin-right: 16px;
    }
}

.margin-s,
.m-s {
    margin: 24px;
}

.margin-s-t,
.margin-s-top,
.m-s-t,
.m-s-top {
    margin-top: 24px;
}

.margin-s-b,
.margin-s-bottom,
.m-s-b,
.m-s-bottom {
    margin-bottom: 24px;
}

.margin-s-l,
.margin-s-left,
.m-s-l,
.m-s-left {
    margin-left: 24px;
}

.margin-s-r,
.margin-s-right,
.m-s-r,
.m-s-right {
    margin-right: 24px;
}

@media (min-width: 0) {
    .margin-xs-s,
    .m-xs-s {
        margin: 24px;
    }
    .margin-xs-s-t,
    .margin-xs-s-top,
    .m-xs-s-t,
    .m-xs-s-top {
        margin-top: 24px;
    }
    .margin-xs-s-b,
    .margin-xs-s-bottom,
    .m-xs-s-b,
    .m-xs-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xs-s-l,
    .margin-xs-s-left,
    .m-xs-s-l,
    .m-xs-s-left {
        margin-left: 24px;
    }
    .margin-xs-s-r,
    .margin-xs-s-right,
    .m-xs-s-r,
    .m-xs-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 576px) {
    .margin-sm-s,
    .m-sm-s {
        margin: 24px;
    }
    .margin-sm-s-t,
    .margin-sm-s-top,
    .m-sm-s-t,
    .m-sm-s-top {
        margin-top: 24px;
    }
    .margin-sm-s-b,
    .margin-sm-s-bottom,
    .m-sm-s-b,
    .m-sm-s-bottom {
        margin-bottom: 24px;
    }
    .margin-sm-s-l,
    .margin-sm-s-left,
    .m-sm-s-l,
    .m-sm-s-left {
        margin-left: 24px;
    }
    .margin-sm-s-r,
    .margin-sm-s-right,
    .m-sm-s-r,
    .m-sm-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 768px) {
    .margin-md-s,
    .m-md-s {
        margin: 24px;
    }
    .margin-md-s-t,
    .margin-md-s-top,
    .m-md-s-t,
    .m-md-s-top {
        margin-top: 24px;
    }
    .margin-md-s-b,
    .margin-md-s-bottom,
    .m-md-s-b,
    .m-md-s-bottom {
        margin-bottom: 24px;
    }
    .margin-md-s-l,
    .margin-md-s-left,
    .m-md-s-l,
    .m-md-s-left {
        margin-left: 24px;
    }
    .margin-md-s-r,
    .margin-md-s-right,
    .m-md-s-r,
    .m-md-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 992px) {
    .margin-lg-s,
    .m-lg-s {
        margin: 24px;
    }
    .margin-lg-s-t,
    .margin-lg-s-top,
    .m-lg-s-t,
    .m-lg-s-top {
        margin-top: 24px;
    }
    .margin-lg-s-b,
    .margin-lg-s-bottom,
    .m-lg-s-b,
    .m-lg-s-bottom {
        margin-bottom: 24px;
    }
    .margin-lg-s-l,
    .margin-lg-s-left,
    .m-lg-s-l,
    .m-lg-s-left {
        margin-left: 24px;
    }
    .margin-lg-s-r,
    .margin-lg-s-right,
    .m-lg-s-r,
    .m-lg-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-s,
    .m-xl-s {
        margin: 24px;
    }
    .margin-xl-s-t,
    .margin-xl-s-top,
    .m-xl-s-t,
    .m-xl-s-top {
        margin-top: 24px;
    }
    .margin-xl-s-b,
    .margin-xl-s-bottom,
    .m-xl-s-b,
    .m-xl-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xl-s-l,
    .margin-xl-s-left,
    .m-xl-s-l,
    .m-xl-s-left {
        margin-left: 24px;
    }
    .margin-xl-s-r,
    .margin-xl-s-right,
    .m-xl-s-r,
    .m-xl-s-right {
        margin-right: 24px;
    }
}

.margin-m,
.m-m {
    margin: 32px;
}

.margin-m-t,
.margin-m-top,
.m-m-t,
.m-m-top {
    margin-top: 32px;
}

.margin-m-b,
.margin-m-bottom,
.m-m-b,
.m-m-bottom {
    margin-bottom: 32px;
}

.margin-m-l,
.margin-m-left,
.m-m-l,
.m-m-left {
    margin-left: 32px;
}

.margin-m-r,
.margin-m-right,
.m-m-r,
.m-m-right {
    margin-right: 32px;
}

@media (min-width: 0) {
    .margin-xs-m,
    .m-xs-m {
        margin: 32px;
    }
    .margin-xs-m-t,
    .margin-xs-m-top,
    .m-xs-m-t,
    .m-xs-m-top {
        margin-top: 32px;
    }
    .margin-xs-m-b,
    .margin-xs-m-bottom,
    .m-xs-m-b,
    .m-xs-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xs-m-l,
    .margin-xs-m-left,
    .m-xs-m-l,
    .m-xs-m-left {
        margin-left: 32px;
    }
    .margin-xs-m-r,
    .margin-xs-m-right,
    .m-xs-m-r,
    .m-xs-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 576px) {
    .margin-sm-m,
    .m-sm-m {
        margin: 32px;
    }
    .margin-sm-m-t,
    .margin-sm-m-top,
    .m-sm-m-t,
    .m-sm-m-top {
        margin-top: 32px;
    }
    .margin-sm-m-b,
    .margin-sm-m-bottom,
    .m-sm-m-b,
    .m-sm-m-bottom {
        margin-bottom: 32px;
    }
    .margin-sm-m-l,
    .margin-sm-m-left,
    .m-sm-m-l,
    .m-sm-m-left {
        margin-left: 32px;
    }
    .margin-sm-m-r,
    .margin-sm-m-right,
    .m-sm-m-r,
    .m-sm-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 768px) {
    .margin-md-m,
    .m-md-m {
        margin: 32px;
    }
    .margin-md-m-t,
    .margin-md-m-top,
    .m-md-m-t,
    .m-md-m-top {
        margin-top: 32px;
    }
    .margin-md-m-b,
    .margin-md-m-bottom,
    .m-md-m-b,
    .m-md-m-bottom {
        margin-bottom: 32px;
    }
    .margin-md-m-l,
    .margin-md-m-left,
    .m-md-m-l,
    .m-md-m-left {
        margin-left: 32px;
    }
    .margin-md-m-r,
    .margin-md-m-right,
    .m-md-m-r,
    .m-md-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 992px) {
    .margin-lg-m,
    .m-lg-m {
        margin: 32px;
    }
    .margin-lg-m-t,
    .margin-lg-m-top,
    .m-lg-m-t,
    .m-lg-m-top {
        margin-top: 32px;
    }
    .margin-lg-m-b,
    .margin-lg-m-bottom,
    .m-lg-m-b,
    .m-lg-m-bottom {
        margin-bottom: 32px;
    }
    .margin-lg-m-l,
    .margin-lg-m-left,
    .m-lg-m-l,
    .m-lg-m-left {
        margin-left: 32px;
    }
    .margin-lg-m-r,
    .margin-lg-m-right,
    .m-lg-m-r,
    .m-lg-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-m,
    .m-xl-m {
        margin: 32px;
    }
    .margin-xl-m-t,
    .margin-xl-m-top,
    .m-xl-m-t,
    .m-xl-m-top {
        margin-top: 32px;
    }
    .margin-xl-m-b,
    .margin-xl-m-bottom,
    .m-xl-m-b,
    .m-xl-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xl-m-l,
    .margin-xl-m-left,
    .m-xl-m-l,
    .m-xl-m-left {
        margin-left: 32px;
    }
    .margin-xl-m-r,
    .margin-xl-m-right,
    .m-xl-m-r,
    .m-xl-m-right {
        margin-right: 32px;
    }
}

.margin-l,
.m-l {
    margin: 40px;
}

.margin-l-t,
.margin-l-top,
.m-l-t,
.m-l-top {
    margin-top: 40px;
}

.margin-l-b,
.margin-l-bottom,
.m-l-b,
.m-l-bottom {
    margin-bottom: 40px;
}

.margin-l-l,
.margin-l-left,
.m-l-l,
.m-l-left {
    margin-left: 40px;
}

.margin-l-r,
.margin-l-right,
.m-l-r,
.m-l-right {
    margin-right: 40px;
}

@media (min-width: 0) {
    .margin-xs-l,
    .m-xs-l {
        margin: 40px;
    }
    .margin-xs-l-t,
    .margin-xs-l-top,
    .m-xs-l-t,
    .m-xs-l-top {
        margin-top: 40px;
    }
    .margin-xs-l-b,
    .margin-xs-l-bottom,
    .m-xs-l-b,
    .m-xs-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xs-l-l,
    .margin-xs-l-left,
    .m-xs-l-l,
    .m-xs-l-left {
        margin-left: 40px;
    }
    .margin-xs-l-r,
    .margin-xs-l-right,
    .m-xs-l-r,
    .m-xs-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 576px) {
    .margin-sm-l,
    .m-sm-l {
        margin: 40px;
    }
    .margin-sm-l-t,
    .margin-sm-l-top,
    .m-sm-l-t,
    .m-sm-l-top {
        margin-top: 40px;
    }
    .margin-sm-l-b,
    .margin-sm-l-bottom,
    .m-sm-l-b,
    .m-sm-l-bottom {
        margin-bottom: 40px;
    }
    .margin-sm-l-l,
    .margin-sm-l-left,
    .m-sm-l-l,
    .m-sm-l-left {
        margin-left: 40px;
    }
    .margin-sm-l-r,
    .margin-sm-l-right,
    .m-sm-l-r,
    .m-sm-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 768px) {
    .margin-md-l,
    .m-md-l {
        margin: 40px;
    }
    .margin-md-l-t,
    .margin-md-l-top,
    .m-md-l-t,
    .m-md-l-top {
        margin-top: 40px;
    }
    .margin-md-l-b,
    .margin-md-l-bottom,
    .m-md-l-b,
    .m-md-l-bottom {
        margin-bottom: 40px;
    }
    .margin-md-l-l,
    .margin-md-l-left,
    .m-md-l-l,
    .m-md-l-left {
        margin-left: 40px;
    }
    .margin-md-l-r,
    .margin-md-l-right,
    .m-md-l-r,
    .m-md-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .margin-lg-l,
    .m-lg-l {
        margin: 40px;
    }
    .margin-lg-l-t,
    .margin-lg-l-top,
    .m-lg-l-t,
    .m-lg-l-top {
        margin-top: 40px;
    }
    .margin-lg-l-b,
    .margin-lg-l-bottom,
    .m-lg-l-b,
    .m-lg-l-bottom {
        margin-bottom: 40px;
    }
    .margin-lg-l-l,
    .margin-lg-l-left,
    .m-lg-l-l,
    .m-lg-l-left {
        margin-left: 40px;
    }
    .margin-lg-l-r,
    .margin-lg-l-right,
    .m-lg-l-r,
    .m-lg-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-l,
    .m-xl-l {
        margin: 40px;
    }
    .margin-xl-l-t,
    .margin-xl-l-top,
    .m-xl-l-t,
    .m-xl-l-top {
        margin-top: 40px;
    }
    .margin-xl-l-b,
    .margin-xl-l-bottom,
    .m-xl-l-b,
    .m-xl-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xl-l-l,
    .margin-xl-l-left,
    .m-xl-l-l,
    .m-xl-l-left {
        margin-left: 40px;
    }
    .margin-xl-l-r,
    .margin-xl-l-right,
    .m-xl-l-r,
    .m-xl-l-right {
        margin-right: 40px;
    }
}

.margin-xl,
.m-xl {
    margin: 48px;
}

.margin-xl-t,
.margin-xl-top,
.m-xl-t,
.m-xl-top {
    margin-top: 48px;
}

.margin-xl-b,
.margin-xl-bottom,
.m-xl-b,
.m-xl-bottom {
    margin-bottom: 48px;
}

.margin-xl-l,
.margin-xl-left,
.m-xl-l,
.m-xl-left {
    margin-left: 48px;
}

.margin-xl-r,
.margin-xl-right,
.m-xl-r,
.m-xl-right {
    margin-right: 48px;
}

@media (min-width: 0) {
    .margin-xs-xl,
    .m-xs-xl {
        margin: 48px;
    }
    .margin-xs-xl-t,
    .margin-xs-xl-top,
    .m-xs-xl-t,
    .m-xs-xl-top {
        margin-top: 48px;
    }
    .margin-xs-xl-b,
    .margin-xs-xl-bottom,
    .m-xs-xl-b,
    .m-xs-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xs-xl-l,
    .margin-xs-xl-left,
    .m-xs-xl-l,
    .m-xs-xl-left {
        margin-left: 48px;
    }
    .margin-xs-xl-r,
    .margin-xs-xl-right,
    .m-xs-xl-r,
    .m-xs-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xl,
    .m-sm-xl {
        margin: 48px;
    }
    .margin-sm-xl-t,
    .margin-sm-xl-top,
    .m-sm-xl-t,
    .m-sm-xl-top {
        margin-top: 48px;
    }
    .margin-sm-xl-b,
    .margin-sm-xl-bottom,
    .m-sm-xl-b,
    .m-sm-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-sm-xl-l,
    .margin-sm-xl-left,
    .m-sm-xl-l,
    .m-sm-xl-left {
        margin-left: 48px;
    }
    .margin-sm-xl-r,
    .margin-sm-xl-right,
    .m-sm-xl-r,
    .m-sm-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 768px) {
    .margin-md-xl,
    .m-md-xl {
        margin: 48px;
    }
    .margin-md-xl-t,
    .margin-md-xl-top,
    .m-md-xl-t,
    .m-md-xl-top {
        margin-top: 48px;
    }
    .margin-md-xl-b,
    .margin-md-xl-bottom,
    .m-md-xl-b,
    .m-md-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-md-xl-l,
    .margin-md-xl-left,
    .m-md-xl-l,
    .m-md-xl-left {
        margin-left: 48px;
    }
    .margin-md-xl-r,
    .margin-md-xl-right,
    .m-md-xl-r,
    .m-md-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xl,
    .m-lg-xl {
        margin: 48px;
    }
    .margin-lg-xl-t,
    .margin-lg-xl-top,
    .m-lg-xl-t,
    .m-lg-xl-top {
        margin-top: 48px;
    }
    .margin-lg-xl-b,
    .margin-lg-xl-bottom,
    .m-lg-xl-b,
    .m-lg-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-lg-xl-l,
    .margin-lg-xl-left,
    .m-lg-xl-l,
    .m-lg-xl-left {
        margin-left: 48px;
    }
    .margin-lg-xl-r,
    .margin-lg-xl-right,
    .m-lg-xl-r,
    .m-lg-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xl,
    .m-xl-xl {
        margin: 48px;
    }
    .margin-xl-xl-t,
    .margin-xl-xl-top,
    .m-xl-xl-t,
    .m-xl-xl-top {
        margin-top: 48px;
    }
    .margin-xl-xl-b,
    .margin-xl-xl-bottom,
    .m-xl-xl-b,
    .m-xl-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xl-xl-l,
    .margin-xl-xl-left,
    .m-xl-xl-l,
    .m-xl-xl-left {
        margin-left: 48px;
    }
    .margin-xl-xl-r,
    .margin-xl-xl-right,
    .m-xl-xl-r,
    .m-xl-xl-right {
        margin-right: 48px;
    }
}

.margin-xxl,
.m-xxl {
    margin: 56px;
}

.margin-xxl-t,
.margin-xxl-top,
.m-xxl-t,
.m-xxl-top {
    margin-top: 56px;
}

.margin-xxl-b,
.margin-xxl-bottom,
.m-xxl-b,
.m-xxl-bottom {
    margin-bottom: 56px;
}

.margin-xxl-l,
.margin-xxl-left,
.m-xxl-l,
.m-xxl-left {
    margin-left: 56px;
}

.margin-xxl-r,
.margin-xxl-right,
.m-xxl-r,
.m-xxl-right {
    margin-right: 56px;
}

@media (min-width: 0) {
    .margin-xs-xxl,
    .m-xs-xxl {
        margin: 56px;
    }
    .margin-xs-xxl-t,
    .margin-xs-xxl-top,
    .m-xs-xxl-t,
    .m-xs-xxl-top {
        margin-top: 56px;
    }
    .margin-xs-xxl-b,
    .margin-xs-xxl-bottom,
    .m-xs-xxl-b,
    .m-xs-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xs-xxl-l,
    .margin-xs-xxl-left,
    .m-xs-xxl-l,
    .m-xs-xxl-left {
        margin-left: 56px;
    }
    .margin-xs-xxl-r,
    .margin-xs-xxl-right,
    .m-xs-xxl-r,
    .m-xs-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxl,
    .m-sm-xxl {
        margin: 56px;
    }
    .margin-sm-xxl-t,
    .margin-sm-xxl-top,
    .m-sm-xxl-t,
    .m-sm-xxl-top {
        margin-top: 56px;
    }
    .margin-sm-xxl-b,
    .margin-sm-xxl-bottom,
    .m-sm-xxl-b,
    .m-sm-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-sm-xxl-l,
    .margin-sm-xxl-left,
    .m-sm-xxl-l,
    .m-sm-xxl-left {
        margin-left: 56px;
    }
    .margin-sm-xxl-r,
    .margin-sm-xxl-right,
    .m-sm-xxl-r,
    .m-sm-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxl,
    .m-md-xxl {
        margin: 56px;
    }
    .margin-md-xxl-t,
    .margin-md-xxl-top,
    .m-md-xxl-t,
    .m-md-xxl-top {
        margin-top: 56px;
    }
    .margin-md-xxl-b,
    .margin-md-xxl-bottom,
    .m-md-xxl-b,
    .m-md-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-md-xxl-l,
    .margin-md-xxl-left,
    .m-md-xxl-l,
    .m-md-xxl-left {
        margin-left: 56px;
    }
    .margin-md-xxl-r,
    .margin-md-xxl-right,
    .m-md-xxl-r,
    .m-md-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxl,
    .m-lg-xxl {
        margin: 56px;
    }
    .margin-lg-xxl-t,
    .margin-lg-xxl-top,
    .m-lg-xxl-t,
    .m-lg-xxl-top {
        margin-top: 56px;
    }
    .margin-lg-xxl-b,
    .margin-lg-xxl-bottom,
    .m-lg-xxl-b,
    .m-lg-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-lg-xxl-l,
    .margin-lg-xxl-left,
    .m-lg-xxl-l,
    .m-lg-xxl-left {
        margin-left: 56px;
    }
    .margin-lg-xxl-r,
    .margin-lg-xxl-right,
    .m-lg-xxl-r,
    .m-lg-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxl,
    .m-xl-xxl {
        margin: 56px;
    }
    .margin-xl-xxl-t,
    .margin-xl-xxl-top,
    .m-xl-xxl-t,
    .m-xl-xxl-top {
        margin-top: 56px;
    }
    .margin-xl-xxl-b,
    .margin-xl-xxl-bottom,
    .m-xl-xxl-b,
    .m-xl-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xl-xxl-l,
    .margin-xl-xxl-left,
    .m-xl-xxl-l,
    .m-xl-xxl-left {
        margin-left: 56px;
    }
    .margin-xl-xxl-r,
    .margin-xl-xxl-right,
    .m-xl-xxl-r,
    .m-xl-xxl-right {
        margin-right: 56px;
    }
}

.margin-xxxl,
.m-xxxl {
    margin: 64px;
}

.margin-xxxl-t,
.margin-xxxl-top,
.m-xxxl-t,
.m-xxxl-top {
    margin-top: 64px;
}

.margin-xxxl-b,
.margin-xxxl-bottom,
.m-xxxl-b,
.m-xxxl-bottom {
    margin-bottom: 64px;
}

.margin-xxxl-l,
.margin-xxxl-left,
.m-xxxl-l,
.m-xxxl-left {
    margin-left: 64px;
}

.margin-xxxl-r,
.margin-xxxl-right,
.m-xxxl-r,
.m-xxxl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-xxxl,
    .m-xs-xxxl {
        margin: 64px;
    }
    .margin-xs-xxxl-t,
    .margin-xs-xxxl-top,
    .m-xs-xxxl-t,
    .m-xs-xxxl-top {
        margin-top: 64px;
    }
    .margin-xs-xxxl-b,
    .margin-xs-xxxl-bottom,
    .m-xs-xxxl-b,
    .m-xs-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-xxxl-l,
    .margin-xs-xxxl-left,
    .m-xs-xxxl-l,
    .m-xs-xxxl-left {
        margin-left: 64px;
    }
    .margin-xs-xxxl-r,
    .margin-xs-xxxl-right,
    .m-xs-xxxl-r,
    .m-xs-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxl,
    .m-sm-xxxl {
        margin: 64px;
    }
    .margin-sm-xxxl-t,
    .margin-sm-xxxl-top,
    .m-sm-xxxl-t,
    .m-sm-xxxl-top {
        margin-top: 64px;
    }
    .margin-sm-xxxl-b,
    .margin-sm-xxxl-bottom,
    .m-sm-xxxl-b,
    .m-sm-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-xxxl-l,
    .margin-sm-xxxl-left,
    .m-sm-xxxl-l,
    .m-sm-xxxl-left {
        margin-left: 64px;
    }
    .margin-sm-xxxl-r,
    .margin-sm-xxxl-right,
    .m-sm-xxxl-r,
    .m-sm-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxl,
    .m-md-xxxl {
        margin: 64px;
    }
    .margin-md-xxxl-t,
    .margin-md-xxxl-top,
    .m-md-xxxl-t,
    .m-md-xxxl-top {
        margin-top: 64px;
    }
    .margin-md-xxxl-b,
    .margin-md-xxxl-bottom,
    .m-md-xxxl-b,
    .m-md-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-xxxl-l,
    .margin-md-xxxl-left,
    .m-md-xxxl-l,
    .m-md-xxxl-left {
        margin-left: 64px;
    }
    .margin-md-xxxl-r,
    .margin-md-xxxl-right,
    .m-md-xxxl-r,
    .m-md-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxl,
    .m-lg-xxxl {
        margin: 64px;
    }
    .margin-lg-xxxl-t,
    .margin-lg-xxxl-top,
    .m-lg-xxxl-t,
    .m-lg-xxxl-top {
        margin-top: 64px;
    }
    .margin-lg-xxxl-b,
    .margin-lg-xxxl-bottom,
    .m-lg-xxxl-b,
    .m-lg-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-xxxl-l,
    .margin-lg-xxxl-left,
    .m-lg-xxxl-l,
    .m-lg-xxxl-left {
        margin-left: 64px;
    }
    .margin-lg-xxxl-r,
    .margin-lg-xxxl-right,
    .m-lg-xxxl-r,
    .m-lg-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxl,
    .m-xl-xxxl {
        margin: 64px;
    }
    .margin-xl-xxxl-t,
    .margin-xl-xxxl-top,
    .m-xl-xxxl-t,
    .m-xl-xxxl-top {
        margin-top: 64px;
    }
    .margin-xl-xxxl-b,
    .margin-xl-xxxl-bottom,
    .m-xl-xxxl-b,
    .m-xl-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-xxxl-l,
    .margin-xl-xxxl-left,
    .m-xl-xxxl-l,
    .m-xl-xxxl-left {
        margin-left: 64px;
    }
    .margin-xl-xxxl-r,
    .margin-xl-xxxl-right,
    .m-xl-xxxl-r,
    .m-xl-xxxl-right {
        margin-right: 64px;
    }
}

.margin-3xl,
.m-3xl {
    margin: 64px;
}

.margin-3xl-t,
.margin-3xl-top,
.m-3xl-t,
.m-3xl-top {
    margin-top: 64px;
}

.margin-3xl-b,
.margin-3xl-bottom,
.m-3xl-b,
.m-3xl-bottom {
    margin-bottom: 64px;
}

.margin-3xl-l,
.margin-3xl-left,
.m-3xl-l,
.m-3xl-left {
    margin-left: 64px;
}

.margin-3xl-r,
.margin-3xl-right,
.m-3xl-r,
.m-3xl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-3xl,
    .m-xs-3xl {
        margin: 64px;
    }
    .margin-xs-3xl-t,
    .margin-xs-3xl-top,
    .m-xs-3xl-t,
    .m-xs-3xl-top {
        margin-top: 64px;
    }
    .margin-xs-3xl-b,
    .margin-xs-3xl-bottom,
    .m-xs-3xl-b,
    .m-xs-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-3xl-l,
    .margin-xs-3xl-left,
    .m-xs-3xl-l,
    .m-xs-3xl-left {
        margin-left: 64px;
    }
    .margin-xs-3xl-r,
    .margin-xs-3xl-right,
    .m-xs-3xl-r,
    .m-xs-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xl,
    .m-sm-3xl {
        margin: 64px;
    }
    .margin-sm-3xl-t,
    .margin-sm-3xl-top,
    .m-sm-3xl-t,
    .m-sm-3xl-top {
        margin-top: 64px;
    }
    .margin-sm-3xl-b,
    .margin-sm-3xl-bottom,
    .m-sm-3xl-b,
    .m-sm-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-3xl-l,
    .margin-sm-3xl-left,
    .m-sm-3xl-l,
    .m-sm-3xl-left {
        margin-left: 64px;
    }
    .margin-sm-3xl-r,
    .margin-sm-3xl-right,
    .m-sm-3xl-r,
    .m-sm-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xl,
    .m-md-3xl {
        margin: 64px;
    }
    .margin-md-3xl-t,
    .margin-md-3xl-top,
    .m-md-3xl-t,
    .m-md-3xl-top {
        margin-top: 64px;
    }
    .margin-md-3xl-b,
    .margin-md-3xl-bottom,
    .m-md-3xl-b,
    .m-md-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-3xl-l,
    .margin-md-3xl-left,
    .m-md-3xl-l,
    .m-md-3xl-left {
        margin-left: 64px;
    }
    .margin-md-3xl-r,
    .margin-md-3xl-right,
    .m-md-3xl-r,
    .m-md-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xl,
    .m-lg-3xl {
        margin: 64px;
    }
    .margin-lg-3xl-t,
    .margin-lg-3xl-top,
    .m-lg-3xl-t,
    .m-lg-3xl-top {
        margin-top: 64px;
    }
    .margin-lg-3xl-b,
    .margin-lg-3xl-bottom,
    .m-lg-3xl-b,
    .m-lg-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-3xl-l,
    .margin-lg-3xl-left,
    .m-lg-3xl-l,
    .m-lg-3xl-left {
        margin-left: 64px;
    }
    .margin-lg-3xl-r,
    .margin-lg-3xl-right,
    .m-lg-3xl-r,
    .m-lg-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xl,
    .m-xl-3xl {
        margin: 64px;
    }
    .margin-xl-3xl-t,
    .margin-xl-3xl-top,
    .m-xl-3xl-t,
    .m-xl-3xl-top {
        margin-top: 64px;
    }
    .margin-xl-3xl-b,
    .margin-xl-3xl-bottom,
    .m-xl-3xl-b,
    .m-xl-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-3xl-l,
    .margin-xl-3xl-left,
    .m-xl-3xl-l,
    .m-xl-3xl-left {
        margin-left: 64px;
    }
    .margin-xl-3xl-r,
    .margin-xl-3xl-right,
    .m-xl-3xl-r,
    .m-xl-3xl-right {
        margin-right: 64px;
    }
}

.margin-xxxxl,
.m-xxxxl {
    margin: 76px;
}

.margin-xxxxl-t,
.margin-xxxxl-top,
.m-xxxxl-t,
.m-xxxxl-top {
    margin-top: 76px;
}

.margin-xxxxl-b,
.margin-xxxxl-bottom,
.m-xxxxl-b,
.m-xxxxl-bottom {
    margin-bottom: 76px;
}

.margin-xxxxl-l,
.margin-xxxxl-left,
.m-xxxxl-l,
.m-xxxxl-left {
    margin-left: 76px;
}

.margin-xxxxl-r,
.margin-xxxxl-right,
.m-xxxxl-r,
.m-xxxxl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-xxxxl,
    .m-xs-xxxxl {
        margin: 76px;
    }
    .margin-xs-xxxxl-t,
    .margin-xs-xxxxl-top,
    .m-xs-xxxxl-t,
    .m-xs-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xs-xxxxl-b,
    .margin-xs-xxxxl-bottom,
    .m-xs-xxxxl-b,
    .m-xs-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-xxxxl-l,
    .margin-xs-xxxxl-left,
    .m-xs-xxxxl-l,
    .m-xs-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xs-xxxxl-r,
    .margin-xs-xxxxl-right,
    .m-xs-xxxxl-r,
    .m-xs-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxl,
    .m-sm-xxxxl {
        margin: 76px;
    }
    .margin-sm-xxxxl-t,
    .margin-sm-xxxxl-top,
    .m-sm-xxxxl-t,
    .m-sm-xxxxl-top {
        margin-top: 76px;
    }
    .margin-sm-xxxxl-b,
    .margin-sm-xxxxl-bottom,
    .m-sm-xxxxl-b,
    .m-sm-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-xxxxl-l,
    .margin-sm-xxxxl-left,
    .m-sm-xxxxl-l,
    .m-sm-xxxxl-left {
        margin-left: 76px;
    }
    .margin-sm-xxxxl-r,
    .margin-sm-xxxxl-right,
    .m-sm-xxxxl-r,
    .m-sm-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxl,
    .m-md-xxxxl {
        margin: 76px;
    }
    .margin-md-xxxxl-t,
    .margin-md-xxxxl-top,
    .m-md-xxxxl-t,
    .m-md-xxxxl-top {
        margin-top: 76px;
    }
    .margin-md-xxxxl-b,
    .margin-md-xxxxl-bottom,
    .m-md-xxxxl-b,
    .m-md-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-xxxxl-l,
    .margin-md-xxxxl-left,
    .m-md-xxxxl-l,
    .m-md-xxxxl-left {
        margin-left: 76px;
    }
    .margin-md-xxxxl-r,
    .margin-md-xxxxl-right,
    .m-md-xxxxl-r,
    .m-md-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxl,
    .m-lg-xxxxl {
        margin: 76px;
    }
    .margin-lg-xxxxl-t,
    .margin-lg-xxxxl-top,
    .m-lg-xxxxl-t,
    .m-lg-xxxxl-top {
        margin-top: 76px;
    }
    .margin-lg-xxxxl-b,
    .margin-lg-xxxxl-bottom,
    .m-lg-xxxxl-b,
    .m-lg-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-xxxxl-l,
    .margin-lg-xxxxl-left,
    .m-lg-xxxxl-l,
    .m-lg-xxxxl-left {
        margin-left: 76px;
    }
    .margin-lg-xxxxl-r,
    .margin-lg-xxxxl-right,
    .m-lg-xxxxl-r,
    .m-lg-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxl,
    .m-xl-xxxxl {
        margin: 76px;
    }
    .margin-xl-xxxxl-t,
    .margin-xl-xxxxl-top,
    .m-xl-xxxxl-t,
    .m-xl-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xl-xxxxl-b,
    .margin-xl-xxxxl-bottom,
    .m-xl-xxxxl-b,
    .m-xl-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-xxxxl-l,
    .margin-xl-xxxxl-left,
    .m-xl-xxxxl-l,
    .m-xl-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xl-xxxxl-r,
    .margin-xl-xxxxl-right,
    .m-xl-xxxxl-r,
    .m-xl-xxxxl-right {
        margin-right: 76px;
    }
}

.margin-4xl,
.m-4xl {
    margin: 76px;
}

.margin-4xl-t,
.margin-4xl-top,
.m-4xl-t,
.m-4xl-top {
    margin-top: 76px;
}

.margin-4xl-b,
.margin-4xl-bottom,
.m-4xl-b,
.m-4xl-bottom {
    margin-bottom: 76px;
}

.margin-4xl-l,
.margin-4xl-left,
.m-4xl-l,
.m-4xl-left {
    margin-left: 76px;
}

.margin-4xl-r,
.margin-4xl-right,
.m-4xl-r,
.m-4xl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-4xl,
    .m-xs-4xl {
        margin: 76px;
    }
    .margin-xs-4xl-t,
    .margin-xs-4xl-top,
    .m-xs-4xl-t,
    .m-xs-4xl-top {
        margin-top: 76px;
    }
    .margin-xs-4xl-b,
    .margin-xs-4xl-bottom,
    .m-xs-4xl-b,
    .m-xs-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-4xl-l,
    .margin-xs-4xl-left,
    .m-xs-4xl-l,
    .m-xs-4xl-left {
        margin-left: 76px;
    }
    .margin-xs-4xl-r,
    .margin-xs-4xl-right,
    .m-xs-4xl-r,
    .m-xs-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xl,
    .m-sm-4xl {
        margin: 76px;
    }
    .margin-sm-4xl-t,
    .margin-sm-4xl-top,
    .m-sm-4xl-t,
    .m-sm-4xl-top {
        margin-top: 76px;
    }
    .margin-sm-4xl-b,
    .margin-sm-4xl-bottom,
    .m-sm-4xl-b,
    .m-sm-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-4xl-l,
    .margin-sm-4xl-left,
    .m-sm-4xl-l,
    .m-sm-4xl-left {
        margin-left: 76px;
    }
    .margin-sm-4xl-r,
    .margin-sm-4xl-right,
    .m-sm-4xl-r,
    .m-sm-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xl,
    .m-md-4xl {
        margin: 76px;
    }
    .margin-md-4xl-t,
    .margin-md-4xl-top,
    .m-md-4xl-t,
    .m-md-4xl-top {
        margin-top: 76px;
    }
    .margin-md-4xl-b,
    .margin-md-4xl-bottom,
    .m-md-4xl-b,
    .m-md-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-4xl-l,
    .margin-md-4xl-left,
    .m-md-4xl-l,
    .m-md-4xl-left {
        margin-left: 76px;
    }
    .margin-md-4xl-r,
    .margin-md-4xl-right,
    .m-md-4xl-r,
    .m-md-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xl,
    .m-lg-4xl {
        margin: 76px;
    }
    .margin-lg-4xl-t,
    .margin-lg-4xl-top,
    .m-lg-4xl-t,
    .m-lg-4xl-top {
        margin-top: 76px;
    }
    .margin-lg-4xl-b,
    .margin-lg-4xl-bottom,
    .m-lg-4xl-b,
    .m-lg-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-4xl-l,
    .margin-lg-4xl-left,
    .m-lg-4xl-l,
    .m-lg-4xl-left {
        margin-left: 76px;
    }
    .margin-lg-4xl-r,
    .margin-lg-4xl-right,
    .m-lg-4xl-r,
    .m-lg-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xl,
    .m-xl-4xl {
        margin: 76px;
    }
    .margin-xl-4xl-t,
    .margin-xl-4xl-top,
    .m-xl-4xl-t,
    .m-xl-4xl-top {
        margin-top: 76px;
    }
    .margin-xl-4xl-b,
    .margin-xl-4xl-bottom,
    .m-xl-4xl-b,
    .m-xl-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-4xl-l,
    .margin-xl-4xl-left,
    .m-xl-4xl-l,
    .m-xl-4xl-left {
        margin-left: 76px;
    }
    .margin-xl-4xl-r,
    .margin-xl-4xl-right,
    .m-xl-4xl-r,
    .m-xl-4xl-right {
        margin-right: 76px;
    }
}

.margin-auto,
.m-auto {
    margin: auto;
}

.margin-auto-t,
.margin-auto-top,
.m-auto-t,
.m-auto-top {
    margin-top: auto;
}

.margin-auto-b,
.margin-auto-bottom,
.m-auto-b,
.m-auto-bottom {
    margin-bottom: auto;
}

.margin-auto-l,
.margin-auto-left,
.m-auto-l,
.m-auto-left {
    margin-left: auto;
}

.margin-auto-r,
.margin-auto-right,
.m-auto-r,
.m-auto-right {
    margin-right: auto;
}

.margin-xs-auto {
    margin: auto;
}

.margin-xs-auto-t,
.margin-xs-auto-top {
    margin-top: auto;
}

.margin-xs-auto-b,
.margin-xs-auto-bottom {
    margin-bottom: auto;
}

.margin-xs-auto-l,
.margin-xs-auto-left {
    margin-left: auto;
}

.margin-xs-auto-r,
.margin-xs-auto-right {
    margin-right: auto;
}

.margin-sm-auto {
    margin: auto;
}

.margin-sm-auto-t,
.margin-sm-auto-top {
    margin-top: auto;
}

.margin-sm-auto-b,
.margin-sm-auto-bottom {
    margin-bottom: auto;
}

.margin-sm-auto-l,
.margin-sm-auto-left {
    margin-left: auto;
}

.margin-sm-auto-r,
.margin-sm-auto-right {
    margin-right: auto;
}

.margin-md-auto {
    margin: auto;
}

.margin-md-auto-t,
.margin-md-auto-top {
    margin-top: auto;
}

.margin-md-auto-b,
.margin-md-auto-bottom {
    margin-bottom: auto;
}

.margin-md-auto-l,
.margin-md-auto-left {
    margin-left: auto;
}

.margin-md-auto-r,
.margin-md-auto-right {
    margin-right: auto;
}

.margin-lg-auto {
    margin: auto;
}

.margin-lg-auto-t,
.margin-lg-auto-top {
    margin-top: auto;
}

.margin-lg-auto-b,
.margin-lg-auto-bottom {
    margin-bottom: auto;
}

.margin-lg-auto-l,
.margin-lg-auto-left {
    margin-left: auto;
}

.margin-lg-auto-r,
.margin-lg-auto-right {
    margin-right: auto;
}

.margin-xl-auto {
    margin: auto;
}

.margin-xl-auto-t,
.margin-xl-auto-top {
    margin-top: auto;
}

.margin-xl-auto-b,
.margin-xl-auto-bottom {
    margin-bottom: auto;
}

.margin-xl-auto-l,
.margin-xl-auto-left {
    margin-left: auto;
}

.margin-xl-auto-r,
.margin-xl-auto-right {
    margin-right: auto;
}

.bg-color-main {
    background-color: #55c4d0;
}

.bg-color-main-light {
    background-color: #d5f4f7;
}

.bg-color-main-dark {
    background-color: #278b96;
}

.bg-color-secondary {
    background-color: #375573;
}

.bg-color-secondary-light {
    background-color: #cad8e6;
}

.bg-color-secondary-dark {
    background-color: #19334d;
}

.bg-color-accent {
    background-color: #55c4d0;
}

.bg-color-accent-light {
    background-color: #d5f4f7;
}

.bg-color-accent-dark {
    background-color: #278b96;
}

.bg-color-danger,
.bg-color-error {
    background-color: #f15a6d;
}

.bg-color-danger-light,
.bg-color-error-light {
    background-color: #ffc4cc;
}

.bg-color-danger-dark,
.bg-color-error-dark {
    background-color: #b8283b;
}

.bg-color-success {
    background-color: #6ec190;
}

.bg-color-success-light {
    background-color: #d5f5e2;
}

.bg-color-success-dark {
    background-color: #2b754a;
}

.bg-color-alert,
.bg-color-warning {
    background-color: #ffc845;
}

.bg-color-alert-light,
.bg-color-warning-light {
    background-color: #ffe9b5;
}

.bg-color-alert-dark,
.bg-color-warning-dark {
    background-color: #9d6f00;
}

.bg-color-info {
    background-color: #55c4d0;
}

.bg-color-info-light {
    background-color: #d5f4f7;
}

.bg-color-info-dark {
    background-color: #278b96;
}

.bg-color-ink {
    background-color: #333;
}

.bg-color-ink-light {
    background-color: #888;
}

.bg-color-ink-lightest {
    background-color: #bbb;
}

.bg-color-ground {
    background-color: #d4d4d4;
}

.bg-color-ground-light {
    background-color: #e3e3e3;
}

.bg-color-ground-lightest {
    background-color: #f2f2f2;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-black {
    background-color: #000;
}

.color-main {
    color: #55c4d0;
}

.color-main-light {
    color: #d5f4f7;
}

.color-main-dark {
    color: #278b96;
}

.color-secondary {
    color: #375573;
}

.color-secondary-light {
    color: #cad8e6;
}

.color-secondary-dark {
    color: #19334d;
}

.color-accent {
    color: #55c4d0;
}

.color-accent-light {
    color: #d5f4f7;
}

.color-accent-dark {
    color: #278b96;
}

.color-danger {
    color: #f15a6d;
}

.color-danger-light {
    color: #ffc4cc;
}

.color-danger-dark {
    color: #b8283b;
}

.color-success {
    color: #6ec190;
}

.color-success-light {
    color: #d5f5e2;
}

.color-success-dark {
    color: #2b754a;
}

.color-alert {
    color: #ffc845;
}

.color-alert-light {
    color: #ffe9b5;
}

.color-alert-dark {
    color: #9d6f00;
}

.color-info {
    color: #55c4d0;
}

.color-info-light {
    color: #d5f4f7;
}

.color-info-dark {
    color: #278b96;
}

.color-ink {
    color: #333;
}

.color-ink-light {
    color: #888;
}

.color-ink-lightest {
    color: #bbb;
}

.color-ground {
    color: #d4d4d4;
}

.color-ground-light {
    color: #e3e3e3;
}

.color-ground-lightest {
    color: #f2f2f2;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.fill-main {
    fill: #55c4d0;
}

.fill-main-light {
    fill: #d5f4f7;
}

.fill-main-dark {
    fill: #278b96;
}

.fill-secondary {
    fill: #375573;
}

.fill-secondary-light {
    fill: #cad8e6;
}

.fill-secondary-dark {
    fill: #19334d;
}

.fill-accent {
    fill: #55c4d0;
}

.fill-accent-light {
    fill: #d5f4f7;
}

.fill-accent-dark {
    fill: #278b96;
}

.fill-danger {
    fill: #f15a6d;
}

.fill-danger-light {
    fill: #ffc4cc;
}

.fill-danger-dark {
    fill: #b8283b;
}

.fill-success {
    fill: #6ec190;
}

.fill-success-light {
    fill: #d5f5e2;
}

.fill-success-dark {
    fill: #2b754a;
}

.fill-alert {
    fill: #ffc845;
}

.fill-alert-light {
    fill: #ffe9b5;
}

.fill-alert-dark {
    fill: #9d6f00;
}

.fill-info {
    fill: #55c4d0;
}

.fill-info-light {
    fill: #d5f4f7;
}

.fill-info-dark {
    fill: #278b96;
}

.fill-ink {
    fill: #333;
}

.fill-ink-light {
    fill: #888;
}

.fill-ink-lightest {
    fill: #bbb;
}

.fill-ground {
    fill: #d4d4d4;
}

.fill-ground-light {
    fill: #e3e3e3;
}

.fill-ground-lightest {
    fill: #f2f2f2;
}

.fill-white {
    fill: #fff;
}

.fill-black {
    fill: #000;
}

.input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    padding: 0 12px;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    color: #333;
    resize: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: none;
}

.input::-webkit-input-placeholder {
    color: #888;
}

.input:-ms-input-placeholder {
    color: #888;
}

.input::-ms-input-placeholder {
    color: #888;
}

.input::placeholder {
    color: #888;
}

.input:focus,
.input--focused {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
    border: 1px solid #55c4d0;
}

.input--success,
.input.success {
    border: 1px solid #6ec190;
}

.input--error,
.input.error {
    border: 1px solid #f15a6d;
}

.input--error:focus,
.input--error--focus,
.input.error:focus,
.input.error--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
    border: 1px solid #f15a6d;
}

.input[disabled="disabled"],
.input--disabled,
.input.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.input--password,
.input [type="password"],
.input.password {
    font-size: 10px;
    letter-spacing: 5px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.border-radius {
    border-radius: 4px;
}

.border,
.border-01 {
    border: 1px solid;
}

.border-left,
.border-left-01 {
    border-left: 1px solid;
}

.border-right,
.border-right-01 {
    border-right: 1px solid;
}

.border-top,
.border-top-01 {
    border-top: 1px solid;
}

.border-bottom,
.border-bottom-01 {
    border-bottom: 1px solid;
}

.border-04 {
    border: 4px solid;
}

.border-left-04 {
    border-left: 4px solid;
}

.border-right-04 {
    border-right: 4px solid;
}

.border-top-04 {
    border-top: 4px solid;
}

.border-bottom-04 {
    border-bottom: 4px solid;
}

.border-color-main {
    border-color: #55c4d0;
}

.border-color-main-light {
    border-color: #d5f4f7;
}

.border-color-main-dark {
    border-color: #278b96;
}

.border-color-secondary {
    border-color: #375573;
}

.border-color-secondary-light {
    border-color: #cad8e6;
}

.border-color-secondary-dark {
    border-color: #19334d;
}

.border-color-accent {
    border-color: #55c4d0;
}

.border-color-accent-light {
    border-color: #d5f4f7;
}

.border-color-accent-dark {
    border-color: #278b96;
}

.border-color-danger {
    border-color: #f15a6d;
}

.border-color-danger-light {
    border-color: #ffc4cc;
}

.border-color-danger-dark {
    border-color: #b8283b;
}

.border-color-success {
    border-color: #6ec190;
}

.border-color-success-light {
    border-color: #d5f5e2;
}

.border-color-success-dark {
    border-color: #2b754a;
}

.border-color-alert {
    border-color: #ffc845;
}

.border-color-alert-light {
    border-color: #ffe9b5;
}

.border-color-alert-dark {
    border-color: #9d6f00;
}

.border-color-info {
    border-color: #55c4d0;
}

.border-color-info-light {
    border-color: #d5f4f7;
}

.border-color-info-dark {
    border-color: #278b96;
}

.border-color-ink {
    border-color: #333;
}

.border-color-ink-light {
    border-color: #888;
}

.border-color-ink-lightest {
    border-color: #bbb;
}

.border-color-ground {
    border-color: #d4d4d4;
}

.border-color-ground-light {
    border-color: #e3e3e3;
}

.border-color-ground-lightest {
    border-color: #f2f2f2;
}

.border-color-white {
    border-color: #fff;
}

.border-color-black {
    border-color: #000;
}

.circle {
    border-radius: 50%;
}

.full-height {
    height: 100%;
}

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

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

.half-height {
    height: 50%;
}

.half-max-height {
    max-height: 50%;
}

.half-min-height {
    min-height: 50%;
}

.height--size-s,
.height.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.height--size-l,
.height.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.height--size-m,
.height.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

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

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

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

.half-width {
    width: 50%;
}

.half-max-width {
    max-width: 50%;
}

.half-min-width {
    min-width: 50%;
}

.width--size-s,
.width.size-s {
    font-size: 0.875rem;
    width: 32px;
    max-width: 32px;
}

.width--size-l,
.width.size-l {
    font-size: 1rem;
    width: 48px;
    max-width: 48px;
}

.width--size-m,
.width.size-m {
    font-size: 1rem;
    width: 40px;
    max-width: 40px;
}

.square--size-s,
.square.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    width: 32px;
    max-width: 32px;
}

.square--size-l,
.square.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    width: 48px;
    max-width: 48px;
}

.square--size-m,
.square.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    width: 40px;
    max-width: 40px;
}

.input-error-message {
    width: 100%;
    padding: 4px 0 0 4px;
    font-family: "proxima-soft", sans-serif;
    color: #f15a6d;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 0.75rem;
    line-height: 1rem;
}

.separator {
    padding-bottom: 24px;
    border-top: 4px solid #f2f2f2;
}

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

.line-height-normal {
    line-height: 1;
}

.line-height-s {
    line-height: 1.25;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.cursor-pointer {
    cursor: pointer;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.font-xxs {
    font-size: 0.625rem;
    line-height: 0.875rem;
}

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

.font-s {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.font-m {
    font-size: 1rem;
    line-height: 1.25rem;
}

.font-l {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.font-xl {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.font-xxl {
    font-size: 2rem;
    line-height: 2.25rem;
}

.font-normal {
    font-weight: normal;
}

.font-semibold {
    font-weight: 600;
}

.font-proxima {
    font-family: "proxima-soft", sans-serif;
}

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

.shadow-s {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-s:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.24);
}

.shadow-m {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-m:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.24);
}

.shadow-l {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-l:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.24), 0 6px 12px rgba(0, 0, 0, 0.24);
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.uppercase {
    text-transform: uppercase;
}

.Example {
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.Example:not(:last-child) {
    border-color: #d4d4d4;
    border-bottom: 1px solid;
}

.Example__title {
    margin: 0;
    margin-bottom: 8px;
    font-family: "proxima-soft", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: left;
}

.Example__description {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.25rem;
}

.Example__value {
    margin-bottom: 8px;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.Example__code {
    padding: 20px;
    margin-bottom: 16px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#RadioButton {
    display: block;
    width: 100%;
}

#RadioButton .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#RadioButton .components .component-wrapper {
    padding-right: 100px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.component h5 {
    margin: 20px 0 10px;
    font-weight: 700;
}

.component ul {
    display: flex;
}

.component li {
    display: inline-flex;
    padding: 10px 12px;
}

.component .MoreCustomizedClass ul {
    display: flex;
    flex-direction: column;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/


/* stylelint-disable */


/* stylelint-enable */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideIn {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOut {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacityPulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes resizePulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.animate {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.animate.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animate.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animate.slideIn {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


/*
 Put the helpers that we will use as elements, like "mui-badge" at the start of the list. If not
 we could not override the background/color/margins with the helpers that are imported after.
  */

.mui-badge {
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-family: "proxima-soft", sans-serif;
    line-height: 0.8;
    color: #55c4d0;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-badge--main {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--secondary {
    color: #fff;
    background-color: #375573;
}

.mui-badge--danger {
    color: #fff;
    background-color: #f15a6d;
}

.mui-badge--success {
    color: #fff;
    background-color: #6ec190;
}

.mui-badge--alert {
    color: #fff;
    background-color: #ffc845;
}

.mui-badge--info {
    color: #fff;
    background-color: #55c4d0;
}

.mui-badge--ink {
    color: #fff;
    background-color: #888;
}

.mui-badge--ground {
    color: #fff;
    background-color: #e3e3e3;
}

.mui-badge--xs {
    font-size: 0.75rem;
}

.mui-badge--s {
    font-size: 0.875rem;
}

.mui-badge--m {
    font-size: 1rem;
}

.mui-badge--l {
    font-size: 1.25rem;
}

.mui-badge--xl {
    font-size: 1.5rem;
}

.mui-badge--xxl {
    font-size: 2rem;
}

.h1,
.h2,
.Example__title,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-family: "proxima-soft", sans-serif;
    text-align: left;
}

.h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.h2,
.Example__title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal;
}

.h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
}

.h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: normal;
}

.h5 {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
}

.h6 {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
}

.button {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.25rem;
}

.button--no-focus {
    box-shadow: none;
}

.button--main {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--main:active,
.button--main--active,
.button--main:hover {
    background-color: #278b96;
}

.button--main:disabled,
.button--main--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--main:focus,
.button--main--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--main--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--main--offset:active,
.button--main--offset--active,
.button--main--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--main--offset:disabled,
.button--main--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--main--offset:focus,
.button--main--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--secondary {
    color: #fff;
    background-color: #375573;
    fill: #fff;
}

.button--secondary:active,
.button--secondary--active,
.button--secondary:hover {
    background-color: #19334d;
}

.button--secondary:disabled,
.button--secondary--disabled {
    cursor: not-allowed;
    background-color: #cad8e6;
}

.button--secondary:focus,
.button--secondary--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #19334d;
}

.button--secondary--offset {
    color: #375573;
    border: 1px solid #375573;
    fill: #375573;
}

.button--secondary--offset:active,
.button--secondary--offset--active,
.button--secondary--offset:hover {
    color: #19334d;
    border: 1px solid #19334d;
    fill: #19334d;
}

.button--secondary--offset:disabled,
.button--secondary--offset--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    border: 1px solid #cad8e6;
    fill: #cad8e6;
}

.button--secondary--offset:focus,
.button--secondary--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #375573;
}

.button--accent {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--accent:active,
.button--accent--active,
.button--accent:hover {
    background-color: #278b96;
}

.button--accent:disabled,
.button--accent--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--accent:focus,
.button--accent--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--accent--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--accent--offset:active,
.button--accent--offset--active,
.button--accent--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--accent--offset:disabled,
.button--accent--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--accent--offset:focus,
.button--accent--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--danger {
    color: #fff;
    background-color: #f15a6d;
    fill: #fff;
}

.button--danger:active,
.button--danger--active,
.button--danger:hover {
    background-color: #b8283b;
}

.button--danger:disabled,
.button--danger--disabled {
    cursor: not-allowed;
    background-color: #ffc4cc;
}

.button--danger:focus,
.button--danger--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--danger--offset {
    color: #f15a6d;
    border: 1px solid #f15a6d;
    fill: #f15a6d;
}

.button--danger--offset:active,
.button--danger--offset--active,
.button--danger--offset:hover {
    color: #b8283b;
    border: 1px solid #b8283b;
    fill: #b8283b;
}

.button--danger--offset:disabled,
.button--danger--offset--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    border: 1px solid #ffc4cc;
    fill: #ffc4cc;
}

.button--danger--offset:focus,
.button--danger--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
}

.button--success {
    color: #fff;
    background-color: #6ec190;
    fill: #fff;
}

.button--success:active,
.button--success--active,
.button--success:hover {
    background-color: #2b754a;
}

.button--success:disabled,
.button--success--disabled,
.button--success:checked,
.button--success--checked {
    cursor: not-allowed;
    background-color: #d5f5e2;
}

.button--success:focus,
.button--success--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--success--offset {
    color: #6ec190;
    border: 1px solid #6ec190;
    fill: #6ec190;
}

.button--success--offset:active,
.button--success--offset--active,
.button--success--offset:hover {
    color: #2b754a;
    border: 1px solid #2b754a;
    fill: #2b754a;
}

.button--success--offset:disabled,
.button--success--offset--disabled,
.button--success--offset:checked,
.button--success--offset--checked {
    color: #d5f5e2;
    cursor: not-allowed;
    border: 1px solid #d5f5e2;
    fill: #d5f5e2;
}

.button--success--offset:focus,
.button--success--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #6ec190;
}

.button--alert {
    color: #fff;
    background-color: #ffc845;
    fill: #fff;
}

.button--alert:active,
.button--alert--active,
.button--alert:hover {
    background-color: #9d6f00;
}

.button--alert:disabled,
.button--alert--disabled {
    cursor: not-allowed;
    background-color: #ffe9b5;
}

.button--alert:focus,
.button--alert--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--alert--offset {
    color: #ffc845;
    border: 1px solid #ffc845;
    fill: #ffc845;
}

.button--alert--offset:active,
.button--alert--offset--active,
.button--alert--offset:hover {
    color: #9d6f00;
    border: 1px solid #9d6f00;
    fill: #9d6f00;
}

.button--alert--offset:disabled,
.button--alert--offset--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    border: 1px solid #ffe9b5;
    fill: #ffe9b5;
}

.button--alert--offset:focus,
.button--alert--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #ffc845;
}

.button--info {
    color: #fff;
    background-color: #55c4d0;
    fill: #fff;
}

.button--info:active,
.button--info--active,
.button--info:hover {
    background-color: #278b96;
}

.button--info:disabled,
.button--info--disabled {
    cursor: not-allowed;
    background-color: #d5f4f7;
}

.button--info:focus,
.button--info--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--info--offset {
    color: #55c4d0;
    border: 1px solid #55c4d0;
    fill: #55c4d0;
}

.button--info--offset:active,
.button--info--offset--active,
.button--info--offset:hover {
    color: #278b96;
    border: 1px solid #278b96;
    fill: #278b96;
}

.button--info--offset:disabled,
.button--info--offset--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    border: 1px solid #d5f4f7;
    fill: #d5f4f7;
}

.button--info--offset:focus,
.button--info--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
}

.button--ink {
    color: #fff;
    background-color: #888;
    fill: #fff;
}

.button--ink:active,
.button--ink--active,
.button--ink:hover {
    background-color: #333;
}

.button--ink:disabled,
.button--ink--disabled {
    cursor: not-allowed;
    background-color: #bbb;
}

.button--ink:focus,
.button--ink--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ink--offset {
    color: #888;
    border: 1px solid #888;
    fill: #888;
}

.button--ink--offset:active,
.button--ink--offset--active,
.button--ink--offset:hover {
    color: #333;
    border: 1px solid #333;
    fill: #333;
}

.button--ink--offset:disabled,
.button--ink--offset--disabled {
    color: #bbb;
    cursor: not-allowed;
    border: 1px solid #bbb;
    fill: #bbb;
}

.button--ink--offset:focus,
.button--ink--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #888;
}

.button--ground {
    color: #fff;
    background-color: #e3e3e3;
    fill: #fff;
}

.button--ground:active,
.button--ground--active,
.button--ground:hover {
    background-color: #d4d4d4;
}

.button--ground:disabled,
.button--ground--disabled {
    cursor: not-allowed;
    background-color: #f2f2f2;
}

.button--ground:focus,
.button--ground--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--ground--offset {
    color: #e3e3e3;
    border: 1px solid #e3e3e3;
    fill: #e3e3e3;
}

.button--ground--offset:active,
.button--ground--offset--active,
.button--ground--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--ground--offset:disabled,
.button--ground--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--ground--offset:focus,
.button--ground--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white {
    color: #333;
    background-color: #fff;
    fill: #333;
}

.button--white:active,
.button--white--active,
.button--white:hover {
    background-color: #f2f2f2;
}

.button--white:disabled,
.button--white--disabled {
    color: #888;
    cursor: not-allowed;
    background-color: #f2f2f2;
    fill: #888;
}

.button--white:focus,
.button--white--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--white--offset {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    fill: #fff;
}

.button--white--offset:active,
.button--white--offset--active,
.button--white--offset:hover {
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    fill: #d4d4d4;
}

.button--white--offset:disabled,
.button--white--offset--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    border: 1px solid #f2f2f2;
    fill: #f2f2f2;
}

.button--white--offset:focus,
.button--white--offset--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #e3e3e3;
}

.button--link {
    color: #55c4d0;
    background-color: #fff;
    fill: #55c4d0;
}

.button--link:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link:active,
.button--link--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link:disabled,
.button--link--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link:focus,
.button--link--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 white;
}

.button--link--main {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--main:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--main:active,
.button--link--main--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--main:disabled,
.button--link--main--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--secondary {
    color: #375573;
    fill: #375573;
}

.button--link--secondary:hover {
    color: #19334d;
    fill: #19334d;
}

.button--link--secondary:active,
.button--link--secondary--active {
    color: #cad8e6;
    fill: #cad8e6;
}

.button--link--secondary:disabled,
.button--link--secondary--disabled {
    color: #cad8e6;
    cursor: not-allowed;
    fill: #cad8e6;
}

.button--link--danger {
    color: #f15a6d;
    fill: #f15a6d;
}

.button--link--danger:hover {
    color: #b8283b;
    fill: #b8283b;
}

.button--link--danger:active,
.button--link--danger--active {
    color: #ffc4cc;
    fill: #ffc4cc;
}

.button--link--danger:disabled,
.button--link--danger--disabled {
    color: #ffc4cc;
    cursor: not-allowed;
    fill: #ffc4cc;
}

.button--link--success {
    color: #6ec190;
    fill: #6ec190;
}

.button--link--success:hover {
    color: #2b754a;
    fill: #2b754a;
}

.button--link--success:active,
.button--link--success--active {
    color: #d5f5e2;
    fill: #d5f5e2;
}

.button--link--success:disabled,
.button--link--success--disabled {
    color: #d5f5e2;
    cursor: not-allowed;
    fill: #d5f5e2;
}

.button--link--alert {
    color: #ffc845;
    fill: #ffc845;
}

.button--link--alert:hover {
    color: #9d6f00;
    fill: #9d6f00;
}

.button--link--alert:active,
.button--link--alert--active {
    color: #ffe9b5;
    fill: #ffe9b5;
}

.button--link--alert:disabled,
.button--link--alert--disabled {
    color: #ffe9b5;
    cursor: not-allowed;
    fill: #ffe9b5;
}

.button--link--info {
    color: #55c4d0;
    fill: #55c4d0;
}

.button--link--info:hover {
    color: #278b96;
    fill: #278b96;
}

.button--link--info:active,
.button--link--info--active {
    color: #d5f4f7;
    fill: #d5f4f7;
}

.button--link--info:disabled,
.button--link--info--disabled {
    color: #d5f4f7;
    cursor: not-allowed;
    fill: #d5f4f7;
}

.button--link--ink {
    color: #888;
    fill: #888;
}

.button--link--ink:active,
.button--link--ink--active,
.button--link--ink:hover {
    color: #333;
    fill: #333;
}

.button--link--ink:disabled,
.button--link--ink--disabled {
    color: #bbb;
    cursor: not-allowed;
    fill: #bbb;
}

.button--link--ground {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--ground:active,
.button--link--ground--active,
.button--link--ground:hover {
    color: #d4d4d4;
    fill: #d4d4d4;
}

.button--link--ground:disabled,
.button--link--ground--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--link--white {
    color: #fff;
    fill: #fff;
}

.button--link--white:active,
.button--link--white--active,
.button--link--white:hover {
    color: #e3e3e3;
    fill: #e3e3e3;
}

.button--link--white:disabled,
.button--link--white--disabled {
    color: #f2f2f2;
    cursor: not-allowed;
    fill: #f2f2f2;
}

.button--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    font-size: 0.875rem;
}

.button--size-s.button--pill {
    border-radius: 32px;
}

.button--size-s.button--paddings {
    padding: 0 16px;
}

.button--size-s .button__content--side-left {
    padding-right: 16px;
}

.button--size-s .button__content--side-right {
    padding-left: 16px;
}

.button--size-s .button__icon {
    min-width: 32px;
}

.button--size-s .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-s .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-s .button__icon--side-left {
    padding-right: 8px;
    padding-left: 10.66667px;
}

.button--size-s .button__icon--side-right {
    padding-right: 10.66667px;
    padding-left: 8px;
}

.button--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

.button--size-m.button--pill {
    border-radius: 40px;
}

.button--size-m.button--paddings {
    padding: 0 20px;
}

.button--size-m .button__content--side-left {
    padding-right: 20px;
}

.button--size-m .button__content--side-right {
    padding-left: 20px;
}

.button--size-m .button__icon {
    min-width: 40px;
}

.button--size-m .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-m .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-m .button__icon--side-left {
    padding-right: 10px;
    padding-left: 13.33333px;
}

.button--size-m .button__icon--side-right {
    padding-right: 13.33333px;
    padding-left: 10px;
}

.button--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    font-size: 1rem;
}

.button--size-l.button--pill {
    border-radius: 48px;
}

.button--size-l.button--paddings {
    padding: 0 24px;
}

.button--size-l .button__content--side-left {
    padding-right: 24px;
}

.button--size-l .button__content--side-right {
    padding-left: 24px;
}

.button--size-l .button__icon {
    min-width: 48px;
}

.button--size-l .button__icon .MuiSvg svg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button--size-l .button__icon .MuiSvgIcon svg {
    width: auto;
}

.button--size-l .button__icon--side-left {
    padding-right: 12px;
    padding-left: 16px;
}

.button--size-l .button__icon--side-right {
    padding-right: 16px;
    padding-left: 12px;
}

.button--min-width {
    min-width: 148px;
}

.button--width--size-s {
    width: 32px;
    max-width: 32px;
}

.button--width--size-m {
    width: 40px;
    max-width: 40px;
}

.button--width--size-l {
    width: 48px;
    max-width: 48px;
}

.button--full-width {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button--link {
    background: transparent;
}

.button--link--select {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: start;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    min-width: 100%;
    height: 48px;
    padding: 12px;
    font-weight: normal;
    color: #333;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.button--link--select[disabled],
.button--link--select--disabled {
    opacity: 0.5;
}

.button--link--select:hover {
    color: #333;
}

.button--link--select--simple {
    min-width: initial;
    height: 100%;
    border: transparent;
}

.button--uppercase {
    text-transform: uppercase;
}

.button--icon {
    padding: 0;
}

.button__container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button__container--icon-side-left {
    flex-direction: row;
    padding: 0;
}

.button__container--icon-side-right {
    flex-direction: row-reverse;
    padding: 0;
}

.button__content {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
}

.button__icon {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}

.button__icon svg {
    transition: fill 0.3s ease;
    fill: inherit;
}

.button__icon--size-s {
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.button__icon--size-m {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.button__icon--size-l {
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.button__loader {
    margin-left: 16px;
    -webkit-animation: loading-spinner 400ms linear infinite;
    animation: loading-spinner 400ms linear infinite;
}

.button__loader__icon {
    width: 24px;
    height: 24px;
    border: solid 4px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.link {
    display: inline-block;
    font-family: "proxima-soft", sans-serif;
    color: #55c4d0;
    text-decoration: none;
}

.link:active,
.link--active,
.link:hover {
    color: #278b96;
}

.link:disabled,
.link--disabled {
    color: #d5f4f7;
}

.link.main-link {
    display: block;
}

.link.secondary-link {
    display: block;
}

.link.danger-link {
    display: block;
}

.link.success-link {
    display: block;
}

.link.alert-link {
    display: block;
}

.link.info-link {
    display: block;
}

.link.ink-link {
    display: block;
}

.link.ground-link {
    display: block;
}

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

.link--main {
    color: #55c4d0;
}

.link--main:active,
.link--main--active,
.link--main:hover {
    color: #278b96;
}

.link--main:disabled,
.link--main--disabled {
    color: #d5f4f7;
}

.link--secondary {
    color: #375573;
}

.link--secondary:active,
.link--secondary--active,
.link--secondary:hover {
    color: #19334d;
}

.link--secondary:disabled,
.link--secondary--disabled {
    color: #cad8e6;
}

.link--danger {
    color: #f15a6d;
}

.link--danger:active,
.link--danger--active,
.link--danger:hover {
    color: #b8283b;
}

.link--danger:disabled,
.link--danger--disabled {
    color: #ffc4cc;
}

.link--success {
    color: #6ec190;
}

.link--success:active,
.link--success--active,
.link--success:hover {
    color: #2b754a;
}

.link--success:disabled,
.link--success--disabled {
    color: #d5f5e2;
}

.link--alert {
    color: #ffc845;
}

.link--alert:active,
.link--alert--active,
.link--alert:hover {
    color: #9d6f00;
}

.link--alert:disabled,
.link--alert--disabled {
    color: #ffe9b5;
}

.link--info {
    color: #55c4d0;
}

.link--info:active,
.link--info--active,
.link--info:hover {
    color: #278b96;
}

.link--info:disabled,
.link--info--disabled {
    color: #d5f4f7;
}

.link--ink {
    color: #888;
}

.link--ink:active,
.link--ink--active,
.link--ink:hover {
    color: #333;
}

.link--ink:disabled,
.link--ink--disabled {
    color: #bbb;
}

.link--ground {
    color: #e3e3e3;
}

.link--ground:active,
.link--ground--active,
.link--ground:hover {
    color: #d4d4d4;
}

.link--ground:disabled,
.link--ground--disabled {
    color: #f2f2f2;
}

.padding-xxxxs-top {
    padding-top: 4px;
}

.padding-xxxxs-right {
    padding-right: 4px;
}

.padding-xxxxs-bottom {
    padding-bottom: 4px;
}

.padding-xxxxs-left {
    padding-left: 4px;
}

.padding-xxxxs-horizontal {
    padding-right: 4px;
    padding-left: 4px;
}

.padding-xxxxs-vertical {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-xxxxs-all {
    padding: 4px;
}

.padding-xxxs-top {
    padding-top: 8px;
}

.padding-xxxs-right {
    padding-right: 8px;
}

.padding-xxxs-bottom {
    padding-bottom: 8px;
}

.padding-xxxs-left {
    padding-left: 8px;
}

.padding-xxxs-horizontal {
    padding-right: 8px;
    padding-left: 8px;
}

.padding-xxxs-vertical {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-xxxs-all {
    padding: 8px;
}

.padding-xxs-top {
    padding-top: 12px;
}

.padding-xxs-right {
    padding-right: 12px;
}

.padding-xxs-bottom {
    padding-bottom: 12px;
}

.padding-xxs-left {
    padding-left: 12px;
}

.padding-xxs-horizontal {
    padding-right: 12px;
    padding-left: 12px;
}

.padding-xxs-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padding-xxs-all {
    padding: 12px;
}

.padding-xs-top {
    padding-top: 16px;
}

.padding-xs-right {
    padding-right: 16px;
}

.padding-xs-bottom {
    padding-bottom: 16px;
}

.padding-xs-left {
    padding-left: 16px;
}

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

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

.padding-xs-all {
    padding: 16px;
}

.padding-s-top {
    padding-top: 24px;
}

.padding-s-right {
    padding-right: 24px;
}

.padding-s-bottom {
    padding-bottom: 24px;
}

.padding-s-left {
    padding-left: 24px;
}

.padding-s-horizontal {
    padding-right: 24px;
    padding-left: 24px;
}

.padding-s-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-s-all {
    padding: 24px;
}

.padding-m-top {
    padding-top: 32px;
}

.padding-m-right {
    padding-right: 32px;
}

.padding-m-bottom,
.Example {
    padding-bottom: 32px;
}

.padding-m-left {
    padding-left: 32px;
}

.padding-m-horizontal {
    padding-right: 32px;
    padding-left: 32px;
}

.padding-m-vertical {
    padding-top: 32px;
    padding-bottom: 32px;
}

.padding-m-all {
    padding: 32px;
}

.padding-l-top {
    padding-top: 40px;
}

.padding-l-right {
    padding-right: 40px;
}

.padding-l-bottom {
    padding-bottom: 40px;
}

.padding-l-left {
    padding-left: 40px;
}

.padding-l-horizontal {
    padding-right: 40px;
    padding-left: 40px;
}

.padding-l-vertical {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-l-all {
    padding: 40px;
}

.padding-xl-top {
    padding-top: 48px;
}

.padding-xl-right {
    padding-right: 48px;
}

.padding-xl-bottom {
    padding-bottom: 48px;
}

.padding-xl-left {
    padding-left: 48px;
}

.padding-xl-horizontal {
    padding-right: 48px;
    padding-left: 48px;
}

.padding-xl-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-xl-all {
    padding: 48px;
}

.padding-xxl-top {
    padding-top: 56px;
}

.padding-xxl-right {
    padding-right: 56px;
}

.padding-xxl-bottom {
    padding-bottom: 56px;
}

.padding-xxl-left {
    padding-left: 56px;
}

.padding-xxl-horizontal {
    padding-right: 56px;
    padding-left: 56px;
}

.padding-xxl-vertical {
    padding-top: 56px;
    padding-bottom: 56px;
}

.padding-xxl-all {
    padding: 56px;
}

.padding-xxxl-top {
    padding-top: 64px;
}

.padding-xxxl-right {
    padding-right: 64px;
}

.padding-xxxl-bottom {
    padding-bottom: 64px;
}

.padding-xxxl-left {
    padding-left: 64px;
}

.padding-xxxl-horizontal {
    padding-right: 64px;
    padding-left: 64px;
}

.padding-xxxl-vertical {
    padding-top: 64px;
    padding-bottom: 64px;
}

.padding-xxxl-all {
    padding: 64px;
}

.padding-none-top {
    padding-top: 0;
}

.padding-none-right {
    padding-right: 0;
}

.padding-none-bottom {
    padding-bottom: 0;
}

.padding-none-left {
    padding-left: 0;
}

.padding-none-horizontal {
    padding-right: 0;
    padding-left: 0;
}

.padding-none-vertical {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-xxxxs,
.m-xxxxs {
    margin: 4px;
}

.margin-xxxxs-t,
.margin-xxxxs-top,
.m-xxxxs-t,
.m-xxxxs-top {
    margin-top: 4px;
}

.margin-xxxxs-b,
.margin-xxxxs-bottom,
.Example__description,
.m-xxxxs-b,
.m-xxxxs-bottom {
    margin-bottom: 4px;
}

.margin-xxxxs-l,
.margin-xxxxs-left,
.m-xxxxs-l,
.m-xxxxs-left {
    margin-left: 4px;
}

.margin-xxxxs-r,
.margin-xxxxs-right,
.m-xxxxs-r,
.m-xxxxs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-xxxxs,
    .m-xs-xxxxs {
        margin: 4px;
    }
    .margin-xs-xxxxs-t,
    .margin-xs-xxxxs-top,
    .m-xs-xxxxs-t,
    .m-xs-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xs-xxxxs-b,
    .margin-xs-xxxxs-bottom,
    .m-xs-xxxxs-b,
    .m-xs-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-xxxxs-l,
    .margin-xs-xxxxs-left,
    .m-xs-xxxxs-l,
    .m-xs-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xs-xxxxs-r,
    .margin-xs-xxxxs-right,
    .m-xs-xxxxs-r,
    .m-xs-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxs,
    .m-sm-xxxxs {
        margin: 4px;
    }
    .margin-sm-xxxxs-t,
    .margin-sm-xxxxs-top,
    .m-sm-xxxxs-t,
    .m-sm-xxxxs-top {
        margin-top: 4px;
    }
    .margin-sm-xxxxs-b,
    .margin-sm-xxxxs-bottom,
    .m-sm-xxxxs-b,
    .m-sm-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-xxxxs-l,
    .margin-sm-xxxxs-left,
    .m-sm-xxxxs-l,
    .m-sm-xxxxs-left {
        margin-left: 4px;
    }
    .margin-sm-xxxxs-r,
    .margin-sm-xxxxs-right,
    .m-sm-xxxxs-r,
    .m-sm-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxs,
    .m-md-xxxxs {
        margin: 4px;
    }
    .margin-md-xxxxs-t,
    .margin-md-xxxxs-top,
    .m-md-xxxxs-t,
    .m-md-xxxxs-top {
        margin-top: 4px;
    }
    .margin-md-xxxxs-b,
    .margin-md-xxxxs-bottom,
    .m-md-xxxxs-b,
    .m-md-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-xxxxs-l,
    .margin-md-xxxxs-left,
    .m-md-xxxxs-l,
    .m-md-xxxxs-left {
        margin-left: 4px;
    }
    .margin-md-xxxxs-r,
    .margin-md-xxxxs-right,
    .m-md-xxxxs-r,
    .m-md-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxs,
    .m-lg-xxxxs {
        margin: 4px;
    }
    .margin-lg-xxxxs-t,
    .margin-lg-xxxxs-top,
    .m-lg-xxxxs-t,
    .m-lg-xxxxs-top {
        margin-top: 4px;
    }
    .margin-lg-xxxxs-b,
    .margin-lg-xxxxs-bottom,
    .m-lg-xxxxs-b,
    .m-lg-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-xxxxs-l,
    .margin-lg-xxxxs-left,
    .m-lg-xxxxs-l,
    .m-lg-xxxxs-left {
        margin-left: 4px;
    }
    .margin-lg-xxxxs-r,
    .margin-lg-xxxxs-right,
    .m-lg-xxxxs-r,
    .m-lg-xxxxs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxs,
    .m-xl-xxxxs {
        margin: 4px;
    }
    .margin-xl-xxxxs-t,
    .margin-xl-xxxxs-top,
    .m-xl-xxxxs-t,
    .m-xl-xxxxs-top {
        margin-top: 4px;
    }
    .margin-xl-xxxxs-b,
    .margin-xl-xxxxs-bottom,
    .m-xl-xxxxs-b,
    .m-xl-xxxxs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-xxxxs-l,
    .margin-xl-xxxxs-left,
    .m-xl-xxxxs-l,
    .m-xl-xxxxs-left {
        margin-left: 4px;
    }
    .margin-xl-xxxxs-r,
    .margin-xl-xxxxs-right,
    .m-xl-xxxxs-r,
    .m-xl-xxxxs-right {
        margin-right: 4px;
    }
}

.margin-4xs,
.m-4xs {
    margin: 4px;
}

.margin-4xs-t,
.margin-4xs-top,
.m-4xs-t,
.m-4xs-top {
    margin-top: 4px;
}

.margin-4xs-b,
.margin-4xs-bottom,
.m-4xs-b,
.m-4xs-bottom {
    margin-bottom: 4px;
}

.margin-4xs-l,
.margin-4xs-left,
.m-4xs-l,
.m-4xs-left {
    margin-left: 4px;
}

.margin-4xs-r,
.margin-4xs-right,
.m-4xs-r,
.m-4xs-right {
    margin-right: 4px;
}

@media (min-width: 0) {
    .margin-xs-4xs,
    .m-xs-4xs {
        margin: 4px;
    }
    .margin-xs-4xs-t,
    .margin-xs-4xs-top,
    .m-xs-4xs-t,
    .m-xs-4xs-top {
        margin-top: 4px;
    }
    .margin-xs-4xs-b,
    .margin-xs-4xs-bottom,
    .m-xs-4xs-b,
    .m-xs-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xs-4xs-l,
    .margin-xs-4xs-left,
    .m-xs-4xs-l,
    .m-xs-4xs-left {
        margin-left: 4px;
    }
    .margin-xs-4xs-r,
    .margin-xs-4xs-right,
    .m-xs-4xs-r,
    .m-xs-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xs,
    .m-sm-4xs {
        margin: 4px;
    }
    .margin-sm-4xs-t,
    .margin-sm-4xs-top,
    .m-sm-4xs-t,
    .m-sm-4xs-top {
        margin-top: 4px;
    }
    .margin-sm-4xs-b,
    .margin-sm-4xs-bottom,
    .m-sm-4xs-b,
    .m-sm-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-sm-4xs-l,
    .margin-sm-4xs-left,
    .m-sm-4xs-l,
    .m-sm-4xs-left {
        margin-left: 4px;
    }
    .margin-sm-4xs-r,
    .margin-sm-4xs-right,
    .m-sm-4xs-r,
    .m-sm-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xs,
    .m-md-4xs {
        margin: 4px;
    }
    .margin-md-4xs-t,
    .margin-md-4xs-top,
    .m-md-4xs-t,
    .m-md-4xs-top {
        margin-top: 4px;
    }
    .margin-md-4xs-b,
    .margin-md-4xs-bottom,
    .m-md-4xs-b,
    .m-md-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-md-4xs-l,
    .margin-md-4xs-left,
    .m-md-4xs-l,
    .m-md-4xs-left {
        margin-left: 4px;
    }
    .margin-md-4xs-r,
    .margin-md-4xs-right,
    .m-md-4xs-r,
    .m-md-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xs,
    .m-lg-4xs {
        margin: 4px;
    }
    .margin-lg-4xs-t,
    .margin-lg-4xs-top,
    .m-lg-4xs-t,
    .m-lg-4xs-top {
        margin-top: 4px;
    }
    .margin-lg-4xs-b,
    .margin-lg-4xs-bottom,
    .m-lg-4xs-b,
    .m-lg-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-lg-4xs-l,
    .margin-lg-4xs-left,
    .m-lg-4xs-l,
    .m-lg-4xs-left {
        margin-left: 4px;
    }
    .margin-lg-4xs-r,
    .margin-lg-4xs-right,
    .m-lg-4xs-r,
    .m-lg-4xs-right {
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xs,
    .m-xl-4xs {
        margin: 4px;
    }
    .margin-xl-4xs-t,
    .margin-xl-4xs-top,
    .m-xl-4xs-t,
    .m-xl-4xs-top {
        margin-top: 4px;
    }
    .margin-xl-4xs-b,
    .margin-xl-4xs-bottom,
    .m-xl-4xs-b,
    .m-xl-4xs-bottom {
        margin-bottom: 4px;
    }
    .margin-xl-4xs-l,
    .margin-xl-4xs-left,
    .m-xl-4xs-l,
    .m-xl-4xs-left {
        margin-left: 4px;
    }
    .margin-xl-4xs-r,
    .margin-xl-4xs-right,
    .m-xl-4xs-r,
    .m-xl-4xs-right {
        margin-right: 4px;
    }
}

.margin-xxxs,
.m-xxxs {
    margin: 8px;
}

.margin-xxxs-t,
.margin-xxxs-top,
.m-xxxs-t,
.m-xxxs-top {
    margin-top: 8px;
}

.margin-xxxs-b,
.margin-xxxs-bottom,
.Example__title,
.Example__value,
.m-xxxs-b,
.m-xxxs-bottom {
    margin-bottom: 8px;
}

.margin-xxxs-l,
.margin-xxxs-left,
.m-xxxs-l,
.m-xxxs-left {
    margin-left: 8px;
}

.margin-xxxs-r,
.margin-xxxs-right,
.m-xxxs-r,
.m-xxxs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-xxxs,
    .m-xs-xxxs {
        margin: 8px;
    }
    .margin-xs-xxxs-t,
    .margin-xs-xxxs-top,
    .m-xs-xxxs-t,
    .m-xs-xxxs-top {
        margin-top: 8px;
    }
    .margin-xs-xxxs-b,
    .margin-xs-xxxs-bottom,
    .m-xs-xxxs-b,
    .m-xs-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-xxxs-l,
    .margin-xs-xxxs-left,
    .m-xs-xxxs-l,
    .m-xs-xxxs-left {
        margin-left: 8px;
    }
    .margin-xs-xxxs-r,
    .margin-xs-xxxs-right,
    .m-xs-xxxs-r,
    .m-xs-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxs,
    .m-sm-xxxs {
        margin: 8px;
    }
    .margin-sm-xxxs-t,
    .margin-sm-xxxs-top,
    .m-sm-xxxs-t,
    .m-sm-xxxs-top {
        margin-top: 8px;
    }
    .margin-sm-xxxs-b,
    .margin-sm-xxxs-bottom,
    .m-sm-xxxs-b,
    .m-sm-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-xxxs-l,
    .margin-sm-xxxs-left,
    .m-sm-xxxs-l,
    .m-sm-xxxs-left {
        margin-left: 8px;
    }
    .margin-sm-xxxs-r,
    .margin-sm-xxxs-right,
    .m-sm-xxxs-r,
    .m-sm-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxs,
    .m-md-xxxs {
        margin: 8px;
    }
    .margin-md-xxxs-t,
    .margin-md-xxxs-top,
    .m-md-xxxs-t,
    .m-md-xxxs-top {
        margin-top: 8px;
    }
    .margin-md-xxxs-b,
    .margin-md-xxxs-bottom,
    .m-md-xxxs-b,
    .m-md-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-xxxs-l,
    .margin-md-xxxs-left,
    .m-md-xxxs-l,
    .m-md-xxxs-left {
        margin-left: 8px;
    }
    .margin-md-xxxs-r,
    .margin-md-xxxs-right,
    .m-md-xxxs-r,
    .m-md-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxs,
    .m-lg-xxxs {
        margin: 8px;
    }
    .margin-lg-xxxs-t,
    .margin-lg-xxxs-top,
    .m-lg-xxxs-t,
    .m-lg-xxxs-top {
        margin-top: 8px;
    }
    .margin-lg-xxxs-b,
    .margin-lg-xxxs-bottom,
    .m-lg-xxxs-b,
    .m-lg-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-xxxs-l,
    .margin-lg-xxxs-left,
    .m-lg-xxxs-l,
    .m-lg-xxxs-left {
        margin-left: 8px;
    }
    .margin-lg-xxxs-r,
    .margin-lg-xxxs-right,
    .m-lg-xxxs-r,
    .m-lg-xxxs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxs,
    .m-xl-xxxs {
        margin: 8px;
    }
    .margin-xl-xxxs-t,
    .margin-xl-xxxs-top,
    .m-xl-xxxs-t,
    .m-xl-xxxs-top {
        margin-top: 8px;
    }
    .margin-xl-xxxs-b,
    .margin-xl-xxxs-bottom,
    .m-xl-xxxs-b,
    .m-xl-xxxs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-xxxs-l,
    .margin-xl-xxxs-left,
    .m-xl-xxxs-l,
    .m-xl-xxxs-left {
        margin-left: 8px;
    }
    .margin-xl-xxxs-r,
    .margin-xl-xxxs-right,
    .m-xl-xxxs-r,
    .m-xl-xxxs-right {
        margin-right: 8px;
    }
}

.margin-3xs,
.m-3xs {
    margin: 8px;
}

.margin-3xs-t,
.margin-3xs-top,
.m-3xs-t,
.m-3xs-top {
    margin-top: 8px;
}

.margin-3xs-b,
.margin-3xs-bottom,
.m-3xs-b,
.m-3xs-bottom {
    margin-bottom: 8px;
}

.margin-3xs-l,
.margin-3xs-left,
.m-3xs-l,
.m-3xs-left {
    margin-left: 8px;
}

.margin-3xs-r,
.margin-3xs-right,
.m-3xs-r,
.m-3xs-right {
    margin-right: 8px;
}

@media (min-width: 0) {
    .margin-xs-3xs,
    .m-xs-3xs {
        margin: 8px;
    }
    .margin-xs-3xs-t,
    .margin-xs-3xs-top,
    .m-xs-3xs-t,
    .m-xs-3xs-top {
        margin-top: 8px;
    }
    .margin-xs-3xs-b,
    .margin-xs-3xs-bottom,
    .m-xs-3xs-b,
    .m-xs-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xs-3xs-l,
    .margin-xs-3xs-left,
    .m-xs-3xs-l,
    .m-xs-3xs-left {
        margin-left: 8px;
    }
    .margin-xs-3xs-r,
    .margin-xs-3xs-right,
    .m-xs-3xs-r,
    .m-xs-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xs,
    .m-sm-3xs {
        margin: 8px;
    }
    .margin-sm-3xs-t,
    .margin-sm-3xs-top,
    .m-sm-3xs-t,
    .m-sm-3xs-top {
        margin-top: 8px;
    }
    .margin-sm-3xs-b,
    .margin-sm-3xs-bottom,
    .m-sm-3xs-b,
    .m-sm-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-sm-3xs-l,
    .margin-sm-3xs-left,
    .m-sm-3xs-l,
    .m-sm-3xs-left {
        margin-left: 8px;
    }
    .margin-sm-3xs-r,
    .margin-sm-3xs-right,
    .m-sm-3xs-r,
    .m-sm-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xs,
    .m-md-3xs {
        margin: 8px;
    }
    .margin-md-3xs-t,
    .margin-md-3xs-top,
    .m-md-3xs-t,
    .m-md-3xs-top {
        margin-top: 8px;
    }
    .margin-md-3xs-b,
    .margin-md-3xs-bottom,
    .m-md-3xs-b,
    .m-md-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-md-3xs-l,
    .margin-md-3xs-left,
    .m-md-3xs-l,
    .m-md-3xs-left {
        margin-left: 8px;
    }
    .margin-md-3xs-r,
    .margin-md-3xs-right,
    .m-md-3xs-r,
    .m-md-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xs,
    .m-lg-3xs {
        margin: 8px;
    }
    .margin-lg-3xs-t,
    .margin-lg-3xs-top,
    .m-lg-3xs-t,
    .m-lg-3xs-top {
        margin-top: 8px;
    }
    .margin-lg-3xs-b,
    .margin-lg-3xs-bottom,
    .m-lg-3xs-b,
    .m-lg-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-lg-3xs-l,
    .margin-lg-3xs-left,
    .m-lg-3xs-l,
    .m-lg-3xs-left {
        margin-left: 8px;
    }
    .margin-lg-3xs-r,
    .margin-lg-3xs-right,
    .m-lg-3xs-r,
    .m-lg-3xs-right {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xs,
    .m-xl-3xs {
        margin: 8px;
    }
    .margin-xl-3xs-t,
    .margin-xl-3xs-top,
    .m-xl-3xs-t,
    .m-xl-3xs-top {
        margin-top: 8px;
    }
    .margin-xl-3xs-b,
    .margin-xl-3xs-bottom,
    .m-xl-3xs-b,
    .m-xl-3xs-bottom {
        margin-bottom: 8px;
    }
    .margin-xl-3xs-l,
    .margin-xl-3xs-left,
    .m-xl-3xs-l,
    .m-xl-3xs-left {
        margin-left: 8px;
    }
    .margin-xl-3xs-r,
    .margin-xl-3xs-right,
    .m-xl-3xs-r,
    .m-xl-3xs-right {
        margin-right: 8px;
    }
}

.margin-xxs,
.m-xxs {
    margin: 12px;
}

.margin-xxs-t,
.margin-xxs-top,
.m-xxs-t,
.m-xxs-top {
    margin-top: 12px;
}

.margin-xxs-b,
.margin-xxs-bottom,
.m-xxs-b,
.m-xxs-bottom {
    margin-bottom: 12px;
}

.margin-xxs-l,
.margin-xxs-left,
.m-xxs-l,
.m-xxs-left {
    margin-left: 12px;
}

.margin-xxs-r,
.margin-xxs-right,
.m-xxs-r,
.m-xxs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-xxs,
    .m-xs-xxs {
        margin: 12px;
    }
    .margin-xs-xxs-t,
    .margin-xs-xxs-top,
    .m-xs-xxs-t,
    .m-xs-xxs-top {
        margin-top: 12px;
    }
    .margin-xs-xxs-b,
    .margin-xs-xxs-bottom,
    .m-xs-xxs-b,
    .m-xs-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-xxs-l,
    .margin-xs-xxs-left,
    .m-xs-xxs-l,
    .m-xs-xxs-left {
        margin-left: 12px;
    }
    .margin-xs-xxs-r,
    .margin-xs-xxs-right,
    .m-xs-xxs-r,
    .m-xs-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxs,
    .m-sm-xxs {
        margin: 12px;
    }
    .margin-sm-xxs-t,
    .margin-sm-xxs-top,
    .m-sm-xxs-t,
    .m-sm-xxs-top {
        margin-top: 12px;
    }
    .margin-sm-xxs-b,
    .margin-sm-xxs-bottom,
    .m-sm-xxs-b,
    .m-sm-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-xxs-l,
    .margin-sm-xxs-left,
    .m-sm-xxs-l,
    .m-sm-xxs-left {
        margin-left: 12px;
    }
    .margin-sm-xxs-r,
    .margin-sm-xxs-right,
    .m-sm-xxs-r,
    .m-sm-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxs,
    .m-md-xxs {
        margin: 12px;
    }
    .margin-md-xxs-t,
    .margin-md-xxs-top,
    .m-md-xxs-t,
    .m-md-xxs-top {
        margin-top: 12px;
    }
    .margin-md-xxs-b,
    .margin-md-xxs-bottom,
    .m-md-xxs-b,
    .m-md-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-xxs-l,
    .margin-md-xxs-left,
    .m-md-xxs-l,
    .m-md-xxs-left {
        margin-left: 12px;
    }
    .margin-md-xxs-r,
    .margin-md-xxs-right,
    .m-md-xxs-r,
    .m-md-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxs,
    .m-lg-xxs {
        margin: 12px;
    }
    .margin-lg-xxs-t,
    .margin-lg-xxs-top,
    .m-lg-xxs-t,
    .m-lg-xxs-top {
        margin-top: 12px;
    }
    .margin-lg-xxs-b,
    .margin-lg-xxs-bottom,
    .m-lg-xxs-b,
    .m-lg-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-xxs-l,
    .margin-lg-xxs-left,
    .m-lg-xxs-l,
    .m-lg-xxs-left {
        margin-left: 12px;
    }
    .margin-lg-xxs-r,
    .margin-lg-xxs-right,
    .m-lg-xxs-r,
    .m-lg-xxs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxs,
    .m-xl-xxs {
        margin: 12px;
    }
    .margin-xl-xxs-t,
    .margin-xl-xxs-top,
    .m-xl-xxs-t,
    .m-xl-xxs-top {
        margin-top: 12px;
    }
    .margin-xl-xxs-b,
    .margin-xl-xxs-bottom,
    .m-xl-xxs-b,
    .m-xl-xxs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-xxs-l,
    .margin-xl-xxs-left,
    .m-xl-xxs-l,
    .m-xl-xxs-left {
        margin-left: 12px;
    }
    .margin-xl-xxs-r,
    .margin-xl-xxs-right,
    .m-xl-xxs-r,
    .m-xl-xxs-right {
        margin-right: 12px;
    }
}

.margin-2xs,
.m-2xs {
    margin: 12px;
}

.margin-2xs-t,
.margin-2xs-top,
.m-2xs-t,
.m-2xs-top {
    margin-top: 12px;
}

.margin-2xs-b,
.margin-2xs-bottom,
.m-2xs-b,
.m-2xs-bottom {
    margin-bottom: 12px;
}

.margin-2xs-l,
.margin-2xs-left,
.m-2xs-l,
.m-2xs-left {
    margin-left: 12px;
}

.margin-2xs-r,
.margin-2xs-right,
.m-2xs-r,
.m-2xs-right {
    margin-right: 12px;
}

@media (min-width: 0) {
    .margin-xs-2xs,
    .m-xs-2xs {
        margin: 12px;
    }
    .margin-xs-2xs-t,
    .margin-xs-2xs-top,
    .m-xs-2xs-t,
    .m-xs-2xs-top {
        margin-top: 12px;
    }
    .margin-xs-2xs-b,
    .margin-xs-2xs-bottom,
    .m-xs-2xs-b,
    .m-xs-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xs-2xs-l,
    .margin-xs-2xs-left,
    .m-xs-2xs-l,
    .m-xs-2xs-left {
        margin-left: 12px;
    }
    .margin-xs-2xs-r,
    .margin-xs-2xs-right,
    .m-xs-2xs-r,
    .m-xs-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 576px) {
    .margin-sm-2xs,
    .m-sm-2xs {
        margin: 12px;
    }
    .margin-sm-2xs-t,
    .margin-sm-2xs-top,
    .m-sm-2xs-t,
    .m-sm-2xs-top {
        margin-top: 12px;
    }
    .margin-sm-2xs-b,
    .margin-sm-2xs-bottom,
    .m-sm-2xs-b,
    .m-sm-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-sm-2xs-l,
    .margin-sm-2xs-left,
    .m-sm-2xs-l,
    .m-sm-2xs-left {
        margin-left: 12px;
    }
    .margin-sm-2xs-r,
    .margin-sm-2xs-right,
    .m-sm-2xs-r,
    .m-sm-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .margin-md-2xs,
    .m-md-2xs {
        margin: 12px;
    }
    .margin-md-2xs-t,
    .margin-md-2xs-top,
    .m-md-2xs-t,
    .m-md-2xs-top {
        margin-top: 12px;
    }
    .margin-md-2xs-b,
    .margin-md-2xs-bottom,
    .m-md-2xs-b,
    .m-md-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-md-2xs-l,
    .margin-md-2xs-left,
    .m-md-2xs-l,
    .m-md-2xs-left {
        margin-left: 12px;
    }
    .margin-md-2xs-r,
    .margin-md-2xs-right,
    .m-md-2xs-r,
    .m-md-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .margin-lg-2xs,
    .m-lg-2xs {
        margin: 12px;
    }
    .margin-lg-2xs-t,
    .margin-lg-2xs-top,
    .m-lg-2xs-t,
    .m-lg-2xs-top {
        margin-top: 12px;
    }
    .margin-lg-2xs-b,
    .margin-lg-2xs-bottom,
    .m-lg-2xs-b,
    .m-lg-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-lg-2xs-l,
    .margin-lg-2xs-left,
    .m-lg-2xs-l,
    .m-lg-2xs-left {
        margin-left: 12px;
    }
    .margin-lg-2xs-r,
    .margin-lg-2xs-right,
    .m-lg-2xs-r,
    .m-lg-2xs-right {
        margin-right: 12px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-2xs,
    .m-xl-2xs {
        margin: 12px;
    }
    .margin-xl-2xs-t,
    .margin-xl-2xs-top,
    .m-xl-2xs-t,
    .m-xl-2xs-top {
        margin-top: 12px;
    }
    .margin-xl-2xs-b,
    .margin-xl-2xs-bottom,
    .m-xl-2xs-b,
    .m-xl-2xs-bottom {
        margin-bottom: 12px;
    }
    .margin-xl-2xs-l,
    .margin-xl-2xs-left,
    .m-xl-2xs-l,
    .m-xl-2xs-left {
        margin-left: 12px;
    }
    .margin-xl-2xs-r,
    .margin-xl-2xs-right,
    .m-xl-2xs-r,
    .m-xl-2xs-right {
        margin-right: 12px;
    }
}

.margin-xs,
.m-xs {
    margin: 16px;
}

.margin-xs-t,
.margin-xs-top,
.m-xs-t,
.m-xs-top {
    margin-top: 16px;
}

.margin-xs-b,
.margin-xs-bottom,
.m-xs-b,
.m-xs-bottom {
    margin-bottom: 16px;
}

.margin-xs-l,
.margin-xs-left,
.m-xs-l,
.m-xs-left {
    margin-left: 16px;
}

.margin-xs-r,
.margin-xs-right,
.m-xs-r,
.m-xs-right {
    margin-right: 16px;
}

@media (min-width: 0) {
    .margin-xs-xs,
    .m-xs-xs {
        margin: 16px;
    }
    .margin-xs-xs-t,
    .margin-xs-xs-top,
    .m-xs-xs-t,
    .m-xs-xs-top {
        margin-top: 16px;
    }
    .margin-xs-xs-b,
    .margin-xs-xs-bottom,
    .m-xs-xs-b,
    .m-xs-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xs-xs-l,
    .margin-xs-xs-left,
    .m-xs-xs-l,
    .m-xs-xs-left {
        margin-left: 16px;
    }
    .margin-xs-xs-r,
    .margin-xs-xs-right,
    .m-xs-xs-r,
    .m-xs-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xs,
    .m-sm-xs {
        margin: 16px;
    }
    .margin-sm-xs-t,
    .margin-sm-xs-top,
    .m-sm-xs-t,
    .m-sm-xs-top {
        margin-top: 16px;
    }
    .margin-sm-xs-b,
    .margin-sm-xs-bottom,
    .m-sm-xs-b,
    .m-sm-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-sm-xs-l,
    .margin-sm-xs-left,
    .m-sm-xs-l,
    .m-sm-xs-left {
        margin-left: 16px;
    }
    .margin-sm-xs-r,
    .margin-sm-xs-right,
    .m-sm-xs-r,
    .m-sm-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 768px) {
    .margin-md-xs,
    .m-md-xs {
        margin: 16px;
    }
    .margin-md-xs-t,
    .margin-md-xs-top,
    .m-md-xs-t,
    .m-md-xs-top {
        margin-top: 16px;
    }
    .margin-md-xs-b,
    .margin-md-xs-bottom,
    .m-md-xs-b,
    .m-md-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-md-xs-l,
    .margin-md-xs-left,
    .m-md-xs-l,
    .m-md-xs-left {
        margin-left: 16px;
    }
    .margin-md-xs-r,
    .margin-md-xs-right,
    .m-md-xs-r,
    .m-md-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xs,
    .m-lg-xs {
        margin: 16px;
    }
    .margin-lg-xs-t,
    .margin-lg-xs-top,
    .m-lg-xs-t,
    .m-lg-xs-top {
        margin-top: 16px;
    }
    .margin-lg-xs-b,
    .margin-lg-xs-bottom,
    .m-lg-xs-b,
    .m-lg-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-lg-xs-l,
    .margin-lg-xs-left,
    .m-lg-xs-l,
    .m-lg-xs-left {
        margin-left: 16px;
    }
    .margin-lg-xs-r,
    .margin-lg-xs-right,
    .m-lg-xs-r,
    .m-lg-xs-right {
        margin-right: 16px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xs,
    .m-xl-xs {
        margin: 16px;
    }
    .margin-xl-xs-t,
    .margin-xl-xs-top,
    .m-xl-xs-t,
    .m-xl-xs-top {
        margin-top: 16px;
    }
    .margin-xl-xs-b,
    .margin-xl-xs-bottom,
    .m-xl-xs-b,
    .m-xl-xs-bottom {
        margin-bottom: 16px;
    }
    .margin-xl-xs-l,
    .margin-xl-xs-left,
    .m-xl-xs-l,
    .m-xl-xs-left {
        margin-left: 16px;
    }
    .margin-xl-xs-r,
    .margin-xl-xs-right,
    .m-xl-xs-r,
    .m-xl-xs-right {
        margin-right: 16px;
    }
}

.margin-s,
.m-s {
    margin: 24px;
}

.margin-s-t,
.margin-s-top,
.m-s-t,
.m-s-top {
    margin-top: 24px;
}

.margin-s-b,
.margin-s-bottom,
.m-s-b,
.m-s-bottom {
    margin-bottom: 24px;
}

.margin-s-l,
.margin-s-left,
.m-s-l,
.m-s-left {
    margin-left: 24px;
}

.margin-s-r,
.margin-s-right,
.m-s-r,
.m-s-right {
    margin-right: 24px;
}

@media (min-width: 0) {
    .margin-xs-s,
    .m-xs-s {
        margin: 24px;
    }
    .margin-xs-s-t,
    .margin-xs-s-top,
    .m-xs-s-t,
    .m-xs-s-top {
        margin-top: 24px;
    }
    .margin-xs-s-b,
    .margin-xs-s-bottom,
    .m-xs-s-b,
    .m-xs-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xs-s-l,
    .margin-xs-s-left,
    .m-xs-s-l,
    .m-xs-s-left {
        margin-left: 24px;
    }
    .margin-xs-s-r,
    .margin-xs-s-right,
    .m-xs-s-r,
    .m-xs-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 576px) {
    .margin-sm-s,
    .m-sm-s {
        margin: 24px;
    }
    .margin-sm-s-t,
    .margin-sm-s-top,
    .m-sm-s-t,
    .m-sm-s-top {
        margin-top: 24px;
    }
    .margin-sm-s-b,
    .margin-sm-s-bottom,
    .m-sm-s-b,
    .m-sm-s-bottom {
        margin-bottom: 24px;
    }
    .margin-sm-s-l,
    .margin-sm-s-left,
    .m-sm-s-l,
    .m-sm-s-left {
        margin-left: 24px;
    }
    .margin-sm-s-r,
    .margin-sm-s-right,
    .m-sm-s-r,
    .m-sm-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 768px) {
    .margin-md-s,
    .m-md-s {
        margin: 24px;
    }
    .margin-md-s-t,
    .margin-md-s-top,
    .m-md-s-t,
    .m-md-s-top {
        margin-top: 24px;
    }
    .margin-md-s-b,
    .margin-md-s-bottom,
    .m-md-s-b,
    .m-md-s-bottom {
        margin-bottom: 24px;
    }
    .margin-md-s-l,
    .margin-md-s-left,
    .m-md-s-l,
    .m-md-s-left {
        margin-left: 24px;
    }
    .margin-md-s-r,
    .margin-md-s-right,
    .m-md-s-r,
    .m-md-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 992px) {
    .margin-lg-s,
    .m-lg-s {
        margin: 24px;
    }
    .margin-lg-s-t,
    .margin-lg-s-top,
    .m-lg-s-t,
    .m-lg-s-top {
        margin-top: 24px;
    }
    .margin-lg-s-b,
    .margin-lg-s-bottom,
    .m-lg-s-b,
    .m-lg-s-bottom {
        margin-bottom: 24px;
    }
    .margin-lg-s-l,
    .margin-lg-s-left,
    .m-lg-s-l,
    .m-lg-s-left {
        margin-left: 24px;
    }
    .margin-lg-s-r,
    .margin-lg-s-right,
    .m-lg-s-r,
    .m-lg-s-right {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-s,
    .m-xl-s {
        margin: 24px;
    }
    .margin-xl-s-t,
    .margin-xl-s-top,
    .m-xl-s-t,
    .m-xl-s-top {
        margin-top: 24px;
    }
    .margin-xl-s-b,
    .margin-xl-s-bottom,
    .m-xl-s-b,
    .m-xl-s-bottom {
        margin-bottom: 24px;
    }
    .margin-xl-s-l,
    .margin-xl-s-left,
    .m-xl-s-l,
    .m-xl-s-left {
        margin-left: 24px;
    }
    .margin-xl-s-r,
    .margin-xl-s-right,
    .m-xl-s-r,
    .m-xl-s-right {
        margin-right: 24px;
    }
}

.margin-m,
.m-m {
    margin: 32px;
}

.margin-m-t,
.margin-m-top,
.m-m-t,
.m-m-top {
    margin-top: 32px;
}

.margin-m-b,
.margin-m-bottom,
.Example,
.m-m-b,
.m-m-bottom {
    margin-bottom: 32px;
}

.margin-m-l,
.margin-m-left,
.m-m-l,
.m-m-left {
    margin-left: 32px;
}

.margin-m-r,
.margin-m-right,
.m-m-r,
.m-m-right {
    margin-right: 32px;
}

@media (min-width: 0) {
    .margin-xs-m,
    .m-xs-m {
        margin: 32px;
    }
    .margin-xs-m-t,
    .margin-xs-m-top,
    .m-xs-m-t,
    .m-xs-m-top {
        margin-top: 32px;
    }
    .margin-xs-m-b,
    .margin-xs-m-bottom,
    .m-xs-m-b,
    .m-xs-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xs-m-l,
    .margin-xs-m-left,
    .m-xs-m-l,
    .m-xs-m-left {
        margin-left: 32px;
    }
    .margin-xs-m-r,
    .margin-xs-m-right,
    .m-xs-m-r,
    .m-xs-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 576px) {
    .margin-sm-m,
    .m-sm-m {
        margin: 32px;
    }
    .margin-sm-m-t,
    .margin-sm-m-top,
    .m-sm-m-t,
    .m-sm-m-top {
        margin-top: 32px;
    }
    .margin-sm-m-b,
    .margin-sm-m-bottom,
    .m-sm-m-b,
    .m-sm-m-bottom {
        margin-bottom: 32px;
    }
    .margin-sm-m-l,
    .margin-sm-m-left,
    .m-sm-m-l,
    .m-sm-m-left {
        margin-left: 32px;
    }
    .margin-sm-m-r,
    .margin-sm-m-right,
    .m-sm-m-r,
    .m-sm-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 768px) {
    .margin-md-m,
    .m-md-m {
        margin: 32px;
    }
    .margin-md-m-t,
    .margin-md-m-top,
    .m-md-m-t,
    .m-md-m-top {
        margin-top: 32px;
    }
    .margin-md-m-b,
    .margin-md-m-bottom,
    .m-md-m-b,
    .m-md-m-bottom {
        margin-bottom: 32px;
    }
    .margin-md-m-l,
    .margin-md-m-left,
    .m-md-m-l,
    .m-md-m-left {
        margin-left: 32px;
    }
    .margin-md-m-r,
    .margin-md-m-right,
    .m-md-m-r,
    .m-md-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 992px) {
    .margin-lg-m,
    .m-lg-m {
        margin: 32px;
    }
    .margin-lg-m-t,
    .margin-lg-m-top,
    .m-lg-m-t,
    .m-lg-m-top {
        margin-top: 32px;
    }
    .margin-lg-m-b,
    .margin-lg-m-bottom,
    .m-lg-m-b,
    .m-lg-m-bottom {
        margin-bottom: 32px;
    }
    .margin-lg-m-l,
    .margin-lg-m-left,
    .m-lg-m-l,
    .m-lg-m-left {
        margin-left: 32px;
    }
    .margin-lg-m-r,
    .margin-lg-m-right,
    .m-lg-m-r,
    .m-lg-m-right {
        margin-right: 32px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-m,
    .m-xl-m {
        margin: 32px;
    }
    .margin-xl-m-t,
    .margin-xl-m-top,
    .m-xl-m-t,
    .m-xl-m-top {
        margin-top: 32px;
    }
    .margin-xl-m-b,
    .margin-xl-m-bottom,
    .m-xl-m-b,
    .m-xl-m-bottom {
        margin-bottom: 32px;
    }
    .margin-xl-m-l,
    .margin-xl-m-left,
    .m-xl-m-l,
    .m-xl-m-left {
        margin-left: 32px;
    }
    .margin-xl-m-r,
    .margin-xl-m-right,
    .m-xl-m-r,
    .m-xl-m-right {
        margin-right: 32px;
    }
}

.margin-l,
.m-l {
    margin: 40px;
}

.margin-l-t,
.margin-l-top,
.m-l-t,
.m-l-top {
    margin-top: 40px;
}

.margin-l-b,
.margin-l-bottom,
.m-l-b,
.m-l-bottom {
    margin-bottom: 40px;
}

.margin-l-l,
.margin-l-left,
.m-l-l,
.m-l-left {
    margin-left: 40px;
}

.margin-l-r,
.margin-l-right,
.m-l-r,
.m-l-right {
    margin-right: 40px;
}

@media (min-width: 0) {
    .margin-xs-l,
    .m-xs-l {
        margin: 40px;
    }
    .margin-xs-l-t,
    .margin-xs-l-top,
    .m-xs-l-t,
    .m-xs-l-top {
        margin-top: 40px;
    }
    .margin-xs-l-b,
    .margin-xs-l-bottom,
    .m-xs-l-b,
    .m-xs-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xs-l-l,
    .margin-xs-l-left,
    .m-xs-l-l,
    .m-xs-l-left {
        margin-left: 40px;
    }
    .margin-xs-l-r,
    .margin-xs-l-right,
    .m-xs-l-r,
    .m-xs-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 576px) {
    .margin-sm-l,
    .m-sm-l {
        margin: 40px;
    }
    .margin-sm-l-t,
    .margin-sm-l-top,
    .m-sm-l-t,
    .m-sm-l-top {
        margin-top: 40px;
    }
    .margin-sm-l-b,
    .margin-sm-l-bottom,
    .m-sm-l-b,
    .m-sm-l-bottom {
        margin-bottom: 40px;
    }
    .margin-sm-l-l,
    .margin-sm-l-left,
    .m-sm-l-l,
    .m-sm-l-left {
        margin-left: 40px;
    }
    .margin-sm-l-r,
    .margin-sm-l-right,
    .m-sm-l-r,
    .m-sm-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 768px) {
    .margin-md-l,
    .m-md-l {
        margin: 40px;
    }
    .margin-md-l-t,
    .margin-md-l-top,
    .m-md-l-t,
    .m-md-l-top {
        margin-top: 40px;
    }
    .margin-md-l-b,
    .margin-md-l-bottom,
    .m-md-l-b,
    .m-md-l-bottom {
        margin-bottom: 40px;
    }
    .margin-md-l-l,
    .margin-md-l-left,
    .m-md-l-l,
    .m-md-l-left {
        margin-left: 40px;
    }
    .margin-md-l-r,
    .margin-md-l-right,
    .m-md-l-r,
    .m-md-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .margin-lg-l,
    .m-lg-l {
        margin: 40px;
    }
    .margin-lg-l-t,
    .margin-lg-l-top,
    .m-lg-l-t,
    .m-lg-l-top {
        margin-top: 40px;
    }
    .margin-lg-l-b,
    .margin-lg-l-bottom,
    .m-lg-l-b,
    .m-lg-l-bottom {
        margin-bottom: 40px;
    }
    .margin-lg-l-l,
    .margin-lg-l-left,
    .m-lg-l-l,
    .m-lg-l-left {
        margin-left: 40px;
    }
    .margin-lg-l-r,
    .margin-lg-l-right,
    .m-lg-l-r,
    .m-lg-l-right {
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-l,
    .m-xl-l {
        margin: 40px;
    }
    .margin-xl-l-t,
    .margin-xl-l-top,
    .m-xl-l-t,
    .m-xl-l-top {
        margin-top: 40px;
    }
    .margin-xl-l-b,
    .margin-xl-l-bottom,
    .m-xl-l-b,
    .m-xl-l-bottom {
        margin-bottom: 40px;
    }
    .margin-xl-l-l,
    .margin-xl-l-left,
    .m-xl-l-l,
    .m-xl-l-left {
        margin-left: 40px;
    }
    .margin-xl-l-r,
    .margin-xl-l-right,
    .m-xl-l-r,
    .m-xl-l-right {
        margin-right: 40px;
    }
}

.margin-xl,
.m-xl {
    margin: 48px;
}

.margin-xl-t,
.margin-xl-top,
.m-xl-t,
.m-xl-top {
    margin-top: 48px;
}

.margin-xl-b,
.margin-xl-bottom,
.m-xl-b,
.m-xl-bottom {
    margin-bottom: 48px;
}

.margin-xl-l,
.margin-xl-left,
.m-xl-l,
.m-xl-left {
    margin-left: 48px;
}

.margin-xl-r,
.margin-xl-right,
.m-xl-r,
.m-xl-right {
    margin-right: 48px;
}

@media (min-width: 0) {
    .margin-xs-xl,
    .m-xs-xl {
        margin: 48px;
    }
    .margin-xs-xl-t,
    .margin-xs-xl-top,
    .m-xs-xl-t,
    .m-xs-xl-top {
        margin-top: 48px;
    }
    .margin-xs-xl-b,
    .margin-xs-xl-bottom,
    .m-xs-xl-b,
    .m-xs-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xs-xl-l,
    .margin-xs-xl-left,
    .m-xs-xl-l,
    .m-xs-xl-left {
        margin-left: 48px;
    }
    .margin-xs-xl-r,
    .margin-xs-xl-right,
    .m-xs-xl-r,
    .m-xs-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xl,
    .m-sm-xl {
        margin: 48px;
    }
    .margin-sm-xl-t,
    .margin-sm-xl-top,
    .m-sm-xl-t,
    .m-sm-xl-top {
        margin-top: 48px;
    }
    .margin-sm-xl-b,
    .margin-sm-xl-bottom,
    .m-sm-xl-b,
    .m-sm-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-sm-xl-l,
    .margin-sm-xl-left,
    .m-sm-xl-l,
    .m-sm-xl-left {
        margin-left: 48px;
    }
    .margin-sm-xl-r,
    .margin-sm-xl-right,
    .m-sm-xl-r,
    .m-sm-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 768px) {
    .margin-md-xl,
    .m-md-xl {
        margin: 48px;
    }
    .margin-md-xl-t,
    .margin-md-xl-top,
    .m-md-xl-t,
    .m-md-xl-top {
        margin-top: 48px;
    }
    .margin-md-xl-b,
    .margin-md-xl-bottom,
    .m-md-xl-b,
    .m-md-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-md-xl-l,
    .margin-md-xl-left,
    .m-md-xl-l,
    .m-md-xl-left {
        margin-left: 48px;
    }
    .margin-md-xl-r,
    .margin-md-xl-right,
    .m-md-xl-r,
    .m-md-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xl,
    .m-lg-xl {
        margin: 48px;
    }
    .margin-lg-xl-t,
    .margin-lg-xl-top,
    .m-lg-xl-t,
    .m-lg-xl-top {
        margin-top: 48px;
    }
    .margin-lg-xl-b,
    .margin-lg-xl-bottom,
    .m-lg-xl-b,
    .m-lg-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-lg-xl-l,
    .margin-lg-xl-left,
    .m-lg-xl-l,
    .m-lg-xl-left {
        margin-left: 48px;
    }
    .margin-lg-xl-r,
    .margin-lg-xl-right,
    .m-lg-xl-r,
    .m-lg-xl-right {
        margin-right: 48px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xl,
    .m-xl-xl {
        margin: 48px;
    }
    .margin-xl-xl-t,
    .margin-xl-xl-top,
    .m-xl-xl-t,
    .m-xl-xl-top {
        margin-top: 48px;
    }
    .margin-xl-xl-b,
    .margin-xl-xl-bottom,
    .m-xl-xl-b,
    .m-xl-xl-bottom {
        margin-bottom: 48px;
    }
    .margin-xl-xl-l,
    .margin-xl-xl-left,
    .m-xl-xl-l,
    .m-xl-xl-left {
        margin-left: 48px;
    }
    .margin-xl-xl-r,
    .margin-xl-xl-right,
    .m-xl-xl-r,
    .m-xl-xl-right {
        margin-right: 48px;
    }
}

.margin-xxl,
.m-xxl {
    margin: 56px;
}

.margin-xxl-t,
.margin-xxl-top,
.m-xxl-t,
.m-xxl-top {
    margin-top: 56px;
}

.margin-xxl-b,
.margin-xxl-bottom,
.m-xxl-b,
.m-xxl-bottom {
    margin-bottom: 56px;
}

.margin-xxl-l,
.margin-xxl-left,
.m-xxl-l,
.m-xxl-left {
    margin-left: 56px;
}

.margin-xxl-r,
.margin-xxl-right,
.m-xxl-r,
.m-xxl-right {
    margin-right: 56px;
}

@media (min-width: 0) {
    .margin-xs-xxl,
    .m-xs-xxl {
        margin: 56px;
    }
    .margin-xs-xxl-t,
    .margin-xs-xxl-top,
    .m-xs-xxl-t,
    .m-xs-xxl-top {
        margin-top: 56px;
    }
    .margin-xs-xxl-b,
    .margin-xs-xxl-bottom,
    .m-xs-xxl-b,
    .m-xs-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xs-xxl-l,
    .margin-xs-xxl-left,
    .m-xs-xxl-l,
    .m-xs-xxl-left {
        margin-left: 56px;
    }
    .margin-xs-xxl-r,
    .margin-xs-xxl-right,
    .m-xs-xxl-r,
    .m-xs-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxl,
    .m-sm-xxl {
        margin: 56px;
    }
    .margin-sm-xxl-t,
    .margin-sm-xxl-top,
    .m-sm-xxl-t,
    .m-sm-xxl-top {
        margin-top: 56px;
    }
    .margin-sm-xxl-b,
    .margin-sm-xxl-bottom,
    .m-sm-xxl-b,
    .m-sm-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-sm-xxl-l,
    .margin-sm-xxl-left,
    .m-sm-xxl-l,
    .m-sm-xxl-left {
        margin-left: 56px;
    }
    .margin-sm-xxl-r,
    .margin-sm-xxl-right,
    .m-sm-xxl-r,
    .m-sm-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxl,
    .m-md-xxl {
        margin: 56px;
    }
    .margin-md-xxl-t,
    .margin-md-xxl-top,
    .m-md-xxl-t,
    .m-md-xxl-top {
        margin-top: 56px;
    }
    .margin-md-xxl-b,
    .margin-md-xxl-bottom,
    .m-md-xxl-b,
    .m-md-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-md-xxl-l,
    .margin-md-xxl-left,
    .m-md-xxl-l,
    .m-md-xxl-left {
        margin-left: 56px;
    }
    .margin-md-xxl-r,
    .margin-md-xxl-right,
    .m-md-xxl-r,
    .m-md-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxl,
    .m-lg-xxl {
        margin: 56px;
    }
    .margin-lg-xxl-t,
    .margin-lg-xxl-top,
    .m-lg-xxl-t,
    .m-lg-xxl-top {
        margin-top: 56px;
    }
    .margin-lg-xxl-b,
    .margin-lg-xxl-bottom,
    .m-lg-xxl-b,
    .m-lg-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-lg-xxl-l,
    .margin-lg-xxl-left,
    .m-lg-xxl-l,
    .m-lg-xxl-left {
        margin-left: 56px;
    }
    .margin-lg-xxl-r,
    .margin-lg-xxl-right,
    .m-lg-xxl-r,
    .m-lg-xxl-right {
        margin-right: 56px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxl,
    .m-xl-xxl {
        margin: 56px;
    }
    .margin-xl-xxl-t,
    .margin-xl-xxl-top,
    .m-xl-xxl-t,
    .m-xl-xxl-top {
        margin-top: 56px;
    }
    .margin-xl-xxl-b,
    .margin-xl-xxl-bottom,
    .m-xl-xxl-b,
    .m-xl-xxl-bottom {
        margin-bottom: 56px;
    }
    .margin-xl-xxl-l,
    .margin-xl-xxl-left,
    .m-xl-xxl-l,
    .m-xl-xxl-left {
        margin-left: 56px;
    }
    .margin-xl-xxl-r,
    .margin-xl-xxl-right,
    .m-xl-xxl-r,
    .m-xl-xxl-right {
        margin-right: 56px;
    }
}

.margin-xxxl,
.m-xxxl {
    margin: 64px;
}

.margin-xxxl-t,
.margin-xxxl-top,
.m-xxxl-t,
.m-xxxl-top {
    margin-top: 64px;
}

.margin-xxxl-b,
.margin-xxxl-bottom,
.m-xxxl-b,
.m-xxxl-bottom {
    margin-bottom: 64px;
}

.margin-xxxl-l,
.margin-xxxl-left,
.m-xxxl-l,
.m-xxxl-left {
    margin-left: 64px;
}

.margin-xxxl-r,
.margin-xxxl-right,
.m-xxxl-r,
.m-xxxl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-xxxl,
    .m-xs-xxxl {
        margin: 64px;
    }
    .margin-xs-xxxl-t,
    .margin-xs-xxxl-top,
    .m-xs-xxxl-t,
    .m-xs-xxxl-top {
        margin-top: 64px;
    }
    .margin-xs-xxxl-b,
    .margin-xs-xxxl-bottom,
    .m-xs-xxxl-b,
    .m-xs-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-xxxl-l,
    .margin-xs-xxxl-left,
    .m-xs-xxxl-l,
    .m-xs-xxxl-left {
        margin-left: 64px;
    }
    .margin-xs-xxxl-r,
    .margin-xs-xxxl-right,
    .m-xs-xxxl-r,
    .m-xs-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxl,
    .m-sm-xxxl {
        margin: 64px;
    }
    .margin-sm-xxxl-t,
    .margin-sm-xxxl-top,
    .m-sm-xxxl-t,
    .m-sm-xxxl-top {
        margin-top: 64px;
    }
    .margin-sm-xxxl-b,
    .margin-sm-xxxl-bottom,
    .m-sm-xxxl-b,
    .m-sm-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-xxxl-l,
    .margin-sm-xxxl-left,
    .m-sm-xxxl-l,
    .m-sm-xxxl-left {
        margin-left: 64px;
    }
    .margin-sm-xxxl-r,
    .margin-sm-xxxl-right,
    .m-sm-xxxl-r,
    .m-sm-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxl,
    .m-md-xxxl {
        margin: 64px;
    }
    .margin-md-xxxl-t,
    .margin-md-xxxl-top,
    .m-md-xxxl-t,
    .m-md-xxxl-top {
        margin-top: 64px;
    }
    .margin-md-xxxl-b,
    .margin-md-xxxl-bottom,
    .m-md-xxxl-b,
    .m-md-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-xxxl-l,
    .margin-md-xxxl-left,
    .m-md-xxxl-l,
    .m-md-xxxl-left {
        margin-left: 64px;
    }
    .margin-md-xxxl-r,
    .margin-md-xxxl-right,
    .m-md-xxxl-r,
    .m-md-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxl,
    .m-lg-xxxl {
        margin: 64px;
    }
    .margin-lg-xxxl-t,
    .margin-lg-xxxl-top,
    .m-lg-xxxl-t,
    .m-lg-xxxl-top {
        margin-top: 64px;
    }
    .margin-lg-xxxl-b,
    .margin-lg-xxxl-bottom,
    .m-lg-xxxl-b,
    .m-lg-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-xxxl-l,
    .margin-lg-xxxl-left,
    .m-lg-xxxl-l,
    .m-lg-xxxl-left {
        margin-left: 64px;
    }
    .margin-lg-xxxl-r,
    .margin-lg-xxxl-right,
    .m-lg-xxxl-r,
    .m-lg-xxxl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxl,
    .m-xl-xxxl {
        margin: 64px;
    }
    .margin-xl-xxxl-t,
    .margin-xl-xxxl-top,
    .m-xl-xxxl-t,
    .m-xl-xxxl-top {
        margin-top: 64px;
    }
    .margin-xl-xxxl-b,
    .margin-xl-xxxl-bottom,
    .m-xl-xxxl-b,
    .m-xl-xxxl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-xxxl-l,
    .margin-xl-xxxl-left,
    .m-xl-xxxl-l,
    .m-xl-xxxl-left {
        margin-left: 64px;
    }
    .margin-xl-xxxl-r,
    .margin-xl-xxxl-right,
    .m-xl-xxxl-r,
    .m-xl-xxxl-right {
        margin-right: 64px;
    }
}

.margin-3xl,
.m-3xl {
    margin: 64px;
}

.margin-3xl-t,
.margin-3xl-top,
.m-3xl-t,
.m-3xl-top {
    margin-top: 64px;
}

.margin-3xl-b,
.margin-3xl-bottom,
.m-3xl-b,
.m-3xl-bottom {
    margin-bottom: 64px;
}

.margin-3xl-l,
.margin-3xl-left,
.m-3xl-l,
.m-3xl-left {
    margin-left: 64px;
}

.margin-3xl-r,
.margin-3xl-right,
.m-3xl-r,
.m-3xl-right {
    margin-right: 64px;
}

@media (min-width: 0) {
    .margin-xs-3xl,
    .m-xs-3xl {
        margin: 64px;
    }
    .margin-xs-3xl-t,
    .margin-xs-3xl-top,
    .m-xs-3xl-t,
    .m-xs-3xl-top {
        margin-top: 64px;
    }
    .margin-xs-3xl-b,
    .margin-xs-3xl-bottom,
    .m-xs-3xl-b,
    .m-xs-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xs-3xl-l,
    .margin-xs-3xl-left,
    .m-xs-3xl-l,
    .m-xs-3xl-left {
        margin-left: 64px;
    }
    .margin-xs-3xl-r,
    .margin-xs-3xl-right,
    .m-xs-3xl-r,
    .m-xs-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 576px) {
    .margin-sm-3xl,
    .m-sm-3xl {
        margin: 64px;
    }
    .margin-sm-3xl-t,
    .margin-sm-3xl-top,
    .m-sm-3xl-t,
    .m-sm-3xl-top {
        margin-top: 64px;
    }
    .margin-sm-3xl-b,
    .margin-sm-3xl-bottom,
    .m-sm-3xl-b,
    .m-sm-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-sm-3xl-l,
    .margin-sm-3xl-left,
    .m-sm-3xl-l,
    .m-sm-3xl-left {
        margin-left: 64px;
    }
    .margin-sm-3xl-r,
    .margin-sm-3xl-right,
    .m-sm-3xl-r,
    .m-sm-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 768px) {
    .margin-md-3xl,
    .m-md-3xl {
        margin: 64px;
    }
    .margin-md-3xl-t,
    .margin-md-3xl-top,
    .m-md-3xl-t,
    .m-md-3xl-top {
        margin-top: 64px;
    }
    .margin-md-3xl-b,
    .margin-md-3xl-bottom,
    .m-md-3xl-b,
    .m-md-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-md-3xl-l,
    .margin-md-3xl-left,
    .m-md-3xl-l,
    .m-md-3xl-left {
        margin-left: 64px;
    }
    .margin-md-3xl-r,
    .margin-md-3xl-right,
    .m-md-3xl-r,
    .m-md-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 992px) {
    .margin-lg-3xl,
    .m-lg-3xl {
        margin: 64px;
    }
    .margin-lg-3xl-t,
    .margin-lg-3xl-top,
    .m-lg-3xl-t,
    .m-lg-3xl-top {
        margin-top: 64px;
    }
    .margin-lg-3xl-b,
    .margin-lg-3xl-bottom,
    .m-lg-3xl-b,
    .m-lg-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-lg-3xl-l,
    .margin-lg-3xl-left,
    .m-lg-3xl-l,
    .m-lg-3xl-left {
        margin-left: 64px;
    }
    .margin-lg-3xl-r,
    .margin-lg-3xl-right,
    .m-lg-3xl-r,
    .m-lg-3xl-right {
        margin-right: 64px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-3xl,
    .m-xl-3xl {
        margin: 64px;
    }
    .margin-xl-3xl-t,
    .margin-xl-3xl-top,
    .m-xl-3xl-t,
    .m-xl-3xl-top {
        margin-top: 64px;
    }
    .margin-xl-3xl-b,
    .margin-xl-3xl-bottom,
    .m-xl-3xl-b,
    .m-xl-3xl-bottom {
        margin-bottom: 64px;
    }
    .margin-xl-3xl-l,
    .margin-xl-3xl-left,
    .m-xl-3xl-l,
    .m-xl-3xl-left {
        margin-left: 64px;
    }
    .margin-xl-3xl-r,
    .margin-xl-3xl-right,
    .m-xl-3xl-r,
    .m-xl-3xl-right {
        margin-right: 64px;
    }
}

.margin-xxxxl,
.m-xxxxl {
    margin: 76px;
}

.margin-xxxxl-t,
.margin-xxxxl-top,
.m-xxxxl-t,
.m-xxxxl-top {
    margin-top: 76px;
}

.margin-xxxxl-b,
.margin-xxxxl-bottom,
.m-xxxxl-b,
.m-xxxxl-bottom {
    margin-bottom: 76px;
}

.margin-xxxxl-l,
.margin-xxxxl-left,
.m-xxxxl-l,
.m-xxxxl-left {
    margin-left: 76px;
}

.margin-xxxxl-r,
.margin-xxxxl-right,
.m-xxxxl-r,
.m-xxxxl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-xxxxl,
    .m-xs-xxxxl {
        margin: 76px;
    }
    .margin-xs-xxxxl-t,
    .margin-xs-xxxxl-top,
    .m-xs-xxxxl-t,
    .m-xs-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xs-xxxxl-b,
    .margin-xs-xxxxl-bottom,
    .m-xs-xxxxl-b,
    .m-xs-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-xxxxl-l,
    .margin-xs-xxxxl-left,
    .m-xs-xxxxl-l,
    .m-xs-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xs-xxxxl-r,
    .margin-xs-xxxxl-right,
    .m-xs-xxxxl-r,
    .m-xs-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-xxxxl,
    .m-sm-xxxxl {
        margin: 76px;
    }
    .margin-sm-xxxxl-t,
    .margin-sm-xxxxl-top,
    .m-sm-xxxxl-t,
    .m-sm-xxxxl-top {
        margin-top: 76px;
    }
    .margin-sm-xxxxl-b,
    .margin-sm-xxxxl-bottom,
    .m-sm-xxxxl-b,
    .m-sm-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-xxxxl-l,
    .margin-sm-xxxxl-left,
    .m-sm-xxxxl-l,
    .m-sm-xxxxl-left {
        margin-left: 76px;
    }
    .margin-sm-xxxxl-r,
    .margin-sm-xxxxl-right,
    .m-sm-xxxxl-r,
    .m-sm-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-xxxxl,
    .m-md-xxxxl {
        margin: 76px;
    }
    .margin-md-xxxxl-t,
    .margin-md-xxxxl-top,
    .m-md-xxxxl-t,
    .m-md-xxxxl-top {
        margin-top: 76px;
    }
    .margin-md-xxxxl-b,
    .margin-md-xxxxl-bottom,
    .m-md-xxxxl-b,
    .m-md-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-xxxxl-l,
    .margin-md-xxxxl-left,
    .m-md-xxxxl-l,
    .m-md-xxxxl-left {
        margin-left: 76px;
    }
    .margin-md-xxxxl-r,
    .margin-md-xxxxl-right,
    .m-md-xxxxl-r,
    .m-md-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-xxxxl,
    .m-lg-xxxxl {
        margin: 76px;
    }
    .margin-lg-xxxxl-t,
    .margin-lg-xxxxl-top,
    .m-lg-xxxxl-t,
    .m-lg-xxxxl-top {
        margin-top: 76px;
    }
    .margin-lg-xxxxl-b,
    .margin-lg-xxxxl-bottom,
    .m-lg-xxxxl-b,
    .m-lg-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-xxxxl-l,
    .margin-lg-xxxxl-left,
    .m-lg-xxxxl-l,
    .m-lg-xxxxl-left {
        margin-left: 76px;
    }
    .margin-lg-xxxxl-r,
    .margin-lg-xxxxl-right,
    .m-lg-xxxxl-r,
    .m-lg-xxxxl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-xxxxl,
    .m-xl-xxxxl {
        margin: 76px;
    }
    .margin-xl-xxxxl-t,
    .margin-xl-xxxxl-top,
    .m-xl-xxxxl-t,
    .m-xl-xxxxl-top {
        margin-top: 76px;
    }
    .margin-xl-xxxxl-b,
    .margin-xl-xxxxl-bottom,
    .m-xl-xxxxl-b,
    .m-xl-xxxxl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-xxxxl-l,
    .margin-xl-xxxxl-left,
    .m-xl-xxxxl-l,
    .m-xl-xxxxl-left {
        margin-left: 76px;
    }
    .margin-xl-xxxxl-r,
    .margin-xl-xxxxl-right,
    .m-xl-xxxxl-r,
    .m-xl-xxxxl-right {
        margin-right: 76px;
    }
}

.margin-4xl,
.m-4xl {
    margin: 76px;
}

.margin-4xl-t,
.margin-4xl-top,
.m-4xl-t,
.m-4xl-top {
    margin-top: 76px;
}

.margin-4xl-b,
.margin-4xl-bottom,
.m-4xl-b,
.m-4xl-bottom {
    margin-bottom: 76px;
}

.margin-4xl-l,
.margin-4xl-left,
.m-4xl-l,
.m-4xl-left {
    margin-left: 76px;
}

.margin-4xl-r,
.margin-4xl-right,
.m-4xl-r,
.m-4xl-right {
    margin-right: 76px;
}

@media (min-width: 0) {
    .margin-xs-4xl,
    .m-xs-4xl {
        margin: 76px;
    }
    .margin-xs-4xl-t,
    .margin-xs-4xl-top,
    .m-xs-4xl-t,
    .m-xs-4xl-top {
        margin-top: 76px;
    }
    .margin-xs-4xl-b,
    .margin-xs-4xl-bottom,
    .m-xs-4xl-b,
    .m-xs-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xs-4xl-l,
    .margin-xs-4xl-left,
    .m-xs-4xl-l,
    .m-xs-4xl-left {
        margin-left: 76px;
    }
    .margin-xs-4xl-r,
    .margin-xs-4xl-right,
    .m-xs-4xl-r,
    .m-xs-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 576px) {
    .margin-sm-4xl,
    .m-sm-4xl {
        margin: 76px;
    }
    .margin-sm-4xl-t,
    .margin-sm-4xl-top,
    .m-sm-4xl-t,
    .m-sm-4xl-top {
        margin-top: 76px;
    }
    .margin-sm-4xl-b,
    .margin-sm-4xl-bottom,
    .m-sm-4xl-b,
    .m-sm-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-sm-4xl-l,
    .margin-sm-4xl-left,
    .m-sm-4xl-l,
    .m-sm-4xl-left {
        margin-left: 76px;
    }
    .margin-sm-4xl-r,
    .margin-sm-4xl-right,
    .m-sm-4xl-r,
    .m-sm-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 768px) {
    .margin-md-4xl,
    .m-md-4xl {
        margin: 76px;
    }
    .margin-md-4xl-t,
    .margin-md-4xl-top,
    .m-md-4xl-t,
    .m-md-4xl-top {
        margin-top: 76px;
    }
    .margin-md-4xl-b,
    .margin-md-4xl-bottom,
    .m-md-4xl-b,
    .m-md-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-md-4xl-l,
    .margin-md-4xl-left,
    .m-md-4xl-l,
    .m-md-4xl-left {
        margin-left: 76px;
    }
    .margin-md-4xl-r,
    .margin-md-4xl-right,
    .m-md-4xl-r,
    .m-md-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 992px) {
    .margin-lg-4xl,
    .m-lg-4xl {
        margin: 76px;
    }
    .margin-lg-4xl-t,
    .margin-lg-4xl-top,
    .m-lg-4xl-t,
    .m-lg-4xl-top {
        margin-top: 76px;
    }
    .margin-lg-4xl-b,
    .margin-lg-4xl-bottom,
    .m-lg-4xl-b,
    .m-lg-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-lg-4xl-l,
    .margin-lg-4xl-left,
    .m-lg-4xl-l,
    .m-lg-4xl-left {
        margin-left: 76px;
    }
    .margin-lg-4xl-r,
    .margin-lg-4xl-right,
    .m-lg-4xl-r,
    .m-lg-4xl-right {
        margin-right: 76px;
    }
}

@media (min-width: 1200px) {
    .margin-xl-4xl,
    .m-xl-4xl {
        margin: 76px;
    }
    .margin-xl-4xl-t,
    .margin-xl-4xl-top,
    .m-xl-4xl-t,
    .m-xl-4xl-top {
        margin-top: 76px;
    }
    .margin-xl-4xl-b,
    .margin-xl-4xl-bottom,
    .m-xl-4xl-b,
    .m-xl-4xl-bottom {
        margin-bottom: 76px;
    }
    .margin-xl-4xl-l,
    .margin-xl-4xl-left,
    .m-xl-4xl-l,
    .m-xl-4xl-left {
        margin-left: 76px;
    }
    .margin-xl-4xl-r,
    .margin-xl-4xl-right,
    .m-xl-4xl-r,
    .m-xl-4xl-right {
        margin-right: 76px;
    }
}

.margin-auto,
.m-auto {
    margin: auto;
}

.margin-auto-t,
.margin-auto-top,
.m-auto-t,
.m-auto-top {
    margin-top: auto;
}

.margin-auto-b,
.margin-auto-bottom,
.m-auto-b,
.m-auto-bottom {
    margin-bottom: auto;
}

.margin-auto-l,
.margin-auto-left,
.m-auto-l,
.m-auto-left {
    margin-left: auto;
}

.margin-auto-r,
.margin-auto-right,
.m-auto-r,
.m-auto-right {
    margin-right: auto;
}

.margin-xs-auto {
    margin: auto;
}

.margin-xs-auto-t,
.margin-xs-auto-top {
    margin-top: auto;
}

.margin-xs-auto-b,
.margin-xs-auto-bottom {
    margin-bottom: auto;
}

.margin-xs-auto-l,
.margin-xs-auto-left {
    margin-left: auto;
}

.margin-xs-auto-r,
.margin-xs-auto-right {
    margin-right: auto;
}

.margin-sm-auto {
    margin: auto;
}

.margin-sm-auto-t,
.margin-sm-auto-top {
    margin-top: auto;
}

.margin-sm-auto-b,
.margin-sm-auto-bottom {
    margin-bottom: auto;
}

.margin-sm-auto-l,
.margin-sm-auto-left {
    margin-left: auto;
}

.margin-sm-auto-r,
.margin-sm-auto-right {
    margin-right: auto;
}

.margin-md-auto {
    margin: auto;
}

.margin-md-auto-t,
.margin-md-auto-top {
    margin-top: auto;
}

.margin-md-auto-b,
.margin-md-auto-bottom {
    margin-bottom: auto;
}

.margin-md-auto-l,
.margin-md-auto-left {
    margin-left: auto;
}

.margin-md-auto-r,
.margin-md-auto-right {
    margin-right: auto;
}

.margin-lg-auto {
    margin: auto;
}

.margin-lg-auto-t,
.margin-lg-auto-top {
    margin-top: auto;
}

.margin-lg-auto-b,
.margin-lg-auto-bottom {
    margin-bottom: auto;
}

.margin-lg-auto-l,
.margin-lg-auto-left {
    margin-left: auto;
}

.margin-lg-auto-r,
.margin-lg-auto-right {
    margin-right: auto;
}

.margin-xl-auto {
    margin: auto;
}

.margin-xl-auto-t,
.margin-xl-auto-top {
    margin-top: auto;
}

.margin-xl-auto-b,
.margin-xl-auto-bottom {
    margin-bottom: auto;
}

.margin-xl-auto-l,
.margin-xl-auto-left {
    margin-left: auto;
}

.margin-xl-auto-r,
.margin-xl-auto-right {
    margin-right: auto;
}

.bg-color-main {
    background-color: #55c4d0;
}

.bg-color-main-light {
    background-color: #d5f4f7;
}

.bg-color-main-dark {
    background-color: #278b96;
}

.bg-color-secondary {
    background-color: #375573;
}

.bg-color-secondary-light {
    background-color: #cad8e6;
}

.bg-color-secondary-dark {
    background-color: #19334d;
}

.bg-color-accent {
    background-color: #55c4d0;
}

.bg-color-accent-light {
    background-color: #d5f4f7;
}

.bg-color-accent-dark {
    background-color: #278b96;
}

.bg-color-danger,
.bg-color-error {
    background-color: #f15a6d;
}

.bg-color-danger-light,
.bg-color-error-light {
    background-color: #ffc4cc;
}

.bg-color-danger-dark,
.bg-color-error-dark {
    background-color: #b8283b;
}

.bg-color-success {
    background-color: #6ec190;
}

.bg-color-success-light {
    background-color: #d5f5e2;
}

.bg-color-success-dark {
    background-color: #2b754a;
}

.bg-color-alert,
.bg-color-warning {
    background-color: #ffc845;
}

.bg-color-alert-light,
.bg-color-warning-light {
    background-color: #ffe9b5;
}

.bg-color-alert-dark,
.bg-color-warning-dark {
    background-color: #9d6f00;
}

.bg-color-info {
    background-color: #55c4d0;
}

.bg-color-info-light {
    background-color: #d5f4f7;
}

.bg-color-info-dark {
    background-color: #278b96;
}

.bg-color-ink {
    background-color: #333;
}

.bg-color-ink-light {
    background-color: #888;
}

.bg-color-ink-lightest {
    background-color: #bbb;
}

.bg-color-ground {
    background-color: #d4d4d4;
}

.bg-color-ground-light {
    background-color: #e3e3e3;
}

.bg-color-ground-lightest {
    background-color: #f2f2f2;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-black {
    background-color: #000;
}

.color-main {
    color: #55c4d0;
}

.color-main-light {
    color: #d5f4f7;
}

.color-main-dark {
    color: #278b96;
}

.color-secondary {
    color: #375573;
}

.color-secondary-light {
    color: #cad8e6;
}

.color-secondary-dark {
    color: #19334d;
}

.color-accent {
    color: #55c4d0;
}

.color-accent-light {
    color: #d5f4f7;
}

.color-accent-dark {
    color: #278b96;
}

.color-danger {
    color: #f15a6d;
}

.color-danger-light {
    color: #ffc4cc;
}

.color-danger-dark {
    color: #b8283b;
}

.color-success {
    color: #6ec190;
}

.color-success-light {
    color: #d5f5e2;
}

.color-success-dark {
    color: #2b754a;
}

.color-alert {
    color: #ffc845;
}

.color-alert-light {
    color: #ffe9b5;
}

.color-alert-dark {
    color: #9d6f00;
}

.color-info {
    color: #55c4d0;
}

.color-info-light {
    color: #d5f4f7;
}

.color-info-dark {
    color: #278b96;
}

.color-ink {
    color: #333;
}

.color-ink-light {
    color: #888;
}

.color-ink-lightest {
    color: #bbb;
}

.color-ground {
    color: #d4d4d4;
}

.color-ground-light {
    color: #e3e3e3;
}

.color-ground-lightest {
    color: #f2f2f2;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.fill-main {
    fill: #55c4d0;
}

.fill-main-light {
    fill: #d5f4f7;
}

.fill-main-dark {
    fill: #278b96;
}

.fill-secondary {
    fill: #375573;
}

.fill-secondary-light {
    fill: #cad8e6;
}

.fill-secondary-dark {
    fill: #19334d;
}

.fill-accent {
    fill: #55c4d0;
}

.fill-accent-light {
    fill: #d5f4f7;
}

.fill-accent-dark {
    fill: #278b96;
}

.fill-danger {
    fill: #f15a6d;
}

.fill-danger-light {
    fill: #ffc4cc;
}

.fill-danger-dark {
    fill: #b8283b;
}

.fill-success {
    fill: #6ec190;
}

.fill-success-light {
    fill: #d5f5e2;
}

.fill-success-dark {
    fill: #2b754a;
}

.fill-alert {
    fill: #ffc845;
}

.fill-alert-light {
    fill: #ffe9b5;
}

.fill-alert-dark {
    fill: #9d6f00;
}

.fill-info {
    fill: #55c4d0;
}

.fill-info-light {
    fill: #d5f4f7;
}

.fill-info-dark {
    fill: #278b96;
}

.fill-ink {
    fill: #333;
}

.fill-ink-light {
    fill: #888;
}

.fill-ink-lightest {
    fill: #bbb;
}

.fill-ground {
    fill: #d4d4d4;
}

.fill-ground-light {
    fill: #e3e3e3;
}

.fill-ground-lightest {
    fill: #f2f2f2;
}

.fill-white {
    fill: #fff;
}

.fill-black {
    fill: #000;
}

.input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    padding: 0 12px;
    font-family: "proxima-soft", sans-serif;
    font-weight: normal;
    color: #333;
    resize: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: none;
}

.input::-webkit-input-placeholder {
    color: #888;
}

.input:-ms-input-placeholder {
    color: #888;
}

.input::-ms-input-placeholder {
    color: #888;
}

.input::placeholder {
    color: #888;
}

.input:focus,
.input--focused {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #55c4d0;
    border: 1px solid #55c4d0;
}

.input--success,
.input.success {
    border: 1px solid #6ec190;
}

.input--error,
.input.error {
    border: 1px solid #f15a6d;
}

.input--error:focus,
.input--error--focus,
.input.error:focus,
.input.error--focus {
    background-image: none;
    outline: 0;
    box-shadow: 0 0 5px 0 #f15a6d;
    border: 1px solid #f15a6d;
}

.input[disabled="disabled"],
.input--disabled,
.input.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.input--password,
.input [type="password"],
.input.password {
    font-size: 10px;
    letter-spacing: 5px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.input--size-s,
.input.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.input--size-l,
.input.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.input--size-m,
.input.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

.border-radius {
    border-radius: 4px;
}

.border,
.border-01 {
    border: 1px solid;
}

.border-left,
.border-left-01 {
    border-left: 1px solid;
}

.border-right,
.border-right-01 {
    border-right: 1px solid;
}

.border-top,
.border-top-01 {
    border-top: 1px solid;
}

.border-bottom,
.Example:not(:last-child),
.border-bottom-01 {
    border-bottom: 1px solid;
}

.border-04 {
    border: 4px solid;
}

.border-left-04 {
    border-left: 4px solid;
}

.border-right-04 {
    border-right: 4px solid;
}

.border-top-04 {
    border-top: 4px solid;
}

.border-bottom-04 {
    border-bottom: 4px solid;
}

.border-color-main {
    border-color: #55c4d0;
}

.border-color-main-light {
    border-color: #d5f4f7;
}

.border-color-main-dark {
    border-color: #278b96;
}

.border-color-secondary {
    border-color: #375573;
}

.border-color-secondary-light {
    border-color: #cad8e6;
}

.border-color-secondary-dark {
    border-color: #19334d;
}

.border-color-accent {
    border-color: #55c4d0;
}

.border-color-accent-light {
    border-color: #d5f4f7;
}

.border-color-accent-dark {
    border-color: #278b96;
}

.border-color-danger {
    border-color: #f15a6d;
}

.border-color-danger-light {
    border-color: #ffc4cc;
}

.border-color-danger-dark {
    border-color: #b8283b;
}

.border-color-success {
    border-color: #6ec190;
}

.border-color-success-light {
    border-color: #d5f5e2;
}

.border-color-success-dark {
    border-color: #2b754a;
}

.border-color-alert {
    border-color: #ffc845;
}

.border-color-alert-light {
    border-color: #ffe9b5;
}

.border-color-alert-dark {
    border-color: #9d6f00;
}

.border-color-info {
    border-color: #55c4d0;
}

.border-color-info-light {
    border-color: #d5f4f7;
}

.border-color-info-dark {
    border-color: #278b96;
}

.border-color-ink {
    border-color: #333;
}

.border-color-ink-light {
    border-color: #888;
}

.border-color-ink-lightest {
    border-color: #bbb;
}

.border-color-ground,
.Example:not(:last-child) {
    border-color: #d4d4d4;
}

.border-color-ground-light {
    border-color: #e3e3e3;
}

.border-color-ground-lightest {
    border-color: #f2f2f2;
}

.border-color-white {
    border-color: #fff;
}

.border-color-black {
    border-color: #000;
}

.circle {
    border-radius: 50%;
}

.full-height {
    height: 100%;
}

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

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

.half-height {
    height: 50%;
}

.half-max-height {
    max-height: 50%;
}

.half-min-height {
    min-height: 50%;
}

.height--size-s,
.height.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
}

.height--size-l,
.height.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
}

.height--size-m,
.height.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
}

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

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

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

.half-width {
    width: 50%;
}

.half-max-width {
    max-width: 50%;
}

.half-min-width {
    min-width: 50%;
}

.width--size-s,
.width.size-s {
    font-size: 0.875rem;
    width: 32px;
    max-width: 32px;
}

.width--size-l,
.width.size-l {
    font-size: 1rem;
    width: 48px;
    max-width: 48px;
}

.width--size-m,
.width.size-m {
    font-size: 1rem;
    width: 40px;
    max-width: 40px;
}

.square--size-s,
.square.size-s {
    font-size: 0.875rem;
    height: 32px;
    max-height: 32px;
    line-height: 32px;
    width: 32px;
    max-width: 32px;
}

.square--size-l,
.square.size-l {
    font-size: 1rem;
    height: 48px;
    max-height: 48px;
    line-height: 48px;
    width: 48px;
    max-width: 48px;
}

.square--size-m,
.square.size-m {
    font-size: 1rem;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    width: 40px;
    max-width: 40px;
}

.input-error-message {
    width: 100%;
    padding: 4px 0 0 4px;
    font-family: "proxima-soft", sans-serif;
    color: #f15a6d;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 0.75rem;
    line-height: 1rem;
}

.separator {
    padding-bottom: 24px;
    border-top: 4px solid #f2f2f2;
}

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

.line-height-normal {
    line-height: 1;
}

.line-height-s {
    line-height: 1.25;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.cursor-pointer {
    cursor: pointer;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.font-xxs {
    font-size: 0.625rem;
    line-height: 0.875rem;
}

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

.font-s,
.Example__value {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.font-m,
.Example__description {
    font-size: 1rem;
    line-height: 1.25rem;
}

.font-l {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.font-xl {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.font-xxl {
    font-size: 2rem;
    line-height: 2.25rem;
}

.font-normal {
    font-weight: normal;
}

.font-semibold {
    font-weight: 600;
}

.font-proxima {
    font-family: "proxima-soft", sans-serif;
}

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

.shadow-s {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-s:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.24);
}

.shadow-m {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-m:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.24);
}

.shadow-l {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-l:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.24), 0 6px 12px rgba(0, 0, 0, 0.24);
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.uppercase {
    text-transform: uppercase;
}

.Example__title {
    font-weight: 700;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputSelect {
    display: block;
    width: 100%;
}

#InputSelect .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

#InputSelect .components li {
    width: calc(100% / 2);
    padding: 5px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.component h5 {
    margin: 20px 0 10px;
    font-weight: 700;
}

.component ul {
    display: flex;
}

.component li {
    display: inline-flex;
    padding: 10px 12px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Content {
    display: block;
    width: 100%;
}

#Content .components {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#Content .components li {
    width: 100%;
    padding: 5px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.Notification .components {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 20px;
}

.Notification .createNotification {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 20px;
}

.Notification .createNotification textarea {
    width: 150px;
    min-height: 80px;
    resize: none;
}

.Notification .createNotification .createNotification__parameters {
    margin-left: 10px;
}

.Notification .createNotification .createNotification__parameters__group {
    margin-bottom: 10px;
    margin-left: 10px;
}

.Notification .createNotification .createNotification__parameters__group--row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Notification .createNotification .createNotification__parameters .flex11 {
    flex: 1 1 auto;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#ToggleButton {
    display: block;
    width: 100%;
}

#ToggleButton .components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

#ToggleButton .components .component-wrapper {
    padding: 20px 100px 0 0;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.TooltipView__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1024px;
}

.TooltipView__list__item {
    padding-bottom: 50px;
    margin: 16px 48px;
}

.TooltipView__list__item__icon-preview,
.TooltipView__list__item__icon-name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.TooltipView__example {
    text-align: center;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#GridComponents {
    display: flex;
    flex-direction: column;
    text-align: left;
}

#GridComponents .empty {
    display: block;
    margin-top: 50px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#GridMuiCardView {
    background: #00f;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Product {
    display: flex;
    flex-direction: column;
    text-align: left;
}

#Product .empty {
    display: block;
    margin-top: 50px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#MuiFileListItem {
    margin-top: 30px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputSiret {
    margin-top: 30px;
}

.tax-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#InputTax {
    margin-top: 30px;
}

.tax-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Algolia {
    text-align: left;
}

#Algolia .empty {
    display: block;
    margin-top: 50px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

#Content h3 {
    font-weight: 700;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

pre {
    background: #e5e5e5;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.__nuxt-error-page {
    padding: 1rem;
    background: #F7F8FB;
    color: #47494E;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100 !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.__nuxt-error-page .error {
    max-width: 450px;
}

.__nuxt-error-page .title {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #47494E;
    margin-bottom: 8px;
}

.__nuxt-error-page .description {
    color: #7F828B;
    line-height: 21px;
    margin-bottom: 10px;
}

.__nuxt-error-page a {
    color: #7F828B !important;
    text-decoration: none;
}

.__nuxt-error-page .logo {
    position: fixed;
    left: 12px;
    bottom: 12px;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.nuxt-progress {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    width: 0%;
    opacity: 1;
    transition: width 0.1s, opacity 0.4s;
    background-color: #3B8070;
    z-index: 999999;
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none;
}

.nuxt-progress-failed {
    background-color: red;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.tk-proxima-soft {
    font-family: "proxima-soft", sans-serif;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

@font-face {
    font-family: tk-proxima-soft-n4;
    src: url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: tk-proxima-soft-n6;
    src: url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: tk-proxima-soft-n7;
    src: url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

@font-face {
    font-family: proxima-soft;
    src: url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/5beeef/00000000000000003b9af203/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: proxima-soft;
    src: url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/206737/00000000000000003b9af208/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: proxima-soft;
    src: url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/bd143b/00000000000000003b9af20a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.default {
    height: 100vh;
}

.default__side {
    width: 100%;
}

@media (min-width: 769px) {
    .default__side {
        width: 65px;
    }
}

.default__menu {
    height: 100%;
    background: #41bdca;
}

.default__menu--expanded {
    background: #69cbd6;
}

.default__main {
    flex: 1;
    overflow: auto;
}

.default__toggle-menu {
    background: transparent;
}

.default__overlay {
    top: initial;
    bottom: initial;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: auto;
    background: #69cbd6;
    transition: all 0.25s;
}

@media (min-width: 769px) {
    .default__overlay {
        top: 0;
        bottom: 0;
        left: 65px;
        width: 200px;
    }
    .default__overlay h2 {
        text-align: initial;
    }
}

.default__aux-link {
    text-align: center;
}

.default__aux-link a {
    text-decoration: none;
}

.default__aux-link a:hover,
.default__aux-link a.router-link-active,
.default__aux-link a.router-link-exact-active {
    color: #000;
}

.default__aux-link span {
    vertical-align: super;
}

@media (min-width: 769px) {
    .default__aux-link {
        text-align: left;
    }
}

.default ul {
    padding: 0;
    margin: 0;
}

.default .fade-enter-active,
.default .fade-leave-active {
    transition-timing-function: ease;
    transition-duration: 0.5s;
    transition-property: opacity;
}

.default .fade-enter,
.default .fade-leave-active {
    opacity: 0;
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

.atlwdg-blanket {
    background: black;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.atlwdg-popup {
    background: white;
    border: 1px solid #ccc;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 10000011;
    border-radius: 5px;
    background-clip: padding-box;
    overflow: hidden;
    width: 810px;
    height: 0;
    max-height: calc(100% - 100px);
}

#atlwdg-frame {
    height: 100%;
    width: 100%;
}

.atlwdg-hidden {
    visibility: hidden;
}

.atlwdg-trigger {
    position: fixed;
    background: #205081;
    padding: 5px;
    border: 2px solid white;
    border-top: none;
    font-weight: bold;
    color: white !important;
    display: block;
    white-space: nowrap;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 5px 5px;
}

.atlwdg-trigger.atlwdg-TOP {
    left: 45%;
    top: 0;
}

.atlwdg-trigger.atlwdg-RIGHT {
    left: 100%;
    top: 40%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: top left;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: top left;
    transform: rotate(90deg);
    transform-origin: top left;
}

.atlwdg-trigger.atlwdg-SUBTLE {
    right: 0;
    bottom: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    background-color: #f5f5f5;
    color: #444 !important;
    font-size: 11px;
    padding: 6px;
    -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 2px 0 0 0;
}

.atlwdg-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 40px;
    width: 40px;
    z-index: 1000001;
    border-radius: 5px;
    background-color: #fff;
    background-image: url('data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=');
    background-repeat: no-repeat;
    background-position: center center;
}

@media print {
    .atlwdg-trigger {
        display: none;
    }
}

@media screen and (max-width: 820px) {
    .atlwdg-popup {
        max-width: 810px;
        width: 90%;
        max-height: 90%;
    }
}


/* ----------------------------------------------------- */


/*    New style file started here...*/

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-Regular.woff2') format('woff2');
}

@font-face {
    font-weight: 400;
    font-style: italic;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-Italic.woff2') format('woff2');
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-Medium.woff2') format('woff2');
}

@font-face {
    font-weight: 500;
    font-style: italic;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-MediumItalic.woff2') format('woff2');
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-Bold.woff2') format('woff2');
}

@font-face {
    font-weight: 700;
    font-style: italic;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-BoldItalic.woff2') format('woff2');
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-Black.woff2') format('woff2');
}

@font-face {
    font-weight: 900;
    font-style: italic;
    font-family: 'Inter-Loom';
    src: url('https://cdn.useloom.com/assets/fonts/inter/Inter-UI-BlackItalic.woff2') format('woff2');
}