@charset "UTF-8";*,::after,::before {
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

blockquote {
    padding: 1.5rem;
    background: #FFFFFF;
    overflow: auto;
    border-radius: 0.4rem;
    margin: 0;
    font-size: 0.875em;
    box-shadow: 0.07143em 0.14286em 0.21429em 0 rgba(0, 0, 0, 0.1)
}

.alert_message {
    background: #e24d8b;
    color: white;
    
}


body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0,0,0,.1)
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    font-weight: 400
}

button,label {
    cursor: pointer
}

body {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #637080;
    background: #fff
}

.slideout-open body,body.block-scroll {
    overflow: hidden
}

p {
    font-size: .875em
}

a {
    color: #e24d8b;
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: underline
}

a:focus,a:hover {
    color: #e876a6;
    cursor: pointer;
}

a:active {
    color: #bb4275;
    text-decoration: none
}

input,select {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif
}

img {
    max-width: 100%
}

h1 {
    font-size: 2.125em;
    line-height: 1.15;
    font-weight: 300;
    margin-bottom: .70588em;
    color: #04204c
}

h2 {
    font-size: 1.5em;
    line-height: 1.17;
    margin: 2.33333em 0 1.33333em;
    color: #04204c
}

h3 {
    font-size: 1.125em;
    line-height: 1.2;
    margin: 3.11111em 0 .44444em;
    color: #04204c
}

h4 {
    font-size: 1em;
    margin: 1.5em 0 .75em;
    color: #04204c
}

h5 {
    font-size: 1em;
    margin: 1.5em 0 .75em;
    color: #04204c
}

p {
    font-size: 1em;
    margin: 1em 0;
    color: #4d5763
}

b,strong {
    font-weight: 600
}

ol,ul {
    display: block;
    margin: 2em 0
}

li {
    margin-bottom: .75em
}

code {
    display: inline-block;
    padding: .07143em .28571em;
    font-family: 'Roboto Mono',monospace;
    font-size: .875em;
    font-style: italic;
    background: #eee;
    border-radius: .28571em
}

h1+h2,h2+h3 {
    margin-top: 0
}

h1+blockquote {
    margin-top: 2.85714em
}

.layout__container {
    max-width: 50.875em;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 599px) {
    .layout__container {
        margin-top: 60px;
    }

    .layout__container.center {
        margin: 0;
    }
}

.u-accessibility-hidden,[aria-hidden=false] {
    position: absolute;
    clip: rect(0,0,0,0)
}

.u-hide {
    display: none!important
}

.u-show {
    display: block!important
}

.u-show-ib {
    display: inline-block!important
}

.u-visibility-hidden {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0
}

.u-display-b {
    display: block
}

.u-display-ib {
    display: inline-block
}

.u-display-i {
    display: inline
}

.u-clearfix:after,.u-clearfix:before {
    display: table;
    content: ""
}

.u-clearfix:after {
    clear: both
}

.u-fw-300 {
    font-weight: 300
}

.u-fw-400 {
    font-weight: 400
}

.u-fw-600 {
    font-weight: 600
}

.u-text-green,.u-text-success {
    color: #40c426
}

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

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.layout {
    position: relative;
    background: #f5f6f8
}

.layout__main {
    min-height: 100vh;
    padding-top: 3rem;
    position: relative;
}

.layout__content {
    padding: 2em 1.5em 13.75em
}

.layout__dimmer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,.9);
    opacity: 0;
    transition: opacity .2s linear
}

.slideout-open .layout__dimmer {
    z-index: 80;
    opacity: 1
}

.checkbox-container {
    display: -ms-flexbox;
    display: flex;
    margin-left: 1em;
    margin-right: 1em
}

.checkbox-container h4 {
    margin: 0 0 .75em
}

.checkbox-container .col {
    display: block;
    width: 33%
}

.checkbox-container .col .col-checkbox {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px
}

#support-form h2 {
    margin: 1.33333em 0 1.33333em!important
}

#login-form {
    margin: 60px;
    display: none
}

#congrats-success {
    display: none
}

#congrats-error {
    display: none
}

#congrats {
    margin-bottom: 180px;
    position: relative;
    z-index: 0;
    height: 300px
}

#loading-congrats {
    display: none
}

.ui-button {
    font-size: 1.125em;
    padding: 0 1em;
    border-radius: .25em;
    border-width: .05556em;
    border-style: solid;
    line-height: 2.55556;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 75ms background linear,75ms color linear,75ms border linear
}

.ui-button svg path {
    transition: 75ms fill linear
}

.ui-button:focus {
    outline: 0
}

.ui-button--primary {
    background: #e24d8b;
    border-color: #e24d8b;
    color: #fff
}

.ui-button--primary:focus {
    background: #e24d8b;
    border-color: #bb4275;
    box-shadow: inset 0 0 0 .0625em #bb4275
}

.ui-button--primary:hover {
    background: #e876a6;
    border-color: #e876a6;
    cursor: pointer;
    color: #fff
}

.ui-button--primary:active {
    background: #bb4275;
    border-color: #bb4275
}

.ui-button--primary svg path {
    fill: #fff
}

.ui-button--secondary {
    background: 0 0;
    border-color: #e24d8b;
    color: #e24d8b
}

.ui-button--secondary svg path {
    fill: #e24d8b
}

.ui-button--secondary:focus {
    border-color: #bb4275;
    color: #e24d8b;
    background: #fff;
    box-shadow: inset 0 0 0 .0625em #bb4275
}

.ui-button--secondary:hover {
    border-color: #e876a6;
    color: #fff;
    background: #e876a6;
    cursor: pointer
}

.ui-button--secondary:hover svg path {
    fill: #fff
}

.ui-button--secondary:active {
    color: #fff;
    border-color: #bb4275;
    background: #bb4275
}

.ui-button--secondary:active svg path {
    fill: #fff
}

.ui-button--terciary {
    background: 0 0;
    border-color: transparent;
    color: #e24d8b
}

.ui-button--terciary svg path {
    fill: #e24d8b
}

.ui-button--terciary:focus {
    border-color: #ddd
}

.ui-button--terciary:hover {
    color: #e876a6
}

.ui-button--terciary:active {
    color: #bb4275
}

.ui-button--terciary:active svg path {
    fill: #bb4275
}

.ui-button--primary[disabled] {
    background: #ddd!important;
    border-color: #ddd!important;
    color: #fff!important
}

.ui-button--primary[disabled] svg path {
    fill: #fff!important
}

.ui-button--secondary[disabled] {
    border-color: #ddd!important;
    color: #ddd!important
}

.ui-button--secondary[disabled] svg path {
    fill: #ddd!important
}

.ui-button--terciary[disabled] {
    color: #999!important
}

.ui-button--terciary[disabled] svg path {
    fill: #999!important
}

.ui-button--small {
    font-size: .875em
}

.ui-button__icon {
    display: inline-block;
    vertical-align: text-top;
    margin-right: .5em
}

.ui-button__icon svg {
    display: block
}

.navbar {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 70;
    width: 100%;
    height: 3.125em;
    padding: 0 1.5em;
    background: #fff;
    box-shadow: 0 .1875em .4375em 0 rgba(40,52,128,.1)
}

.navbar .layout__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 0;
    padding-bottom: 0
}

.navbar a:focus {
    text-decoration: none
}

.navbar__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.125em;
    height: 2.125em;
    overflow: hidden
}

.navbar__logo-text {
    display: none
}

.navbar__logo-iso {
    display: block;
    width: auto;
    height: 100%
}

.navbar__menu {
    display: none
}

.navbar__container {
    height: 100%
}

.navbar__controls {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-align: right
}

.form-search-icon,.navbar__search-form {
    display: none
}

.navbar__search,.navbar__user {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.navbar__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 .875em
}

.navbar__action svg path {
    fill: #9ba9bb
}

.navbar__user-btn {
    margin-right: -.375em
}

.navbar__navicon {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    margin-left: -1.5em;
    padding: 0 1em
}

.navbar__navicon span {
    display: inline-block;
    position: relative;
    width: 1.125em;
    height: .8em;
    border-top: .125em solid #999;
    border-bottom: .125em solid #999
}

.navbar__navicon span::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #999;
    content: '';
    transform: translateY(-50%)
}

.navbar__search-input {
    padding: 0 2em 0 3.875em;
    border: 0;
    font-size: .875em
}

.navbar__search-input:focus {
    outline: 0
}

.navbar__search-input::-webkit-input-placeholder {
    color: #999
}

.navbar__search-input::-moz-placeholder {
    color: #999
}

.navbar__search-input:-ms-input-placeholder {
    color: #999
}

@supports (-webkit-text-fill-color:transparent) {
    .navbar__search-input {
        color: #e24d8b;
        text-shadow: 0 0 0 #637080;
        -webkit-text-fill-color: transparent
    }

    .navbar__search-input::-webkit-input-placeholder {
        text-shadow: 0 0 0 #999;
        -webkit-text-fill-color: #999
    }

    .navbar__search-input::-moz-placeholder {
        text-shadow: 0 0 0 #999;
        -webkit-text-fill-color: #999
    }

    .navbar__search-input:-ms-input-placeholder {
        text-shadow: 0 0 0 #999;
        -webkit-text-fill-color: #999
    }
}

.navbar-search-active .navbar__search-form {
    display: block
}

.navbar-search-active .navbar__search-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.navbar-search-active .search-icon {
    position: absolute;
    left: 1.5em;
    z-index: 2
}

.navbar__search-reset {
    position: absolute;
    top: 0;
    right: .5em;
    z-index: 2;
    width: 2.5em;
    height: 100%;
    font-size: 1em;
    border: 0;
    padding: .625em 0;
    background: 0 0
}

.navbar__search-reset:focus {
    outline: 0
}

.navbar__search-reset:focus::after,.navbar__search-reset:focus::before {
    background: #e24d8b
}

.navbar__search-reset::after,.navbar__search-reset::before {
    content: '';
    position: absolute;
    top: 50%;
    width: .0625em;
    height: 1.125em;
    margin-top: -.625em;
    background: #637080
}

.navbar__search-reset::before {
    transform: rotate(45deg)
}

.navbar__search-reset::after {
    transform: rotate(-45deg)
}

.navbar__user {
    position: relative
}

.navbar__user-menu {
    display: none;
    position: absolute;
    right: -.125em;
    top: 102%;
    min-width: 9.375em;
    padding: .25em 0;
    margin-top: -.25em;
    text-align: left;
    background: #fff;
    border-radius: .25em;
    box-shadow: 0 0 .1875em 0 rgba(50,50,50,.3);
    animation: fade-in .2s ease-out
}

.navbar__user-menu::before {
    position: absolute;
    bottom: 100%;
    right: .8125em;
    width: .625em;
    height: .625em;
    margin-bottom: -.3125em;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -1px -1px 1px 0 rgba(50,50,50,.15);
    content: ''
}

.navbar__user.is-active .navbar__user-menu {
    display: block
}

