/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:visited {
    background-color: #ffe600 !important;
}


.panel-info > .panel-heading {
    color: white !important;
    background-color: white !important;
    border-color: white !important;
}

.panel {
    background-color: white !important;
    border-color: white !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.btn-success {
    border-color: #7d7100 !important;
}

#google_translate_element {
    position: static !important;
    bottom: calc(53px + 16px) !important;
    right: 16px !important;
}

.goog-te-gadget {
    font-family: Roboto, 'Open Sans', sans-serif !important;
    text-transform: uppercase !important;
}

.goog-te-gadget-simple {
    background-color: rgba(0, 0, 0, 0.20) !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    padding: 8px !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    line-height: 2rem !important;
    display: inline-block !important;
    cursor: pointer !important;
    zoom: 1 !important;
}

.goog-te-menu2 {
    max-width: 100% !important;
}

.goog-text-highlight {
    background-color: inherit !important;
    box-shadow: inherit !important;
}

#goog-gt-tt {
    visibility: hidden !important;
}

.goog-te-menu-value {
    color: #8e8e8e !important;
}

.goog-te-menu-value:before {

}

.goog-te-menu-value span:nth-child(5) {
    display: none !important;
}

.goog-te-menu-value span:nth-child(3) {
    border: none !important;
}

.goog-te-menu-value span:nth-child(3):after {
}