.navbar__user-menu a {
    position: relative;
    display: block;
    padding: 0 0.8rem;
    font-size: .875em;
    line-height: 2.28571em;
    color: #666;
    white-space: nowrap;
    transition: background .1s linear,color .1s linear
}

.navbar__user-menu a:focus,.navbar__user-menu a:hover {
    background-color: rgba(215,230,239,.5);
    color: #e24d8b
}

.navbar__user-menu hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: .25em 0;
    background: #eee;
    border: 0
}

.navbar__user-menu a.link-logout {
    color: #e24d8b
}

.navbar__user-menu .separator {
    background-color: #EEEEEE;
    height: 1px;
    margin: 2px 0;
    width: 100%;
}

.navbar__user-menu .version {
    display: flex;
    justify-content: center;
    padding: 2px 0;
    user-select: none;
}

.navbar__user-menu .version > span {
    font-size: 0.8rem;
}

.navbar__user-icon {
    height: 1.125em;
    width: auto
}

.navbar__user-icon path {
    transition: fill 350ms ease-out
}

.navbar__user-btn:focus .navbar__user-icon path,.navbar__user-btn:hover .navbar__user-icon path,.navbar__user.is-active .navbar__user-icon path {
    fill: #e24d8b
}

.navbar__user-logged-btn {
    position: relative
}

.user-menu-chevron {
    display: inline-block;
    width: .5em;
    height: .5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    transform: rotate(45deg)
}

.navbar__user-logged-btn img {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: .5em;
    border-radius: 50%
}

.navbar__user-nickname {
    display: none
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -16.875em;
    z-index: 90;
    width: 16.875em;
    height: 100%;
    min-height: 100vh;
    background: #eff0f3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidebar ul {
    padding: 0;
    margin-top: 0;
    list-style: none
}

.sidebar ul li {
    margin-bottom: 0
}

.sidebar a:focus {
    text-decoration: none
}

.sidebar__menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4.125em 0;
    border-right: 1px solid rgba(0,0,0,.1);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.sidebar__header-menu {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 3.125em;
    line-height: 3.125em;
    background: #fff
}

.sidebar__header-trigger {
    display: block;
    width: 100%;
    padding-left: 1.33333em;
    font-size: 1.125em;
    color: #5e6162
}

.sidebar__header-trigger:active,.sidebar__header-trigger:focus,.sidebar__header-trigger:hover {
    color: #5e6162
}

.sidebar__header-options {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #eff0f3
}

.active+.sidebar__header-options {
    padding-top: .875em;
    height: 100vh
}

.sidebar__l0 {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 1.5em;
    font-size: 1em;
    line-height: 2.75em;
    color: #666
}

.sidebar__l0:active,.sidebar__l0:focus,.sidebar__l0:hover {
    color: #666
}

.sidebar__l1 {
    position: relative;
    width: 100%;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5em;
    font-size: .9375em;
    line-height: 2.5em;
    text-decoration: none;
    color: #666;
    transition: color 150ms ease-out,background 150ms ease-out
}

.sidebar__l1:focus {
    color: #666
}

.sidebar__l1+.sidebar__subgroup {
    margin-top: .5em
}

.sidebar__l0-chevron,.sidebar__l1-chevron {
    position: absolute;
    top: 0;
    right: 1em;
    height: 100%
}

.accordion-trigger {
    position: relative
}

.accordion-trigger .sidebar__l1-chevron::after,.accordion-trigger .sidebar__l1-chevron::before {
    position: absolute;
    display: inline-block;
    top: 50%;
    display: block;
    width: 8px;
    height: 1px;
    background: #999;
    transition: transform 150ms ease-out,background 150ms ease-out;
    content: ''
}

.accordion-trigger .sidebar__l1-chevron::before {
    right: 5px;
    transform: rotate(45deg)
}

.accordion-trigger .sidebar__l1-chevron::after {
    right: 0;
    transform: rotate(-45deg)
}

.sidebar__l0-chevron {
    display: block;
    top: 50%;
    right: 1.5em;
    width: .5em;
    height: .5em;
    margin-top: -.25em;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    transform: rotate(45deg)
}

.sidebar__l1.active,.sidebar__l1.active:hover {
    color: #e24d8b
}

.sidebar__l1.active path.paint-fill,.sidebar__l1.active:hover path.paint-fill {
    fill: #e24d8b
}

.sidebar__l1.active .globe svg path,.sidebar__l1.active svg [stroke*='#'],.sidebar__l1.active:hover .globe svg path,.sidebar__l1.active:hover svg [stroke*='#'] {
    fill: none;
    stroke: #e24d8b
}

.sidebar__subtitle {
    display: block;
    margin-left: 4.90909em;
    margin-right: 1.45455em;
    padding: .9em 0 0 0;
    line-height: 1.875em;
    font-size: .6875em;
    text-transform: uppercase;
    color: #666;
    border-top: .0625em solid #ccc;
    opacity: .5
}

.sidebar__subtitle:first-child {
    border: 0
}

.sidebar__subgroup {
    margin-bottom: .9em
}

.sidebar__subgroup:last-child {
    margin-bottom: 1em
}

.sidebar__link-item a {
    display: block;
    color: #666;
    padding: .625em;
    padding-left: 3.85714em;
    font-size: .875em;
    line-height: 1.42857;
    transition: color 150ms ease-out,background 150ms ease-out
}

a.tagged {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

a.with-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tag-btn {
    margin-right: 10px;
    min-width: 50px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    border-radius: 2px;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    outline: 0;
    padding: 0 4px 0 4px
}

.tag-post {
    background-color: #4493e2;
    border-color: #4493e2
}

.tag-put {
    background-color: #f2b622;
    border-color: #f2b622
}

.tag-delete {
    background-color: #c60000;
    border-color: #c60000
}

.tag-get {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.sidebar__link-item a.active,.sidebar__link-item a.active:hover {
    color: #e24d8b;
    background: #cedfe8;
    border-left: .125em solid #e24d8b
}

.sidebar__group {
    display: none;
    margin-bottom: 1.5em;
    animation: fade-in .2s ease-out
}

.sidebar__l1.active+.sidebar__group {
    display: block
}

.active.accordion-trigger .sidebar__l1-chevron::before {
    transform: rotate(-45deg)
}

.active.accordion-trigger .sidebar__l1-chevron::after {
    transform: rotate(45deg)
}

.sidebar__icon {
    width: 1.5625em;
    margin-right: .5em;
    vertical-align: middle
}

.sidebar__icon svg {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

red-ascii {
    margin-left: 6px;
    color: #e74c3c;
    padding-top: 2px
}

.footer {
    position: absolute;
    width: 100%;
    padding: 1.5em;
    background: #fff;
    bottom: 0
}

.footer__copyrights {
    font-size: .625em;
    color: #666;
    margin-top: 0;
    margin-bottom: 1.8em
}

.footer__actions-item {
    font-size: .8125em;
    margin-bottom: .875em;
    margin-right: 1.5em
}

.footer__actions-wrapper {
    display: block
}

.footer__actions-item .ui-dropdown {
    font-size: 1.16667em
}

.footer__country-dropdown .ui-dropdown__option {
    white-space: nowrap;
    padding-left: 1em
}

.footer__country-dropdown .ui-dropdown__option::before {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: .625em;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: ''
}

.footer__country-dropdown .ui-dropdown__option.global::before {
    background-image: url(../images/flag-regional.svg)
}

.footer__country-dropdown .ui-dropdown__option.mla::before {
    background-image: url(../images/flag-argentina.svg)
}

.footer__country-dropdown .ui-dropdown__option.mlb::before {
    background-image: url(../images/flag-brasil.svg)
}

.footer__country-dropdown .ui-dropdown__option.mlm::before {
    background-image: url(../images/flag-mexico.svg)
}

.footer__country-dropdown .ui-dropdown__option.mpe::before {
    background-image: url(../images/flag-peru.svg)
}

.footer__country-dropdown .ui-dropdown__option.mlc::before {
    background-image: url(../images/flag-chile.svg)
}

.footer__country-dropdown .ui-dropdown__option.mco::before {
    background-image: url(../images/flag-colombia.svg)
}

.footer__country-dropdown .ui-dropdown__option.mlu::before {
    background-image: url(../images/flag-uruguay.svg)
}

.searh-results.is-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    height: 100%;
    padding: 5em 0;
    background: #f8f8f8;
    animation: fade-in .4s ease-out;
    overflow: auto
}

.search-results__box {
    max-width: 50em;
    margin: 1.5em;
    padding: 1.5em;
    background: #fff;
    border-radius: .25em;
    box-shadow: .125em .125em .25em 0 rgba(40,46,87,.08);
    animation: fade-in .3s .1s linear both
}

.search-results__box ul {
    margin: 0;
    padding: 0
}

.search-results__box li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #dbdbdb
}

.search-results__box li:last-child {
    border: 0
}

.search-results__box li:last-child>a {
    padding-bottom: 0
}

.search-results__box a {
    padding: 1.25em 0;
    display: block
}

.search-results__box a:focus h3,.search-results__box a:hover h3 {
    color: #bb4275
}

.search-results__box a:focus {
    text-decoration: none
}

.search-results__box h2 {
    color: #666;
    font-size: .9375em;
    margin-top: 0;
    margin-bottom: .25em
}

.search-results__box h3 {
    font-size: 1.25em;
    margin-top: 0;
    margin-bottom: .3125em;
    transition: color .1s ease-out
}

.search-results__box p {
    font-size: .875em;
    margin-bottom: 0
}

.search-results__no-results {
    max-width: 25.625em;
    padding: 0 1.25em;
    margin: 6.25em auto;
    text-align: center
}

.search-results__no-results h2 {
    font-size: 1em;
    line-height: 1.31;
    color: #637080;
    font-weight: 600
}

.search-results__no-results h3 {
    font-size: 1em;
    line-height: 1.31;
    color: #9ba9bb
}

.ui-dropdown {
    position: relative;
    display: inline-block;
    font-size: .875em
}

.ui-dropdown__input,.ui-dropdown__options {
    display: none
}

.ui-dropdown__trigger {
    position: relative;
    padding-right: 1em;
    font-weight: 400;
    color: #e24d8b;
    cursor: pointer
}

.ui-dropdown__trigger::after {
    position: absolute;
    top: 50%;
    right: -.5em;
    width: .375em;
    height: .375em;
    border-bottom: .0625em solid #999;
    border-right: .0625em solid #999;
    content: '';
    transform: rotate(45deg) translateY(-100%)
}

.ui-dropdown__options {
    position: absolute;
    bottom: -.625em;
    left: -1.875em;
    z-index: 1;
    background: #fff;
    border-radius: .25em;
    box-shadow: 0 .0625em .125em 0 rgba(0,0,0,.3);
    animation: fade-in .2s ease-out
}

.ui-dropdown__option {
    display: block;
    height: 3.92857em;
    padding: 0 1.71429em;
    line-height: 3.92857em;
    color: #444;
    border-bottom: .0625em solid #eee
}

.ui-dropdown__option:hover {
    background: #ebf2f7
}

.ui-dropdown__option.is-active {
    box-shadow: inset .1875em 0 0 0 #e24d8b
}

.ui-dropdown__option:last-child {
    border: 0
}

:checked+.ui-dropdown__select .ui-dropdown__options {
    display: block
}

.code-container {
    border-radius: 0.4rem;
    position: relative;
    margin: 1.75em 0 2em;
    overflow: hidden;
    box-shadow: .0625em .125em .25em 0 rgba(0,0,0,.11)
}

.code-container__header {
    background: #fff;
    height: 3.625em;
    white-space: nowrap;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch
}

.nav-tabs {
    float: left;
    margin: 0;
    padding: .625em 1.5em;
    list-style: none
}

.nav-tabs li {
    display: inline-block;
    margin: 0;
    margin-right: 1.5em;
    line-height: 2.375em
}

.nav-tabs li:last-child {
    margin-right: 0
}

.code_tab_selector {
    display: block;
    color: #666;
    font-size: .875em;
    font-weight: 600;
    text-transform: lowercase;
    transition: color 90ms ease-out
}

.nav-tabs a:focus,.nav-tabs a:hover {
    color: #e876a6;
    text-decoration: none
}

.nav-tabs li.active a,p.code_tab_selector {
    color: #bb4275;
    cursor: default
}

p.code_tab_selector {
    padding: .25em 1.5em;
    display: inline-block
}

.tab-select {
    display: none
}

.code-container__comments {
    padding: 0 1.5em;
    margin-top: -1.125em;
    margin-bottom: 1.125em;
    background: #eee;
    color: #637080
}

.code-container__comments p {
    font-size: .875em
}

.code-container__comments p:first-child {
    padding-top: 1.71429em;
    margin-top: 0
}

.code-container__comments p:last-child {
    padding-bottom: 1.71429em;
    margin-bottom: 0
}

.btn-copy-code {
    font-size: .8125em;
    position: absolute;
    top: .92308em;
    right: 1.84615em;
    display: none
}

.btn-copy-code.show-on-hover {
    top: .92308em;
    border-color: #f0f0f0;
    color: #f0f0f0;
    background: 0 0;
    opacity: 0;
    transition: opacity 130ms linear;
    z-index: 1
}

.btn-copy-code.show-on-hover:active,.btn-copy-code.show-on-hover:hover {
    color: #333;
    background: #f0f0f0;
    border-color: #f0f0f0
}

.btn-copy-code.show-on-hover:focus {
    box-shadow: inset 0 0 0 .0625em #f0f0f0
}

.code_editor:hover .btn-copy-code.show-on-hover {
    opacity: 1
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.code-container__comments ol,.code-container__comments ul {
    margin: 0;
    padding: 1em
}

.code-container__comments ol :last-child,.code-container__comments ul :last-child {
    margin-bottom: 0
}

.code_editor {
    padding: 1.125em 0 0;
    color: #f8f8f8;
    margin: 0;
    background: #333;
    overflow: hidden;
}

pre[class*=language-] {
    position: relative;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    font-size: .875em;
    text-align: left;
    padding-left: 4.375em;
    margin: 0;
    overflow: auto;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.3;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    counter-reset: linenumber
}

code[class*=language-] {
    padding: 0;
    margin-bottom: 1em;
    font-size: 1em;
    background: 0 0;
    font-style: normal;
    overflow: hidden
}

:not(pre)>code[class*=language-] {
    white-space: normal
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #999
}

.token.punctuation {
    color: #f8f8f8
}

.namespace {
    opacity: .7
}

.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag {
    color: #e876a6
}

.token.boolean,.token.number {
    color: #ae81ff
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    color: #4c5
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable {
    color: #f8f8f2
}

.token.atrule,.token.attr-value,.token.function {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.important,.token.regex {
    color: #fd971f
}

.token.bold,.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.tab-pane {
    width: 100%
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: 0;
    width: 3.5em;
    border-right: 1px solid #999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows>span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.line-numbers-rows>span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: .8em;
    text-align: right
}

table * {
    box-sizing: content-box
}

table {
    display: block;
    overflow: auto;
    margin: 2em 0 3.125em;
    border-spacing: 0;
    border-collapse: collapse;
    min-width: 50%;
    text-align: left
}

td,th {
    padding: 0 1.375em;
    border-right: 1px solid #ddd
}

td:last-child,th:last-child {
    border-right: 0
}

td {
    font-size: .875em
}

thead tr {
    height: 3.125em;
    margin: .5em 0
}

thead tr td,thead tr th {
    font-size: 1em;
    font-weight: 600;
    border-bottom: 1px solid #ddd
}

tbody tr {
    height: 3.125em
}

tbody tr:nth-child(odd) {
    background: #f0f0f0
}

tbody tr:nth-child(odd) td {
    background: #f0f0f0;
    margin: 0
}

table code {
    background: #dbdbdb
}

.tree-table {
    margin-top: 2em;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.08)
}

.tree-table .main-row .tree-table-row.idented-1 {
    display: none
}

.tree-table .main-row .tree-table-row.idented-2 {
    display: none
}

.tree-table .main-row .tree-table-row.idented-3 {
    display: none
}

.tree-table .main-row .tree-table-row .chevron {
    width: 15px;
    padding: 0
}

.tree-table .main-row .tree-table-row .dropdown__trigger .chevron::before {
    width: .5em;
    height: .5em;
    display: block;
    border-bottom: .0625em solid #999;
    border-right: .0625em solid #999;
    content: '';
    transform: rotate(45deg)
}

.tree-table .main-row.active .tree-table-row.idented-1 {
    display: -ms-flexbox;
    display: flex
}

.tree-table .main-row.active .tree-table-row.idented-2 {
    display: -ms-flexbox;
    display: flex
}

.tree-table .main-row.active .tree-table-row.idented-3 {
    display: -ms-flexbox;
    display: flex
}

.tree-table .main-row.active .tree-table-row .dropdown__trigger .chevron::before {
    transform: rotate(-135deg) translateX(-50%) translateY(-50%)
}

.tree-table-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #DDDDDD;
    font-weight: 600
}

.tree-table-header span:first-child {
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    border-right: 1px #DDDDDD solid
}

.slug {
    color: #c60000
}

.tree-table-header span:nth-child(2) {
    padding: 10px;
    width: 15%;
    border-right: 1px #ddd solid
}

.tree-table-header span:nth-child(3) {
    padding: 10px;
    width: 50%
}

@media only screen and (max-width: 599px) {
    .tree-table-header {
        display: none;
    }
}

.tree-table-row span.required::after {
    position: relative;
    display: block;
    bottom: 2px;
    content: 'REQUIRED';
    font-size: 0.7em;
    color: #f4b446
}

.tree-table-row span.idented-1 {
    padding-left: 60px!important
}

.tree-table-row span.idented-2 {
    padding-left: 90px!important
}

.tree-table-row span.idented-3 {
    padding-left: 120px!important
}

.tree-table-row span {
    font-size: 1em
}

.tree-table-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 599px) {
    .tree-table-row {
        align-items: flex-start;
        flex-direction: column;
        padding-left: 1rem;
        padding-top: 1rem;
    }

    .tree-table-row > span {
        padding: 12px 0 !important;
        position: relative;
        width: auto !important;
    }

    .tree-table-row > span::before {
        color: rgba(197, 197, 197);
        content: attr(data-title);
        font-size: 0.8rem;
        font-weight: 400;
        position: absolute;
        top: -0.2rem;
    }
}

.tree-table-row.clickable {
    cursor: pointer
}

.tree-table-row.clickable:hover {
    background: #f7f7f7
}

.tree-table-row span {
    font-size: .875em
}

.tree-table-row span:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    width: 35%;
    padding: 10px 10px 10px 15px
}

.tree-table-row span:nth-child(2) {
    width: 15%;
    padding: 10px
}

.tree-table-row span:nth-child(3) {
    display: flex;
    padding: 10px;
    width: 50%;
}

.enum-row {
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    -ms-flex-align: center;
    align-items: center
}

.enum-row span {
    padding-bottom: 2px!important;
    padding-top: 2px!important
}

.enum-row span:first-child {
    color: #53b768
}

.enum-row span:nth-child(2) {
    width: 50%
}

.two-table {
    margin: 1.5rem 0;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.08)
}

.two-table-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    font-weight: 600
}

.two-table-header span:first-child {
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    border-right: 1px #ddd solid
}

.slug {
    color: #c60000
}

.two-table-header span:nth-child(2) {
    padding: 10px;
    width: 65%;
}


@media only screen and (max-width: 599px) {
    .two-table-header {
        display: none;
    }
}

.two-table-row span.dropdown__trigger::before {
    width: .5em;
    height: .5em;
    position: relative;
    display: block;
    left: -21px;
    bottom: -18px;
    border-bottom: .0625em solid #999;
    border-right: .0625em solid #999;
    content: '';
    transform: rotate(45deg) translateY(-100%)
}

.two-table-row span.required::after {
    position: relative;
    display: block;
    bottom: 2px;
    content: 'REQUIRED';
    font-size: .7em;
    color: #f4b446
}

.two-table-row span.idented-1 {
    padding-left: 2rem;
}

.two-table-row span.idented-2 {
    padding-left: 4rem;
}

.two-table-row span.idented-3 {
    padding-left: 6rem;
}

.two-table-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F0F0F0;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 1.5rem;
}

@media only screen and (max-width: 599px) {
    .two-table-row {
        align-items: flex-start;
        flex-direction: column;
        padding-left: 1rem;
        padding-top: 1rem;
    }

    .two-table-row.status-code {
        padding-bottom: 1rem;
    }

    .two-table-row.status-code > span {
        font-size: 1rem;
    }

    .two-table-row > span {
        overflow: auto;
        padding: 12px 0 !important;
        position: relative;
        width: 100% !important;
        word-break: break-word;
    }

    .two-table-row > span::before {
        color: rgba(197, 197, 197);
        content: attr(data-title);
        font-size: 0.8rem;
        font-weight: 400;
        position: absolute;
        top: -0.2rem;
    }
}

.two-table-row.clickable {
    cursor: pointer
}

.two-table-row.clickable:hover {
    background: #f7f7f7
}

.two-table-row span {
    font-size: 0.875rem
}