.goog-te-gadget-icon {
    background-image: url(https://placehold.it/32) !important;
    background-position: 0px 0px !important;
    height: 32px !important;
    width: 32px !important;
    margin-right: 8px !important;
    display: none !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}


a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

.backgroundcliptext {
    background: white !important;
}

.ngdialog-content {
    position: absolute !important;
    top: 25vh !important;
    left: 25vw !important;
    border-radius: 4px !important;
    /*width: 50vw;*/
}

.container {
    width: 35vw !important;
}

.ngdialog-close {
    visibility: hidden;
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container {
    max-width: 106.8rem
}

.container, .container-fluid {
    padding-right: 2rem;
    padding-right: 2.5rem;
    padding-left: 2rem;
    padding-left: 2.5rem
}

.container-fluid--no-gutter {
    padding-right: 0;
    padding-left: 0
}

.container-fluid--no-gutter .row {
    margin-left: 0;
    margin-right: 0
}

.flexbox-grid-size-label:before {
    content: "x-small" !important
}

@media only screen and (min-width: 48em) {
    .flexbox-grid-size-label:before {
        content: "small" !important
    }
}

@media only screen and (min-width: 64em) {
    .flexbox-grid-size-label:before {
        content: "medium" !important
    }
}

@media only screen and (min-width: 75em) {
    .flexbox-grid-size-label:before {
        content: "large" !important
    }
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-right: -12.5px;
    margin-left: -.5rem;
    margin-left: -12.5px
}

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

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

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-right: 12.5px;
    padding-left: .5rem;
    padding-left: 12.5px
}

.col-xs {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.start-xs {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.center-xs {
    -ms-flex-pack: center;
    justify-content: center
}

.end-xs {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.top-xs {
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -ms-flex-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-xs {
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {
    .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-right: 12.5px;
        padding-left: .5rem;
        padding-left: 12.5px
    }

    .col-sm {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .start-sm {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-sm {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 64em) {
    .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-right: 12.5px;
        padding-left: .5rem;
        padding-left: 12.5px
    }

    .col-md {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .start-md {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-md {
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-md {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -ms-flex-order: -1;
        order: -1
    }

    .last-md {
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-right: 12.5px;
        padding-left: .5rem;
        padding-left: 12.5px
    }

    .col-lg {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .start-lg {
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-lg {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -ms-flex-order: -1;
        order: -1
    }

    .last-lg {
        -ms-flex-order: 1;
        order: 1
    }
}

@font-face {
    font-family: ColfaxWeb;
    src: url(../fonts/ColfaxWebRegularAlt/ColfaxWebRegularAlt.eot);
    src: url(../fonts/ColfaxWebRegularAlt/ColfaxWebRegularAltd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ColfaxWebRegularAlt/ColfaxWebRegularAlt.woff2) format("woff2"), url(../fonts/ColfaxWebRegularAlt/ColfaxWebRegularAlt.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ColfaxWeb;
    src: url(../fonts/ColfaxWebRegularItalic/ColfaxWebRegularItalic.eot);
    src: url(../fonts/ColfaxWebRegularItalic/ColfaxWebRegularItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ColfaxWebRegularItalic/ColfaxWebRegularItalic.woff2) format("woff2"), url(../fonts/ColfaxWebRegularItalic/ColfaxWebRegularItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: ColfaxWeb;
    src: url(../fonts/ColfaxWebMediumAlt/ColfaxWebMediumAlt.eot);
    src: url(../fonts/ColfaxWebMediumAlt/ColfaxWebMediumAltd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ColfaxWebMediumAlt/ColfaxWebMediumAlt.woff2) format("woff2"), url(../fonts/ColfaxWebMediumAlt/ColfaxWebMediumAlt.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ColfaxWeb;
    src: url(../fonts/ColfaxWebMediumItalic/ColfaxWebMediumItalic.eot);
    src: url(../fonts/ColfaxWebMediumItalic/ColfaxWebMediumItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ColfaxWebMediumItalic/ColfaxWebMediumItalic.woff2) format("woff2"), url(../fonts/ColfaxWebMediumItalic/ColfaxWebMediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic
}

.Shared-Navigation {
    margin: 2em;
    position: relative;
    z-index: 1002;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .2s ease
}

.Shared-Navigation--absolute {
    position: absolute;
    width: 100%;
    z-index: 9999
}

.Shared-Navigation-linksContainer {
    width: 100%;
    margin: 0 auto
}

.Shared-Navigation-logo {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    left: 50%;
    margin-left: -300px;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10
}

.Shared-Navigation-logo--hidden {
    display: none
}

.Shared-Navigation-link--logo {
    display: block;
    width: 55px;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 3
}

.Shared-Navigation-logo img {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.Shared-Navigation-spacer {
       display: block;
       padding-left: 5rem;
}

.OranoMessage {
       position: absolute;
       bottom: 0;
       right: 5rem;
       color: white;
       font-style: italic;
}

.Shared-Navigation-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex
}

.Shared-Navigation-list--rightAligned {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Shared-Navigation-link {
    -webkit-tap-highlight-color: transparent;
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    opacity: 1
}

.Shared-Navigation-link:active, .Shared-Navigation-link:hover {
    opacity: .7
}

.Shared-Navigation-link--listLink {
    font-size: 1.3em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #5f656d;
    padding: 5px 11px;
    display: block;
    opacity: .9
}

.Shared-Navigation-link--selected, .Shared-Navigation-link--selected:hover {
    opacity: .5
}

.Shared-Navigation-list li:first-child {
    margin-left: -11px
}

.Shared-Navigation-list li:last-child {
    margin-right: -11px
}

@media screen and (max-width: 767px) {
    .Shared-Navigation--mobileNavOpen {
        opacity: 1 !important
    }

    .Shared-Navigation-mobileNavToggle {
        display: block;
        width: calc(2rem + 22px + 2rem);
        height: 55px;
        position: absolute;
        top: 0;
        z-index: 9002;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Shared-Navigation-mobileNavIconContainer {
        width: 22px;
        height: 16px;
        position: relative
    }

    .Shared-Navigation-mobileOpen {
        position: absolute;
        width: 22px;
        height: 16px;
        background: url(../images/navigation/mobile/nav-glyph.svg);
        background-size: 100% 100%;
        opacity: 1
    }

    .Shared-Navigation-mobileClose {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 3px;
        background: url(../images/navigation/mobile/close-glyph.svg);
        background-size: 100% 100%;
        opacity: 0
    }

    .Shared-Navigation-mobileClose, .Shared-Navigation-mobileOpen {
        transition: opacity 185ms cubic-bezier(.645, .045, .355, 1)
    }

    .Shared-Navigation-mobileNavIconContainer--closeIconVisible .Shared-Navigation-mobileOpen {
        opacity: 0
    }

    .Shared-Navigation-mobileNavIconContainer--closeIconVisible .Shared-Navigation-mobileClose {
        opacity: 1
    }

    .Shared-Navigation-logo {
        z-index: 9002
    }

    .Shared-Navigation-logo--hidden {
        display: inline;
        display: initial
    }

    .Shared-Navigation-MobileContainer {
        background: hsla(0, 0%, 100%, .985);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 6rem;
        padding-bottom: 3.5rem;
        z-index: 9001;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
        opacity: 0;
        transform: translateY(-20px);
        pointer-events: none
    }

    .Shared-Navigation-MobileContainer--defaultTransition {
        transition: opacity 225ms cubic-bezier(.4, 0, 1, 1), transform 225ms cubic-bezier(.4, 0, 1, 1)
    }

    .Shared-Navigation-MobileContainer--visible {
        transition: opacity 225ms cubic-bezier(.4, 0, .2, 1), transform 225ms cubic-bezier(0, 0, .2, 1);
        display: block;
        visibility: visible;
        visibility: initial;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto
    }

    .Shared-Navigation-MobileContainer--visible * {
        transition-property: cubic-bezier(.4, 0, 1, 1)
    }

    .Shared-Navigation-list {
        display: block
    }

    .Shared-Navigation-list--rightAligned {
        -ms-flex-pack: inherit;
        justify-content: inherit
    }

    .Shared-Navigation-list li, .Shared-Navigation-list li:first-child, .Shared-Navigation-list li:last-child {
        display: block;
        margin: 0;
        margin: initial;
        border-bottom: 1px solid rgba(0, 0, 0, .075);
        transform: translateY(-20px);
        opacity: 0;
        transition: transform 225ms cubic-bezier(0, 0, .2, 1), opacity 225ms cubic-bezier(0, 0, .2, 1)
    }

    .Shared-Navigation-MobileContainer--visible .Shared-Navigation-list li {
        transform: translateY(0);
        opacity: 1
    }

    .Shared-Navigation-listItem-1 {
        transition-delay: 60ms !important
    }

    .Shared-Navigation-listItem-2 {
        transition-delay: 90ms !important
    }

    .Shared-Navigation-listItem-3 {
        transition-delay: .12s !important
    }

    .Shared-Navigation-listItem-4 {
        transition-delay: .15s !important
    }

    .Shared-Navigation-listItem-5 {
        transition-delay: .18s !important
    }

    .Shared-Navigation-listItem-6 {
        transition-delay: .21s !important
    }

    .Shared-Navigation-MobileContainer .row > div:last-child li:last-child {
        border: 0
    }

    .Shared-Navigation-link--listLink {
        padding: 2.5rem 0;
        position: relative;
        margin-bottom: -1px;
        color: #222 !important;
        opacity: 1 !important;
        font-size: 1.65rem
    }
}

.Shared-Footer {
    position: relative;
    z-index: 1002;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 3rem 0;
    background: #f7fbfb;
    -webkit-tap-highlight-color: transparent
}

.Shared-Footer, .Shared-Footer-wrap {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-wrap {
        display: block
    }
}

.Shared-Footer--absolute {
    position: absolute;
    width: 100%;
    z-index: 9999
}

.Shared-Footer-linksContainer {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto
}

.Shared-Footer-logo {
    display: block;
    width: 55px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-27px, -10px)
}

.Shared-Footer-logo--hidden {
    display: none
}

.Shared-Footer-link--logo {
    display: block;
    width: 55px;
    height: 20px
}

.Shared-Footer-logo img {
    width: 55px;
    height: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.Shared-Footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-list {
        text-align: center
    }
}

.Shared-Footer-list--rightAligned {
    text-align: right
}

.Shared-Footer-list li {
    display: inline-block
}

.Shared-Footer-separated {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.Shared-Footer-link {
    -webkit-tap-highlight-color: transparent;
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    opacity: .5
}

.Shared-Footer-link:active, .Shared-Footer-link:hover {
    opacity: .7
}

.Shared-Footer-link--listLink {
    font-size: 1.3em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #5f656d;
    padding: 5px 11px;
    display: block
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-link--listLink {
        padding: 5px 7px
    }
}

.Shared-Footer-link--selected, .Shared-Footer-link--selected:hover {
    opacity: .5
}

.Shared-Footer-list li:first-child {
    margin-left: -11px
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-list li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative
    }
}

.Shared-Footer-list li:last-child {
    margin-right: -11px
}

.Shared-Footer-social {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: right
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-social {
        margin-top: 2rem;
        text-align: center;
        opacity: .55
    }
}

.Shared-Footer-link--image {
    vertical-align: middle;
    display: inline-block;
    width: 34px;
    height: 30px;
    margin: -4px 0;
    font: 0;
    overflow: hidden;
    text-indent: 100%;
    position: relative;
    right: -8px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media only screen and (max-width: 776.25px) {
    .Shared-Footer-link--image {
        right: inherit
    }
}

.Shared-Footer-link--image:first-child {
    margin-left: 0
}

.Shared-Footer-link--image:hover {
    opacity: 1
}

.Shared-Footer-link--twitter {
    background-image: url(../images/social/twitter.svg);
    background-size: 18px 15px
}

.Shared-Footer-link--facebook {
    background-image: url(../images/social/facebook.svg);
    background-size: 17px 17px
}

.Shared-Card {
    transform-style: preserve-3d;
    perspective: 1000px
}

.Shared-Card-anchor {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    padding-top: calc(133.3333% - 40px);
    margin: 20px;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.hovermq .Shared-Card-anchor {
    will-change: transform;
    transform: rotateY(5deg) rotateX(0deg) rotate(0deg) scale(1)
}

.hovermq .Shared-Card-anchor:active {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.925" /><feFuncG type="linear" slope="0.925" /><feFuncB type="linear" slope="0.925" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(92.5%)
}

.Shared-Card-anchor.parallax-active {
    transition: transform .4s cubic-bezier(0, 0, .2, 1), filter .15s cubic-bezier(0, 0, .2, 1)
}

.Shared-Card-inner {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 10%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none
}

.Shared-Card-title {
    font-size: 1.85em;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 500;
    margin: 0 0 1.5rem;
    opacity: .85;
    padding: 0 15%;
    z-index: 5
}

@media only screen and (max-width: 776.25px) {
    .Shared-Card-title {
        font-size: 2.8em !important
    }
}

.Shared-Card-iconContainer, .Shared-Card-imageContainer {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block
}

.Shared-Card-imageContainer {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + 12px);
    left: -6px;
    font-size: 0;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    z-index: 5;
    border-radius: 2px
}

.Shared-Card-anchor.parallax-active .Shared-Card-imageContainer {
    transition: transform .1s ease
}

.Shared-Card-image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 25px 18px -20px rgba(0, 0, 0, .3);
    background: #111
}

.Shared-Card-image img {
    width: 100%;
    pointer-events: none;
    border-radius: 2px
}

.Shared-Card-image .Shared-Card-glare {
    opacity: .5
}

.Shared-Card-iconCSS {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 60%;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.Shared-Card-iconCSS-img {
    display: block;
    max-width: 100%;
    width: 500px;
    padding-top: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    display: none
}

.Shared-Card-iconCSS-img--openai, .Shared-Card-iconCSS-img--updates {
    left: -8%
}

.Shared-Card-iconCSS-img--software, .Shared-Card-iconCSS-img--technology {
    left: -2%
}

.Shared-Card-iconCSS-img--research {
    left: -8%
}

.Shared-Card-iconCSS-img--events {
    left: -2%
}

.cssmask .Shared-Card-iconCSS-img {
    -webkit-mask-size: 100%
}

.cssmask .Shared-Card-iconCSS-img--openai, .cssmask .Shared-Card-iconCSS-img--updates {
    display: block;
    -webkit-mask-image: url(../images/cards/blog/categories/circle.svg)
}

.cssmask .Shared-Card-iconCSS-img--software, .cssmask .Shared-Card-iconCSS-img--technology {
    display: block;
    -webkit-mask-image: url(../images/cards/blog/categories/square.svg)
}

.cssmask .Shared-Card-iconCSS-img--research {
    display: block;
    -webkit-mask-image: url(../images/cards/blog/categories/octagon.svg)
}

.cssmask .Shared-Card-iconCSS-img--events {
    display: block;
    -webkit-mask-image: url(../images/cards/blog/categories/triangle.svg)
}

.no-cssmask .Shared-Card-iconCSS-img {
    mix-blend-mode: overlay !important;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.no-cssmask .Shared-Card-iconCSS-img--openai, .no-cssmask .Shared-Card-iconCSS-img--updates {
    display: block;
    background-image: url(../images/cards/blog/categories/circle.svg) !important
}

.no-cssmask .Shared-Card-iconCSS-img--software, .no-cssmask .Shared-Card-iconCSS-img--technology {
    display: block;
    background-image: url(../images/cards/blog/categories/square.svg) !important
}

.no-cssmask .Shared-Card-iconCSS-img--research {
    display: block;
    background-image: url(../images/cards/blog/categories/octagon.svg) !important
}

.no-cssmask .Shared-Card-iconCSS-img--events {
    display: block;
    background-image: url(../images/cards/blog/categories/triangle.svg) !important
}

.Shared-Card-iconContainer {
    padding: 0 15%;
    display: -ms-flexbox;
    display: flex
}

span.Shared-Card-icon {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 50%;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.Shared-Card-icon img {
    max-width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    opacity: .8;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    filter: invert(100%)
}

.Shared-Card-meta {
    font-size: 1.1em;
    line-height: 1.4em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 15%;
    margin-top: 1.5rem;
    display: block
}

.Shared-Card-meta-category {
    display: block;
    padding-right: .4rem
}

.Shared-Card-meta-date {
    display: block;
    opacity: .5
}

.Shared-Card-meta-category:before {
    content: "Updates"
}

.Shared-Card.tag-hash-software .Shared-Card-meta-category:before, .Shared-Card.tag-hash-technology .Shared-Card-meta-category:before {
    content: "Technology"
}

.Shared-Card.tag-hash-research .Shared-Card-meta-category:before {
    content: "Research"
}

.Shared-Card.tag-hash-events .Shared-Card-meta-category:before {
    content: "Events"
}

.Shared-Card-background {
    left: 0;
    right: 0;
    top: 0;
    border-radius: 3px;
    overflow: hidden;
    pointer-events: none
}

.Shared-Card-background, .Shared-Card-glare {
    content: "";
    display: block;
    position: absolute;
    bottom: 0
}

.Shared-Card-glare {
    left: 0;
    right: 0;
    top: 0;
    mix-blend-mode: overlay;
    background-image: radial-gradient(ellipse closest-side, hsla(0, 0%, 100%, .45), hsla(0, 0%, 100%, 0));
    left: -50%;
    right: -50%;
    top: -50%;
    height: 125%;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: translateZ(1px);
    opacity: .999999;
    z-index: 3
}

.hovermq .Shared-Card-glare {
    will-change: transform
}

.parallax-active .Shared-Card-glare {
    transition: transform .4s cubic-bezier(0, 0, .2, 1)
}

.Shared-Card-background-inner {
    --blur: 25px;
    --inset: 40px;
    display: block;
    position: absolute;
    top: calc(0px - var(--inset));
    left: calc(0px - var(--inset));
    right: calc(0px - var(--inset));
    bottom: calc(0px - var(--inset));
    filter: blur(var(--blur))
}

.Shared-Card-anchor {
    background-color: #fff
}

.Shared-Card-title {
    color: #fff
}

.Shared-Card.tag-hash-design-card-invert .Shared-Card-title {
    color: rgba(0, 0, 0, .9)
}

.Shared-Card-meta-category {
    color: hsla(0, 0%, 100%, .75)
}

.Shared-Card-meta-date, .Shared-Card.tag-hash-design-card-invert .Shared-Card-meta-category {
    color: rgba(0, 0, 0, .75)
}

.Shared-Card.tag-hash-design-card-invert .Shared-Card-meta-date {
    color: #fff
}

.Shared-Card-iconCSS-img, .Shared-Card-icon img {
    mix-blend-mode: normal
}

svg path {
    fill: inherit
}

.Post .Shared-Card-background, .Post.tag-hash-design-card-blue .Shared-Card-background, .Shared-Card .Shared-Card-background, .Shared-Card.tag-hash-design-card-blue .Shared-Card-background {
    background-image: linear-gradient(0deg, #5e21d9, #12a5e2)
}

.Post .Shared-Card-iconCSS-img, .Post.tag-hash-design-card-blue .Shared-Card-iconCSS-img, .Shared-Card .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-blue .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #571ccf, #1bb0ee)
}

.Post .PostHeader, .Post.tag-hash-design-card-blue .PostHeader, .Shared-Card .PostHeader, .Shared-Card.tag-hash-design-card-blue .PostHeader {
    background-image: linear-gradient(-90deg, #5e21d9, #12a5e2)
}

.Post .Shared-Card-background, .Post.tag-hash-design-card-blue .Shared-Card-background, .Shared-Card .Shared-Card-background, .Shared-Card.tag-hash-design-card-blue .Shared-Card-background {
    box-shadow: 0 10px 25px 0 rgba(50, 94, 128, .2)
}

.Post.tag-hash-design-card-blue use.background-shape, .Post use.background-shape, .Shared-Card.tag-hash-design-card-blue use.background-shape, .Shared-Card use.background-shape {
    fill: url(#blue)
}

.Post.tag-hash-design-card-blue-green .Shared-Card-background, .Shared-Card.tag-hash-design-card-blue-green .Shared-Card-background {
    background-image: linear-gradient(0deg, #2f86d7, #1cf5ba)
}

.Post.tag-hash-design-card-blue-green .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-blue-green .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #0771c1, #3fffce)
}

.Post.tag-hash-design-card-blue-green .PostHeader, .Shared-Card.tag-hash-design-card-blue-green .PostHeader {
    background-image: linear-gradient(-90deg, #2f86d7, #1cf5ba)
}

.Post.tag-hash-design-card-blue-green use.background-shape, .Shared-Card.tag-hash-design-card-blue-green use.background-shape {
    fill: url(#blue_green)
}

.Post.tag-hash-design-card-blue-green.tag-hash-design-card-invert .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-blue-green.tag-hash-design-card-invert .Shared-Card-iconCSS-img {
    background-image: linear-gradient(-90deg, #0771c1, #3fffce)
}

.Post.tag-hash-design-card-cyan .Shared-Card-background, .Shared-Card.tag-hash-design-card-cyan .Shared-Card-background {
    background-image: linear-gradient(0deg, #4064d8, #4ad8dd)
}

.Post.tag-hash-design-card-cyan .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-cyan .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #2a53c2, #5ae9ee)
}

.Post.tag-hash-design-card-cyan .PostHeader, .Shared-Card.tag-hash-design-card-cyan .PostHeader {
    background-image: linear-gradient(-90deg, #4064d8, #4ad8dd)
}

.Post.tag-hash-design-card-cyan use.background-shape, .Shared-Card.tag-hash-design-card-cyan use.background-shape {
    fill: url(#cyan)
}

.Post.tag-hash-design-card-purple .Shared-Card-background, .Shared-Card.tag-hash-design-card-purple .Shared-Card-background {
    background-image: linear-gradient(0deg, #5a40d8, #d84add)
}

.Post.tag-hash-design-card-purple .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-purple .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #5524c1, #db70ff)
}

.Post.tag-hash-design-card-purple .PostHeader, .Shared-Card.tag-hash-design-card-purple .PostHeader {
    background-image: linear-gradient(-90deg, #5a40d8, #d84add)
}

.Post.tag-hash-design-card-purple use.background-shape, .Shared-Card.tag-hash-design-card-purple use.background-shape {
    fill: url(#purple)
}

.Post.tag-hash-design-card-red .Shared-Card-background, .Shared-Card.tag-hash-design-card-red .Shared-Card-background {
    background-image: linear-gradient(0deg, #b71866, #eb3434)
}

.Post.tag-hash-design-card-red .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-red .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #950047, #ff4e4a)
}

.Post.tag-hash-design-card-red .PostHeader, .Shared-Card.tag-hash-design-card-red .PostHeader {
    background-image: linear-gradient(-90deg, #b71866, #eb3434)
}

.Post.tag-hash-design-card-red use.background-shape, .Shared-Card.tag-hash-design-card-red use.background-shape {
    fill: url(#red)
}

.Post.tag-hash-design-card-orange .Shared-Card-background, .Shared-Card.tag-hash-design-card-orange .Shared-Card-background {
    background-image: linear-gradient(0deg, #d33838, #f29926)
}

.Post.tag-hash-design-card-orange .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-orange .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #c71b1b, #ff8a17)
}

.Post.tag-hash-design-card-orange .PostHeader, .Shared-Card.tag-hash-design-card-orange .PostHeader {
    background-image: linear-gradient(-90deg, #d33838, #f29926)
}

.Post.tag-hash-design-card-orange use.background-shape, .Shared-Card.tag-hash-design-card-orange use.background-shape {
    fill: url(#orange)
}

.Post.tag-hash-design-card-yellow .Shared-Card-background, .Shared-Card.tag-hash-design-card-yellow .Shared-Card-background {
    background-image: linear-gradient(0deg, #e85b06, #e5e72a)
}

.Post.tag-hash-design-card-yellow .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-yellow .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #c74400, #f5f837)
}

.Post.tag-hash-design-card-yellow .PostHeader, .Shared-Card.tag-hash-design-card-yellow .PostHeader {
    background-image: linear-gradient(-90deg, #e85b06, #e5e72a)
}

.Post.tag-hash-design-card-yellow use.background-shape, .Shared-Card.tag-hash-design-card-yellow use.background-shape {
    fill: url(#yellow)
}

.Post.tag-hash-design-card-green .Shared-Card-background, .Shared-Card.tag-hash-design-card-green .Shared-Card-background {
    background-image: linear-gradient(0deg, #0da382, #67e44e)
}

.Post.tag-hash-design-card-green .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-green .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #039574, #5ff541)
}

.Post.tag-hash-design-card-green .PostHeader, .Shared-Card.tag-hash-design-card-green .PostHeader {
    background-image: linear-gradient(-90deg, #0da382, #67e44e)
}

.Post.tag-hash-design-card-green use.background-shape, .Shared-Card.tag-hash-design-card-green use.background-shape {
    fill: url(#green)
}

.Post.tag-hash-design-card-black .Shared-Card-background, .Shared-Card.tag-hash-design-card-black .Shared-Card-background {
    background-image: linear-gradient(0deg, #000, #262626)
}

.Post.tag-hash-design-card-black .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-black .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #000, #424242)
}

.Post.tag-hash-design-card-black .PostHeader, .Shared-Card.tag-hash-design-card-black .PostHeader {
    background-image: linear-gradient(-90deg, #000, #262626)
}

.Post.tag-hash-design-card-black .Shared-Card-glare, .Shared-Card.tag-hash-design-card-black .Shared-Card-glare {
    mix-blend-mode: normal;
    background-image: radial-gradient(ellipse closest-side, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, 0))
}

.Post.tag-hash-design-card-black use.background-shape, .Shared-Card.tag-hash-design-card-black use.background-shape {
    fill: url(#black)
}

.Post.tag-hash-design-card-black .Shared-Card-meta-category, .Shared-Card.tag-hash-design-card-black .Shared-Card-meta-category {
    color: hsla(0, 0%, 100%, .65)
}

.Post.tag-hash-design-card-black .PostHeader-meta-date, .Post.tag-hash-design-card-black .Shared-Card-meta-date, .Shared-Card.tag-hash-design-card-black .PostHeader-meta-date, .Shared-Card.tag-hash-design-card-black .Shared-Card-meta-date {
    color: hsla(0, 0%, 100%, .5)
}

.Post.tag-hash-design-card-slate-dark .Shared-Card-background, .Shared-Card.tag-hash-design-card-slate-dark .Shared-Card-background {
    background-image: linear-gradient(0deg, #222, #45454d)
}

.Post.tag-hash-design-card-slate-dark .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-slate-dark .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #111, #696a72)
}

.Post.tag-hash-design-card-slate-dark .PostHeader, .Shared-Card.tag-hash-design-card-slate-dark .PostHeader {
    background-image: linear-gradient(-90deg, #222, #45454d)
}

.Post.tag-hash-design-card-slate-dark .Shared-Card-glare, .Shared-Card.tag-hash-design-card-slate-dark .Shared-Card-glare {
    background-image: radial-gradient(ellipse closest-side, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0))
}

.Post.tag-hash-design-card-slate-dark use.background-shape, .Shared-Card.tag-hash-design-card-slate-dark use.background-shape {
    fill: url(#slate-dark)
}

.Post.tag-hash-design-card-slate-dark .PostHeader-meta-date, .Post.tag-hash-design-card-slate-dark .Shared-Card-meta-date, .Shared-Card.tag-hash-design-card-slate-dark .PostHeader-meta-date, .Shared-Card.tag-hash-design-card-slate-dark .Shared-Card-meta-date {
    color: hsla(0, 0%, 100%, .5)
}

.Post.tag-hash-design-card-slate-mid .Shared-Card-background, .Shared-Card.tag-hash-design-card-slate-mid .Shared-Card-background {
    background-image: linear-gradient(0deg, #3b3e4c, #666678)
}

.Post.tag-hash-design-card-slate-mid .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-slate-mid .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #2a2e3a, #808091)
}

.Post.tag-hash-design-card-slate-mid .PostHeader, .Shared-Card.tag-hash-design-card-slate-mid .PostHeader {
    background-image: linear-gradient(-90deg, #3b3e4c, #666678)
}

.Post.tag-hash-design-card-slate-mid .Shared-Card-glare, .Shared-Card.tag-hash-design-card-slate-mid .Shared-Card-glare {
    background-image: radial-gradient(ellipse closest-side, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0))
}

.Post.tag-hash-design-card-slate-mid use.background-shape, .Shared-Card.tag-hash-design-card-slate-mid use.background-shape {
    fill: url(#slate-mid)
}

.Post.tag-hash-design-card-slate-mid .PostHeader-meta-date, .Post.tag-hash-design-card-slate-mid .Shared-Card-meta-date, .Shared-Card.tag-hash-design-card-slate-mid .PostHeader-meta-date, .Shared-Card.tag-hash-design-card-slate-mid .Shared-Card-meta-date {
    color: hsla(0, 0%, 100%, .5)
}

.Post.tag-hash-design-card-slate-light .Shared-Card-background, .Shared-Card.tag-hash-design-card-slate-light .Shared-Card-background {
    background-image: linear-gradient(0deg, #89899b, #b5b5c4)
}

.Post.tag-hash-design-card-slate-light .Shared-Card-iconCSS-img, .Shared-Card.tag-hash-design-card-slate-light .Shared-Card-iconCSS-img {
    background-image: linear-gradient(0deg, #6c6c7d, #d1d1dc)
}

.Post.tag-hash-design-card-slate-light .PostHeader, .Shared-Card.tag-hash-design-card-slate-light .PostHeader {
    background-image: linear-gradient(-90deg, #89899b, #b5b5c4)
}

.Post.tag-hash-design-card-slate-light use.background-shape, .Shared-Card.tag-hash-design-card-slate-light use.background-shape {
    fill: url(#slate-light)
}

.Shared-Card.tag-hash-openai-scholars-post .Shared-Card-background {
    background-image: url(../../../d4mucfpksywv.cloudfront.net/research-covers/openai-scholars/gradient-cover.png);
    background-size: cover
}

.Shared-Card.tag-hash-openai-scholars-post .Shared-Card-meta-date {
    color: #fff
}

.Shared-Card.tag-hash-openai-fellows-post .Shared-Card-background {
    background-image: url(https://d4mucfpksywv.cloudfront.net/research-covers/openai-fellows/gradient-cover.png);
    background-size: cover
}

.Shared-Card.tag-hash-openai-fellows-post .Shared-Card-meta-date {
    color: #fff
}

article#block-sparse-gpu-kernels.tag-hash-research-release-post.Shared-Card .Shared-Card-coverContainer-cover {
    background: #eee
}

.Shared-Card.tag-hash-research-release-post .Shared-Card-background {
    background: #fff;
    background-image: linear-gradient(#fff, #f6f5fd);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1) !important
}

.Shared-Card.tag-hash-research-release-post .Shared-Card-inner {
    top: 0
}

.Shared-Card.tag-hash-research-release-post .Shared-Card-title {
    color: #140f33;
    margin: 0;
    font-size: 2.2em;
    padding: 5.5% 7.5% 4%
}

@media only screen and (max-width: 776.25px) {
    .Shared-Card.tag-hash-research-release-post .Shared-Card-title {
        font-size: 1.8em !important
    }
}

.Shared-Card.tag-hash-research-release-post .Shared-Card-glare {
    opacity: .5;
    mix-blend-mode: normal
}

#generative-models.Shared-Card.tag-hash-research-release-post .Shared-Card-title {
    max-width: 15rem
}

#robots-that-learn.Shared-Card.tag-hash-research-release-post .Shared-Card-glare {
    opacity: .2
}

.Shared-Card-coverContainer {
    position: relative;
    width: 81.27%;
    transform: translateX(-6px);
    pointer-events: none
}

.Shared-Card-coverContainer-inner {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 133.333%
}

.Shared-Card-coverContainer-cover {
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    border-radius: 1px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.Shared-Card-anchor.parallax-active .Shared-Card-coverContainer-cover {
    transition: transform .1s ease
}

.Shared-Card-coverContainer img, .Shared-Card-coverContainer video {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.Shared-Card-coverContainer-meta {
    position: absolute;
    left: 100%;
    padding-left: 1rem;
    top: 0;
    font-size: 1.1em;
    letter-spacing: .04em;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden
}

.Shared-card-coverContainer-meta-date {
    white-space: nowrap;
    display: block;
    color: #4b4b4b
}

.Shared-card-coverContainer-meta-date + .Shared-card-coverContainer-meta-date {
    color: red;
    color: #cacacb
}

* {
    box-sizing: border-box
}

html {
    font-family: ColfaxWeb, Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

body {
    background: #f7fbfb
}

strong {
    font-weight: 500
}

.Main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.MainContent {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: absolute;
    right: 15px;
}

.Shared-Header {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 7rem 1rem
}

.Shared-Header--subPage {
    text-align: left;
    padding-bottom: 0
}

.Shared-Header-title {
    font-size: 3.4em;
    line-height: 1.28em;
    font-weight: 500;
    color: #140f33;
    margin: .5em 0
}

.Shared-Header-secondaryTitle {
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.32em;
    color: #140f33;
    margin: .5em 0
}

.Shared-Header-secondaryTitle--small {
    font-size: 2.2em;
    line-height: 1.4em
}

.Shared-Header-paragraph {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    margin: 1em 0
}

.Shared-Header-navigation {
    margin: -.5em 0 1em
}

.Shared-Header-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Shared-Header--subPage .Shared-Header-navigation ul {
    -ms-flex-pack: inherit;
    justify-content: inherit;
    margin-left: -1.3rem
}

.Shared-Header-navigation-separator {
    margin-left: .6rem;
    padding-left: .6rem;
    position: relative
}

.Shared-Header-navigation-separator:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 15px;
    transform: translateY(-7px);
    background: #2d9fa0;
    opacity: .18
}

.Shared-Header-link {
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #276ee3;
    display: block;
    padding: 1.3rem;
    transition: filter .2s cubic-bezier(.645, .045, .355, 1);
    white-space: nowrap;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(100%)
}

.Shared-Header-link--external:after, .Shared-Header-link:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 7px;
    margin-right: .7rem
}

.Shared-Header-link--blank:before {
    display: none
}

.Shared-Header-link--releases:before {
    width: 13px;
    height: 15px;
    background-image: url(/images/research/releases-glyph-276ee3.svg)
}

.Shared-Header-link--papers:before {
    width: 14px;
    height: 17px;
    top: -2px;
    background-image: url(/images/research/papers-glyph-276ee3.svg)
}

.Shared-Header-link--platforms:before {
    width: 13px;
    height: 13px;
    background-image: url(/images/systems/software-glyph-276ee3.svg)
}

.Shared-Header-link--tools:before {
    width: 15px;
    height: 13px;
    background-image: url(/images/systems/open-source-glyph-276ee3.svg)
}

.Shared-Header-link--external:before {
    display: none
}

.Shared-Header-link--external:after {
    width: 10px;
    height: 10px;
    margin-right: 0;
    margin-left: 7px;
    margin-left: .7rem;
    background-image: url(/images/research/external-glyph-4281e8.svg)
}

.Shared-Header-link:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Shared-SectionTitle {
    color: #140f33;
    font-size: 2.5em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    opacity: .7
}

.Shared-SectionTitle:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 15px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
    margin-right: 7px;
    margin-right: .7rem
}

.Shared-SectionTitle--blank:before {
    display: none
}

.Shared-SectionTitle--releases:before {
    width: 13px;
    height: 15px;
    background-image: url(/images/research/releases-glyph-140f33.svg)
}

.Shared-SectionTitle--papers:before {
    width: 14px;
    height: 17px;
    top: -2px;
    background-image: url(/images/research/papers-glyph-140f33.svg)
}


.Shared-SectionTitle--tools:before {
    width: 15px;
    height: 13px;
    background-image: url(/images/technology/open-source-glyph-140f33.svg)
}

.Shared-ArrowLink {
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #276ee3;
    display: block;
    transition: filter .2s cubic-bezier(.645, .045, .355, 1);
    white-space: nowrap;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(100%)
}

.Shared-ArrowLink:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Shared-ArrowLink:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 2.5px;
    margin-left: .25rem;
    background: url(/images/arrow-276ee3.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.Shared-ArrowLink--f22c3d {
    color: #f22c3d
}

.Shared-ArrowLink--f22c3d:after {
    background-image: url(/images/arrow-f22c3d.svg)
}

.Shared-ArrowLink--fff {
    color: #f22c3d
}

.Shared-ArrowLink--fff:after {
    background-image: url(/images/arrow-fff.svg)
}

.Shared-ArrowLink--external:after {
    width: 10px;
    height: 10px;
    background-image: url(/images/external-glyph-276ee3.svg)
}

.About-Backstory-body a, .Research-Release-releaseDescription a, .Shared-Header-secondaryTitle a, .Shared-Link, .Shared-paragraph a {
    color: #276ee3;
    text-decoration: none;
    transition: filter .2s cubic-bezier(.645, .045, .355, 1)
}

.About-Backstory-body a:hover, .Research-Release-releaseDescription a:hover, .Shared-Header-secondaryTitle a:hover, .Shared-Link:hover, .Shared-paragraph a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Shared-block--level-0 {
    background: #fff
}

.Shared-block--level-1 {
    background: #f7fbfb
}

.Shared-block--level-2 {
    background: #eff7f8
}

.Shared-block--level-3 {
    background: #e5f3f3
}

.Shared-Divider {
    background: #2d9fa0;
    opacity: .1;
    height: 1px;
    border: 0;
    margin: 4rem 0
}

.Shared-paragraph {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    margin: 1em 0
}

.Shared-Subpage-Section {
    max-width: 600px;
    padding: 0 1rem;
    margin: 0 auto
}

.Page-Home .Shared-Navigation {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .6;
}

@media only screen and (max-width: 776.25px) {
    .Page-Home .Shared-Navigation {
        opacity: 1
    }
}

.Page-Home .Shared-Navigation-list--rightAligned .Shared-Navigation-link--listLink {
    color: rgba(0, 0, 0, .5)
}

.Page-Home .Shared-Navigation-logo {
    display: none
}

.Page-Home .MainContent {
    -ms-flex-positive: 0;
    flex-grow: 0;

}

.Page-Home, .Page-Home .Shared-Footer {
    background: #e5f3f3
}

.Page-Home .Shared-Footer-linksContainer {
    max-width: inherit;
    padding: 0 30px
}

@media only screen and (max-width: 776.25px) {
    .Page-Home .Shared-Footer-linksContainer {
        padding: 0
    }
}

.Home {
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 75px);
    min-height: 600px;
    max-height: 800px
}

@media (max-height: 600px) {
    .Home {
        min-height: 500px;
        height: 100vh
    }
}

@media only screen and (max-width: 776.25px) {
    .Home {
        display: block;
        height: auto;
        min-height: inherit;
        max-height: inherit
    }
}

.Home-Intro {
    background: #fff;
    background-image: linear-gradient(#fff, #f7fbfb);
    width: 38.18466354%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 776.25px) {
    .Home-Intro {
        width: auto;
        padding: 6.5rem 0 4.5rem
    }
}

.Home-Intro-content {
    max-width: 40rem;
    text-align: center
}

.Home-Intro-content-logo {
    margin: 0
}

.Home-Intro-content-title {
    font-size: 3rem;
    line-height: 1.26em;
    color: #4c2355;
    font-weight: 400;
    padding: 0 1rem
}

.Home-Intro-content-title:after {
    content: "";
    display: block;
    width: 125px;
    height: 1px;
    background: rgba(45, 159, 160, .1);
    margin: 1em auto 0
}

.Home-Intro-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.Home-Intro-links li {
    padding: 0;
    margin: 0;
    display: block
}

.Home-Intro-links-link {
    font-size: 1.3em;
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    color: #d83242;
    display: block;
    padding: 1em;
    transition: filter .2s cubic-bezier(.645, .045, .355, 1)
}

.Home-Intro-links-link:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Home-Intro-links-link--research {
    padding-left: calc(1em + 11px + .7rem);
    background: url(/images/home/research-glyph.svg);
    background-size: 11px 13px;
    background-repeat: no-repeat;
    background-position: 1em calc(50% - 1px)
}

.Home-Intro-links-link--systems {
    padding-left: calc(1em + 12px + .7rem);
    background: url(/images/home/technology-glyph.svg);
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: 1em calc(50% - 1px)
}

.Home-Banner {
    background: #000;
    background: #fff;
    position: relative;
    overflow: hidden;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Home-Banner--isAnimating {
    pointer-events: none
}

@media only screen and (max-width: 900px) {
    .Home-Banner__Slide-arrows {
        display: none
    }
}

.Home-Banner__Slide-arrows-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(/images/home/carousel/arrow-right.svg);
    z-index: 1000;
    top: 50%;
    margin-top: -25px;
    right: 2.5rem;
    opacity: 0;
    transition: opacity .45s ease-in-out;
    cursor: pointer
}

.Home-Banner__Slide-arrows-arrow--visible {
    opacity: .5
}

.Home-Banner__Slide-arrows-arrow:hover {
    transition-duration: 225ms;
    opacity: 1
}

.Home-Banner__Slide-arrows-arrow--left {
    right: auto;
    left: 2.5rem;
    transform: scaleX(-1)
}

.Home-Banner__Slide-controls {
    position: absolute;
    z-index: 50;
    right: 2rem;
    bottom: 1rem;
    width: 150px;
    display: -ms-flexbox;
    display: flex;
    font: 0
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner__Slide-controls {
        display: none
    }
}

.Home-Banner__Slide-controls-button {
    display: block;
    padding: 10px 3px;
    width: 100%
}

.Home-Banner__Slide-controls-button:hover {
    cursor: pointer
}

.Home-Banner__Slide-controls-button:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    opacity: .15;
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1), background-color .3s cubic-bezier(.645, .045, .355, 1);
    mix-blend-mode: overlay;
    background: #000
}

.Home-Banner__Slide-controls-button:hover:after {
    opacity: .3
}

.Home-Banner__Slide-controls-button--selected:hover {
    cursor: default
}

.Home-Banner__Slide-controls-button--selected:after {
    opacity: .4 !important
}

.Home-Banner__Slide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    overflow: hidden;
    opacity: .99999999;
    will-change: opacity, filter
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner__Slide {
        position: relative;
        display: none
    }

    .Home-Banner__Slide--current {
        direction: block
    }
}

.Home-Banner__Slide-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner__Slide-content {
        position: relative;
        padding: 2rem 0;
        width: 100%
    }
}

.Home-Banner__Slide--hidden {
    transition: filter .7s cubic-bezier(.4, 0, .2, 1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Home-Banner__Slide--current {
    z-index: 40
}

.Home-Banner__Slide .Home-Banner__Slide-content {
    z-index: 50
}

.Home-Banner:before {
    content: "";
    z-index: 3;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, .02), transparent)
}

.Home-Banner-background {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    bottom: -100px;
    pointer-events: none;
    opacity: .99999999;
    will-change: opacity
}

.Home-Banner-background img {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="60" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
    filter: blur(60px) brightness(105%)
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner-background img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="45" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
        filter: blur(45px) brightness(105%)
    }
}

.Home-Banner .Shared-Card {
    z-index: 10
}

.Home-Banner-link {
    display: block;
    position: relative;
    z-index: 5;
    margin-top: -.5rem
}

.Home-Banner-link a {
    font-size: 1.3em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    opacity: .7;
    text-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.645, .045, .355, 1);
    will-change: transform, opacity;
    display: inline-block;
    padding: 1rem
}

.Home-Banner-link--move a {
    transform: translateY(10px);
    transition: transform .4s cubic-bezier(0, 0, .2, 1), opacity .2s cubic-bezier(.645, .045, .355, 1)
}

.Home-Banner-link a:hover {
    opacity: .9
}

.Home-Banner-link a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(/images/arrow-fff.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 5px;
    margin-left: .5rem
}

.Home-Banner .Shared-Card {
    width: 66%;
    max-width: 60vh;
    min-width: 420px
}

@media (min-height: 875px) {
    .Home-Banner .Shared-Card {
        max-width: 525px
    }
}

.Home-Banner .Shared-Card-title {
    font-size: 3vw !important
}

@media (min-width: 735px) {
    .Home-Banner .Shared-Card-title {
        font-size: 2.2rem !important
    }
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner .Shared-Card-title {
        font-size: 4vw !important
    }
}

@media only screen and (max-width: 776.25px) {
    .Home-Banner .Shared-Card {
        width: 90%;
        min-width: auto
    }
}

@media (max-width: 410px) {
    .Home-Banner .Shared-Card-coverContainer-meta {
        transform-origin: 0 0;
        transform: scale(.75)
    }
}

.Home-Blog {
    background: #eff7f8;
    padding: 30px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 776.25px) {
    .Home-Blog {
        padding: 30px 10px 20px
    }
}

.Home-Blog-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative
}

@media only screen and (max-width: 776.25px) {
    .Home-Blog-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.Home-Blog .Shared-Card {
    width: 20%;
    max-width: 268px
}

.Home-Blog .Shared-Card-title {
    font-size: 1.2vw
}

@media (min-width: 1400px) {
    .Home-Blog .Shared-Card-title {
        font-size: 1.68rem
    }
}

@media (max-width: 900px) {
    .Home-Blog .Shared-Card {
        width: 25%
    }

    .Home-Blog .Shared-Card:last-child {
        display: none
    }
}

@media only screen and (max-width: 776.25px) {
    .Home-Blog .Shared-Card {
        width: 50%
    }

    .Home-Blog .Shared-Card-title {
        font-size: 1.3em !important
    }

    .Home-Blog .Shared-Card-meta {
        font-size: .8em
    }
}

.Home-Blog .Shared-Card-iconCSS-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 1.5rem
}

.Home-Blog-moreLink {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    z-index: 3;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    perspective: 1000;
    transform-style: preserve-3d
}

@media only screen and (max-width: 776.25px) {
    .Home-Blog-moreLink {
        display: none
    }
}

.Home-Blog-moreLink-below, .Home-Blog-moreLink a {
    background: hsla(0, 0%, 100%, .3);
    border-radius: 1.75rem;
    font-size: 1.3rem;
    line-height: 1.75rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    height: 3.5rem;
    min-width: 13rem;
    display: block;
    padding: 1rem 2rem;
    white-space: nowrap;
    color: #fff;
    transform: translateX(20px);
    transition: opacity 325ms ease-in-out, transform 325ms ease-out, background-color 225ms cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    will-change: transform, opacity, background-color
}

.Home-Blog-moreLink a:hover {
    background-color: hsla(0, 0%, 100%, .4)
}

.Home-Blog:hover .Home-Blog-moreLink-below, .Home-Blog:hover .Home-Blog-moreLink a {
    opacity: .999;
    transform: translateX(10px) rotateY(.0001deg) translateZ(20px)
}

.Home-Blog-moreLink a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(/images/arrow-fff.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 5px;
    margin-left: .5rem
}

.Home-Blog-moreLink-below {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    z-index: -3
}

html.backdropfilter .Home-Blog-moreLink a {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: hsla(0, 0%, 100%, .25)
}

html.backdropfilter .Home-Blog-moreLink a:hover {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: hsla(0, 0%, 100%, .35)
}

html.backdropfilter .Home-Blog-moreLink-below {
    display: none
}

.Shared-Notification-Banner {
    background: #d43b3b;
    color: #fff;
    padding: 1.5rem;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
    text-align: center;
    display: block;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .13);
    transition: filter .2s ease
}

.Shared-Notification-Banner span {
    color: #fff;
    display: inline-block;
    margin-left: .7rem;
    pointer-events: none
}

.Shared-Notification-Banner:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(90%)
}

.Page-Research .Shared-Navigation-link--research {
    opacity: .5
}

.Research-Release {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.Research-Release:nth-child(2n+2) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 776.25px) {
    .Research-Release {
        display: block
    }
}

.Research-Release-cover {
    background: #b3f3f7;
    width: 50%;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8rem;
    background: linear-gradient(#caffff, #a83889);
    position: relative;
    overflow: hidden
}

@media (max-width: 900px) {
    .Research-Release-cover {
        padding: 4rem
    }
}

@media only screen and (max-width: 776.25px) {
    .Research-Release-cover {
        width: 100%
    }
}

.Research-Release-cover-background-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: red;
    z-index: 2;
    display: none
}

.Research-Release-cover-background-link:hover {
    background: green
}

.Research-Release-cover .Shared-Card {
    width: 100%;
    z-index: 10;
    max-width: 500px
}

@media (max-width: 410px) {
    .Research-Release-cover .Shared-Card-coverContainer-meta {
        transform-origin: 0 0;
        transform: scale(.75)
    }
}

.Research-Release-cover .Shared-Card-title {
    font-size: 3vw !important
}

@media (min-width: 735px) {
    .Research-Release-cover .Shared-Card-title {
        font-size: 2.2rem !important
    }
}

@media only screen and (max-width: 776.25px) {
    .Research-Release-cover .Shared-Card-title {
        font-size: 4vw !important
    }
}

.Research-Release-cover-background {
    position: absolute;
    left: -80px;
    right: -80px;
    top: -80px;
    bottom: -80px;
    pointer-events: none;
    opacity: .999999;
    will-change: opacity
}

.Research-Release-cover-background img {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="60" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
    filter: blur(60px) brightness(110%)
}

@media only screen and (max-width: 776.25px) {
    .Research-Release-cover-background img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="45" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        filter: blur(45px) brightness(110%)
    }
}

.Research-Release-description {
    background: #fff;
    width: 50%;
    padding: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media only screen and (max-width: 776.25px) {
    .Research-Release-description {
        width: 100%;
        padding: 5rem 4rem
    }
}

.Research-Release-releaseTitle {
    color: #140f33;
    font-size: 4.4em;
    line-height: 1.1em;
    font-weight: 500;
    margin: .4em 0 .5em;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Research-Release-releaseDescription {
    font-size: 2.2em;
    line-height: 1.3em;
    color: #252527;
    max-width: 360px
}

.Research-Release-releaseLink:before {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    background: #2d9fa0;
    opacity: .125
}

.Research-Release--generative-models .Research-Release-cover {
    background: linear-gradient(#caffff, #a83889)
}

.Research-Release--evolution-strategies .Research-Release-cover {
    background: linear-gradient(#e79add, #a7c52f)
}

.Research-Release--unsupervised-sentiment-neuron .Research-Release-cover {
    background: linear-gradient(#3279ce, #ea444a)
}

.Research-Release--robots-that-learn .Research-Release-cover {
    background: linear-gradient(#fda638, #ce5ed0)
}

.Research-Papers {
    padding-top: 1px
}

.Research-Papers-header {
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 4rem;
    padding: 0 1rem
}

.Research-Papers-title {
    color: #140f33;
    font-size: 2.5rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: .5em 0
}

.Research-Papers-description {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    max-width: 500px;
    margin: 1em auto
}

.Research-Papers-latest {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1020px;
    margin: 5.5rem auto 4.5rem
}

@media only screen and (max-width: 776.25px) {
    .Research-Papers-latest {
        display: block
    }
}

.Research-Papers-card {
    padding: 1.75rem;
    position: relative;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    min-width: 300px;
    transform-style: preserve-3d;
    perspective: 1000px
}

@media only screen and (max-width: 776.25px) {
    .Research-Papers-card {
        max-width: 350px;
        margin: 0 auto
    }
}

.Research-Papers-card > a {
    padding-top: 129%;
    display: block;
    background: #fff;
    box-shadow: 0 6px 50px rgba(0, 0, 0, .06);
    color: #140f33;
    text-decoration: none;
    position: relative;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    transform: rotateY(5deg) rotateX(0deg) rotate(0deg) scale(1);
    -webkit-tap-highlight-color: transparent
}

.Research-Papers-card > a:active {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.925" /><feFuncG type="linear" slope="0.925" /><feFuncB type="linear" slope="0.925" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(92.5%)
}

.Research-Papers-card > a.parallax-active {
    transition: transform .4s cubic-bezier(0, 0, .2, 1), filter .15s cubic-bezier(0, 0, .2, 1)
}

.Research-Papers-card-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.Research-Papers-card-title {
    font-size: 2rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Research-Papers-card--new .Research-Papers-card-title:before {
    content: "New";
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .4px;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: .4em;
    margin-top: -.75em;
    color: #f6870f
}

.Research-Papers-card-meta-links {
    opacity: .8;
    padding-top: 20px;
    text-align: center
}

.Research-Papers-card-meta-links > a {
    display: inline-block;
    padding-right: 20px
}

.Research-Papers-card-meta, .Research-Papers-paper-meta {
    margin: 0
}

.Research-Papers-card-meta span, .Research-Papers-paper-meta span {
    display: block;
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    color: #140f33
}

.Research-Papers-card-meta-date, .Research-Papers-paper-meta-date {
    opacity: .34
}

.Research-Papers-paper-meta-links {
    opacity: .8;
    padding-top: 10px
}

.Research-Papers-paper-meta-links > a {
    display: inline-block;
    padding-right: 20px
}

.Research-Papers-all {
    padding: 0 0 10rem
}

.Research-Papers-all-header {
    position: relative
}

.Research-Papers-all-header:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-1px);
    background: #2d9fa0;
    opacity: .125
}

.Research-Papers-all-title {
    font-size: 1.3em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #140f33;
    margin: 2em 0;
    position: relative;
    z-index: 2;
    background: #fff;
    padding-right: .8em;
    display: inline-block
}

.Research-Papers-paper {
    display: block;
    padding: 1.5rem 0;
    position: relative;
    padding-left: 25px
}

.Research-Papers-paper a {
    text-decoration: none
}

.Research-Papers-paper-title {
    font-size: 2rem;
    line-height: 1.28em;
    font-weight: 400;
    color: #276ee3;
    transition: color .2s cubic-bezier(.645, .045, .355, 1);
    margin: .3em 0
}

.Research-Papers-paper a:hover .Research-Papers-paper-title {
    color: #000
}

.Research-Papers-paper-title:before {
    content: "";
    display: block;
    width: 13px;
    height: 17px;
    position: absolute;
    left: 0;
    transform: translateY(2px);
    background: url(/images/research/paper-glyph.svg);
    background-repeat: no-repeat
}

.Research-Papers-paper-meta span {
    display: inline;
    margin-right: .3em
}

.Research-Papers-paper-meta-authors {
    opacity: .95
}

.Page-Systems {
    overflow: hidden !important;
    position: absolute !important;
    min-height: 100% !important;
    top: 0px !important;
}

#forgotpassword, #cmdLoggin {
    cursor: pointer;
}

.btn-success:not(.flat-btn) {
    box-shadow: 0 0 0 1px #ffe600 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 2px 0 0 #ffe600, 0 2px 0 1px rgba(0, 0, 0, 0.4), 0 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.btn-success, .btn-success:hover {
    color: #000000 !important;
    /* background-color: #af9e01 !important; */
    border-color: #ad9a00 !important;
}

.btn-success:hover {
    background-color: rgb(237, 212, 0) !important;
}

.Page-Systems .Shared-Footer {
    background: #e5f3f3
}

.Page-Systems .Shared-Navigation-link--systems {
    opacity: .5
}

.Systems-Software {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100vh;
    width: 100vw;
}

.Systems-Software-appContainer {
    background: #42175a;
    background: linear-gradient(#34368c, #42175a);
    width: 50%;
    margin: 0;
    padding: 0;
    padding: 10rem 7rem 10rem 4rem;
    position: relative
}

.Systems-Software-appContainer-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none
}

.Systems-Software-appContainer-background:before {
    content: "";
    position: absolute;
    left: -10%;
    right: -10%;
    top: -10%;
    bottom: -10%;
    background-size: 100% 100%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="100" /></filter></svg>#filter');
    filter: blur(100px);
    opacity: .999999;
    will-change: opacity
}


@media only screen and (max-width: 776.25px) {
    .Systems-Software-appContainer {
        width: 50%;
    }}


@media only screen and (max-width: 776.25px) {
    .Systems-Software-app-title {
        font-size: 1em !important;
        size: 1em !important;
    }
}


@media only screen and (max-width: 776.25px) {
    .Shared-ArrowLink, .Shared-ArrowLink--external, .Systems-Software-app-description {
        visibility: hidden;
        opacity: 0;
    }
}

@media only screen and (max-width: 776.25px) {
    .Systems-Software-app-info {
        height: 0px !important;
        padding: 10px;
    }
}

.Systems-Software-appContainer-inner {
    position: relative;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    margin-left: -18%
}

@media only screen and (max-width: 776.25px) {
    .Systems-Software-appContainer-inner {
        margin-left: inherit;
        top: 10.5vw;
    }
}

@media only screen and (max-width: 550px) {
    .Systems-Software-appContainer-inner {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Systems-Software-app {
    width: calc(50% - 2rem);
    -ms-flex-item-align: start;
    align-self: flex-start;
    transform-style: preserve-3d;
    perspective: 1000px
}

@media only screen and (max-width: 550px) {
    .Systems-Software-app {
        width: inherit
    }
}

.Systems-Software-app:first-child {
    margin-right: 2rem
}

.Systems-Software-app:last-child {
    margin-left: 2rem
}

@media only screen and (max-width: 550px) {
    .Systems-Software-app:first-child, .Systems-Software-app:last-child {
        margin: 0
    }

    .Systems-Software-app + .Systems-Software-app {
        margin-top: 4rem
    }
}

.Systems-Software-app-anchor {
    display: block;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 21px rgba(0, 0, 0, .06);
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.hovermq .Systems-Software:hover .Systems-Software-app-anchor {
    transform: rotateY(5deg) rotateX(0deg) rotate(0deg) scale(1);
    will-change: transform
}

.hovermq .Systems-Software-app-anchor:active {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.925" /><feFuncG type="linear" slope="0.925" /><feFuncB type="linear" slope="0.925" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(92.5%)
}

.hovermq .Systems-Software-app-anchor.parallax-active {
    transition: transform .4s cubic-bezier(0, 0, .2, 1), filter .15s cubic-bezier(0, 0, .2, 1)
}

.Systems-Software-app-icon {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    pointer-events: none;
    background: #000;
    font-size: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    overflow: hidden
}

.Systems-Software-app-icon .Shared-Card-glare {
    height: 150%;
    mix-blend-mode: normal;
    opacity: .4
}

.Systems-Software-app-icon--gym {
    background: linear-gradient(#2ddc82, #17c2e4)
}

.Systems-Software-app-icon--universe {
    background: linear-gradient(#201173, #18191b)
}

.Systems-Software-app-icon picture {
    display: block;
    position: relative;
    padding-top: 85.80645161%
}

.Systems-Software-app-icon img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.Systems-Software-app-info {
    padding: 3.9rem 4.5rem 4.5rem
}

@media (max-width: 1000px) {
    .Systems-Software-app-info {
        padding: 0em 0rem 0rem;
        font-size: 0.7em !important;
    }
}

.Systems-Software-app-title {
    font-size: 2.2em;
    line-height: 1.28em;
    margin: 0;
    font-weight: 500;
    color: #140f33
}

.Systems-Software-app-description {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: .6em 0;
    color: #252527
}

@media (max-width: 1000px) {
    .Systems-Software-app-description {
        font-size: 1.5em
    }
}

.Systems-Software-description {
    background: #eff7f8;
    width: 50%;
    padding: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.Systems-Software-description-inner {
    max-width: 500px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 776.25px) {
    .Systems-Software-description {
        width: 50%;
        padding: 2rem 1rem
    }
}

.Systems-Software-releaseTitle {
    color: #140f33;
    font-size: 2.8em;
    line-height: 1.28em;
    font-weight: 500;
    margin: .7em 0
}

.Systems-Software-releaseDescription {
    font-size: 2.2em;
    line-height: 1.3em;
    color: #252527;
    max-width: 360px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 1em
}

.Systems-Software-jobsLink:before {
    content: "";
    display: block;
    width: 60px;
    height: 0px;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    background: #2d9fa0;
    opacity: .125
}

.Systems-Software-jobsLink p {
    color: #252527;
    font-size: 1.6em;
    line-height: 1.4em;
    margin: 0 0 .5em
}

.Systems-OpenSource {
    padding-top: 1px;
    padding-bottom: 10rem
}

.Systems-OpenSource-header {
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 4rem;
    padding: 0 1rem
}

.Systems-OpenSource-title {
    color: #140f33;
    font-size: 2.5rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: .5em 0
}

.Systems-OpenSource-description {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    max-width: 500px;
    margin: 1em auto
}

.Systems-OpenSource-list {
    max-width: 800px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.Systems-OpenSource-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media only screen and (max-width: 776.25px) {
    .Systems-OpenSource-list {
        display: block
    }
}

.Systems-OpenSource-card {
    position: relative;
    width: 100%;
    padding: 2.5rem;
    transform-style: preserve-3d;
    perspective: 1000px
}

@media only screen and (max-width: 776.25px) {
    .Systems-OpenSource-card {
        padding: 2rem 0
    }
}

.Systems-OpenSource-card a {
    display: block;
    background: #fff;
    box-shadow: 0 6px 50px rgba(0, 0, 0, .06);
    border-radius: 3px;
    padding: 3.5rem;
    padding-left: 12.5rem;
    text-decoration: none;
    position: relative;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.hovermq .Systems-OpenSource:hover .Systems-OpenSource-card a {
    will-change: transform;
    transform: rotateY(5deg) rotateX(0deg) rotate(0deg) scale(1)
}

.hovermq .Systems-OpenSource-card a:active {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.925" /><feFuncG type="linear" slope="0.925" /><feFuncB type="linear" slope="0.925" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(92.5%)
}

.hovermq .Systems-OpenSource-card a.parallax-active {
    transition: transform .4s cubic-bezier(0, 0, .2, 1), filter .15s cubic-bezier(0, 0, .2, 1)
}

.Systems-OpenSource-card a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 90px;
    width: 9rem;
    background: #d6e0e0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-repeat: no-repeat;
    background-position: 50% 40px;
    background-position: 50% 4rem;
    pointer-events: none;
    background-position: 50% 39px;
    background-position: 50% 3.9rem;
    background-image: url(/images/systems/open-source-categories/default.svg)
}

.Systems-OpenSource-card--category-python a:before {
    background-image: url(/images/systems/open-source-categories/python.svg)
}

.Systems-OpenSource-card span {
    display: block;
    pointer-events: none
}

.Systems-OpenSource-card-language {
    font-size: 1.3em;
    letter-spacing: .04rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #140f33;
    opacity: .3
}

.Systems-OpenSource-card-name {
    font-size: 1.8em;
    line-height: 1.28em;
    font-weight: 500;
    color: #140f33;
    margin: .5em 0
}

.Systems-OpenSource-card-description {
    font-size: 1.6em;
    line-height: 1.6em;
    color: #252527
}

.Systems-OpenSource-moreLink {
    margin-top: 5rem;
    text-align: center
}

.Page-About .Shared-Navigation-link--about {
    opacity: .5
}

.Page-About .Shared-Header {
    max-width: 720px
}

.Page-About .Shared-Footer {
    background: #eff7f8
}

.Page-About-section {
    min-height: calc(100vh - 55px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-height: 725px) {
    .Page-About-section {
        min-height: 670px
    }
}

@media only screen and (max-width: 776.25px) {
    .Page-About-section {
        min-height: auto
    }
}

.Page-About-section--alt {
    background: #fff
}

.About-Company {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    display: none
}

.About-Company-photoContainer {
    background: #b3d3da;
    width: 50%;
    margin: 0;
    padding: 7rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.About-Company-photo {
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
    width: 100%;
    padding-top: 100%;
    z-index: 10;
    opacity: .999999
}

.About-Company-photo-inner {
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: url(/images/about/office-temporary.jpg);
    background-color: #6d959e;
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: 0 10px 80px rgba(0, 0, 0, .25);
    overflow: hidden;
    border-radius: 3px;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.hovermq .About-Company-photo-inner {
    transform: rotateY(5deg) rotateX(0deg) rotate(0deg) scale(1);
    will-change: transform
}

.hovermq .About-Company-photo-inner.parallax-active {
    transition: transform .4s cubic-bezier(0, 0, .2, 1), filter .15s cubic-bezier(0, 0, .2, 1)
}

.About-Company-photo-inner img {
    position: absolute;
    top: 0;
    width: 100%
}

.About-Company-photo-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 3;
    opacity: .5;
    transform: translateZ(-50px)
}

.About-Company-photo-background:before {
    content: "";
    position: absolute;
    left: -10%;
    right: -10%;
    top: -10%;
    bottom: -10%;
    background: url(/images/about/office-temporary.jpg);
    background-size: 100% 100%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="100" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" /><feFuncG type="linear" slope="1.5" /><feFuncB type="linear" slope="1.5" /></feComponentTransfer></filter></svg>#filter');
    filter: blur(100px) brightness(150%);
    opacity: .999999;
    will-change: opacity
}

@media only screen and (max-width: 776.25px) {
    .About-Company-photoContainer {
        width: 100%
    }
}

.About-Company-description {
    background: #eff7f8;
    width: 50%;
    padding: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.About-Company-description-inner {
    max-width: 500px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 776.25px) {
    .About-Company-description {
        width: 100%;
        padding: 5rem 4rem
    }
}

.About-Company-title {
    color: #140f33;
    font-size: 2.8em;
    line-height: 1.28em;
    font-weight: 500;
    margin: .7em 0
}

.About-Company-p {
    font-size: 2.2em;
    line-height: 1.3em;
    color: #252527;
    max-width: 360px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 1em
}

.About-Company-jobsLink:before {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    background: #2d9fa0;
    opacity: .125
}

.About-Company-jobsLink p {
    color: #252527;
    font-size: 1.6em;
    line-height: 1.4em;
    margin: 0 0 .5em
}

.About-Backstory {
    max-width: 820px;
    padding: 10rem 2rem;
    margin: 0 auto
}

.About-Backstory .Shared-Header-title {
    max-width: 600px;
    margin: .9em 0
}

.About-Backstory-body {
    column-count: 2;
    column-gap: 3rem
}

@media only screen and (max-width: 776.25px) {
    .About-Backstory-body {
        column-count: 1
    }
}

.About-Backstory-body p {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    margin: 1em auto
}

.About-Backstory-body p.About-Backstory-break, .About-Backstory-body p:first-child {
    margin-top: 0
}

.About-Backstory strong {
    color: #140f33
}

.About-Backstory-link:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #2d9fa0;
    opacity: .1;
    margin: 30px 0;
    margin: 3rem 0
}

.About-Sponsors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.About-Sponsors-sponsors {
    background: #e5f3f3;
    width: 50%;
    margin: 0;
    padding: 7rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 776.25px) {
    .About-Sponsors-sponsors {
        width: 100%;
        padding: 7rem 2rem
    }
}

.About-Sponsors-companies, .About-Sponsors-individuals {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 360px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.About-Sponsors-individuals li {
    width: 50%;
    display: block;
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 2rem 1rem;
    text-align: center
}

.About-Sponsors-individuals li, .About-Sponsors-individuals li a {
    text-decoration: none;
    color: #140f33
}

.About-Sponsors-individuals li a:hover {
    opacity: .65
}

.About-Sponsors-companies {
    padding-top: 4rem;
    margin-top: 3.5rem;
    border-top: 1px solid #e3ebeb
}

.About-Sponsors-companies li {
    width: 50%;
    display: block;
    text-align: center;
    padding: 2rem;
    line-height: 33px
}

.About-Sponsors-companies img {
    vertical-align: middle
}

.About-Sponsors-description {
    background: #eff7f8;
    width: 50%;
    padding: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 776.25px) {
    .About-Sponsors-description {
        width: 100%;
        padding: 5rem 2rem
    }
}

.About-Sponsors-description-inner {
    max-width: 350px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 776.25px) {
    .About-Sponsors-description-inner {
        max-width: inherit
    }
}

.About-Sponsors-title {
    color: #140f33;
    font-size: 2.8em;
    line-height: 1.28em;
    font-weight: 500;
    margin: .7em 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.About-Sponsors-p {
    font-size: 2.2em;
    line-height: 1.3em;
    color: #252527;
    max-width: 360px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 1em
}

.About-Sponsors-link:before {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    background: #2d9fa0;
    opacity: .125
}

.About-Sponsors-link p {
    color: #252527;
    font-size: 1.6em;
    line-height: 1.4em;
    margin: 0 0 .5em
}

.About-ProductAccess {
    padding-bottom: 10rem
}

.About-ProductAccess-header {
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 4rem
}

.About-ProductAccess-title {
    color: #140f33;
    font-size: 2.5rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: .5em 0 .2em
}

.About-ProductAccess-description {
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #252527;
    max-width: 350px;
    margin: 1em auto
}

.About-ProductAccess-companies {
    list-style: none;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 820px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.About-ProductAccess-companies li {
    display: block;
    width: 25%;
    padding: 2.5rem;
    text-align: center;
    line-height: 33px
}

@media only screen and (max-width: 776.25px) {
    .About-ProductAccess-companies li {
        width: 50%
    }
}

.About-ProductAccess-companies img {
    vertical-align: middle;
    position: relative
}

.ProductAccess__Company--atlassian, .ProductAccess__Company--cloudflare {
    top: -3px
}

.Jobs-Positions {
    padding: 7rem 0;
    margin: 7rem 0;
    min-height: 400px
}

.Jobs-Positions-category-title {
    color: #140f33;
    font-size: 2.5rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: .5em 0
}

.Jobs-Positions-list {
    margin: 2rem 0;
    padding: 0;
    list-style: none
}

.Jobs-Positions-row {
    margin: 0
}

.Jobs-Positions-row > a {
    margin: 0;
    border: 1px solid #dee6e6;
    border-radius: 5px;
    padding: 1.85rem;
    margin: 2rem 0
}

.Jobs-Positions-row-header {
    display: block;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.Jobs-Positions-description {
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 15px 0
}

.Jobs-Positions-title {
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #276ee3;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 2rem;
    transition: filter .2s cubic-bezier(.645, .045, .355, 1)
}

.Jobs-Positions-row a:hover .Jobs-Positions-title {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(40%)
}

.Jobs-Positions-commitment {
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #140f33;
    opacity: .5;
    text-align: right
}

.RFR-container {
    max-width: 600px;
    margin: 5rem auto;
    padding: 5rem 1rem
}

.RFR-Cell-content {
    background: #fff;
    padding: 5rem;
    margin: 4rem -5rem
}

.RFR-Cell-content--hidden {
    display: none
}

.RFR-Cell:before, .RFR-Cell:last-child:after {
    content: "";
    display: block;
    height: 1px;
    margin: 20px 0;
    margin: 2rem 0;
    background: #2d9fa0;
    opacity: .1
}

.RFR-Cell-link {
    text-decoration: none
}

.RFR-Cell-title {
    color: #140f33;
    font-size: 2rem;
    line-height: 1.28em;
    font-weight: 500;
    font-size: 1.8em;
    font-weight: 400;
    color: #276ee3;
    margin: .5em 0
}

.RFR-PostContent h1, .RFR-PostContent h2, .RFR-PostContent h3, .RFR-PostContent h4, .RFR-PostContent h5, .RFR-PostContent h6 {
    line-height: 1.28em;
    font-weight: 500;
    margin: 2em 0 1em
}

.RFR-PostContent h1, .RFR-PostContent h2 {
    font-size: 2.5em
}

.RFR-PostContent h3 {
    font-size: 2.2em
}

.RFR-PostContent h4 {
    font-size: 2em
}

.RFR-PostContent h5 {
    font-size: 1.8em
}

.RFR-PostContent h6 {
    font-size: 1.6em
}

.RFR-PostContent a {
    color: #007eff;
    text-decoration: none;
    transition: border .15s cubic-bezier(.645, .045, .355, 1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.RFR-PostContent a:hover {
    border-bottom-color: rgba(0, 126, 255, .8)
}

.RFR-PostContent b, .RFR-PostContent strong {
    font-weight: 500
}

.RFR-PostContent p {
    font-size: 1.8em;
    line-height: 1.5em
}

.RFR-PostContent dl, .RFR-PostContent ol, .RFR-PostContent p, .RFR-PostContent ul {
    margin: 0 0 1.75em
}

.RFR-PostContent ol, .RFR-PostContent ul {
    padding-left: 3rem;
    font-size: 1.8em;
    line-height: 1.5em
}

.RFR-PostContent ol ol, .RFR-PostContent ol ul, .RFR-PostContent ul ol, .RFR-PostContent ul ul {
    font-size: 1em;
    margin: 0 0 .4em;
    padding-left: 2em
}

.RFR-PostContent dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin-bottom: 1em
}

.RFR-PostContent dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}

.RFR-PostContent li {
    margin: .4em 0
}

.RFR-PostContent li > p:last-of-type {
    margin-bottom: 0
}

.RFR-PostContent hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .06);
    margin: 5rem 0;
    padding: 0
}

.RFR-PostContent blockquote {
    box-sizing: border-box;
    margin: 1.75em 0 1.75em -2.2em;
    padding: 0 0 0 1.75em;
    border-left: .4em solid rgba(0, 0, 0, .1)
}

.RFR-PostContent blockquote p {
    margin: .8em 0;
    font-style: italic
}

.RFR-PostContent blockquote small {
    display: inline-block;
    margin: .8em 0 .8em 1.5em;
    font-size: .9em;
    color: #ccc
}

.RFR-PostContent blockquote small:before {
    content: "\2014 \00A0"
}

.RFR-PostContent blockquote cite {
    font-weight: 400
}

.RFR-PostContent .Blockquote--large {
    border: 0;
    margin-top: 6rem;
    margin-bottom: 5rem;
    max-width: 665.5px;
    width: 125%;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 776.25px) {
    .RFR-PostContent .Blockquote--large {
        max-width: calc(100vw - 20px)
    }
}

.RFR-PostContent .Blockquote--large p {
    text-align: center;
    font-size: 3.6em;
    font-style: italic;
    line-height: 1.28em;
    color: #d126a5;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.RFR-PostContent .Blockquote--large cite {
    font-size: 1.9em;
    line-height: 1.4em;
    text-align: right;
    color: #a3a6b5;
    display: block;
    max-width: 605px;
    margin: 1rem auto 2rem
}

@media screen and (max-width: 767px) {
    .RFR-PostContent .Blockquote--large cite {
        text-align: center
    }
}

.RFR-PostContent mark {
    background-color: #fdffb6
}

.RFR-PostContent code, .RFR-PostContent tt {
    padding: 1px 3px;
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    font-size: .85em;
    white-space: pre-wrap;
    background: rgba(219, 225, 230, .3);
    border-radius: 2px;
    font-feature-settings: "liga" 0
}

.RFR-PostContent pre {
    margin: 0 0 1.75em;
    width: 100%;
    padding: 10px;
    white-space: pre;
    overflow: auto;
    background: rgba(219, 225, 230, .2);
    padding: 2rem;
    font-size: 1.3em;
    line-height: 1.428em;
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

.RFR-PostContent pre code, .RFR-PostContent pre tt {
    font-size: inherit;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0
}

.RFR-PostContent kbd {
    display: inline-block;
    margin-bottom: .4em;
    padding: 1px 8px;
    border: 1px solid #ccc;
    color: #666;
    text-shadow: #fff 0 1px 0;
    font-size: .9em;
    font-weight: 700;
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 #fff
}

.RFR-PostContent table {
    box-sizing: border-box;
    margin: 1.75em 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent
}

.RFR-PostContent table td, .RFR-PostContent table th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #efefef
}

.RFR-PostContent table th {
    color: #000
}

.RFR-PostContent table caption + thead tr:first-child td, .RFR-PostContent table caption + thead tr:first-child th, .RFR-PostContent table colgroup + thead tr:first-child td, .RFR-PostContent table colgroup + thead tr:first-child th, .RFR-PostContent table thead:first-child tr:first-child td, .RFR-PostContent table thead:first-child tr:first-child th {
    border-top: 0
}

.RFR-PostContent table tbody + tbody {
    border-top: 2px solid #efefef
}

.RFR-PostContent table table table {
    background-color: #fff
}

.RFR-PostContent table tbody > tr:nth-child(odd) > td, .RFR-PostContent table tbody > tr:nth-child(odd) > th {
    background-color: #f6f6f6
}

.RFR-PostContent table.plain tbody > tr:nth-child(odd) > td, .RFR-PostContent table.plain tbody > tr:nth-child(odd) > th {
    background: transparent
}

.RFR-PostContent input, .RFR-PostContent select, .RFR-PostContent textarea {
    width: 260px;
    padding: 6px 9px;
    margin: 0 0 5px;
    outline: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 1.4em;
    background: #fff;
    border: 1px solid #e7eef2;
    border-radius: 4px;
    box-shadow: none;
    -webkit-appearance: none
}

.RFR-PostContent textarea {
    width: 100%;
    max-width: 340px;
    min-width: 250px;
    height: auto;
    min-height: 80px
}

.RFR-PostContent input[type=date]:focus, .RFR-PostContent input[type=datetime-local]:focus, .RFR-PostContent input[type=datetime]:focus, .RFR-PostContent input[type=email]:focus, .RFR-PostContent input[type=month]:focus, .RFR-PostContent input[type=number]:focus, .RFR-PostContent input[type=password]:focus, .RFR-PostContent input[type=search]:focus, .RFR-PostContent input[type=tel]:focus, .RFR-PostContent input[type=text]:focus, .RFR-PostContent input[type=time]:focus, .RFR-PostContent input[type=url]:focus, .RFR-PostContent input[type=week]:focus, .RFR-PostContent textarea:focus {
    border: 1px solid #bbc7cc;
    background: #fff;
    outline: none;
    outline-width: 0
}

.RFR-PostContent select {
    width: 270px;
    height: 30px;
    line-height: 30px
}

.RFR-PostContent button {
    min-height: 35px;
    width: auto;
    display: inline-block;
    padding: .1rem 1.5rem;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: .3rem;
    border: .1em solid rgba(0, 0, 0, .05);
    background: #5ba4e5
}

.RFR-PostContent .footnotes {
    font-style: italic;
    font-size: 1.3rem;
    line-height: 1.6em
}

.RFR-PostContent .footnotes li {
    margin: .6rem 0
}

.RFR-PostContent .footnotes p {
    margin: 0
}

.RFR-PostContent .footnotes p a:last-child {
    text-decoration: none
}

.RFR-PostContent img {
    display: block;
    max-width: 665.5px;
    width: auto;
    height: auto;
    padding: 2rem 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 776.25px) {
    .RFR-PostContent img {
        max-width: calc(100vw - 20px)
    }
}

.RFR-PostContent figcaption {
    text-align: center;
    color: #666;
    font-size: 1.5em;
    line-height: 1.4em;
    font-style: italic;
    margin-top: -2.5rem;
    margin-bottom: 4rem;
    padding: 0 4rem
}

.RFR-PostContent .PhotoGrid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 125%;
    margin: 3rem 0 4rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 776.25px) {
    .RFR-PostContent .PhotoGrid {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        transform: none
    }
}

.RFR-PostContent .PhotoGrid figure {
    width: 50%;
    margin: 0;
    padding: 0 2rem;
    position: relative
}

@media only screen and (max-width: 776.25px) {
    .RFR-PostContent .PhotoGrid figure {
        width: auto;
        margin-bottom: 2rem
    }
}

.RFR-PostContent .PhotoGrid img {
    max-width: 100%
}

.RFR-PostContent .PhotoGrid figcaption {
    margin: 0
}

.RFR-PostContent .fluidvids {
    display: block;
    margin: 5rem 0
}

.RFR-PostContent .gist table {
    margin: 0;
    font-size: 1.4rem;
    text-rendering: auto
}

.RFR-PostContent .gist td {
    line-height: 1.4
}

.RFR-PostContent .gist .line-number {
    min-width: 25px
}

.RFR-PostContent .content .embedPastebin {
    margin-bottom: 1.75em
}

.RFR-Cell-content > h1:first-child {
    margin-top: 0
}

.Press-title {
    color: #140f33;
    font-size: 2.5rem;
    line-height: 1.28em;
    font-weight: 500;
    margin: .5em 0
}

.Press-Section {
    margin: 7rem auto;
    padding: 7rem 0
}

.Press-email {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 5rem 0;
    text-align: center;
    color: #252527
}

.Error {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 61px - 100px)
}

.Error-inner {
    max-width: 655px;
    padding: 25px
}

.Error-inner:after {
    content: "";
    display: block;
    clear: both
}

.Error h1 {
    font-size: 4.4em;
    line-height: 1.28em;
    font-weight: 500;
    margin: 0;
    text-align: center
}

.Error h1 + p {
    font-size: 2.4em;
    line-height: 1.475em;
    text-align: center
}

.ErrorForm-success {
    display: block;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 500;
    color: #51ae56;
    text-transform: uppercase;
    text-align: center
}

.ErrorForm-success a {
    text-decoration: none;
    color: #888b8f;
    opacity: .7;
    transition: opacity .15s cubic-bezier(.645, .045, .355, 1);
    margin-left: 1rem;
    white-space: nowrap
}

.ErrorForm-success a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(/images/header/link-arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 5px;
    margin-left: .5rem
}

.ErrorForm-success a:hover {
    opacity: 1
}

.Page-Event {
    background: #171819;
    color: #fff
}

.Page-Event .Shared-Footer, .Page-Event .Shared-Navigation {
    background: none;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    filter: invert(100%);
    opacity: .5
}

.Page-Event .Shared-Header {
    padding: 2rem 1rem 0;
    max-width: 700px
}

.Page-Event .Shared-Header-title {
    color: #fff
}

.Page-Event .Shared-Header-secondaryTitle {
    color: #dde5e8
}

.Page-Event .Shared-Header-link, .Page-Event .Shared-Header-secondaryTitle a {
    color: #f8dc57
}

.Page-Event .Shared-Header-link:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(60%)
}

.Page-Event .Shared-Header-secondaryTitle a {
    color: #dde5e8;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.Page-Event__Blocks {
    display: -ms-flexbox;
    display: flex;
    margin: 8rem auto;
    max-width: 1400px
}

.Page-Events__Blocks-col {
    width: calc(50wv - 2rem);
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.Page-Events__Blocks-col:first-child {
    margin-right: 1rem
}

.Page-Events__Blocks-col:last-child {
    margin-left: 1rem
}

@media only screen and (max-width: 776.25px) {
    .Page-Event__Blocks {
        display: block
    }

    .Page-Events__Blocks-col {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Page-Event__Section {
    background: #131313;
    padding: 8rem;
    margin-bottom: 2rem
}

@media only screen and (max-width: 1150px) {
    .Page-Event__Section {
        padding: 3rem
    }
}

.Page-Event__Section-title {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.28em;
    text-align: center;
    margin: 0 0 .2em;
    padding: 0;
    display: block
}

.Page-Event__Section-description {
    font-size: 1.8rem;
    color: #dde5e8;
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto 1em;
    padding: 0;
    display: block;
    max-width: 450px
}

.Page-Event__Section-description a {
    color: #f8dc57;
    text-decoration: none
}

.Page-Event__Video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0 1rem
}

.Page-Event__Video-player {
    background: #000;
    box-shadow: 0 12px 49px rgba(0, 0, 0, .54);
    display: inline-block
}

@media only screen and (max-width: 776.25px) {
    .Page-Event__Video-player iframe {
        width: 100%
    }
}

.Page-Event__Section--video {
    position: relative;
    padding: 0;
    padding-top: 56.22394282%
}

.Page-Event__AsideVideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/o_event/aside_video/screengrab-small.jpg);
    background-size: 100% 100%;
    text-decoration: none;
    display: block;
    transition: filter .3s ease
}

.Page-Event__AsideVideo:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(90%)
}

.Page-Event__AsideVideo-textContainer {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 3rem;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="8" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 1.5))
}

.Page-Event__AsideVideo .Page-Event__Section-title {
    margin-bottom: 0
}

.Page-Event__AsideVideo .Page-Event__Section-description {
    margin-bottom: .8rem
}

.Page-Event__AsideVideo-link {
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #f8dc57;
    display: block;
    white-space: nowrap
}

.Page-Event__AsideVideo-link:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 2.5px;
    margin-left: .25rem;
    background: url(/images/arrow-f8dc57.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.Page-Event__Replays {
    display: table;
    width: 100%;
    margin: 3rem auto;
    position: relative;
    left: -28.5px
}

.Page-Event__Replays-header {
    font-size: 1.3em;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #57c1f8;
    display: table-row
}

.Page-Event__Replays-header-cell {
    display: table-cell;
    border-bottom: 1px solid #2b2b2b;
    padding: .75rem;
    margin-bottom: 1rem
}

.Page-Event__Replays-header-cell:first-child {
    opacity: 0
}

.Page-Event__Replays-cell:first-child, .Page-Event__Replays-header-cell:first-child {
    width: 57px
}

.Page-Event__Replays-cell:last-child, .Page-Event__Replays-header-cell:last-child {
    width: 70px;
    text-align: right;
    white-space: nowrap
}

.Page-Event__Replays-row {
    color: #fff;
    font-size: 1.6rem;
    line-height: 27px;
    text-decoration: none;
    display: table-row;
    background-color: rgba(87, 193, 248, 0)
}

a.Page-Event__Replays-row:hover {
    background: rgba(87, 193, 248, .1)
}

.Page-Event__Replays-cell {
    display: table-cell;
    padding: .9rem 1rem;
    border-bottom: 1px solid rgba(43, 43, 43, .5)
}

.Page-Event__Replays-cell:first-child, .Page-Event__Replays-row:last-child .Page-Event__Replays-cell {
    border-bottom-color: transparent
}

span.Page-Event__Replays-row a {
    color: #f8dc57;
    text-decoration: none
}

.Page-Event__Replays-cell img {
    vertical-align: middle;
    opacity: 0
}

a.Page-Event__Replays-row:hover img {
    opacity: 1
}

.Page-Event__Section-About-DOTA .Page-Event__Section-description, .Page-Event__Section-About-DOTA .Page-Event__Section-title {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px
}

.Page-Event__Section-About-DOTA-logo {
    float: right;
    margin: -2rem 0 2rem 2rem
}

.Page-Event__Team {
    margin: 0;
    padding: 0;
    max-width: 450px;
    margin: 2rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Page-Event__Team-individual {
    font-size: 1.8em;
    line-height: 1.28em;
    list-style: none;
    width: 50%;
    text-align: center;
    padding: .5rem;
    font-weight: 500;
    color: #f8dc57
}

.Page-Event__Team-additional {
    font-size: 1.6rem;
    color: #dde5e8;
    line-height: 1.4em;
    text-align: center;
    margin: 2em auto;
    max-width: 450px
}

.Page-Event__Partnership-openai-valve {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.Page-Event__Partnership-openai-valve img {
    margin: 0 2rem;
    vertical-align: middle
}

.Page-Event__Partnership-additional {
    font-size: 1.6rem;
    color: #dde5e8;
    line-height: 1.4em;
    text-align: center;
    margin: 2em auto;
    max-width: 450px
}

.Page-Event__Partnership-additional img {
    display: block;
    margin: 2rem auto 0
}

.Page-Event__Press {
    font-size: 1.6rem;
    color: #dde5e8;
    line-height: 1.4em;
    text-align: center;
    margin: 0
}

.Page-Event__Press a {
    color: #f8dc57
}

.Page-Event__countdownContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 55px - 84px);
    min-height: 300px;
    max-height: 1000px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5rem
}

.Page-Event__countdown {
    padding: 3rem;
    text-align: center;
    font-size: 0;
    display: -ms-flexbox;
    display: flex
}

.Page-Event__countdown--inactive {
    opacity: .3
}

.Page-Event__countdown-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.Page-Event__countdown-label {
    margin-top: 1rem;
    color: #d9d58f;
    opacity: .3;
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none
}

.Page-Event__countdown span {
    display: inline-block;
    font-size: 8rem;
    font-weight: 500;
    line-height: 8rem;
    color: #f8dc57;
    background: #000;
    border-radius: 5px;
    width: 7.5rem;
    height: 9.2rem;
    padding: 1rem;
    margin: 0 .4rem
}

.Page-Event__countdown-separator {
    font-size: 8rem;
    font-weight: 500;
    color: #d9d58f;
    opacity: .3;
    margin: 0 .5rem
}

.Page-Five {
    background: #fff;
    color: #000
}

.five-symbol {
    width: 12%;
    display: block;
    margin: 0 auto;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    filter: invert(100%)
}

@media only screen and (max-width: 776.25px) {
    .five-symbol {
        width: 75px
    }
}

.Page-Five .Shared-Header {
    padding: 5rem 1rem;
    max-width: 700px
}

.Page-Five .Shared-Header-title {
    color: #000;
    margin: .25em 0 .5em
}

.Page-Five .Shared-Header-secondaryTitle {
    color: #000
}

@media only screen and (max-width: 1150px) {
    .visible-xl {
        display: none
    }
}

.Page-Five .Shared-Header-navigation ul {
    margin-top: 4rem
}

.Page-Five .Shared-Header-link {
    padding: .6rem 1.3rem
}

.Page-Five-section article {
    max-width: 820px;
    padding: 10rem 2rem;
    margin: 0 auto;
    width: 100%
}

@media only screen and (max-width: 776.25px) {
    .Page-Five-section article {
        padding: 5rem 2rem
    }
}

.Page-Five-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Page-Five-section--light {
    background-color: #eff7f8
}

.Page-Five img {
    width: 100%
}

.Five-How-OpenAI-Five-works {
    padding: 10rem 2rem 2.5rem !important
}

@media only screen and (max-width: 776.25px) {
    .Five-How-OpenAI-Five-works {
        padding: 5rem 2rem 2.5rem !important
    }
}

.Five-Training {
    padding: 2.5rem 2rem !important
}

.Five-Learnings {
    padding: 2.5rem 2rem 10rem !important
}

@media only screen and (max-width: 776.25px) {
    .Five-Learnings {
        padding: 2.5rem 2rem 5rem !important
    }
}

.Five-Timeline {
    padding: 0 2rem !important;
    width: 100%
}

@media only screen and (max-width: 776.25px) {
    .Five-Timeline {
        padding: 5rem 2rem !important
    }
}

.Five-Articles ul, .Five-Press-Kit ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.Five-Articles-body {
    margin-top: 2rem;
    width: 100%
}

.Five-Timeline {
    max-width: 820px;
    padding: 0 2rem;
    margin: 0 auto
}

.Page-Five-section article p, .Page-Five .Shared-SectionTitle {
    color: #000;
    opacity: 1
}

.Five-Two-Column {
    column-count: 2;
    column-gap: 3rem;
    margin-top: 2rem
}

@media only screen and (max-width: 776.25px) {
    .Five-Two-Column {
        column-count: 1
    }
}

.Five-Two-Column p:first-child {
    margin-top: 0
}

.Five-Two-Column p:last-child {
    margin-bottom: 0
}

.Page-Five-section article p {
    font-size: 1.8rem;
    line-height: 1.5em;
    margin: 1em auto
}

.Page-Five .Shared-ArrowLink, .Page-Five .Shared-Header-link, .Page-Five .Shared-Header-secondaryTitle a {
    color: #36d29a;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(90%)
}

.Page-Five .Shared-ArrowLink {
    line-height: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.Page-Five .Shared-ArrowLink:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(80%)
}

.Page-Five .Shared-ArrowLink:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 2.5px;
    margin-left: .25rem;
    background: url(/images/arrow-36d29a.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.Page-Five .Shared-Header-link:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(80%)
}

.Page-Five .Shared-Header-secondaryTitle a {
    color: #000;
    border-bottom: 1px solid rgba(54, 210, 154, .5);
    transition: none
}

.Page-Five .Shared-Header-secondaryTitle a:hover {
    filter: none
}

.Page-Five h2 a, .Page-Five p a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid rgba(54, 210, 154, .5)
}

.Page-Five h2 a:hover, .Page-Five p a:hover {
    color: #36d29a;
    border-bottom: 1px solid #36d29a
}

.twitter-tweet {
    width: 100% !important
}

.Five-Timeline .Shared-SectionTitle {
    position: relative;
    top: 10rem
}

@media only screen and (max-width: 776.25px) {
    .Five-Timeline .Shared-SectionTitle {
        position: inherit;
        top: 0;
        display: block;
        margin-bottom: 4rem
    }
}

.Page-Five .timeline {
    border-left: 2px solid #a3acb0;
    margin: 0 auto;
    letter-spacing: .5px;
    position: relative;
    font-size: 1.8rem;
    line-height: 1.5em;
    padding: 15rem 50px 50px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 75%;
    float: right
}

@media only screen and (max-width: 776.25px) {
    .Page-Five .timeline {
        border-left: none;
        max-width: 100%;
        float: none;
        padding: 0;
        position: inherit
    }
}

.Page-Five .timeline .event {
    padding-bottom: 25px;
    margin-bottom: 30px;
    position: relative
}

.Page-Five .timeline p {
    margin: 0;
    margin-top: 1em
}

@media only screen and (max-width: 776.25px) {
    .Page-Five .timeline .event {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }
}

.Page-Five .timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none
}

.Page-Five .timeline .event:after, .Page-Five .timeline .event:before {
    position: absolute;
    display: block;
    top: 0
}

.Page-Five .timeline .event:before {
    left: -217.5px;
    top: 3px;
    content: attr(data-date);
    text-align: right;
    min-width: 120px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .4px;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    opacity: .6
}

@media only screen and (max-width: 776.25px) {
    .Page-Five .timeline .event:before {
        position: inherit;
        text-align: left;
        min-width: inherit;
        top: 0;
        left: 0
    }
}

.Page-Five .timeline .event:after {
    left: -55px;
    background: #a3acb0;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    content: "";
    top: 8px
}

@media only screen and (max-width: 776.25px) {
    .Page-Five .timeline .event:after {
        display: none
    }
}

.Page-Five .timeline ul {
    padding-left: 0;
    list-style-type: none
}

.Page-Five .timeline ul li {
    color: #404452
}

.Page-Five .team {
    padding: 0;
    list-style: none;
    margin: 0
}

.Page-Five .team-name, .Page-Five .team-title {
    display: block
}

.Page-Five .team-title {
    opacity: .5
}

.Page-Five .team li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding: 1.2rem 0 1rem
}

.Page-Five .leadership li {
    padding: 2rem 0
}

.Page-Five .team p {
    margin: .25em 0 0
}

.Page-Five .team-bio {
    margin-top: 0
}

.Page-Five .bio-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px
}

.Five-TodoList {
    margin: 0;
    padding: 0
}

.Five-TodoList > li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0
}

.Five-TodoList > li.future, .Five-TodoList > li.past {
    opacity: .5
}

.Five-TodoList .label {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    font-size: 5.2em;
    text-align: left;
    font-weight: 100;
    margin-top: 3px
}

.Five-TodoList .details {
    -ms-flex: 1;
    flex: 1
}

.Five-TodoList .title {
    font-size: 2.8rem !important;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: .5px
}

.Page-Five .team-name-flat, .Page-Five .team-title-flat {
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase
}

.Page-Five .team-title-flat {
    opacity: .5;
    display: block
}

.Page-Five .team-name, .Page-Five .team-title {
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 75px;
    height: 75px
}

.Page-Five .team-headshot {
    width: 75px;
    height: 75px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 50%
}

.Page-Five .team-link {
    color: inherit;
    text-decoration: none
}

.Page-Five .Shared-Footer, .Page-Five .Shared-Navigation {
    background: none;
    background: #fff
}

md-toast.md-success-toast-theme {

.md-toast-content {
    background-color: #e5b64a;
}

}

/*test chab*/
/*a.gflag {
    vertical-align: middle;
    font-size: 15px;
    padding: 0px;
    background-repeat: no-repeat;
    background-image: url(//gtranslate.net/flags/16.png);
}

a.gflag img {
    border: 0;
}

a.gflag:hover {
    background-image: url(//gtranslate.net/flags/16a.png);
}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

body {
    top: 0 !important;
}

#google_translate_element2 {
    display: none !important;
}

/*a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}*/
/*a.gflag img {border:0;}*/
/*a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}*/
/*#goog-gt-tt {display:none !important;}*/
/*.goog-te-banner-frame {display:none !important;}*/
/*.goog-te-menu-value:hover {text-decoration:none !important;}*/
/*body {top:0 !important;}*/
/*#google_translate_element2 {display:none!important;}*/