.two-table-row span:first-child {
    font-weight: 700;
    width: 32%;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.two-table-row span:nth-child(2) {
    width: 65%;
    padding: 1rem;
}

.two-table-row.status-code {
    background-color: #E9E9E9;
}

.enum-row {
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    -ms-flex-align: center;
    align-items: center
}

.enum-row span {
    padding-bottom: 2px!important;
    padding-top: 2px!important
}

.enum-row span:first-child {
    color: #53b768
}

.enum-row span:nth-child(2) {
    width: 65%
}

.c-404 {
    margin-top: 2.5em
}

.c-404__img {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em
}

.c-404__img svg {
    display: block;
    margin: 0 auto
}

.c-404__title {
    max-width: 12.5em;
    margin: 0 auto;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #333
}

.c-404__img-arrows {
    animation: compass-lost 3.5s ease-in-out infinite
}

@keyframes compass-lost {
    0% {
        transform: rotate(-20deg);
        transform-origin: center
    }

    50% {
        transform: rotate(20deg);
        transform-origin: center
    }

    100% {
        transform: rotate(-20deg);
        transform-origin: center
    }
}

.card {
    padding: 1.5rem;
    background: #FFFFFF;
    overflow: auto;
    border-radius: 0.5rem;
    margin-top: 2rem;
    font-size: 0.875em;
    box-shadow: 0.07143em 0.14286em 0.21429em 0 rgba(0, 0, 0, 0.1)
}

.card :last-child,blockquote :last-child {
    margin-bottom: 0
}

.card :first-child,blockquote :first-child {
    margin-top: 0
}

.card ol,.card ul,blockquote ol,blockquote ul {
    padding-left: 1.42857em;
    margin: 1.14286em 0
}

.card li,blockquote li {
    margin: 0
}

.card-info p:first-child,.card-warning p:first-child {
    font-size: 1.14286em;
    margin-bottom: .28571em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #f57819
}

.card-info p:first-child::before,.card-warning p:first-child::before {
    height: 1.3125em;
    width: 1.3125em;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #f57819;
    content: '!';
    text-align: center;
    margin-right: .5em;
    font-weight: 600;
    line-height: 1.0625em;
    padding-left: .0625em
}

.card-note {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}

.card-note p {
    margin: 0;
    overflow: hidden
}

.card-note p:first-child {
    float: left;
    padding: .25em .625em .25em .6875em;
    margin-right: 1em;
    font-size: .75em;
    font-weight: 600;
    letter-spacing: .0625em;
    text-transform: uppercase;
    border: 1px solid #e24d8b;
    border-radius: 50px;
    color: #e24d8b
}

.card-highlight {
    font-size: 1em;
    text-align: center;
    margin: 1em 0
}

.card-highlight-icon,.card-highlight-icon:first-child {
    display: block;
    margin: .75em 0;
    height: 110px
}

.card-highlight-icon svg {
    display: block;
    width: auto;
    max-height: 6.875em;
    margin: 0 auto
}

.card-highlight h3 {
    margin-top: 0
}

.card__link-icon {
    display: inline-block;
    width: .625em
}

.card-actions {
    margin-top: 1.5em
}

.arrow-link {
    display: block;
    margin: .25em 0
}

.arrow-link:focus {
    text-decoration: none
}

.arrow-link__icon {
    display: inline-block;
    height: .5625em;
    width: .5625em;
    visibility: visible;
    transition: transform 120ms ease-out
}

.arrow-link:focus .arrow-link__icon,.arrow-link:hover .arrow-link__icon {
    transform: translateX(.3125em)
}

.modules-brands {
    display: block;
    width: 100%;
    max-width: 800px;
    padding: 0;
    margin: 35px 0;
    list-style: none
}

.modules-brands__item {
    width: 120px;
    height: 34px;
    float: left;
    margin: 15px;
    border: solid 1px #ddd;
    border-radius: 3px;
    background: #fff
}

.modules-brands__item a {
    display: block;
    height: 100%;
    margin: 0 auto;
    background: url(../images/modules.png) no-repeat
}

.modules-brands__item.magento a {
    width: 94px;
    background-position: -600px -348px
}

.modules-brands__item.presta a {
    background-position: -1161px -147px;
    width: 101px
}

.modules-brands__item.woo a {
    background-position: -1419px -52px;
    width: 107px
}

.modules-brands__item.wp a {
    background-position: -700px -297px;
    width: 108px
}

.modules-brands__item.shopify a {
    background-position: -1678px 2px;
    width: 101px
}

.modules-brands__item.open-cart a {
    background-position: -1031px -189px;
    width: 99px
}

.modules-brands__item.oscommerce a {
    background-position: -900px -242px;
    width: 104px
}

.modules-brands__item.zen a {
    background-position: -1799px 0;
    width: 100px
}

.modules-brands__item.virtue-mart a {
    background-position: -1549px -23px;
    width: 95px
}

.iconsgrid {
    display: -ms-flexbox;
    display: flex
}

.iconsgrid a {
    display: block;
    width: 64px;
    height: 64px;
    margin-right: 19px;
    background: #fff;
    overflow: hidden;
    border-radius: .25em;
    font-size: .875em;
    box-shadow: .07143em .14286em .21429em 0 rgba(0,0,0,.1)
}

.iconjavascript {
    background-image: url(../images/Javascript.svg)
}

.iconphp {
    background-image: url(../images/Php.svg)
}

.iconjava {
    background-image: url(../images/Java.svg)
}

.icondotnet {
    background-image: url(../images/DotNet.svg)
}

.iconnodejs {
    background-image: url(../images/NodeJS.svg)
}

.iconruby {
    background-image: url(../images/Ruby.svg)
}

.iconpython {
    background-image: url(../images/Python.svg)
}

.pl-icons-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.pl-icons-grid a {
    display: block;
    width: 96px;
    height: 96px
}

#credentials-card h3 {
    margin: 2em 0 0
}

#credentials-card .card-inner {
    margin-left: 1em;
    margin-right: 1em
}

#version-warning-container {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em
}

#version-warning-container span.wording {
    font-size: .77778em
}

#version-warning-container ul#version-list {
    margin: .5em 0;
    line-height: .5em
}

#version-warning-container ul#version-list li {
    font-size: .77778em
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-button {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1;
    padding: .77778em 1.77778em;
    text-align: center;
    border-radius: .25em;
    transition: .18s ease-out;
    transition-property: background,color;
    -webkit-font-smoothing: antialiased
}

.andes-button:link {
    text-decoration: none
}

.andes-button,.andes-button * {
    box-sizing: border-box
}

.andes-button svg {
    display: inline-block;
    vertical-align: middle;
    max-width: 1em;
    max-height: 1em
}

.andes-button__content {
    display: block
}

.andes-button__content:after {
    content: '';
    display: table;
    clear: both
}

.andes-button__content * {
    display: block;
    float: left
}

.andes-button__text+svg,svg+.andes-button__text {
    margin-left: .88889em
}

.andes-button--small {
    font-size: 16px;
    padding: .6875em 1.5em
}

.andes-button--small svg {
    display: none
}

.andes-button--small .andes-button__text {
    margin: 0
}

.andes-button--filled {
    border: .05556em solid;
    cursor: pointer;
    transition: box-shadow .25s ease-out,background-color .2s ease-out;
    box-shadow: 0 0 0 0 #fff
}

.andes-button--filled,.andes-button--filled:focus,.andes-button--filled:link,.andes-button--filled:visited {
    border-color: #e24d8b;
    background-color: #e24d8b;
    color: #fff
}

.andes-button--filled path,.andes-button--filled:focus path,.andes-button--filled:link path,.andes-button--filled:visited path {
    stroke: #fff!important
}

.andes-button--filled:hover {
    border-color: #1b87c9;
    background-color: #1b87c9;
    color: #fff;
    transition: background-color .2s ease-in
}

.andes-button--filled:hover path {
    stroke: #fff!important
}

.andes-button--filled:active {
    border-color: #1572ab;
    background-color: #1572ab;
    color: #fff
}

.andes-button--filled:active path {
    stroke: #fff!important
}

.andes-button--filled:disabled,.andes-button--filled[disabled] {
    border-color: rgba(0,0,0,.05);
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.3);
    cursor: default;
    background-clip: padding-box
}

.andes-button--filled:disabled path,.andes-button--filled[disabled] path {
    stroke: rgba(0,0,0,.3)!important
}

.andes-button--filled:focus {
    outline: 0;
    box-shadow: 0 0 0 .16667em rgba(27,135,201,.4);
    transition: box-shadow .25s ease-in
}

.andes-button--outline {
    border: .05556em solid;
    cursor: pointer;
    transition: box-shadow .25s ease-out,background-color .2s ease-out;
    box-shadow: 0 0 0 0 #fff
}

.andes-button--outline,.andes-button--outline:focus,.andes-button--outline:link,.andes-button--outline:visited {
    border-color: #e24d8b;
    background-color: transparent;
    color: #e24d8b
}

.andes-button--outline path,.andes-button--outline:focus path,.andes-button--outline:link path,.andes-button--outline:visited path {
    stroke: #e24d8b!important
}

.andes-button--outline:hover {
    border-color: #1c8acf;
    background-color: rgba(0,158,227,.06);
    color: #1c8acf;
    transition: background-color .2s ease-in
}

.andes-button--outline:hover path {
    stroke: #1c8acf!important
}

.andes-button--outline:active {
    border-color: #1c8acf;
    background-color: rgba(0,158,227,.12);
    color: #1c8acf
}

.andes-button--outline:active path {
    stroke: #1c8acf!important
}

.andes-button--outline:disabled,.andes-button--outline[disabled] {
    border-color: rgba(51,51,51,.2);
    background-color: #fff;
    color: rgba(51,51,51,.3);
    cursor: default;
    background-clip: padding-box
}

.andes-button--outline:disabled path,.andes-button--outline[disabled] path {
    stroke: rgba(51,51,51,.3)!important
}

.andes-button--outline:focus {
    outline: 0;
    box-shadow: 0 0 0 .16667em rgba(0,158,227,.15);
    transition: box-shadow .25s ease-in
}

.andes-button--transparent {
    border: .05556em solid;
    cursor: pointer;
    transition: box-shadow .25s ease-out,background-color .2s ease-out;
    box-shadow: 0 0 0 0 #e24d8b
}

.andes-button--transparent,.andes-button--transparent:focus,.andes-button--transparent:link,.andes-button--transparent:visited {
    border-color: transparent;
    background-color: transparent;
    color: #e24d8b
}

.andes-button--transparent path,.andes-button--transparent:focus path,.andes-button--transparent:link path,.andes-button--transparent:visited path {
    stroke: #e24d8b!important
}

.andes-button--transparent:hover {
    border-color: transparent;
    background-color: rgba(0,158,227,.06);
    color: #1c8acf;
    transition: background-color .2s ease-in
}

.andes-button--transparent:hover path {
    stroke: #1c8acf!important
}

.andes-button--transparent:active {
    border-color: transparent;
    background-color: rgba(0,158,227,.12);
    color: #1c8acf
}

.andes-button--transparent:active path {
    stroke: #1c8acf!important
}

.andes-button--transparent:disabled,.andes-button--transparent[disabled] {
    border-color: #fff;
    background-color: #fff;
    color: rgba(0,0,0,.3);
    cursor: default;
    background-clip: padding-box
}

.andes-button--transparent:disabled path,.andes-button--transparent[disabled] path {
    stroke: rgba(0,0,0,.3)!important
}

.andes-button--transparent:focus {
    outline: 0;
    box-shadow: 0 0 0 .16667em rgba(0,158,227,.3);
    transition: box-shadow .25s ease-in
}

.andes-button--white {
    border: .05556em solid;
    cursor: pointer;
    transition: box-shadow .25s ease-out,background-color .2s ease-out;
    box-shadow: 0 0
}

.andes-button--white,.andes-button--white:focus,.andes-button--white:link,.andes-button--white:visited {
    border-color: transparent;
    background-color: rgba(255,255,255,0);
    color: #fff
}

.andes-button--white path,.andes-button--white:focus path,.andes-button--white:link path,.andes-button--white:visited path {
    stroke: #fff!important
}

.andes-button--white:hover {
    border-color: none;
    background-color: rgba(255,255,255,.04);
    color: #fff;
    transition: background-color .2s ease-in
}

.andes-button--white:hover path {
    stroke: #fff!important
}

.andes-button--white:active {
    border-color: none;
    background-color: rgba(255,255,255,.04);
    color: #fff
}

.andes-button--white:active path {
    stroke: #fff!important
}

.andes-button--white:disabled,.andes-button--white[disabled] {
    border-color: rgba(255,255,255,0);
    background-color: rgba(255,255,255,0);
    color: rgba(0,0,0,.3);
    cursor: default;
    background-clip: padding-box
}

.andes-button--white:disabled path,.andes-button--white[disabled] path {
    stroke: rgba(0,0,0,.3)!important
}

.andes-button--white:focus {
    outline: 0;
    box-shadow: 0 0 0 .16667em none;
    transition: box-shadow .25s ease-in
}

.andes-button {
    width: 100%;
    display: block
}

.andes-button+.andes-button {
    margin-top: .44444em
}

.andes-button--small {
    width: auto;
    display: inline-block
}

.andes-button--small+.andes-button--small {
    margin: .5em 0 0 .5em
}

@media (min-width: 768px) {
    .andes-button {
        display:inline-block;
        width: auto;
        min-width: 7.88889em
    }

    .andes-button+.andes-button {
        margin: 0 0 0 .44444em
    }

    .andes-button--small {
        min-width: 0
    }

    .andes-button--small+.andes-button--small {
        margin: 0 0 0 .5em
    }
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-form-control {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    position: relative;
    padding-top: .77778em;
    font-weight: 400;
    display: block;
    -webkit-font-smoothing: antialiased
}

.andes-form-control__border,.andes-form-control__control,.andes-form-control__field,.andes-form-control__label,.andes-form-control__message {
    display: block;
    width: 100%
}

.andes-form-control__label {
    font-size: 1em;
    line-height: 1;
    color: #999;
    transition: .2s ease-out;
    transition-property: transform,color
}

.andes-form-control__field {
    font-size: inherit;
    font-family: inherit;
    color: #333;
    line-height: 1;
    background: 0 0;
    border: 0;
    padding: 0;
    margin: .44444em 0 .33333em;
    resize: none;
    overflow: hidden
}

.andes-form-control---validated-icon {
    right: 0;
    opacity: 0;
    position: absolute;
    top: 1.5625em;
    animation: show-valid-ckeck .5s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.andes-form-control__message {
    font-size: .77778em;
    line-height: 1em;
    color: #666;
    margin-top: .44444em;
    opacity: 0;
    transition: opacity 150ms ease-out
}

.andes-form-control__border {
    position: relative;
    background-color: #ccc;
    top: -.05556em;
    height: .05556em;
    width: 100%
}

.andes-form-control__border:after {
    content: '';
    position: absolute;
    height: .11111em;
    width: 100%;
    transition: transform .25s ease;
    transform: scaleX(0)
}

.andes-form-control:hover .andes-form-control__label {
    color: #666
}

.andes-form-control:hover .andes-form-control__message {
    opacity: 1
}

.andes-form-control:hover .andes-form-control__border:after {
    transform: scaleX(1);
    background-color: #666
}

.andes-form-control__field:focus {
    outline: 0
}

.andes-form-control--focused .andes-form-control__message,.andes-form-control__field:focus~.andes-form-control__message {
    opacity: 1
}

.andes-form-control--focused .andes-form-control__border:after,.andes-form-control__field:focus+.andes-form-control__border:after {
    transform: scaleX(1);
    background-color: #e24d8b!important
}

.andes-form-control--floated .andes-form-control__label,.andes-form-control--focused .andes-form-control__label {
    cursor: text;
    transform: scale(.77778)!important
}

.andes-form-control--invalid .andes-form-control__message {
    color: #f04449;
    font-weight: 600;
    opacity: 1
}

.andes-form-control--invalid .andes-form-control--focused .andes-form-control__border:after,.andes-form-control--invalid .andes-form-control__field:focus+.andes-form-control__border:after {
    transform: scaleX(1);
    background-color: #f04449!important
}

.andes-form-control--invalid .andes-form-control__border:after {
    transform: scaleX(1);
    background-color: #f04449!important
}

.andes-form-control--disabled .andes-form-control__field {
    color: #999
}

.andes-form-control--disabled .andes-form-control__border {
    background-image: linear-gradient(to right,#ccc 0,#ccc 50%,transparent 50%);
    background-position: 0 top;
    background-size: 6px 100%;
    background-repeat: repeat-x;
    background-color: transparent
}

.andes-form-control--disabled .andes-form-control__border:after {
    display: none
}

.andes-form-control__border--indeterminate {
    height: .11111em
}

.andes-form-control__border--indeterminate:after {
    content: '';
    position: absolute;
    height: .11111em;
    background-color: #e24d8b;
    animation: animation-indeterminate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: scaleX(1)
}

.andes-form-control__border--validated {
    height: .11111em
}

.andes-form-control__border--validated:after {
    content: '';
    position: absolute;
    height: .11111em;
    background-color: #e24d8b;
    animation: animation-validated;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    transform: scaleX(1)
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

@keyframes animation-indeterminate {
    0% {
        left: 0;
        width: 5%
    }

    50% {
        left: 15%;
        width: 60%
    }

    100% {
        left: 101%;
        width: 0
    }
}

@keyframes animation-validated {
    0% {
        left: 50%;
        width: 0%
    }

    50% {
        left: 25%;
        width: 60%
    }

    100% {
        left: 0;
        width: 100%
    }
}

@keyframes show-valid-ckeck {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.andes-form-control--textfield .andes-form-control__label {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(135%);
    transform-origin: left 50% 0;
    transition: .2s ease-out;
    transition-property: transform,color;
    cursor: text
}

.andes-form-control--multiline .andes-form-control__field {
    line-height: 1.3;
    min-height: 1.33333em
}

.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field {
    border: .11111em solid #f04449
}

.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field:hover:not(:focus) {
    border: .11111em solid #f04449
}

.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field:focus {
    border: .11111em solid #f04449
}

.andes-form-control--textbox.andes-form-control--disabled .andes-form-control__field {
    border: 0;
    background-color: #f2f2f2
}

.andes-form-control--textbox.andes-form-control--disabled .andes-form-control__field:hover {
    border: 0
}

.andes-form-control--textbox.andes-form-control--multiline .andes-form-control__field {
    min-height: 7.83333em
}

.andes-form-control--textbox .andes-form-control__label {
    transform: translateY(190%);
    transform-origin: -15% 50% 0;
    padding-left: .625em;
    padding-top: 1px;
    pointer-events: none
}

.andes-form-control--textbox .andes-form-control__field {
    border: .05556em solid #ccc;
    border-radius: .22222em;
    padding: .625em
}

.andes-form-control--textbox .andes-form-control__field:hover {
    border: .11111em solid #666;
    margin-bottom: .22222em
}

.andes-form-control--textbox .andes-form-control__field:focus {
    border: .11111em solid #e24d8b;
    margin-bottom: .22222em
}

.andes-form-control--textbox .andes-form-control__border {
    display: none
}

.andes-form-control--countdown .andes-form-control__countdown,.andes-form-control--countdown .andes-form-control__message {
    display: inline-block
}

.andes-form-control--countdown .andes-form-control__message {
    width: 80%
}

.andes-form-control--countdown .andes-form-control__countdown {
    width: 20%;
    text-align: right;
    font-size: .66667em;
    color: #999;
    line-height: 1;
    vertical-align: top;
    margin-top: .44444em;
    float: right
}

.andes-form-control--sectioned .andes-form-control__control {
    display: table;
    table-layout: fixed;
    width: 100%
}

.andes-form-control--sectioned .andes-form-control__field {
    display: table-cell;
    width: 100%
}

.andes-form-control__field:-ms-input-placeholder {
    opacity: 1;
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field::placeholder {
    opacity: 1;
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field::-webkit-input-placeholder {
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field::-moz-placeholder {
    opacity: 1;
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field:-moz-placeholder {
    opacity: 1;
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field:-ms-input-placeholder {
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field::-ms-input-placeholder {
    color: #ccc;
    font-size: 18px
}

.andes-form-control__field:-moz-placeholder {
    color: #ccc;
    font-size: 18px
}

.andes-form-control--focused .andes-form-control__prefix,.andes-form-control--focused .andes-form-control__suffix {
    transition: opacity .2s ease-in
}

.andes-form-control--focused .andes-form-control__prefix+.andes-form-control__label {
    transform: translateY(120%) translateX(3em)
}

.andes-form-control--focused .andes-form-control__prefix span {
    overflow: hidden;
    display: block
}

.andes-form-control__prefix,.andes-form-control__suffix {
    color: #999;
    white-space: nowrap;
    opacity: 0;
    display: table-cell;
    transition: opacity .2s ease-out;
    width: 2.22222em;
    opacity: 1;
    padding-right: .44444em
}

.andes-form-control__suffix {
    padding-left: .44444em;
    text-align: right
}

.andes-form-control__link {
    position: absolute;
    right: 0;
    top: 1em;
    padding: .625em;
    color: #1572ab;
    font-size: .75em;
    text-decoration: none
}

.andes-form-control__link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    transition: opacity .2s ease-out;
    background: 0 0;
    opacity: 0
}

.andes-form-control__link:hover:before {
    transition: background-color .2s ease-in;
    opacity: .06;
    background: #e24d8b
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-dropdown {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.andes-dropdown__trigger {
    cursor: pointer;
    color: #333;
    font: inherit;
    font-size: 1.125em;
    padding: .22222em .33333em;
    margin: 0;
    border: 0;
    background: 0 0;
    border-radius: .22222em;
    transition: color .18s ease-out;
    outline: 0
}

.andes-dropdown__trigger::-moz-focus-inner {
    border: 0
}

.andes-dropdown__trigger:hover {
    color: #e24d8b
}

.andes-dropdown__trigger:hover .andes-dropdown__arrow:after {
    border-color: #e24d8b
}

.andes-dropdown__trigger:focus {
    box-shadow: 0 0 0 .1875em rgba(0,158,227,.3)
}

.andes-dropdown__popover {
    background-color: #fff;
    overflow: hidden;
    border-radius: .22222em;
    box-shadow: 0 .1875em .25em 0 rgba(0,0,0,.2),0 0 .0625em 0 rgba(0,0,0,.2);
    min-width: 12.5em;
    position: absolute;
    display: none;
    left: -1.6em
}

.andes-dropdown--open .andes-dropdown__popover {
    display: block
}

.andes-dropdown__field {
    position: relative
}

.andes-dropdown__arrow {
    position: relative;
    display: inline-block;
    width: .66667em;
    height: .44444em;
    pointer-events: none;
    background: 0 0;
    margin-left: .44444em
}

.andes-dropdown__arrow::after {
    position: absolute;
    top: -.11111em;
    left: .11111em;
    width: .33333em;
    height: .33333em;
    background: inherit;
    border-right: .11111em solid #999;
    border-bottom: .11111em solid #999;
    transform: rotate(45deg);
    transition: border-color .18s ease-out;
    content: ''
}

:focus~.andes-dropdown__arrow::after {
    border-color: #e24d8b
}

.andes-dropdown--compact .andes-dropdown__trigger {
    font-size: .875em;
    padding: .42857em;
    border-radius: .28571em
}

.andes-dropdown--compact .andes-dropdown__chevron {
    margin-left: .28571em;
    top: .07143em
}

.andes-dropdown--compact .andes-dropdown__popover {
    padding: .57143em 0;
    border-radius: .28571em;
    min-width: 9.375em;
    left: -.6em
}

.andes-dropdown--compact .andes-list__item+.andes-list__item {
    border: 0
}

.andes-dropdown--form.andes-form-control--invalid .andes-dropdown__arrow:after,.andes-dropdown--form.andes-form-control--invalid:hover .andes-dropdown__arrow:after {
    border-color: #f04449
}

.andes-dropdown--form:hover .andes-dropdown__arrow:after {
    border-color: #666
}

.andes-dropdown--form.andes-form-control {
    padding-top: 0;
    margin: 1em
}

.andes-dropdown--form .andes-form-control__label {
    font-size: .77778em
}

.andes-dropdown--form .andes-dropdown__arrow {
    position: absolute;
    bottom: .6em;
    right: 0;
    z-index: 1
}

.andes-dropdown--form .andes-form-control__field option {
    padding: 0
}

.andes-dropdown--form .andes-form-control__field::-moz-focus-inner {
    border: 0;
    padding: 0
}

.andes-dropdown--form .andes-form-control__field:focus {
    outline: 0
}

.andes-dropdown--form .andes-form-control__field:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #333
}

@supports ((-webkit-appearance: none) or (-moz-appearance:none) or (appearance:none)) {
    .andes-dropdown--form .andes-form-control__field {
        appearance:none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: 0 0
    }

    .andes-dropdown--form .andes-dropdown__arrow {
        background: inherit
    }
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-card {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: .25em;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.15);
    padding: 32px
}

.andes-card--raised {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.07),0 20px 25px 0 rgba(0,0,0,.15)
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-checkbox {
    position: relative;
    cursor: pointer;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.andes-checkbox__mimic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.andes-checkbox__mimic:before {
    width: 18px;
    height: 18px;
    line-height: 1;
    position: absolute;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23ccc" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3Cpath fill="%23fff" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/%3E%3C/g%3E%3C/svg%3E');
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.andes-checkbox__mimic:after {
    width: 18px;
    height: 18px;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23ccc" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3Cpath fill="%23fff" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/%3E%3C/g%3E%3C/svg%3E');
    position: absolute;
    left: -.1875em;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease-out;
    border-radius: .3125em;
    border: .1875em solid #e24d8b;
    background: #fff;
    opacity: 0
}

.andes-checkbox__input {
    position: absolute;
    top: 0;
    opacity: 0
}

.andes-checkbox__input:hover~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cpath fill="%23999" fill-rule="nonzero" d="M2 2v14h14V2H2zm0-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3C/svg%3E')
}

.andes-checkbox__input:hover~.andes-checkbox__mimic:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cpath fill="%23999" fill-rule="nonzero" d="M2 2v14h14V2H2zm0-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3C/svg%3E')
}

.andes-checkbox__input[disabled]~.andes-checkbox__label {
    color: #999
}

.andes-checkbox__input[disabled]~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23ccc" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3Cpath fill="%23fff" d="M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox__input:checked~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23009ee3" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" d="M7.286 14L3 9.673l1.2-1.211 3.086 3.115L13.8 5 15 6.212z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox__input:checked~.andes-checkbox__mimic:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23009ee3" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" d="M7.286 14L3 9.673l1.2-1.211 3.086 3.115L13.8 5 15 6.212z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%231b87c9" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" d="M7.286 14L3 9.673l1.2-1.211 3.086 3.115L13.8 5 15 6.212z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 018 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23ccc" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" d="M7.286 14L3 9.673l1.2-1.211 3.086 3.115L13.8 5 15 6.212z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox__input:focus~.andes-checkbox__mimic:after {
    opacity: .4
}

.andes-checkbox__label {
    display: inline-block;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.andes-checkbox__label-text {
    padding-left: 1.66667em
}

.andes-checkbox--embedded .andes-checkbox__mimic:before {
    width: 10px;
    height: 10px;
    top: 38%;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="%23009ee3" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__label {
    font-size: 12px;
    color: #e24d8b;
    padding-left: 1.16667em
}

.andes-checkbox--embedded .andes-checkbox__input:checked~.andes-checkbox__mimic:before {
    width: 10px;
    height: 10px;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Crect width="10" height="10" fill="%23009ee3" rx="2"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__input:checked~.andes-checkbox__mimic:after {
    transition: opacity .1s;
    opacity: .12
}

.andes-checkbox--embedded .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Crect width="10" height="10" fill="%23009ee3" rx="2"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:after {
    transform: translateY(-50%) scale(1)
}

.andes-checkbox--embedded .andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
    width: 10px;
    height: 10px;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Crect width="10" height="10" fill="%23ccc" rx="2"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__input~.andes-checkbox__mimic:after {
    content: '';
    width: 100%;
    height: 2em;
    left: -.5em;
    top: 50%;
    transition: opacity .2s ease-out;
    background: #e24d8b;
    border: 0;
    padding: 0 .5em;
    border-radius: 0;
    opacity: 0
}

.andes-checkbox--embedded .andes-checkbox__input:hover~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="%23009ee3" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__input:hover~.andes-checkbox__mimic:after {
    opacity: .06
}

.andes-checkbox--embedded .andes-checkbox__input:focus~.andes-checkbox__mimic:after {
    transition: opacity .1s;
    opacity: .12
}

.andes-checkbox--embedded .andes-checkbox__input[disabled]~.andes-checkbox__mimic:before {
    width: 10px;
    height: 10px;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="%23ccc" fill-rule="nonzero" d="M2 1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/%3E%3C/svg%3E')
}

.andes-checkbox--embedded .andes-checkbox__input[disabled]~.andes-checkbox__mimic:after {
    display: none
}

.andes-checkbox--label-before .andes-checkbox__label {
    padding-left: 0;
    padding-right: 1.66667em
}

.andes-checkbox--label-before .andes-checkbox__mimic:before {
    left: auto;
    right: 0
}

.andes-checkbox--label-before .andes-checkbox__mimic:after {
    left: auto;
    right: -.1875em
}

.andes-checkbox--indeterminate .andes-checkbox__input:checked~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23009ee3" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M4 10V8h10v2z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox--indeterminate .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%231b87c9" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M4 10V8h10v2z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox--indeterminate .andes-checkbox__input:checked~.andes-checkbox__mimic:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23009ee3" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M4 10V8h10v2z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox--indeterminate .andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23ccc" d="M0 2.503A2.502 2.502 0 0 1 2.503 0h12.994A2.502 2.502 0 0 1 18 2.503v12.994A2.502 2.502 0 0 1 15.497 18H2.503A2.502 2.502 0 0 1 0 15.497V2.503z"/%3E%3Cpath fill="%23fff" fill-rule="nonzero" d="M4 10V8h10v2z"/%3E%3C/g%3E%3C/svg%3E')
}

.andes-checkbox--disabled {
    cursor: default
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-card {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: .25em;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.15);
    padding: 32px
}

.andes-card--raised {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.07),0 20px 25px 0 rgba(0,0,0,.15)
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-card.ui-congrats {
    padding: 0!important
}

.ui-congrats {
    text-align: center;
    padding: 0!important
}

.ui-congrats--success {
    background-color: #40c426
}

.ui-congrats--error {
    background-color: #f9726f
}

.ui-congrats--warning {
    background-color: #f57819
}

.ui-congrats__title {
    color: #fff;
    margin-top: 1em
}

.ui-congrats__subtitle {
    color: #fff;
    margin-top: 1em
}

.ui-congrats__bottom {
    background-color: #fff;
    padding: 3.125em
}

.ui-congrats {
    margin: 1.5em 0
}

.ui-congrats__top {
    padding: 4em 3em 3em
}

.andes-card.ui-congrats {
    padding: 0!important
}

.ui-congrats {
    text-align: center;
    padding: 0!important
}

.ui-congrats--success {
    background-color: #40c426
}

.ui-congrats--error {
    background-color: #f9726f
}

.ui-congrats--warning {
    background-color: #f57819
}

.ui-congrats__title {
    color: #fff;
    margin-top: 1em
}

.ui-congrats__subtitle {
    color: #fff;
    margin-top: 1em
}

.ui-congrats__bottom {
    background-color: #fff;
    padding: 3.125em
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-spinner {
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px
}

.andes-spinner--inline {
    position: relative
}

.andes-spinner--inline .andes-spinner__container {
    position: absolute
}

.andes-spinner--inline .andes-spinner__icon {
    margin: 0
}

.andes-spinner--block {
    position: absolute;
    z-index: 1020
}

.andes-spinner--block .andes-spinner__container {
    z-index: 1021
}

.andes-spinner--fullscreen {
    position: fixed;
    z-index: 1021
}

.andes-spinner--fullscreen .andes-spinner__container {
    z-index: 1022
}

.andes-spinner--block,.andes-spinner--fullscreen,.andes-spinner__mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.andes-spinner--block .andes-spinner__container,.andes-spinner--fullscreen .andes-spinner__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.andes-spinner__container--xxsmall-notlabel {
    width: .75em;
    height: .75em
}

.andes-spinner__container--xxsmall .andes-spinner__label {
    margin-right: 1.66667em;
    font-size: .75em
}

.andes-spinner__container--xsmall-notlabel {
    width: 1.125em;
    height: 1.125em
}

.andes-spinner__container--xsmall .andes-spinner__label {
    margin-right: 2.14286em;
    font-size: .875em
}

.andes-spinner__container--small-notlabel {
    width: 2em;
    height: 2em
}

.andes-spinner__container--small .andes-spinner__label {
    display: block;
    margin-top: 3.42857em;
    min-width: 2em;
    font-size: .875em;
    line-height: 1;
    text-align: center
}

.andes-spinner__container--medium-notlabel {
    width: 3em;
    height: 3em
}

.andes-spinner__container--medium .andes-spinner__label {
    display: block;
    margin-top: 4.125em;
    min-width: 3em;
    line-height: 1;
    text-align: center
}

.andes-spinner__container--large-notlabel {
    width: 4em;
    height: 4em
}

.andes-spinner__container--large .andes-spinner__label {
    display: block;
    margin-top: 4.88889em;
    min-width: 4em;
    font-size: 1.125em;
    text-align: center
}

.andes-spinner__mask {
    position: absolute;
    background-color: rgba(255,255,255,.9)
}

.andes-spinner__mask--highlight {
    background-color: rgba(0,158,227,.9)
}

.andes-spinner--inline .andes-spinner__mask {
    display: none
}

.andes-spinner__icon {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    animation: rotate-all 1s linear infinite
}

.andes-spinner__icon--xxsmall {
    width: .75em;
    height: .75em;
    left: auto;
    margin: auto
}

.andes-spinner__icon--xsmall {
    width: 1.125em;
    height: 1.125em;
    left: auto;
    margin: auto
}

.andes-spinner__icon--small {
    width: 2em;
    height: 2em
}

.andes-spinner__icon--medium {
    width: 3em;
    height: 3em
}

.andes-spinner__icon--large {
    width: 4em;
    height: 4em
}

.andes-spinner__icon-left,.andes-spinner__icon-right {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.andes-spinner__icon-left {
    left: 0
}

.andes-spinner__icon-right {
    right: 0
}

.andes-spinner__icon-border {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 200px 0 0 200px;
    border: 2px solid #e24d8b;
    box-sizing: border-box
}

.andes-spinner__icon-right .andes-spinner__icon-border {
    border-radius: 0 200px 200px 0;
    border-left: 0;
    transform: rotate(-10deg);
    transform-origin: left center;
    animation: rotate-right .75s linear infinite alternate
}

.andes-spinner__icon-right .andes-spinner__icon-border:after {
    bottom: -10px;
    left: -5px
}

.andes-spinner__icon-left .andes-spinner__icon-border {
    border-right: 0;
    transform: rotate(10deg);
    transform-origin: right center;
    animation: rotate-left .75s linear infinite alternate
}

.andes-spinner__icon-left .andes-spinner__icon-border:after {
    bottom: -10px;
    right: -5px
}

.andes-spinner--highlight .andes-spinner__label {
    color: #fff
}

.andes-spinner--highlight .andes-spinner__icon-border {
    border-color: #fff
}

@keyframes rotate-left {
    to {
        transform: rotate(30deg)
    }

    from {
        transform: rotate(175deg)
    }
}

@keyframes rotate-right {
    from {
        transform: rotate(-175deg)
    }

    to {
        transform: rotate(-30deg)
    }
}

@keyframes rotate-all {
    from {
        transform: rotate(0)
    }

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

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1020;
    background-color: rgba(0,0,0,.6);
    opacity: 1;
    animation: fadeIn .2s ease-in-out;
    will-change: opacity
}

.andes-modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    z-index: 1021;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.07),0 20px 25px 0 rgba(0,0,0,.1);
    border-radius: .25em;
    overflow: hidden;
    background: #fff;
    transform: translate(-50%,-50%);
    opacity: 1;
    animation: translateIn .2s ease-in-out,fadeIn .2s ease-in-out;
    will-change: opacity,transform
}

.andes-modal-dialog--closing {
    animation: translateOut .2s ease-in-out,fadeOut .2s ease-in-out;
    transform: translate(-50%,calc(-50% + 20px));
    opacity: 0
}

.andes-modal-bg--closing {
    animation: fadeOut .2s ease-in-out;
    opacity: 0
}

.andes-modal-dialog__button-close {
    position: absolute;
    z-index: 1022
}

.andes-modal-dialog__button-close:after,.andes-modal-dialog__button-close:before {
    opacity: 1
}

.andes-modal-dialog__button-close:hover:after,.andes-modal-dialog__button-close:hover:before {
    background-color: #1e6dff
}

.andes-modal-dialog__container {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    box-sizing: content-box
}

.andes-modal-dialog__content {
    color: rgba(0,0,0,.45);
    -webkit-font-smoothing: antialiased
}

.andes-modal-dialog--is-open {
    overflow: hidden
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes translateIn {
    from {
        transform: translate(-50%,calc(-50% + 20px))
    }

    to {
        transform: translate(-50%,-50%)
    }
}

@keyframes translateOut {
    from {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(-50%,calc(-50% + 20px))
    }
}

.andes-modal-dialog__actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1021;
    transition: box-shadow .2s ease-in-out;
    margin: 0 auto;
    background: #fff
}

.andes-modal-dialog__actions--shadow {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.04),0 1px 2px 0 rgba(0,0,0,.25)
}

.andes-modal .andes-modal-dialog__header-title {
    font-weight: 600;
    line-height: 1.3;
    margin: 0
}

.andes-modal .andes-modal-dialog__header~.andes-modal-dialog__content {
    padding-top: 0;
    padding-bottom: 0
}

.andes-modal-dialog__header--scrolled {
    box-shadow: 0 1px 0 0 rgba(0,0,0,.07),0 0 24px 0 rgba(0,0,0,.1);
    position: absolute;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    z-index: 1021;
    animation: fadeIn .2s ease-in-out;
    opacity: 1
}

.andes-modal-dialog__header--scrolled~.andes-modal-dialog__container .andes-modal-dialog__content {
    padding-top: 0;
    padding-bottom: 0
}

.andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap
}

.andes-modal--full .andes-modal-dialog {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0
}

.andes-modal--full .andes-modal-dialog__button-close {
    position: relative;
    width: 1em;
    height: 1em;
    cursor: pointer;
    position: absolute;
    top: 2em;
    left: 2em
}

.andes-modal--full .andes-modal-dialog__button-close:after,.andes-modal--full .andes-modal-dialog__button-close:before {
    position: absolute;
    left: .5em;
    top: 0;
    content: '';
    height: 1em;
    width: 2px;
    background-color: #e24d8b;
    cursor: pointer
}

.andes-modal--full .andes-modal-dialog__button-close:before {
    transform: rotate(45deg)
}

.andes-modal--full .andes-modal-dialog__button-close:after {
    transform: rotate(-45deg)
}

.andes-modal--full .andes-modal-dialog__content {
    padding: 2em
}

.andes-modal--full .andes-modal-dialog__header {
    padding: 80px 2em 2em
}

.andes-modal--full .andes-modal-dialog__header-title {
    font-size: 2em
}

.andes-modal--full .andes-modal-dialog__actions {
    padding: 1.5em;
    width: auto
}

.andes-modal--full .andes-modal-dialog__header--scrolled {
    padding: 1.5em 4em;
    text-align: center
}

.andes-modal--full .andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
    font-size: 1.25em
}

.andes-modal--full .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
    top: 1.8em;
    margin-top: 0
}

.andes-modal--light .andes-modal-dialog {
    max-height: 22.375em;
    max-width: calc(100% - 64px);
    text-align: center
}

.andes-modal--light .andes-modal-dialog__button-close {
    position: relative;
    width: 1em;
    height: 1em;
    cursor: pointer;
    top: 2em;
    left: 2em
}

.andes-modal--light .andes-modal-dialog__button-close:after,.andes-modal--light .andes-modal-dialog__button-close:before {
    position: absolute;
    left: .5em;
    top: 0;
    content: '';
    height: 1em;
    width: 2px;
    background-color: #fff;
    cursor: pointer
}

.andes-modal--light .andes-modal-dialog__button-close:before {
    transform: rotate(45deg)
}

.andes-modal--light .andes-modal-dialog__button-close:after {
    transform: rotate(-45deg)
}

.andes-modal--light .andes-modal-dialog__content {
    padding: 1.5em
}

.andes-modal--light .andes-modal-dialog__header {
    padding: 1.5em
}

.andes-modal--light .andes-modal-dialog__header-title {
    font-size: 1.25em
}

.andes-modal--light .andes-modal-dialog__actions {
    width: calc(100% - 64px);
    background: 0 0;
    text-align: center;
    bottom: 2em
}

.andes-modal--light .andes-modal-dialog__actions .andes-button--filled {
    display: none
}

.andes-modal--light .andes-modal-dialog--scrolled .andes-modal-dialog__header-title {
    font-size: 1.25em
}

.andes-modal--light .andes-modal-dialog--scrolled .andes-modal-dialog__button-close {
    top: 1.875em;
    margin-top: 0
}

@media (min-width: 768px) {
    .andes-modal-dialog {
        max-width:40em;
        max-height: 30em
    }

    .andes-modal--loose .andes-modal-dialog__button-close {
        position: relative;
        width: 1em;
        height: 1em;
        cursor: pointer;
        position: absolute;
        left: auto;
        right: 4em;
        top: 4em;
        padding: 0;
        margin-top: 14px
    }

    .andes-modal--loose .andes-modal-dialog__button-close:after,.andes-modal--loose .andes-modal-dialog__button-close:before {
        position: absolute;
        left: .5em;
        top: 0;
        content: '';
        height: 1em;
        width: 2px;
        background-color: #e24d8b;
        cursor: pointer
    }

    .andes-modal--loose .andes-modal-dialog__button-close:before {
        transform: rotate(45deg)
    }

    .andes-modal--loose .andes-modal-dialog__button-close:after {
        transform: rotate(-45deg)
    }

    .andes-modal--loose .andes-modal-dialog__content {
        padding: 4em
    }
}

@media (min-width: 768px) {
    .andes-modal--loose .andes-modal-dialog__header-title {
        font-size:2em
    }

    .andes-modal--loose .andes-modal-dialog__header {
        padding: 4em 4em 2em;
        margin-right: 2em
    }
}

@media (min-width: 768px) {
    .andes-modal--loose .andes-modal-dialog__actions {
        padding:1.5em 4em;
        bottom: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    .andes-modal--loose .andes-modal-dialog__header--scrolled {
        padding:1.5em 4em
    }

    .andes-modal--loose .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
        top: 1.5em;
        margin-top: 10px
    }

    .andes-modal--loose .andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
        font-size: 1.5em
    }
}

@media (min-width: 768px) {
    .andes-modal--tight .andes-modal-dialog {
        max-width:40em;
        max-height: 30em
    }

    .andes-modal--tight .andes-modal-dialog__button-close {
        position: relative;
        width: 1em;
        height: 1em;
        cursor: pointer;
        position: absolute;
        right: 2em;
        top: 2em;
        margin-top: 10px
    }

    .andes-modal--tight .andes-modal-dialog__button-close:after,.andes-modal--tight .andes-modal-dialog__button-close:before {
        position: absolute;
        left: .5em;
        top: 0;
        content: '';
        height: 1em;
        width: 2px;
        background-color: #e24d8b;
        cursor: pointer
    }

    .andes-modal--tight .andes-modal-dialog__button-close:before {
        transform: rotate(45deg)
    }

    .andes-modal--tight .andes-modal-dialog__button-close:after {
        transform: rotate(-45deg)
    }

    .andes-modal--tight .andes-modal-dialog__content {
        padding: 2em
    }
}

@media (min-width: 768px) {
    .andes-modal--tight .andes-modal-dialog__header {
        padding:2em;
        padding-right: 68px
    }

    .andes-modal--tight .andes-modal-dialog__header-title {
        font-size: 1.5em
    }
}

@media (min-width: 768px) {
    .andes-modal--tight .andes-modal-dialog__actions {
        padding:1.5em 2em
    }
}

@media (min-width: 768px) {
    .andes-modal--tight .andes-modal-dialog__header--scrolled {
        padding:1.5em 2em
    }

    .andes-modal--tight .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
        top: 1.5em;
        margin-top: 10px
    }
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    width: 25%;
    max-width: initial
}

.andes-width--50 {
    width: 50%;
    max-width: initial
}

.andes-width--75 {
    width: 75%;
    max-width: initial
}

.andes-width--100 {
    width: 100%;
    max-width: initial
}

.andes-width--150 {
    width: 150%;
    max-width: initial
}

.andes-width--200 {
    width: 200%;
    max-width: initial
}

.andes-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
    border: 1px solid #ededed;
    color: rgba(0,0,0,.8);
    font-size: .875em;
    font-weight: 400;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif
}

.andes-table__header {
    background-color: #f5f5f5;
    font-weight: 600
}

.andes-table__column {
    border-bottom: 1px solid #ededed;
    padding: 16px 24px;
    white-space: nowrap
}

.andes-table__row {
    border-bottom: 16px solid #e6e6e6
}

.andes-table__row:last-of-type {
    border: 0
}

.andes-table__body,.andes-table__column,.andes-table__header,.andes-table__row {
    display: block
}

.andes-table__link {
    color: #e24d8b
}

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

.andes-table__column:before {
    content: attr(data-title);
    float: left;
    background-color: #f5f5f5;
    font-weight: 600;
    padding: 16px 24px;
    width: 150px;
    margin: -16px 24px 0 -24px
}

@media (min-width: 768px) {
    .andes-table {
        width:100.1%
    }

    .andes-table__head {
        position: relative;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        width: auto;
        overflow: auto
    }

    .andes-table__row {
        display: table-row
    }

    .andes-table__row:hover {
        background-color: #ededed
    }

    .andes-table__column,.andes-table__header {
        vertical-align: middle;
        display: table-cell;
        text-align: left;
        padding: 15px 16px;
        white-space: normal
    }

    .andes-table__column:first-of-type,.andes-table__header:first-of-type {
        padding: 15px 24px
    }

    .andes-table__column:last-of-type,.andes-table__header:last-of-type {
        padding: 15px 24px 15px 16px
    }

    .andes-table__column:before,.andes-table__header:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 100%
    }

    .andes-table .andes-table__column-checkbox,.andes-table__header-checkbox {
        width: 18px
    }

    .andes-table__column--center,.andes-table__header--center {
        text-align: center
    }

    .andes-table__column--right,.andes-table__header--right {
        text-align: right
    }

    .andes-table__row {
        display: table-row;
        border: 0
    }

    .andes-table__body {
        display: table-row-group
    }
}

@media (min-width: 768px) {
    h1 {
        font-size:2.5em;
        margin: 15px 0;
    }

    .layout {
        min-height: 100vh
    }

    .layout__main {
        padding-top: 4.0625em
    }

    .layout__content {
        padding: 0 2.5em
    }

    .slideout-open .layout__dimmer {
        z-index: 60
    }

    .navbar {
        z-index: 90;
        height: 4.0625em
    }

    .navbar__container {
        display: -ms-flexbox;
        display: flex;
        vertical-align: middle
    }

    .navbar__menu {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 3.3125em;
        padding: 1.5em 0
    }

    .navbar__menu-item {
        margin-right: 2em;
        color: #637080;
        font-size: 1em
    }

    .navbar__menu-item.is-active {
        color: #e24d8b
    }

    .navbar__user-btn {
        margin-right: 0
    }

    .navbar__user-icon {
        height: 1.25em;
        width: auto
    }

    .navbar__user-menu {
        right: .375em
    }

    .sidebar {
        width: 16.875em;
        z-index: 70
    }

    .sidebar__menu {
        padding: 5.5625em 0
    }

    .sidebar__menu a:focus,.sidebar__menu a:hover {
        background: #ddd;
        color: #666;
        text-decoration: none
    }

    .sidebar__menu a.active:focus {
        color: #e24d8b
    }

    .sidebar__header-menu {
        display: none
    }

    .footer__copyrights {
        max-width: 42em
    }

    .btn-copy-code {
        display: inline-block
    }

    .code-container__header {
        background: #fff;
        height: 3.625em;
        border-top-right-radius: .3125em;
        border-top-left-radius: .3125em;
        white-space: nowrap;
        overflow: hidden
    }

    table {
        display: table;
        width: 100%
    }

    .c-404 {
        margin-top: 7.5em
    }

    .c-404__img {
        margin-bottom: 1.5em
    }

    .c-404__title {
        max-width: 17.875em
    }

    .card-info,.card-warning {
        padding-left: 4.57143em
    }

    .card-info p:first-child,.card-warning p:first-child {
        margin-left: -1.85714em
    }

    .card-highlight h3 {
        font-size: 1.375em;
        margin-bottom: 1.09091em
    }

    .card-highlight #tc-icon {
        position: relative;
        top: -.75em
    }

    .card-highlight #tc-icon {
        position: relative;
        top: -.75em
    }

    #card-marketplace-icon {
        position: relative;
        top: -.5em
    }

    .grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid__item {
        margin-right: 1.25em;
        width: 33%
    }

    .grid__item:last-child {
        margin-right: 0
    }

    .grid--50 .grid__item {
        width: 50%
    }

    .grid--33 .grid__item {
        width: 33%
    }

    .grid--25 .grid__item {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .layout {
        min-height:100vh
    }

    .layout__main {
        margin-left: 16.875em
    }

    .layout__content {
        padding: 0 3.75em 12.5em
    }

    .layout__dimmer {
        display: none!important
    }

    .ui-button {
        display: inline-block;
        cursor: pointer
    }

    .ui-button[disabled] {
        cursor: default
    }

    .ui-button+.ui-button {
        margin-left: 1em
    }

    .navbar {
        padding-right: 0
    }

    .navbar__logo {
        width: 9.75em;
        height: 2.5em;
        margin-right: 5.5em
    }

    .navbar .layout__content {
        width: 100%;
        height: 100%
    }

    .navbar__container {
        max-width: 50.875em;
        padding: 0;
        margin: 0 auto
    }

    .navbar__logo-iso {
        display: inline-block;
        vertical-align: middle;
        margin-right: .75em;
        height: 2em;
        width: auto
    }

    .navbar__logo-text {
        display: inline-block;
        vertical-align: middle;
        font-size: 1em;
        margin: .5em 0
    }

    .navbar__menu {
        margin-left: 0
    }

    .navbar__controls {
        margin-right: 2.5em
    }

    .navbar__navicon,.navbar__search-reset,.navbar__user::after {
        display: none
    }

    .navbar__container {
        position: relative
    }

    .navbar__search-form {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        -ms-flex-align: center;
        align-items: center;
        width: 12.5em;
        height: 100%;
        max-width: 50.875em;
        transition: width .4s ease-out;
        animation: fade-in .2s linear
    }

    .navbar-search-active .navbar__search-form {
        width: 100%
    }

    .form-search-icon {
        position: absolute;
        top: 1.625em;
        z-index: 2;
        display: block;
        margin-left: 1em
    }

    .navbar__search-form input {
        position: inherit;
        width: 100%;
        height: 2.1875em;
        margin-top: 1em;
        padding: 0 1.25em 0 2.6875em;
        font-size: 1em;
        line-height: 2.1875em;
        border-radius: .25em;
        background-color: #fff;
        border: solid .0625em #dbe1ec
    }

    .navbar-search-active .navbar__search-input {
        left: auto;
        z-index: 1;
        height: 2.1875em
    }

    .navbar__search-reset {
        height: 100%;
        padding: 0
    }

    .navbar__search-reset::after,.navbar__search-reset::before {
        margin-top: -.5em
    }

    .navbar-search-active .navbar__search-reset {
        display: block;
        right: 0
    }

    .navbar__user-logged-btn img {
        width: 2em;
        height: 2em
    }

    .navbar__user-menu {
        right: .25em
    }

    .navbar__menu-item {
        display: inline-block;
        transform: scale(1);
        opacity: 1;
        transition: opacity .2s;
        transition-delay: 180ms
    }

    .navbar__menu-item:nth-child(2) {
        transition-delay: 240ms
    }

    .navbar__menu-item:nth-child(3) {
        transition-delay: .3s
    }

    .navbar-search-active .navbar__menu-item {
        opacity: 0;
        transition-delay: 0
    }

    .navbar__controls {
        -ms-flex-positive: initial;
        flex-grow: initial;
        margin-right: 0
    }

    .navbar__user {
        position: absolute;
        top: 0;
        right: .5em
    }
}

@media (min-width: 1024px) and (min-width:1280px) {
    .navbar__logo {
        position:relative
    }

    .navbar__menu {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 0;
        text-align: left
    }

    .navbar__search-form {
        width: 18.75em
    }

    .navbar__user {
        right: 1em
    }
}

@media (min-width: 1024px) and (min-width:1610px) {
    .navbar__user-nickname {
        display:inline-block;
        vertical-align: middle;
        color: #666;
        margin-right: .625em
    }

    .user-menu-chevron {
        position: relative;
        top: -.25em
    }
}

@media (min-width: 1024px) {
    .sidebar {
        left:0!important;
        transform: translate3d(0,0,0)!important;
        margin-top: 4.0625em;
        height: calc(100% - 4.0625em);
        overflow: auto;
        overflow-x: hidden;
        border-right: 0
    }

    .sidebar__menu {
        position: relative;
        width: 101%;
        height: auto;
        padding-top: 1.875em;
        overflow: auto;
        border: 0
    }

    .sidebar::-webkit-scrollbar {
        width: .125em;
        background: 0 0
    }

    .sidebar::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track-piece {
        background: 0 0
    }

    .sidebar::-webkit-scrollbar-thumb {
        background-color: #b2b2b2
    }

    .footer {
        padding-left: 18.375em
    }
}

@media (min-width: 1024px) and (min-width:1278px) {
    .footer {
        padding:1.125em 2.75em;
        padding-left: 19.625em
    }

    .footer__copyrights {
        float: left;
        margin: 0
    }

    .footer__actions {
        float: right
    }

    .footer__actions-item {
        margin-bottom: 0
    }

    .footer__actions-wrapper {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .searh-results.is-active {
        background:rgba(238,238,238,.9);
        z-index: 70;
        padding-left: 16.875em
    }

    .search-results__box {
        max-width: 50.875em;
        margin: 1.5em auto
    }

    .c-404 {
        margin: 11.25em auto 6.25em
    }
}