282
ediciones
Cambios
Página creada con «<style> →! normalize.css v3.0.2 | MIT License | git.io/normalize: hr, img, legend { border: 0 } .cDT--list__btn:focus, .cDT--list__btn:hover, ....»
<style>
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
hr, img, legend {
border: 0
}
.cDT--list__btn:focus, .cDT--list__btn:hover, .o--blank__desc a, .o--btn--lg:focus, .o--btn--lg:hover, .o--btn--sm:focus, .o--btn--sm:hover, .o--btn:focus, .o--btn:hover, .u--noDeco:active, .u--noDeco:focus, .u--noDeco:hover, a, a:focus, a:hover {
text-decoration: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
a {
background: 0 0;
cursor: pointer
}
a:active, a:focus, a:hover {
outline: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
.cDT--modalBody:after, .cDT--modalBody:before, .cSC--info:after, .cSC--info:before, .cSC--li__content-row:after, .cSC--li__content-row:before, .cSC--li__content:after, .cSC--li__content:before, .o--blank:after, .o--blank:before, .o--container:after, .o--container:before, .o--icon:after, .o--icon:before, .o--inputAction--light:after, .o--inputAction--light:before, .o--inputAction:after, .o--inputAction:before, .o--mediaGrid:after, .o--mediaGrid:before, .o--modalBody:after, .o--modalBody:before, .o--modalHeader:after, .o--modalHeader:before, .u--clearfix:after, .u--clearfix:before {
display: table;
content: " "
}
abbr[title] {
border-bottom: 1px dotted
}
b, optgroup, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin: 20px 0;
border-top: 1px solid #eee
}
pre, textarea {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
body, html {
font-weight: 400;
line-height: 16px;
-webkit-font-smoothing: auto;
text-rendering: optimizeLegibility;
color: #080808
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
a, a:focus, a:hover {
color: inherit
}
body {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin: 0;
overflow-x: hidden;
background: #fafafa
}
html {
font-size: 13px
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500
}
p {
font-size: 1rem;
line-height: 125%;
margin: 0 0 10.5px
}
[data-ember-action] {
cursor: pointer
}
.cDT--modalBody:after, .cSC--info:after, .cSC--li__content-row:after, .cSC--li__content:after, .o--blank:after, .o--icon:after, .o--inputAction--light:after, .o--inputAction:after, .o--mediaGrid:after, .o--modalBody:after, .o--modalHeader:after, .u--clearfix:after {
clear: both
}
.u--float--left {
float: left !important
}
.u--float--right {
float: right !important
}
.u--listUnstyle {
margin: 0;
padding: 0;
list-style: none
}
.u--m__lr__0, .u--m__r__0 {
margin-right: 0 !important
}
.u--m__l__0, .u--m__lr__0 {
margin-left: 0 !important
}
.u--m__t__0, .u--m__tb__0 {
margin-top: 0 !important
}
.u--m__b__0, .u--m__tb__0 {
margin-bottom: 0 !important
}
.u--p__lr__0, .u--p__r__0 {
padding-right: 0 !important
}
.u--p__l__0, .u--p__lr__0 {
padding-left: 0 !important
}
.u--p__t__0, .u--p__tb__0 {
padding-top: 0 !important
}
.u--p__b__0, .u--p__tb__0 {
padding-bottom: 0 !important
}
.u--relative {
position: relative !important
}
.u--block {
display: block !important
}
.u--inline {
display: inline-block !important
}
.u--flex, .u--flex--col {
display: flex !important
}
.u--flex--col {
flex-flow: column !important
}
.u--hide, .u--hide--l {
display: none !important
}
.u--flex--center {
justify-content: center;
align-items: center
}
.u--flex__item--ratio1 {
flex: 1
}
.u--scroll--y {
overflow: auto;
overflow-y: scroll
}
@media only screen and (max-width: 900px) {
.u--hide--s {
display: none !important
}
.u--hide--l {
display: inline-block !important
}
}
.u--mute {
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.u--ellipsis {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%
}
.u--ellipsis a, .u--ellipsis h1, .u--ellipsis h2, .u--ellipsis h3, .u--ellipsis h4, .u--ellipsis h5, .u--ellipsis h6, .u--ellipsis p {
display: inline;
color: inherit;
font-size: inherit;
font-weight: inherit
}
.u--text--strike {
text-decoration: line-through
}
.u--text--base {
font-size: 1rem !important;
font-weight: 400
}
.u--text--xs {
font-size: .75rem !important
}
.u--text--sm {
font-size: .85rem !important
}
.u--text--md {
font-size: 1.1rem !important;
line-height: 1.485rem !important
}
.u--text--lg {
font-size: 1.5rem !important;
line-height: 2.025rem !important
}
.u--text--bold {
font-weight: 500 !important
}
.u--text--italic {
font-style: italic !important
}
.u--text--uppercase {
text-transform: uppercase
}
.u--text--capitalize {
text-transform: capitalize
}
.u--text--danger {
color: #f98c65 !important
}
.u--text--success {
color: #50b83c !important
}
.u--text--light {
color: #999 !important
}
.u--text--white {
color: #fff !important
}
.u--text--hl {
color: #25c6fe !important
}
.u--text--right {
text-align: right !important
}
.u--text--left {
text-align: left !important
}
.u--text--center {
text-align: center !important
}
.u--m__0 {
margin: 0 !important
}
.u--m__lr__auto, .u--m__r__auto {
margin-right: auto !important
}
.u--m__l__auto, .u--m__lr__auto {
margin-left: auto !important
}
.u--m__t__auto, .u--m__tb__auto {
margin-top: auto !important
}
.u--m__b__auto, .u--m__tb__auto {
margin-bottom: auto !important
}
.u--p__0 {
padding: 0 !important
}
.u--p__lr__auto, .u--p__r__auto {
padding-right: auto !important
}
.u--p__l__auto, .u--p__lr__auto {
padding-left: auto !important
}
.u--p__t__auto, .u--p__tb__auto {
padding-top: auto !important
}
.u--p__b__auto, .u--p__tb__auto {
padding-bottom: auto !important
}
.u--m__auto {
margin: auto !important
}
.u--m__lr__xs, .u--m__r__xs {
margin-right: .5rem !important
}
.u--m__l__xs, .u--m__lr__xs {
margin-left: .5rem !important
}
.u--m__t__xs, .u--m__tb__xs {
margin-top: .5rem !important
}
.u--m__b__xs, .u--m__tb__xs {
margin-bottom: .5rem !important
}
.u--p__auto {
padding: auto !important
}
.u--p__lr__xs, .u--p__r__xs {
padding-right: .5rem !important
}
.u--p__l__xs, .u--p__lr__xs {
padding-left: .5rem !important
}
.u--p__t__xs, .u--p__tb__xs {
padding-top: .5rem !important
}
.u--p__b__xs, .u--p__tb__xs {
padding-bottom: .5rem !important
}
.u--m__xs {
margin: .5rem !important
}
.u--m__lr__sm, .u--m__r__sm {
margin-right: .75rem !important
}
.u--m__l__sm, .u--m__lr__sm {
margin-left: .75rem !important
}
.u--m__t__sm, .u--m__tb__sm {
margin-top: .75rem !important
}
.u--m__b__sm, .u--m__tb__sm {
margin-bottom: .75rem !important
}
.u--p__xs {
padding: .5rem !important
}
.u--p__lr__sm, .u--p__r__sm {
padding-right: .75rem !important
}
.u--p__l__sm, .u--p__lr__sm {
padding-left: .75rem !important
}
.u--p__t__sm, .u--p__tb__sm {
padding-top: .75rem !important
}
.u--p__b__sm, .u--p__tb__sm {
padding-bottom: .75rem !important
}
.u--m__sm {
margin: .75rem !important
}
.u--m__lr, .u--m__r {
margin-right: 1rem !important
}
.u--m__l, .u--m__lr {
margin-left: 1rem !important
}
.u--m__t, .u--m__tb {
margin-top: 1rem !important
}
.u--m__b, .u--m__tb {
margin-bottom: 1rem !important
}
.u--p__sm {
padding: .75rem !important
}
.u--p__lr, .u--p__r {
padding-right: 1rem !important
}
.u--p__l, .u--p__lr {
padding-left: 1rem !important
}
.u--p__t, .u--p__tb {
padding-top: 1rem !important
}
.u--p__b, .u--p__tb {
padding-bottom: 1rem !important
}
.u--m {
margin: 1rem !important
}
.u--m__lr__md, .u--m__r__md {
margin-right: 1.5rem !important
}
.u--m__l__md, .u--m__lr__md {
margin-left: 1.5rem !important
}
.u--m__t__md, .u--m__tb__md {
margin-top: 1.5rem !important
}
.u--m__b__md, .u--m__tb__md {
margin-bottom: 1.5rem !important
}
.u--p {
padding: 1rem !important
}
.u--p__lr__md, .u--p__r__md {
padding-right: 1.5rem !important
}
.u--p__l__md, .u--p__lr__md {
padding-left: 1.5rem !important
}
.u--p__t__md, .u--p__tb__md {
padding-top: 1.5rem !important
}
.u--p__b__md, .u--p__tb__md {
padding-bottom: 1.5rem !important
}
.u--m__md {
margin: 1.5rem !important
}
.u--m__lr__lg, .u--m__r__lg {
margin-right: 2rem !important
}
.u--m__l__lg, .u--m__lr__lg {
margin-left: 2rem !important
}
.u--m__t__lg, .u--m__tb__lg {
margin-top: 2rem !important
}
.u--m__b__lg, .u--m__tb__lg {
margin-bottom: 2rem !important
}
.u--p__md {
padding: 1.5rem !important
}
.u--p__lr__lg, .u--p__r__lg {
padding-right: 2rem !important
}
.u--p__l__lg, .u--p__lr__lg {
padding-left: 2rem !important
}
.u--p__t__lg, .u--p__tb__lg {
padding-top: 2rem !important
}
.u--p__b__lg, .u--p__tb__lg {
padding-bottom: 2rem !important
}
.u--m__lg {
margin: 2rem !important
}
.u--p__lg {
padding: 2rem !important
}
.o--container {
max-width: 860px;
position: relative;
margin: 0 auto
}
.o--container:after {
clear: both
}
.o--text__h1 {
margin: 0;
font-size: 1.3rem;
line-height: 40px
}
.o--text__h2 {
margin: .75rem 0;
font-weight: 500;
font-size: 1.4rem
}
.o--text__span {
display: block;
margin: .75rem 0;
font-size: 1rem;
color: #999
}
.o--text__p {
margin: .75rem 0;
font-size: 1.25rem;
line-height: 23.2px
}
.o--modalBody--open {
overflow: hidden;
min-width: 800px
}
.o--modal--close {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 2rem;
display: block
}
.o--modal--closeIcon {
position: absolute;
right: -2rem;
top: 0;
cursor: pointer;
color: #fff;
font-size: 1.5rem
}
.o--modalBg, .o--modalBg--inner {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
padding: 60px 0;
background: rgba(58, 61, 71, .79);
z-index: 501
}
.o--modalBg--inner.is--top, .o--modalBg.is--top {
z-index: 800
}
.o--modalBg--inner {
position: absolute;
background: #f3f3f3;
z-index: 300
}
.o--modalBg--inner .o--modalCard, .o--modalBg--inner .o--modalCard--narrow {
border: 1px solid #eee
}
.o--modalWrapper {
display: table;
height: 100%;
width: 100%;
margin: 0 auto
}
@media only screen and (max-width: 980px) {
.o--modalBody--open {
min-width: 100%
}
.o--modalBg, .o--modalBg--inner {
padding: 0
}
.o--modalWrapper {
display: block
}
}
.o--modalVer {
display: table-cell;
vertical-align: middle
}
.o--modalHor {
padding: 0 20px
}
@media only screen and (max-width: 980px) {
.o--modalVer {
display: block
}
.o--modalHor {
display: block;
padding: 0
}
}
.o--modalCard, .o--modalCard--narrow {
position: relative;
margin: 0 auto;
padding: 0;
overflow-y: visible;
background: #fff;
z-index: 502;
border-radius: 3px;
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.has--secondary.o--modalCard .o--modalFooter.is--sticky, .has--secondary.o--modalCard .o--modal__message.is--sticky, .has--secondary.o--modalCard--narrow .o--modalFooter.is--sticky, .has--secondary.o--modalCard--narrow .o--modal__message.is--sticky, .o--modalFooter {
position: absolute
}
.o--modalCard + .o--modalCard, .o--modalCard + .o--modalCard--narrow, .o--modalCard--narrow + .o--modalCard, .o--modalCard--narrow + .o--modalCard--narrow {
margin-top: .75rem;
min-height: 0;
padding-bottom: 0
}
.has--secondary.o--modalCard, .has--secondary.o--modalCard--narrow {
browser-prefixes(browsers()) -transform: translateX(- 165 px);
transform: translateX(-165px);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.has--footer.o--modalCard, .has--footer.o--modalCard--narrow {
padding-bottom: 63px
}
.o--modalCard {
min-width: 850px;
max-width: 870px;
min-height: 450px
}
.o--modalCard--narrow {
min-width: 550px;
max-width: auto;
width: 550px;
min-height: 250px;
padding-bottom: 63px
}
.o--modalHeader {
padding: 2rem;
min-height: 50px;
border-radius: 3px 3px 0 0
}
.o--modalHeader__title {
margin: 0;
font-size: 1.25rem;
font-weight: 500;
color: #080808
}
.o--modal__mediaWrapper {
padding: 0;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
background: #2b303b;
border-radius: 3px 3px 0 0
}
.o--modal__media {
display: block;
margin: 0 auto;
width: auto;
height: auto;
max-width: 550px;
max-height: 550px;
min-height: 90px;
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.o--modal__media.is--minimize {
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out;
browser-prefixes(browsers()) -transform: scale(.85, .85);
transform: scale(.85, .85);
max-height: 412.5px;
cursor: zoom-in
}
.o--modalBody {
position: relative;
padding: 1rem 2rem
}
.o--modalBody.has--scroll {
height: 324px;
overflow-y: scroll
}
.o--modal__message {
display: block;
text-align: right;
padding: .5rem 2rem;
font-size: .85rem;
color: #999;
background: #fff
}
.o--modal__message.is--sticky {
position: fixed;
bottom: 63px;
left: auto;
right: auto;
width: inherit;
z-index: 10;
border-top: 1px solid #eee
}
.o--modalFooter {
bottom: 0;
left: 0;
right: 0;
height: 63px;
padding: 1rem 1.5rem;
border-top: 1px solid #f3f3f3;
border-radius: 0 0 3px 3px;
background: #fff
}
.o--modalFooter.is--sticky {
position: fixed;
bottom: 0;
left: auto;
right: auto;
width: inherit;
z-index: 10;
border-color: #eee
}
.o--modalDialog {
position: relative;
margin: 0 auto;
padding: 0;
width: 300px;
min-height: 50px;
background: 0 0;
text-align: center;
z-index: 503;
color: #fff
}
.o--modalDialog__title {
font-size: 2rem;
font-weight: 400;
margin: 0 0 2rem;
line-height: 130%;
letter-spacing: .1px
}
.o--modalDialog__text {
margin: 0 0 2rem;
font-size: 1.1rem;
line-height: 150%;
font-weight: 400
}
.o--modalCard--secondary {
height: 100%;
width: 350px;
position: absolute;
top: 0;
right: -.5rem;
margin: 0;
overflow-y: hidden;
background: #fff;
browser-prefixes(browsers()) -transform: translateX(350 px);
transform: translateX(350px);
browser-prefixes(browsers()) -border-radius: 2 px;
border-radius: 2px
}
.o--modalBody--secondary {
position: absolute;
padding: 1rem 2rem;
top: 63px;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto
}
.o--modalBody--secondary.has--footer {
bottom: 63px
}
@media only screen and (max-width: 980px) {
.o--modalBody--secondary.has--footer {
bottom: 0
}
}
.o--modal--onHover {
position: relative;
cursor: pointer
}
.o--btn--overlay, .o--modal--onHover:after {
position: absolute;
transition: all .3s linear
}
.o--modal--onHover:after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
top: 0;
left: 0;
z-index: 99
}
.o--modal--onHover:hover:after {
background: rgba(0, 0, 0, .5)
}
.o--modal--onHover:hover .o--btn--overlay {
opacity: 1
}
.o--btn--overlay {
color: #fff;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%);
z-index: 100;
opacity: 0
}
.o--mediaContainer, .o--mediaOverlay {
left: 0;
bottom: 0;
position: absolute;
top: 0;
right: 0
}
.o--btn--overlay:hover {
color: #fff
}
.o--mediaContainer {
background: #f3f3f3;
overflow: hidden
}
.o--mediaContainer .o--media {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%
}
.o--media {
display: block;
width: 100%;
height: auto
}
.o--media.is--selected {
border: 3px solid #1bc3fe
}
.o--mediaOverlay {
display: block;
border: 1px solid rgba(0, 0, 0, .03);
background: rgba(0, 0, 0, .001)
}
.o--media__label, .o--media__label--select, .o--media__label--status, .o--media__label--type {
position: absolute;
z-index: 1;
right: .5rem;
color: #fff
}
.o--mediaGrid {
width: 100%
}
.o--mediaGrid .o--mediaContainer {
top: 1.5px;
bottom: 1.5px;
left: 1.5px;
right: 1.5px
}
.o--mediaGrid__mediaWrapper {
display: inline-block;
position: relative;
width: 33.3333%;
float: left
}
.o--mediaGrid__mediaWrapper:after {
padding-top: 100%;
display: block;
content: ""
}
.o--media--drag:after {
content: "";
position: absolute;
background: #fff;
border-radius: 2px;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 1px solid #eee;
z-index: -1
}
.o--mediaCluster {
display: inline-block;
position: relative;
width: 200px;
float: left;
margin: 0 .75rem 0 0
}
.o--mediaCluster.active .o--mediaCluster__mediaWrapper {
opacity: 1
}
.o--mediaCluster.active .o--mediaCluster__active {
position: absolute;
top: -3px;
bottom: -3px;
left: -3px;
right: -2px;
border: 2px solid #25c6fe
}
.o--mediaCluster__mediaWrapper {
display: inline-block;
position: relative;
width: 78px;
float: left;
background: #eee;
margin: 1px;
overflow: hidden;
opacity: .7
}
.o--mediaCluster__mediaWrapper:after {
padding-top: 60%;
display: block;
content: ""
}
.o--mediaCluster__mediaWrapper:first-child {
width: 118px;
margin-right: 0
}
.o--mediaCluster__mediaWrapper:first-child:after {
padding-top: 80%
}
.o--mediaCluster__mediaWrapper:nth-child(2) {
margin-bottom: 0
}
.o--mediaCluster__title {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 1.4rem;
height: 19.2px;
text-align: center;
color: #fff;
text-shadow: 0 0 3px #000
}
.o--media__label--type {
top: .5rem;
font-size: 1.1rem;
text-shadow: 0 1px 2px rgba(8, 8, 8, .5)
}
.o--media__label--status {
padding: .16667rem .25rem;
bottom: .5rem;
min-width: 1.5rem;
font-size: .75rem;
font-weight: 500;
background: rgba(8, 8, 8, .5);
text-transform: uppercase;
text-align: center;
border-radius: 2px
}
.o--media__label--status i {
font-size: 1rem
}
.o--media__label--select {
top: .5rem;
left: .5rem
}
.o--media__labelIcon.is--checked, .o--media__labelIcon.is--unchecked {
position: relative;
float: left;
margin-right: 1rem;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
line-height: 22px;
cursor: pointer
}
.o--media__labelIcon.is--checked:before, .o--media__labelIcon.is--unchecked:before {
position: absolute;
top: -1px;
left: -1px;
width: 24px;
height: 24px;
border: 2px solid #fff;
border-radius: 50%;
line-height: 21px !important
}
.o--media__labelIcon.is--checked:hover, .o--media__labelIcon.is--unchecked:hover {
background: rgba(37, 198, 254, .7)
}
.o--media__labelIcon.is--unchecked {
background: rgba(0, 0, 0, .2);
opacity: 0
}
.o--media__labelIcon.is--checked {
background: #25c6fe
}
.o--media__labelIcon.is--checked:before {
border-color: transparent
}
.o--mediaContainer:hover .o--media__labelIcon.is--unchecked, .o--media__labelIcon.is--checked {
opacity: 1
}
.o--media__label--star {
font-size: 1.5rem;
float: left;
cursor: pointer
}
.o--media__labelIcon.is--unstarred {
text-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}
.o--media__labelIcon.is--starred, .o--media__labelIcon.is--unstarred {
opacity: 0
}
.o--media__labelIcon.is--starred:hover, .o--media__labelIcon.is--unstarred:hover {
opacity: .7
}
.o--mediaContainer:hover .o--media__labelIcon.is--starred, .o--mediaContainer:hover .o--media__labelIcon.is--unstarred {
opacity: 1
}
.u--row {
margin-left: -.5rem;
margin-right: -.5rem
}
.u--row:after, .u--row:before {
content: " ";
display: table
}
.u--row:after {
clear: both
}
.u--col__1, .u--col__10, .u--col__11, .u--col__12, .u--col__2, .u--col__3, .u--col__4, .u--col__5, .u--col__6, .u--col__7, .u--col__8, .u--col__9 {
position: relative;
min-height: 1px;
padding-left: .5rem;
padding-right: .5rem;
float: left
}
.u--col__1 {
width: 8.33333%
}
@media only screen and (max-width: 980px) {
.u--col__1 {
width: 100%
}
}
.u--col__push--1 {
margin-left: 8.33333%
}
.u--col__2 {
width: 16.66667%
}
@media only screen and (max-width: 980px) {
.u--col__2 {
width: 100%
}
}
.u--col__push--2 {
margin-left: 16.66667%
}
.u--col__3 {
width: 25%
}
@media only screen and (max-width: 980px) {
.u--col__3 {
width: 100%
}
}
.u--col__push--3 {
margin-left: 25%
}
.u--col__4 {
width: 33.33333%
}
@media only screen and (max-width: 980px) {
.u--col__4 {
width: 100%
}
}
.u--col__push--4 {
margin-left: 33.33333%
}
.u--col__5 {
width: 41.66667%
}
@media only screen and (max-width: 980px) {
.u--col__5 {
width: 100%
}
}
.u--col__push--5 {
margin-left: 41.66667%
}
.u--col__6 {
width: 50%
}
@media only screen and (max-width: 980px) {
.u--col__6 {
width: 100%
}
}
.u--col__push--6 {
margin-left: 50%
}
.u--col__7 {
width: 58.33333%
}
@media only screen and (max-width: 980px) {
.u--col__7 {
width: 100%
}
}
.u--col__push--7 {
margin-left: 58.33333%
}
.u--col__8 {
width: 66.66667%
}
@media only screen and (max-width: 980px) {
.u--col__8 {
width: 100%
}
}
.u--col__push--8 {
margin-left: 66.66667%
}
.u--col__9 {
width: 75%
}
@media only screen and (max-width: 980px) {
.u--col__9 {
width: 100%
}
}
.u--col__push--9 {
margin-left: 75%
}
.u--col__10 {
width: 83.33333%
}
@media only screen and (max-width: 980px) {
.u--col__10 {
width: 100%
}
}
.u--col__push--10 {
margin-left: 83.33333%
}
.u--col__11 {
width: 91.66667%
}
.u--col__push--11 {
margin-left: 91.66667%
}
.u--col__12 {
width: 100%
}
@media only screen and (max-width: 980px) {
.u--col__11, .u--col__12 {
width: 100%
}
}
.u--col__push--12 {
margin-left: 100%
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 10px;
font-weight: 500
}
input[type=search] {
browser-prefixes(browsers()) -box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=checkbox], input[type=radio] {
margin: 0 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple], select[size] {
height: auto
}
::-webkit-input-placeholder {
color: #bbb
}
:-moz-placeholder {
color: #bbb
}
::-moz-placeholder {
color: #bbb
}
:-ms-input-placeholder {
color: #bbb
}
.o--formWrapper input[type=serach], .o--formWrapper input[type=text], .o--formWrapper input[type=email], .o--formWrapper input[type=password], .o--formWrapper input[type=url], .o--formWrapper select, .o--formWrapper textarea, .o--formWrapper--lg input[type=serach], .o--formWrapper--lg input[type=text], .o--formWrapper--lg input[type=email], .o--formWrapper--lg input[type=password], .o--formWrapper--lg input[type=url], .o--formWrapper--lg select, .o--formWrapper--lg textarea, .o--formWrapper--sm input[type=serach], .o--formWrapper--sm input[type=text], .o--formWrapper--sm input[type=email], .o--formWrapper--sm input[type=password], .o--formWrapper--sm input[type=url], .o--formWrapper--sm select, .o--formWrapper--sm textarea, .o--form__input, .o--form__input--lg, .o--form__input--sm, .o--form__select, .o--form__select--lg, .o--form__select--sm {
position: relative;
display: block;
width: 100%;
padding: 8px 13px;
font-size: 1rem;
font-weight: 400;
color: #080808;
text-align: left;
background: #fff;
outline: 0;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee;
border: 0 solid transparent;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px
}
.o--formWrapper input:active[type=serach], .o--formWrapper input:active[type=text], .o--formWrapper input:active[type=email], .o--formWrapper input:active[type=password], .o--formWrapper input:active[type=url], .o--formWrapper input:focus[type=serach], .o--formWrapper input:focus[type=text], .o--formWrapper input:focus[type=email], .o--formWrapper input:focus[type=password], .o--formWrapper input:focus[type=url], .o--formWrapper select:active, .o--formWrapper select:focus, .o--formWrapper textarea:active, .o--formWrapper textarea:focus, .o--formWrapper--lg input:active[type=serach], .o--formWrapper--lg input:active[type=text], .o--formWrapper--lg input:active[type=email], .o--formWrapper--lg input:active[type=password], .o--formWrapper--lg input:active[type=url], .o--formWrapper--lg input:focus[type=serach], .o--formWrapper--lg input:focus[type=text], .o--formWrapper--lg input:focus[type=email], .o--formWrapper--lg input:focus[type=password], .o--formWrapper--lg input:focus[type=url], .o--formWrapper--lg select:active, .o--formWrapper--lg select:focus, .o--formWrapper--lg textarea:active, .o--formWrapper--lg textarea:focus, .o--formWrapper--sm input:active[type=serach], .o--formWrapper--sm input:active[type=text], .o--formWrapper--sm input:active[type=email], .o--formWrapper--sm input:active[type=password], .o--formWrapper--sm input:active[type=url], .o--formWrapper--sm input:focus[type=serach], .o--formWrapper--sm input:focus[type=text], .o--formWrapper--sm input:focus[type=email], .o--formWrapper--sm input:focus[type=password], .o--formWrapper--sm input:focus[type=url], .o--formWrapper--sm select:active, .o--formWrapper--sm select:focus, .o--formWrapper--sm textarea:active, .o--formWrapper--sm textarea:focus, .o--form__input--lg:active, .o--form__input--lg:focus, .o--form__input--sm:active, .o--form__input--sm:focus, .o--form__input:active, .o--form__input:focus, .o--form__select--lg:active, .o--form__select--lg:focus, .o--form__select--sm:active, .o--form__select--sm:focus, .o--form__select:active, .o--form__select:focus {
outline: 0;
background: #f3f3f3;
color: #080808;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee;
border: 0 solid transparent
}
.o--formWrapper--sm input[type=serach], .o--formWrapper--sm input[type=text], .o--formWrapper--sm input[type=email], .o--formWrapper--sm input[type=password], .o--formWrapper--sm input[type=url], .o--formWrapper--sm select, .o--formWrapper--sm textarea, .o--form__input--sm, .o--form__select--sm {
padding: 3px 13px;
font-size: .9rem
}
.o--formWrapper--lg input[type=serach], .o--formWrapper--lg input[type=text], .o--formWrapper--lg input[type=email], .o--formWrapper--lg input[type=password], .o--formWrapper--lg input[type=url], .o--formWrapper--lg select, .o--formWrapper--lg textarea, .o--form__input--lg, .o--form__select--lg {
padding: 10px 13px;
font-size: 1.15rem
}
.o--formWrapper {
margin-bottom: 20px
}
.o--formWrapper label {
margin: 0 0 10px;
font-weight: 500;
font-size: 1rem;
color: #080808
}
.o--formWrapper .o--form__select, .o--formWrapper select {
cursor: pointer;
margin-bottom: 0
}
.o--formWrapper input[type=checkbox], .o--formWrapper input[type=radio] {
width: 25px;
height: auto;
display: inline-block
}
.o--formWrapper textarea {
resize: vertical
}
.o--formWrapper[disabled], .o--formWrapper[readonly], fieldset[disabled] .o--formWrapper {
background-color: #fbfbfb;
opacity: 1
}
.o--formWrapper[disabled], fieldset[disabled] .o--formWrapper {
cursor: not-allowed
}
.o--formWrapper--lg, .o--formWrapper--sm {
margin-bottom: 20px
}
.o--formSubmit {
padding-top: 1rem
}
.o--formSubmit:after, .o--formSubmit:before {
content: " ";
display: table
}
.o--formSubmit:after {
clear: both
}
.o--formSubmit .cDT--list__btn, .o--formSubmit .o--btn, .o--formSubmit .o--btn--lg, .o--formSubmit .o--btn--sm {
float: right
}
.o--form__input--mute, .o--form__select--mute {
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none
}
.o--form__input--mute:active, .o--form__input--mute:focus, .o--form__select--mute:active, .o--form__select--mute:focus {
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none;
background: #fff
}
.o--form__input--fixedWidth, .o--form__select--fixedWidth {
width: 200px !important
}
.o--form__input--view:active, .o--form__input--view:focus, .o--form__select--view:active, .o--form__select--view:focus {
background: #fff
}
@media only screen and (max-width: 980px) {
.o--form__input, .o--form__select {
height: 44px
}
}
.o--form__select, .o--form__select--lg, .o--form__select--sm {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 33px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) 99% 50% no-repeat !important
}
@media only screen and (max-width: 980px) {
.o--form__select, .o--form__select--lg, .o--form__select--sm {
height: 44px
}
}
.o--form__select--sm {
height: 21px
}
.o--form__select--lg {
height: 44px
}
.o--textareaCaption {
min-height: 150px;
resize: none
}
.o--textareaCaption--view {
color: #080808;
word-break: break-word;
white-space: pre-wrap
}
.o--textareaCaption--view:hover {
color: #080808
}
.o--form_checkbox, .o--form_radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.o--form_checkbox label, .o--form_radio label {
min-height: 16px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.o--form_checkbox + .o--form_checkbox, .o--form_radio + .o--form_radio {
margin-top: -5px
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
cursor: not-allowed
}
.o--form__helpText {
display: block;
margin: .75rem 0;
color: #999
}
.o--form__helpText.is--error {
color: #f98c65
}
.o--form__helpText.is--success {
color: #50b83c
}
.o--inputAction, .o--inputAction--light {
position: relative;
padding-left: 40px;
padding-right: 40px;
border: 1px solid #f3f3f3;
background: #f3f3f3;
border-radius: 2px;
overflow: hidden
}
.is--focused.o--inputAction--light, .o--inputAction.is--focused {
border-color: #eee;
background: #fff
}
.o--inputAction--light {
padding: 0 10px;
background: #fff;
border: 1px solid #eee
}
.o--inputAction input[type=serach], .o--inputAction input[type=text], .o--inputAction input[type=email], .o--inputAction input[type=password], .o--inputAction input[type=url], .o--inputAction--light input[type=serach], .o--inputAction--light input[type=text], .o--inputAction--light input[type=email], .o--inputAction--light input[type=password], .o--inputAction--light input[type=url], .o--inputAction__input {
position: relative;
padding: .7rem 1.5rem .7rem 0;
font-size: 1rem;
color: #999;
background: 0 0;
outline: 0;
border: none;
box-shadow: none;
width: 100%
}
.o--inputAction input:focus[type=serach], .o--inputAction input:focus[type=text], .o--inputAction input:focus[type=email], .o--inputAction input:focus[type=password], .o--inputAction input:focus[type=url], .o--inputAction--light input:focus[type=serach], .o--inputAction--light input:focus[type=text], .o--inputAction--light input:focus[type=email], .o--inputAction--light input:focus[type=password], .o--inputAction--light input:focus[type=url], .o--inputAction__input:focus {
background: 0 0;
color: #080808;
box-shadow: none
}
.o--btn--primary, .o--btn--proceed {
box-shadow: inset 0 0 0 1px transparent !important
}
.o--inputAction__icon--left, .o--inputAction__icon--right {
position: absolute;
top: 0;
font-size: 1.5rem;
line-height: 35px !important;
color: #bbb;
z-index: 2
}
.o--inputAction__icon--right {
right: .75rem;
font-size: .85rem
}
.o--inputAction__icon--left {
left: .75rem
}
.cDT--list__btn, .o--btn, .o--btn--lg, .o--btn--sm {
display: inline-block;
position: relative;
padding: 8px 13px;
font-weight: 500;
font-size: 1rem;
text-align: center;
cursor: pointer;
background: 0 0;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px;
browser-prefixes(browsers()) -user-select: none;
user-select: none;
browser-prefixes(browsers()) -transition: all .1 s ease;
transition: all .1s ease;
border: none
}
.o--btn--sm {
padding: 3px 8px;
font-size: .9rem
}
.o--btn--lg {
padding: 10px 25px;
font-size: 1.15rem
}
.o--btn--r {
browser-prefixes(browsers()) -border-radius: 30 px;
border-radius: 30px
}
.o--btn--c {
padding-left: 0;
padding-right: 0;
text-align: center;
border-radius: 50%
}
.o--btn--c.o--btn {
width: 2.6rem;
height: 2.6rem
}
.o--btn--c.o--btn--sm {
width: 1.89rem;
height: 1.89rem
}
.o--btn--c.o--btn--lg {
width: 2.9325rem;
height: 2.9325rem;
padding: .75rem
}
.o--btn--block {
display: block;
width: 100%
}
.o--btn--block + .o--btn--block {
margin-top: 5px
}
.o--btn--disabled, .o--btn[disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: .3;
background-image: none
}
.o--btnDrop {
padding-left: .75rem;
padding-right: .75rem;
font-weight: 400;
text-align: left;
min-width: 100px
}
.o--btnDrop * {
line-height: inherit
}
.o--btnDrop.is--active .o--btnDrop__value, .o--btnDrop.is--selected .o--btnDrop__value {
visibility: visible
}
.o--btnDrop__value {
visibility: hidden;
font-size: .75rem;
color: #999;
padding-right: 2rem
}
.o--btnDrop__icon {
margin-left: 1rem;
float: right;
font-size: .75rem
}
.o--btnDrop__icon.has--singleContainer {
display: block;
position: absolute;
right: 1rem;
top: .75rem
}
.o--btn--proceed {
color: #fff !important;
background-color: #50b83c !important;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent !important
}
.o--btn--proceed:focus, .o--btn--proceed:hover {
color: #fff !important;
background-color: #48a536 !important
}
.o--btn--proceed.active, .o--btn--proceed.is--active, .o--btn--proceed:active {
color: #fff !important;
background-color: #53c03f !important
}
.o--btn--primary {
color: #fff !important;
background-color: #25c6fe !important;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent !important
}
.o--btn--primary:focus, .o--btn--primary:hover {
color: #fff !important;
background-color: #0cbffe !important
}
.o--btn--primary.active, .o--btn--primary.is--active, .o--btn--primary:active {
color: #fff !important;
background-color: #2fc9fe !important;
browser-prefixes(browsers()) -animation: btnFlash .3 s linear infinite;
animation: btnFlash .3s linear infinite
}
.o--btn--default {
color: #25c6fe;
background-color: #fff;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe
}
.o--btn--default:focus, .o--btn--default:hover {
color: #25c6fe;
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(37, 198, 254, .1)), rgba(37, 198, 254, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(37, 198, 254, .1)), rgba(37, 198, 254, .2)...);
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe
}
.o--btn--default.active, .o--btn--default.is--active, .o--btn--default:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(37, 198, 254, .8)), rgba(37, 198, 254, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(37, 198, 254, .8)), rgba(37, 198, 254, .9)...);
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe;
color: #fff
}
.o--btn--mute {
color: #999;
background-color: #fff;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent;
box-shadow: inset 0 0 0 1px transparent
}
.o--btn--mute.active, .o--btn--mute.is--active, .o--btn--mute:active, .o--btn--mute:focus, .o--btn--mute:hover, .o--btn--outline, .o--btn--outline.active, .o--btn--outline.is--active, .o--btn--outline:active, .o--btn--outline:focus, .o--btn--outline:hover {
color: #080808;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee
}
.o--btn--mute:focus, .o--btn--mute:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(238, 238, 238, .1)), rgba(238, 238, 238, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(238, 238, 238, .1)), rgba(238, 238, 238, .2)...)
}
.o--btn--mute.active, .o--btn--mute.is--active, .o--btn--mute:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(238, 238, 238, .8)), rgba(238, 238, 238, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(238, 238, 238, .8)), rgba(238, 238, 238, .9)...)
}
.o--btn--outline {
background-color: transparent
}
.o--btn--outline:focus, .o--btn--outline:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(8, 8, 8, .1)), rgba(8, 8, 8, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(8, 8, 8, .1)), rgba(8, 8, 8, .2)...)
}
.o--btn--outline.active, .o--btn--outline.is--active, .o--btn--outline:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(8, 8, 8, .8)), rgba(8, 8, 8, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(8, 8, 8, .8)), rgba(8, 8, 8, .9)...)
}
.o--btn--danger, .o--btn--danger.active, .o--btn--danger.is--active, .o--btn--danger:active, .o--btn--danger:focus, .o--btn--danger:hover {
color: #f98c65;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #f98c65;
box-shadow: inset 0 0 0 1px #f98c65
}
.o--btn--outline.active, .o--btn--outline.is--active {
background: #f3f3f3
}
.o--btn--danger {
background-color: #f3f3f3
}
.o--btn--danger:focus, .o--btn--danger:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(249, 140, 101, .1)), rgba(249, 140, 101, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(249, 140, 101, .1)), rgba(249, 140, 101, .2)...)
}
.o--btn--danger.active, .o--btn--danger.is--active, .o--btn--danger:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(249, 140, 101, .8)), rgba(249, 140, 101, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(249, 140, 101, .8)), rgba(249, 140, 101, .9)...)
}
.o--btn--danger:active {
color: #fff
}
.o--btn--dark {
background: #080808 !important;
color: #fff !important;
box-shadow: none !important
}
.o--btn--dark:active {
color: #fff
}
@keyframes btnFlash {
0%, 100% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #2fc9fe 0, #25c6fe 33%, #1bc3fe 66%, #25c6fe 100%...));
background-image: _linear-gradient(120deg, #2fc9fe 0, #25c6fe 33%, #1bc3fe 66%, #25c6fe 100%...)
}
25% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #25c6fe 0, #2fc9fe 33%, #25c6fe 66%, #1bc3fe 100%...));
background-image: _linear-gradient(120deg, #25c6fe 0, #2fc9fe 33%, #25c6fe 66%, #1bc3fe 100%...)
}
50% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #1bc3fe 0, #25c6fe 33%, #2fc9fe 66%, #25c6fe 100%...));
background-image: _linear-gradient(120deg, #1bc3fe 0, #25c6fe 33%, #2fc9fe 66%, #25c6fe 100%...)
}
75% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #25c6fe 0, #1bc3fe 33%, #25c6fe 66%, #2fc9fe 100%...));
background-image: _linear-gradient(120deg, #25c6fe 0, #1bc3fe 33%, #25c6fe 66%, #2fc9fe 100%...)
}
}
.o--blank {
position: relative;
padding: 4rem 2rem;
margin: .75rem auto 0;
color: #080808;
max-width: 100%;
font-size: 1rem;
text-align: center
}
.o--blank__title {
font-size: 1.8rem;
font-weight: 500;
line-height: 130%
}
.o--blank__desc {
line-height: 150%;
font-size: 1.1rem
}
.o--blank__desc a {
color: #25c6fe
}
.cDT--modal__caption a:hover, .o--blank__desc a:hover {
text-decoration: underline
}
.o--blank__img {
width: 100%
}
.o--blank--full {
height: 100%;
width: 100%;
min-height: 90vh
}
.o--loadingWrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.o--loadingWrapper .o--loading {
top: 50%
}
.o--loading {
position: relative;
top: 200px;
left: 50%;
width: 30px;
height: 30px;
margin: -20px 0 0 -20px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #25c6fe #25c6fe;
border-radius: 20px;
browser-prefixes(browsers()) -animation: loading 1 s linear infinite;
animation: loading 1s linear infinite
}
@keyframes loading {
0% {
browser-prefixes(browsers()) -transform: rotate(0);
transform: rotate(0)
}
100% {
browser-prefixes(browsers()) -transform: rotate(360 deg);
transform: rotate(360deg)
}
}
.o--cardContainer {
width: 100%;
display: inline-block;
position: relative
}
.o--cardContainer:after {
padding-top: 100%;
display: block;
content: ""
}
.o--cardContainer .o--card {
position: absolute;
top: 1px;
bottom: 1px;
left: 1px;
right: 1px
}
@media only screen and (min-width: 1000px) {
.o--cardContainer:hover {
opacity: .8
}
}
.o--card__mediaContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
background: #f3f3f3;
overflow: hidden
}
.o--card__media {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
color: #999
}
.o--card__mediaOverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border: 1px solid rgba(0, 0, 0, .1);
border-color: rgba(0, 0, 0, .03) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05);
background: rgba(0, 0, 0, .01)
}
.o--icon {
position: relative;
display: block;
width: 21px;
height: 21px;
padding: 0;
margin: 0;
background: url(img--iconSprite-a0b7505e5827723355208850f12ad4c9.png) no-repeat;
background-size: 900%
}
.o--icon--cart {
background-position: 0 0
}
.o--icon--video {
background-position: -169px 0
}
.o--icon--gallery {
background-position: -147px 0
}
.o--icon--close {
background-position: -126px 0
}
.o--icon--link {
background-position: -105px 0
}
.o--icon--trash {
background-position: -42px 0
}
.cDT--modal {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -justify-content: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
min-height: 450px;
background: #2b303b;
browser-prefixes(browsers()) -transform: translateX(0);
transform: translateX(0);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease;
transition: transform .3s ease
}
.cDT--modal:after, .cDT--modal:before {
content: " ";
display: table
}
.cDT--modal:after {
clear: both
}
@media only screen and (max-width: 980px) {
.cDT--modal {
display: block;
min-width: 100%;
width: 100%;
height: auto;
background: #fff;
overflow: auto
}
}
.cDT--modal__mediaWrapper {
padding: 0;
position: relative;
width: 57.5%;
height: auto;
background: #f9fafc;
browser-prefixes(browsers()) -border-radius: 2 px 0 0 2 px;
border-radius: 2px 0 0 2px
}
.cDT--modal__mediaWrapper .video-js {
width: 100%;
height: 100%
}
@media only screen and (max-width: 980px) {
.cDT--modal__mediaWrapper {
width: 100%;
display: block;
float: none;
browser-prefixes(browsers()) -border-radius: 2 px 2 px 0 0;
border-radius: 2px 2px 0 0
}
}
.cDT--modal__infoWrapper {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
flex: 1;
position: absolute;
right: 0;
padding: 1rem;
width: 42.5%;
height: 100%;
background: #fff;
overflow-x: hidden;
browser-prefixes(browsers()) -border-radius: 0 2 px 2 px 0;
border-radius: 0 2px 2px 0;
browser-prefixes(browsers()) -box-shadow: 0 0 3 px rgba(0, 0, 0, .15), 0 0 1 px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .15)
}
.cDT--modalBody, .cSC--button {
browser-prefixes(browsers()) -flex-direction: column
}
@media only screen and (max-width: 980px) {
.cDT--modal__infoWrapper {
position: relative;
width: 100%;
height: auto;
display: block;
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none;
browser-prefixes(browsers()) -border-radius: 0 0 2 px 2 px;
border-radius: 0 0 2px 2px
}
}
.cDT--modal__info {
position: relative;
display: block;
z-index: 1
}
.cDT--modal__user {
margin-right: 50px;
width: 65%
}
.cDT--modal__captionWrapper {
position: absolute;
width: 100%;
display: block;
top: 75px;
bottom: 80px;
left: 0;
right: 0;
padding: 0 1rem;
overflow: auto;
z-index: 0
}
.cDT--modal__caption {
height: auto;
padding-bottom: 30px;
display: block
}
.cDT--modal__caption p {
max-width: 333.75px;
font-size: 1.35rem;
line-height: 23.2px;
font-weight: 400;
word-wrap: break-word;
white-space: pre-line
}
.cDT--modal__caption a, .cDT--modal__caption a:active, .cDT--modal__caption a:focus, .cDT--modal__caption a:hover {
color: #25c6fe
}
.cDT--modal__meta {
position: absolute;
bottom: 63px;
left: 0;
right: 0;
padding: 1rem 1rem 8px;
color: #999;
background: #fff
}
.cDT--modal__metaTime {
float: left;
line-height: 20.8px
}
.cDT--modal__metaComments, .cDT--modal__metaLikes {
font-weight: 500;
float: left
}
.cDT--modal__metaLikes {
clear: left
}
.cDT--list__item:after, .tLb--content__grid:after, .tLb--feat__caption:after {
clear: both
}
.cDT--modal__metaLikes:after {
content: "\a0\b7\a0";
padding: 0 2px;
display: inline-block;
font-weight: 500
}
.cDT--modal__action {
position: absolute;
bottom: 0;
left: 1rem;
right: 1rem;
height: 63px;
padding: 1rem 0;
border-top: 1px solid #eee
}
.cDT--list__item:first-child, .cDT--post__btn {
border-top: 1px solid #f3f3f3
}
.cDT--modal__close--mobile {
display: none
}
@media only screen and (max-width: 980px) {
.cDT--modal__close, .cDT--modal__footer {
display: none
}
.cDT--modal__close--mobile {
position: relative;
width: 100%;
height: auto;
padding: 1.25rem 2rem;
background: #fff;
display: block
}
}
.cDT--list__item {
display: block;
width: 100%;
position: relative;
padding: 1rem 2rem 1rem 5rem;
border-bottom: 1px solid #f3f3f3
}
.cDT--list__item:after, .cDT--list__item:before {
content: " ";
display: table
}
.cDT--list__title {
width: 70%;
float: left;
display: inline-block;
font-size: 1.1rem;
font-weight: 400;
margin: .75rem 0;
padding-right: 1rem
}
@media only screen and (max-width: 900px) {
.cDT--list__title {
width: 65%
}
}
.cDT--list__btn {
float: right;
box-shadow: inset 0 0 0 1px #f3f3f3
}
.cDT--list__bullet {
position: absolute;
display: block;
top: 50%;
bottom: 50%;
left: 2rem;
width: 2rem;
height: 2rem;
margin-top: -1rem;
line-height: 2rem;
background: #2b303b;
color: #fff;
text-align: center;
browser-prefixes(browsers()) -border-radius: 1 rem;
border-radius: 1rem
}
.cDT--list__bullet--counter {
opacity: 1;
display: block
}
.cDT--modalBody {
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
flex: 1;
height: 100%;
overflow-y: auto;
overflow-x: hidden
}
.cDT--post__thumbnails {
position: relative;
width: 30%;
height: 100%;
float: left;
display: inline-block;
padding: 1rem;
overflow-y: auto
}
@media only screen and (max-width: 980px) {
.cDT--post__thumbnails {
width: 100%;
height: auto;
min-height: 130px;
display: block;
float: none;
overflow-x: auto;
overflow-y: hidden;
padding: .5rem;
vertical-align: middle;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid #f3f3f3
}
}
.cDT--post__thumbnailWrapper {
display: inline-block;
position: relative;
width: 100%;
float: left;
margin-bottom: 2rem;
opacity: .5;
cursor: pointer
}
.cDT--post__thumbnailWrapper:after {
padding-top: 100%;
display: block;
content: ""
}
.cDT--post__thumbnailWrapper:last-child {
margin-bottom: 0;
margin-right: 0
}
.cDT--post__thumbnailWrapper.is--checked {
border: 3px solid #080808;
opacity: 1
}
.cDT--post__thumbnailWrapper.is--checked .o--mediaContainer {
top: 2px;
bottom: 2px;
left: 2px;
right: 2px
}
@media only screen and (max-width: 980px) {
.cDT--post__thumbnailWrapper {
width: 25%;
display: inline-block;
float: none;
margin-right: .75rem;
margin-bottom: 0
}
}
.cDT--post__thumbnail__meta {
position: absolute;
bottom: -1.5rem;
left: 0;
right: 0;
background: 0 0
}
.cDT--post__thumbnail__meta p {
margin: 0;
padding: 0;
font-size: .85rem;
text-align: center;
text-transform: capitalize;
color: #080808
}
.cDT--post__content {
position: absolute;
display: inline-block;
width: 70%;
height: 100%;
right: 0;
border-left: 1px solid #f3f3f3
}
@media only screen and (max-width: 980px) {
.cDT--post__content {
position: relative;
display: block;
width: 100%;
height: auto;
border-left: none
}
.cDT--post__content:after, .cDT--post__content:before {
content: " ";
display: table
}
.cDT--post__content:after {
clear: both
}
}
.cDT--post__description {
position: absolute;
display: block;
width: 100%;
top: 0;
bottom: 63px;
padding: 1rem;
overflow-y: auto
}
.cDT--post__description img {
width: 100%
}
@media only screen and (max-width: 980px) {
.cDT--post__description {
position: relative;
display: block;
width: 100%;
height: auto;
padding-bottom: 63px
}
.cDT--post__btn {
display: none
}
}
@media screen and (min-height: 760px) {
.cDT--post__description {
min-height: 350px
}
}
.cDT--post__title {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
color: #080808;
margin-bottom: .5rem
}
.cDT--post__price {
font-size: 1.5rem;
font-weight: 400
}
.cDT--post__btn {
position: absolute;
bottom: 0;
width: 100%;
height: 63px;
padding: 1rem;
background: #fff
}
.cDT--post__btnMobile {
display: none
}
@media only screen and (max-width: 980px) {
.cDT--post__btnMobile {
position: fixed;
bottom: 0;
display: block;
width: 100%;
height: 63px;
padding: 1rem;
background: #fff;
browser-prefixes(browsers()) -box-shadow: 0 - 1 px 1 px rgba(0, 0, 0, .1);
box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);
border-top: 1px solid #f3f3f3;
z-index: 999
}
}
.cDT--tag {
width: 30px;
height: 30px;
background-color: rgba(68, 76, 82, .6);
border: 2px solid rgba(255, 255, 255, .6);
border-radius: 50%;
position: absolute;
font-size: 14px;
cursor: pointer;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 27px
}
.cDT--tag.is--active {
background-color: #444c52;
border: 2px solid #fff
}
.u--fadeIn {
browser-prefixes(browsers()) -animation: fadeIn .3 s ease-in;
animation: fadeIn .3s ease-in
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.cMT--tag {
width: 28px;
height: 28px;
background-color: #2b303b;
border-radius: 50%;
position: absolute;
opacity: .85;
font-size: 14px;
cursor: pointer;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 28px
}
.cMT--tag.is--active {
opacity: 1;
font-weight: 500;
browser-prefixes(browsers()) -box-shadow: 0 0 0 2 px rgba(255, 255, 255, .7), 0 0 0 4 px #2b303b;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .7), 0 0 0 4px #2b303b
}
.cSC--button {
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex: 1;
width: auto;
position: fixed;
top: 45%;
right: 0;
color: #fff;
cursor: pointer;
background: #2b303b;
z-index: 502;
padding: 1.25rem;
browser-prefixes(browsers()) -border-radius: 5 px 0 0 5 px;
border-radius: 5px 0 0 5px
}
.cSC--button__count {
width: 100%;
font-size: 1.5rem;
text-align: center
}
.cSC--button__icon {
width: 24px;
margin-top: 1.5rem
}
@media only screen and (max-width: 980px) {
.cSC--button {
top: 18%;
padding: 1rem
}
.cSC--button__count {
font-size: 1.1rem
}
.cSC--button__icon {
width: 16px;
margin-top: 1rem
}
}
.cSC--overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
background: 0 0;
z-index: 0
}
.cSC--overlay.is--open {
display: block;
background: rgba(0, 0, 0, .6);
z-index: 502
}
.cSC--container {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex: 1;
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 330px;
margin: 0;
border-left: 1px solid #eee;
background: #fff;
z-index: 503;
browser-prefixes(browsers()) -transform: translateX(100 %);
transform: translateX(100%);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-in-out;
transition: transform .3s ease-in-out
}
@media only screen and (max-width: 980px) {
.cSC--container {
width: 100%
}
}
.cSC--container.is--open {
transform: translateX(0)
}
.cSC--header {
browser-prefixes(browsers()) -flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
padding: 1.45rem 2rem;
border-bottom: 1px solid #eee
}
.cSC--header__btn {
position: absolute;
top: 15px;
right: 1.5rem;
padding: 0;
border: none;
background: 0 0;
transition: transform .1s ease;
cursor: pointer;
outline: 0;
width: 25px;
height: 25px;
overflow: hidden
}
.cSC--header__btn::after, .cSC--header__btn::before {
content: "";
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #080808;
height: 3px;
border-radius: 2px
}
.cSC--header__btn::before {
browser-prefixes(browsers()) -transform: rotate(45 deg);
transform: rotate(45deg)
}
.cSC--header__btn::after {
browser-prefixes(browsers()) -transform: rotate(- 45 deg);
transform: rotate(-45deg)
}
.cSC--list {
browser-prefixes(browsers()) -flex: 1;
flex: 1;
position: relative;
padding: 2rem;
margin: 0;
overflow-y: auto
}
.cSC--li {
margin-bottom: 2rem;
overflow: hidden;
backface-visibility: visible;
min-height: 65px;
position: relative;
opacity: 1;
transition: opacity .3s ease-in-out
}
.cSC--li:last-child {
margin-bottom: 0
}
.cSC--li__img {
position: absolute;
width: 65px;
height: 65px;
border-radius: 3px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #f9fafc;
border: 1px solid #eee
}
.cSC--li__content {
width: 100%;
padding-left: 75px
}
.cSC--li__content-row {
position: relative;
display: block;
width: 100%;
margin-bottom: 5px
}
.cSC--li__variant-title {
display: block;
font-size: 11px;
line-height: 17px;
color: #999
}
.cSC--li__title {
display: block;
color: #080808;
font-size: 15px;
line-height: 18px;
font-weight: 500;
margin: 0;
padding-right: 2rem
}
.cSC--li__price {
float: right;
margin-left: 1rem;
font-size: 15px;
line-height: 23px;
font-weight: 500
}
.cSC--li__quantity-container {
border: 1px solid #eee;
float: left;
border-radius: 3px
}
.cSC--li__quantity-update {
color: #999;
display: block;
float: left;
width: 25px;
height: 21px;
font-size: 18px;
text-align: center;
line-height: 16px;
padding: 0;
border: none;
background: 0 0;
box-shadow: none;
outline: 0;
cursor: pointer;
browser-prefixes(browsers()) -transition: all .3 s ease;
transition: all .3s ease
}
.cSC--li__quantity-update:hover {
background: #f9fafc;
color: #080808
}
.cSC--li__quantity-update:focus {
outline: 0
}
.cSC--li__quantity-update-form {
display: inline
}
.cSC--li__quantity {
color: #080808;
width: 38px;
height: 21px;
line-height: 22px;
font-size: 14px;
font-weight: 500;
border: none;
text-align: center;
-moz-appearance: textfield;
background: 0 0;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
display: block;
float: left;
padding: 0;
border-radius: 0
}
.cSC--li__remove {
position: absolute;
top: 0;
right: 0;
border: 0;
background: 0;
font-size: .85rem;
color: #999;
padding: 0
}
.cSC--li__remove:hover {
cursor: pointer;
filter: grayscale(50%);
-webkit-filter: grayscale(50%)
}
.cSC--footer {
padding: 1rem 2rem;
border-top: 1px solid #eee;
flex: 0 0 auto
}
.cSC--checkout {
display: block;
width: 100%;
margin-top: .5rem
}
.cSC--info {
padding: 0 0 1rem;
font-size: 13px
}
.cSC--info__total {
float: left;
font-size: 15px;
text-transform: uppercase
}
.cSC--info__small {
font-size: 11px
}
.cSC--info__pricing {
float: right
}
.cSC--info__pricing__text {
margin-left: 5px;
font-size: 16px;
color: #080808
}
.tLb--nav {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 55px;
background: #fff;
border-bottom: 1px solid #ddd;
z-index: 100;
overflow: hidden
}
.tLb--nav__container {
padding: .35rem .75rem
}
.tLb--nav__btn--left {
position: relative;
width: 50px;
float: left;
top: 2px
}
.tLb--nav__btn--right {
margin: .5rem 0;
font-size: 1.1rem;
line-height: 30px;
color: #080808;
border: 1px solid #080808;
border-radius: 3px;
text-align: center;
max-width: 150px;
height: 33px;
padding: 0 10px;
overflow: hidden;
float: right
}
@media only screen and (min-width: 1000px) {
.tLb--nav__btn--right {
max-width: 200px
}
}
.tLb--nav__avatar {
display: inline-block;
height: 40px;
width: 40px;
float: left;
border-radius: 50%;
border: 1px solid #eee
}
.tLb--footerContainer, .tLb__hint {
height: auto;
position: fixed;
left: 0;
right: 0
}
.tLb--nav__username {
margin: 0 150px 0 50px;
color: #080808;
text-overflow: ellipsis;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
line-height: 44px
}
.tLb__hint {
top: 55px;
padding: .75rem;
text-align: center;
color: #080808;
background: rgba(250, 250, 250, .7)
}
.tLb--footerContainer {
bottom: 1rem
}
.tLb--footer {
browser-prefixes(browsers()) -flex-direction: row;
browser-prefixes(browsers()) -justify-content: center;
browser-prefixes(browsers()) -align-items: center;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 1;
margin: 0;
padding: 1.25rem .75rem;
text-align: center;
font-size: 1.2rem;
color: #080808;
background: #fafafa;
border-radius: 3px;
box-shadow: inset 0 0 1px #bbb, 0 1px 1px rgba(187, 187, 187, .2)
}
.tLb--footerWrapper.tLb--footerWrapper--lg .tLb--banner--lg, .tLb--footerWrapper.tLb--footerWrapper--sm .tLb--banner--sm, .tLb--footerWrapper.tLb--footerWrapper--xs .tLb--banner--xs {
opacity: 1;
display: block
}
@media only screen and (max-width: 980px) {
.tLb--footer {
margin: 0 1rem
}
}
.tLb--footer__text {
font-size: 1rem;
margin: 0 .5rem 0 0;
color: #080808
}
.tLb--footer__media {
width: 60px
}
.tLb--footer__media.tLb--footer__media--md {
width: 65px
}
.tLb--footer__media.tLb--footer__media--lg {
width: 95px
}
.tLb--footerWrapper {
position: fixed;
bottom: 0;
left: 0;
padding: 1rem;
height: 100%;
width: 100%;
color: #fff;
background: #25c6fe;
text-align: center;
transition: .3s ease-out;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.tLb--footerWrapper.tLb--footerWrapper--lg {
background: url(../assets/banner/img--bannerBG--lg.svg) center top no-repeat #25c6fe;
background-size: contain;
z-index: 101
}
.tLb--footerWrapper.tLb--footerWrapper--sm {
height: 120px;
background: url(../assets/banner/img--bannerBG--sm.svg) center top no-repeat #25c6fe;
background-size: contain;
overflow: hidden
}
.tLb--footerWrapper.tLb--footerWrapper--xs {
height: 70px;
background: url(../assets/banner/img--bannerBG--xs.svg) center top no-repeat #25c6fe;
background-size: contain;
border-radius: 5px 5px 0 0;
overflow: hidden
}
.tLb--banner {
opacity: 0;
display: none
}
.tLb--banner__icon {
display: block;
width: 12px;
height: 12px;
background: url(../assets/img--linkinbio--openArrow.svg) no-repeat;
background-size: contain
}
.tLb--banner__icon.tLb--banner__icon--sm {
width: 10px;
height: 10px
}
.tLb--banner__close {
position: absolute;
top: 0;
right: 0;
font-size: 1.5rem;
font-weight: 500
}
.tLb--banner__phone {
width: 30vw;
margin: 0 auto;
padding: .5rem 2rem 1rem .5rem
}
@media only screen and (max-width: 900px) {
.tLb--banner__phone {
width: 86vw
}
}
.tLb--feat__icon {
display: block;
height: 175px;
width: 150px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) no-repeat;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation: tLb--feat__icon ease-in .5s .5s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: tLb--feat__icon ease-in .5s .5s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: tLb--feat__icon ease-in .5s .5s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: tLb--feat__icon ease-in .5s .5s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: tLb--feat__icon ease-in .5s .5s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.tLb--feat__cardContainer {
max-height: 400px
}
.tLb--feat__cardContainer .o--card {
top: 0;
left: 0;
right: 0;
bottom: 0
}
.tLb--feat__caption {
position: relative;
padding: .75rem 60px .75rem 1rem
}
.tLb--feat__caption:after, .tLb--feat__caption:before {
content: " ";
display: table
}
.tLb--feat__caption__more {
display: block;
height: 30px;
width: 30px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) -150px 0 no-repeat;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px;
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
margin: auto
}
.tLb--feat__caption__p {
position: relative;
word-wrap: break-word;
height: 46.4px;
overflow: hidden
}
.tLb--feat__caption__p:after {
content: "";
position: absolute;
width: 139.2px;
height: 23.2px;
bottom: 0;
right: 0;
background: 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#fafafa', GradientType=1)
}
.tLb--content {
padding: 95px 0 0
}
.tLb--content.tLb--content--showHero {
padding-top: 54px
}
.tLb--content__header {
position: relative;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding: 1rem 130px 1rem 1rem
}
.tLb--content__preview {
position: absolute;
margin: 0 1rem 0 0;
top: 1rem;
right: 1rem;
width: 130px;
display: none
}
.tLb--content__preview__arrow, .tLb--content__preview__item {
display: inline-block;
float: right;
height: 42px;
width: 42px;
margin: 0 -12px 0 0;
border-radius: 50%;
border: 2px solid #fff
}
.tLb--content__preview__arrow {
display: block;
height: 42px;
width: 42px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) -146px -140px no-repeat #f3f3f3;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px
}
.tLb--content__grid {
margin: -1px -1px 6rem
}
.tLb--content__grid:after, .tLb--content__grid:before {
content: " ";
display: table
}
.tLb--content__cardContainer {
width: 33.333%;
float: left
}
.tLB--media__label {
position: absolute;
width: 21px;
height: 21px;
background: 0 0;
color: #fff;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px;
browser-prefixes(browsers()) -box-sizing: border-box;
box-sizing: border-box;
display: browser-prefixes(browsers()) -flex;
display: flex
}
.tLB--media__label.tLB--media__label--status {
bottom: .25rem;
left: .5rem
}
.tLB--media__label.tLB--media__label--type {
top: .5rem;
right: .5rem;
left: auto
}
@keyframes tLb--feat__hint {
0% {
opacity: 1;
transform: translate(0, 0)
}
10% {
opacity: 1;
transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
transform: translate(0, -40px)
}
}
@-moz-keyframes tLb--feat__hint {
0% {
opacity: 1;
-moz-transform: translate(0, 0)
}
10% {
opacity: 1;
-moz-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-moz-transform: translate(0, -40px)
}
}
@-webkit-keyframes tLb--feat__hint {
0% {
opacity: 1;
-webkit-transform: translate(0, 0)
}
10% {
opacity: 1;
-webkit-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-webkit-transform: translate(0, -40px)
}
}
@-o-keyframes tLb--feat__hint {
0% {
opacity: 1;
-o-transform: translate(0, 0)
}
10% {
opacity: 1;
-o-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-o-transform: translate(0, -40px)
}
}
@-ms-keyframes tLb--feat__hint {
0%, 10% {
opacity: 1
}
0% {
-ms-transform: translate(0, 0)
}
10% {
-ms-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-ms-transform: translate(0, -40px)
}
}
@keyframes tLb--feat__icon {
0% {
opacity: 1;
transform: scale(1, 1)
}
10% {
opacity: 1;
transform: scale(.9, .9)
}
80% {
opacity: .9;
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(1, 1)
}
}
@-moz-keyframes tLb--feat__icon {
0% {
opacity: 1;
-moz-transform: scale(1, 1)
}
10% {
opacity: 1;
-moz-transform: scale(.9, .9)
}
80% {
opacity: .9;
-moz-transform: scale(1, 1)
}
100% {
opacity: 0;
-moz-transform: scale(1, 1)
}
}
@-webkit-keyframes tLb--feat__icon {
0% {
opacity: 1;
-webkit-transform: scale(1, 1)
}
10% {
opacity: 1;
-webkit-transform: scale(.9, .9)
}
80% {
opacity: .9;
-webkit-transform: scale(1, 1)
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1)
}
}
@-o-keyframes tLb--feat__icon {
0% {
opacity: 1;
-o-transform: scale(1, 1)
}
10% {
opacity: 1;
-o-transform: scale(.9, .9)
}
80% {
opacity: .9;
-o-transform: scale(1, 1)
}
100% {
opacity: 0;
-o-transform: scale(1, 1)
}
}
@-ms-keyframes tLb--feat__icon {
0%, 10% {
opacity: 1
}
0%, 100%, 80% {
-ms-transform: scale(1, 1)
}
10% {
-ms-transform: scale(.9, .9)
}
80% {
opacity: .9
}
100% {
opacity: 0
}
}
.u--ios .o--modalHor {
overflow: hidden
}
.u--ios .cDT--modal {
position: absolute;
top: 0;
bottom: 0;
height: calc(100% - 104px);
margin: 4rem 0
}
.u--ios .cSC--container {
margin: 4rem 0
}
.u--ios .cDT--post__btnMobile {
bottom: 3rem !important
}
</style>
<main class="tLb--content ">
<div class="o--container">
<!---->
<section class="tLb--content__grid">
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7225081">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/taiwans-courts-may-decriminalise-adultery?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7225081&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/med_thumbnail.jpg?1590004913 240w, https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/high_res.jpg?1590004913 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/med_thumbnail.jpg?1590004913"
alt="In Taiwan, private investigators have been known to wait outside hotel rooms listening for moans before bursting in,"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279039">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/19/russias-covid-19-outbreak-could-be-far-worse-than-the-kremlin-admits?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279039&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/med_thumbnail.jpg?1589997797 240w, https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/high_res.jpg?1589997794 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/med_thumbnail.jpg?1589997797"
alt="Russia’s covid-19 outbreak could be far worse than the Kremlin admits.
Doctors on social media say they were" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7253839">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/how-post-brexit-immigration-rules-will-exclude-key-workers?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7253839&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/med_thumbnail.jpg?1589987147 240w, https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/high_res.jpg?1589987148 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/med_thumbnail.jpg?1589987147"
alt="Many of the people whom Britain celebrates as “heroes” would fall foul of tighter post-Brexit immigration"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7253948">
<a class="o--card" rel=""
href="https://www.economist.com/by-invitation/2020/05/18/madeleine-albright-on-authoritarianism-and-the-fight-against-the-virus?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7253948&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/med_thumbnail.jpg?1589972509 240w, https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/high_res.jpg?1589972513 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/med_thumbnail.jpg?1589972509"
alt="Throughout history, people have shown a depressing tendency to square off when logic would have brought them together."
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7220782">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/14/two-leading-economists-disagree-about-the-flagging-american-dream?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7220782&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/med_thumbnail.jpg?1589954459 240w, https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/high_res.jpg?1589954459 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/med_thumbnail.jpg?1589954459"
alt="In America absolute mobility (the chance that a child will go on to earn more than their parents) has dropped from 90%,"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7254363">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/16/the-chinese-and-indian-armies-settle-a-clash-by-fisticuffs?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7254363&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/med_thumbnail.jpg?1589936477 240w, https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/high_res.jpg?1589936481 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/med_thumbnail.jpg?1589936477"
alt="What happens when two nuclear-armed neighbours meet at their border, which also happens to be the longest disputed one"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7254335">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/the-pandemic-increases-the-challenges-facing-business-schools?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7254335&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/med_thumbnail.jpg?1589922626 240w, https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/high_res.jpg?1589922626 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/med_thumbnail.jpg?1589922626"
alt="Almost all the deans of American business schools reckon the pandemic could lead to permanent closures.
That's" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--video"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224754">
<a class="o--card" rel=""
href="https://www.economist.com/science-and-technology/2020/05/14/which-way-a-wind-turbine-turns-might-not-seem-to-matter?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224754&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/med_thumbnail.jpg?1589918508 240w, https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/high_res.jpg?1589918507 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/med_thumbnail.jpg?1589918508"
alt="Are most of the world's wind turbines spinning in the wrong direction?
It seems an arbitrary but efficient choice by" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224771">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/why-teachers-are-doing-so-little-teaching?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224771&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/med_thumbnail.jpg?1589911353 240w, https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/high_res.jpg?1589911354 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/med_thumbnail.jpg?1589911353"
alt="Two months after Britain closed schools, it is becoming clear that most children of all ages are doing rather little"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224693">
<a class="o--card" rel=""
href="https://www.economist.com/graphic-detail/2020/05/11/diy-hairdressers-under-covid-19-lockdown-tend-it-like-beckham?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224693&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/med_thumbnail.jpg?1589901847 240w, https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/high_res.jpg?1589901848 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/med_thumbnail.jpg?1589901847"
alt="Buzzcuts are in, and perms are out, according to Google searches.
With hair salons around the world closed" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--gallery"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224833">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/17/americas-far-right-is-energised-by-covid-19-lockdowns?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224833&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/med_thumbnail.jpg?1589886094 240w, https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/high_res.jpg?1589886094 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/med_thumbnail.jpg?1589886094"
alt="America’s far right is being energised by covid-19 lockdowns.
Buoyed by tweets from President Donald Trump" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224968">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/a-wave-of-bankruptcies-is-coming-in-europe?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224968&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/med_thumbnail.jpg?1589868049 240w, https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/high_res.jpg?1589868050 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/med_thumbnail.jpg?1589868049"
alt="The word “bankrupt” derives from ""banco rotto"", the practice in medieval Italy of smashing the benches that merchants"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7220460">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/sri-lankas-new-president-is-putting-soldiers-in-charge-of-everything?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7220460&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/med_thumbnail.jpg?1589850073 240w, https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/high_res.jpg?1589850076 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/med_thumbnail.jpg?1589850073"
alt="Sri Lanka’s new president is putting soldiers in charge of everything.
Gotabaya Rajapaksa (“Gota”) commands the" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7219231">
<a class="o--card" rel=""
href="https://www.economist.com/the-americas/2020/05/14/looking-back-on-perus-shining-path?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7219231&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/med_thumbnail.jpg?1589835707 240w, https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/high_res.jpg?1589835713 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/med_thumbnail.jpg?1589835707"
alt="Forty years ago, masked intruders set fire to a ballot box in the Peruvian Andes, kicking off Latin America's strangest"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179083">
<a class="o--card" rel=""
href="https://www.economist.com/finance-and-economics/2020/05/14/could-travel-bubbles-offer-a-route-to-economic-recovery?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179083&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/med_thumbnail.jpg?1589832114 240w, https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/high_res.jpg?1589832115 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/med_thumbnail.jpg?1589832114"
alt="It may be a painful fact to contemplate during these locked-down days, but last year the world was more mobile than"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179945">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/16/the-enduring-influence-of-kraftwerk?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179945&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/med_thumbnail.jpg?1589824943 240w, https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/high_res.jpg?1589824947 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/med_thumbnail.jpg?1589824943"
alt="Who speaks for Europe? It’s a question that has never quite found a satisfactory answer.
The EU’s anthem, Beethoven’s" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7222148">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/17/the-coronavirus-reaches-the-rohingya-refugee-camps?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7222148&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/med_thumbnail.jpg?1589806970 240w, https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/high_res.jpg?1589806970 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/med_thumbnail.jpg?1589806970"
alt="For months they've dreaded it. Now, the nightmare has arrived.
On May 14th, two people tested positive for covid-19" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7222426">
<a class="o--card" rel=""
href="https://www.economist.com/international/2020/05/17/america-and-china-take-their-rivalry-to-the-world-health-organisation?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7222426&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/med_thumbnail.jpg?1589793935 240w, https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/high_res.jpg?1589793935 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/med_thumbnail.jpg?1589793935"
alt="Like many other scientists in the public eye at the moment, Tedros Adhanom receives death threats.
The mild-mannered" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178775">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/how-post-brexit-immigration-rules-will-exclude-key-workers?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178775&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/med_thumbnail.jpg?1589781650 240w, https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/high_res.jpg?1589781651 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/med_thumbnail.jpg?1589781650"
alt="“Care work isn’t just bum wiping,” says Karolina Gerlich. Since moving to Britain from Poland 12 years ago, she has"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178963">
<a class="o--card" rel=""
href="https://www.economist.com/china/2020/05/14/a-small-town-in-china-makes-half-of-japans-coffins?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178963&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/med_thumbnail.jpg?1589763652 240w, https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/high_res.jpg?1589763653 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/med_thumbnail.jpg?1589763652"
alt="What do paotong trees and business have in common?
Governments everywhere are debating the future of globalisation in" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7177953">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/america-inc-faces-a-wave-of-bankruptcies?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7177953&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/med_thumbnail.jpg?1589749277 240w, https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/high_res.jpg?1589749278 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/med_thumbnail.jpg?1589749277"
alt="How bad will things really get for America Inc?
The country has already seen a surge of corporate bankruptcies among" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7175226">
<a class="o--card" rel=""
href="https://www.1843magazine.com/features/the-coronavirus-cruise-on-board-the-diamond-princess?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7175226&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/med_thumbnail.jpg?1589745689 240w, https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/high_res.jpg?1589745690 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/med_thumbnail.jpg?1589745689"
alt="On January 20th, some 2,500 passengers boarded the Diamond Princess for a luxury cruise holiday.
Days later, an" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178805">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/16/is-swedens-approach-to-covid-19-wise-or-reckless?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178805&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/med_thumbnail.jpg?1589738724 240w, https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/high_res.jpg?1589738725 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/med_thumbnail.jpg?1589738724"
alt="Is Sweden’s approach to covid-19 wise or reckless?
In March, when governments across Europe were enacting harsh" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179527">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/silicon-valley-in-the-pandemic?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179527&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/med_thumbnail.jpg?1589727730 240w, https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/high_res.jpg?1589727730 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/med_thumbnail.jpg?1589727730"
alt="The pandemic has hit Silicon Valley hard, and in ways that may become permanent.
Startups and tech companies of all" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7181552">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/south-east-asias-biggest-river-is-drying-up?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7181552&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/med_thumbnail.jpg?1589725049 240w, https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/high_res.jpg?1589725049 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/med_thumbnail.jpg?1589725049"
alt="The Mekong river animates a vast swathe of Asia. From the snow-packed mountains of south-western China from which it"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--gallery"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179303">
<a class="o--card" rel=""
href="https://www.economist.com/leaders/2020/05/14/has-covid-19-killed-globalisation?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179303&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/med_thumbnail.jpg?1589713539 240w, https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/high_res.jpg?1589713539 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/med_thumbnail.jpg?1589713539"
alt="As the first wave of the pandemic subsides, economies will reopen and activity will recover. But don’t expect a quick"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--video"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179833">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/14/no-one-knows-how-many-people-live-in-north-macedonia?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179833&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/med_thumbnail.jpg?1589695251 240w, https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/high_res.jpg?1589695251 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/med_thumbnail.jpg?1589695251"
alt="How many people actually live in North Macedonia? Nobody knows.
The Balkan country and Ukraine are the only countries" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179613">
<a class="o--card" rel=""
href="https://www.economist.com/science-and-technology/2020/05/16/protecting-great-apes-from-covid-19?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179613&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/med_thumbnail.jpg?1589677254 240w, https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/high_res.jpg?1589677254 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/med_thumbnail.jpg?1589677254"
alt="The world’s gorillas, chimpanzees, bonobos, and orang-utans face yet another threat from their human neighbours:"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179765">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/16/mike-pompeos-politicisation-of-foreign-policy-is-unworthy-of-him?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179765&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/med_thumbnail.jpg?1589662874 240w, https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/high_res.jpg?1589662875 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/med_thumbnail.jpg?1589662874"
alt="For a smart guy, Mike Pompeo has a long history of talking nonsense.
He recently enraged the Chinese by claiming that" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179437">
<a class="o--card" rel=""
href="https://www.economist.com/books-and-arts/2020/05/16/why-zoom-meetings-are-so-dissatisfying?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179437&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/med_thumbnail.jpg?1589659284 240w, https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/high_res.jpg?1589659286 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/med_thumbnail.jpg?1589659284"
alt="There is a reason why Zoom calls feel so draining.
Studies have found that most cultures observe a conversational" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179312">
<a class="o--card" rel=""
href="https://www.economist.com/middle-east-and-africa/2020/05/16/why-covid-19-seems-to-spread-more-slowly-in-africa?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179312&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/med_thumbnail.jpg?1589652126 240w, https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/high_res.jpg?1589652128 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/med_thumbnail.jpg?1589652126"
alt="Africa contains about 17% of the world’s population. But it has less than 2% of the world's confirmed cases of"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173977">
<a class="o--card" rel=""
href="https://www.economist.com/finance-and-economics/2020/05/16/why-the-pandemic-could-eventually-lower-inequality?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173977&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/med_thumbnail.jpg?1589641372 240w, https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/high_res.jpg?1589641375 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/med_thumbnail.jpg?1589641372"
alt="For America’s poor, the covid-19 pandemic has delivered a swift and brutal reversal of fortune.
At the start of the" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7175244">
<a class="o--card" rel=""
href="https://www.1843magazine.com/features/can-we-escape-from-information-overload?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7175244&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173996">
<a class="o--card" rel=""
href="https://www.economist.com/schools-brief/2020/05/16/damage-from-climate-change-will-be-widespread-and-sometimes-surprising?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173996&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173946">
<a class="o--card" rel=""
href="https://www.economist.com/international/2020/05/16/the-pandemic-is-creating-fresh-opportunities-for-organised-crime?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173946&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
</section>
<div>
<p>Loading...</p>
</div>
<!---->
</div>
</main>
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
hr, img, legend {
border: 0
}
.cDT--list__btn:focus, .cDT--list__btn:hover, .o--blank__desc a, .o--btn--lg:focus, .o--btn--lg:hover, .o--btn--sm:focus, .o--btn--sm:hover, .o--btn:focus, .o--btn:hover, .u--noDeco:active, .u--noDeco:focus, .u--noDeco:hover, a, a:focus, a:hover {
text-decoration: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
a {
background: 0 0;
cursor: pointer
}
a:active, a:focus, a:hover {
outline: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
.cDT--modalBody:after, .cDT--modalBody:before, .cSC--info:after, .cSC--info:before, .cSC--li__content-row:after, .cSC--li__content-row:before, .cSC--li__content:after, .cSC--li__content:before, .o--blank:after, .o--blank:before, .o--container:after, .o--container:before, .o--icon:after, .o--icon:before, .o--inputAction--light:after, .o--inputAction--light:before, .o--inputAction:after, .o--inputAction:before, .o--mediaGrid:after, .o--mediaGrid:before, .o--modalBody:after, .o--modalBody:before, .o--modalHeader:after, .o--modalHeader:before, .u--clearfix:after, .u--clearfix:before {
display: table;
content: " "
}
abbr[title] {
border-bottom: 1px dotted
}
b, optgroup, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin: 20px 0;
border-top: 1px solid #eee
}
pre, textarea {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
body, html {
font-weight: 400;
line-height: 16px;
-webkit-font-smoothing: auto;
text-rendering: optimizeLegibility;
color: #080808
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
a, a:focus, a:hover {
color: inherit
}
body {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin: 0;
overflow-x: hidden;
background: #fafafa
}
html {
font-size: 13px
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500
}
p {
font-size: 1rem;
line-height: 125%;
margin: 0 0 10.5px
}
[data-ember-action] {
cursor: pointer
}
.cDT--modalBody:after, .cSC--info:after, .cSC--li__content-row:after, .cSC--li__content:after, .o--blank:after, .o--icon:after, .o--inputAction--light:after, .o--inputAction:after, .o--mediaGrid:after, .o--modalBody:after, .o--modalHeader:after, .u--clearfix:after {
clear: both
}
.u--float--left {
float: left !important
}
.u--float--right {
float: right !important
}
.u--listUnstyle {
margin: 0;
padding: 0;
list-style: none
}
.u--m__lr__0, .u--m__r__0 {
margin-right: 0 !important
}
.u--m__l__0, .u--m__lr__0 {
margin-left: 0 !important
}
.u--m__t__0, .u--m__tb__0 {
margin-top: 0 !important
}
.u--m__b__0, .u--m__tb__0 {
margin-bottom: 0 !important
}
.u--p__lr__0, .u--p__r__0 {
padding-right: 0 !important
}
.u--p__l__0, .u--p__lr__0 {
padding-left: 0 !important
}
.u--p__t__0, .u--p__tb__0 {
padding-top: 0 !important
}
.u--p__b__0, .u--p__tb__0 {
padding-bottom: 0 !important
}
.u--relative {
position: relative !important
}
.u--block {
display: block !important
}
.u--inline {
display: inline-block !important
}
.u--flex, .u--flex--col {
display: flex !important
}
.u--flex--col {
flex-flow: column !important
}
.u--hide, .u--hide--l {
display: none !important
}
.u--flex--center {
justify-content: center;
align-items: center
}
.u--flex__item--ratio1 {
flex: 1
}
.u--scroll--y {
overflow: auto;
overflow-y: scroll
}
@media only screen and (max-width: 900px) {
.u--hide--s {
display: none !important
}
.u--hide--l {
display: inline-block !important
}
}
.u--mute {
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.u--ellipsis {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%
}
.u--ellipsis a, .u--ellipsis h1, .u--ellipsis h2, .u--ellipsis h3, .u--ellipsis h4, .u--ellipsis h5, .u--ellipsis h6, .u--ellipsis p {
display: inline;
color: inherit;
font-size: inherit;
font-weight: inherit
}
.u--text--strike {
text-decoration: line-through
}
.u--text--base {
font-size: 1rem !important;
font-weight: 400
}
.u--text--xs {
font-size: .75rem !important
}
.u--text--sm {
font-size: .85rem !important
}
.u--text--md {
font-size: 1.1rem !important;
line-height: 1.485rem !important
}
.u--text--lg {
font-size: 1.5rem !important;
line-height: 2.025rem !important
}
.u--text--bold {
font-weight: 500 !important
}
.u--text--italic {
font-style: italic !important
}
.u--text--uppercase {
text-transform: uppercase
}
.u--text--capitalize {
text-transform: capitalize
}
.u--text--danger {
color: #f98c65 !important
}
.u--text--success {
color: #50b83c !important
}
.u--text--light {
color: #999 !important
}
.u--text--white {
color: #fff !important
}
.u--text--hl {
color: #25c6fe !important
}
.u--text--right {
text-align: right !important
}
.u--text--left {
text-align: left !important
}
.u--text--center {
text-align: center !important
}
.u--m__0 {
margin: 0 !important
}
.u--m__lr__auto, .u--m__r__auto {
margin-right: auto !important
}
.u--m__l__auto, .u--m__lr__auto {
margin-left: auto !important
}
.u--m__t__auto, .u--m__tb__auto {
margin-top: auto !important
}
.u--m__b__auto, .u--m__tb__auto {
margin-bottom: auto !important
}
.u--p__0 {
padding: 0 !important
}
.u--p__lr__auto, .u--p__r__auto {
padding-right: auto !important
}
.u--p__l__auto, .u--p__lr__auto {
padding-left: auto !important
}
.u--p__t__auto, .u--p__tb__auto {
padding-top: auto !important
}
.u--p__b__auto, .u--p__tb__auto {
padding-bottom: auto !important
}
.u--m__auto {
margin: auto !important
}
.u--m__lr__xs, .u--m__r__xs {
margin-right: .5rem !important
}
.u--m__l__xs, .u--m__lr__xs {
margin-left: .5rem !important
}
.u--m__t__xs, .u--m__tb__xs {
margin-top: .5rem !important
}
.u--m__b__xs, .u--m__tb__xs {
margin-bottom: .5rem !important
}
.u--p__auto {
padding: auto !important
}
.u--p__lr__xs, .u--p__r__xs {
padding-right: .5rem !important
}
.u--p__l__xs, .u--p__lr__xs {
padding-left: .5rem !important
}
.u--p__t__xs, .u--p__tb__xs {
padding-top: .5rem !important
}
.u--p__b__xs, .u--p__tb__xs {
padding-bottom: .5rem !important
}
.u--m__xs {
margin: .5rem !important
}
.u--m__lr__sm, .u--m__r__sm {
margin-right: .75rem !important
}
.u--m__l__sm, .u--m__lr__sm {
margin-left: .75rem !important
}
.u--m__t__sm, .u--m__tb__sm {
margin-top: .75rem !important
}
.u--m__b__sm, .u--m__tb__sm {
margin-bottom: .75rem !important
}
.u--p__xs {
padding: .5rem !important
}
.u--p__lr__sm, .u--p__r__sm {
padding-right: .75rem !important
}
.u--p__l__sm, .u--p__lr__sm {
padding-left: .75rem !important
}
.u--p__t__sm, .u--p__tb__sm {
padding-top: .75rem !important
}
.u--p__b__sm, .u--p__tb__sm {
padding-bottom: .75rem !important
}
.u--m__sm {
margin: .75rem !important
}
.u--m__lr, .u--m__r {
margin-right: 1rem !important
}
.u--m__l, .u--m__lr {
margin-left: 1rem !important
}
.u--m__t, .u--m__tb {
margin-top: 1rem !important
}
.u--m__b, .u--m__tb {
margin-bottom: 1rem !important
}
.u--p__sm {
padding: .75rem !important
}
.u--p__lr, .u--p__r {
padding-right: 1rem !important
}
.u--p__l, .u--p__lr {
padding-left: 1rem !important
}
.u--p__t, .u--p__tb {
padding-top: 1rem !important
}
.u--p__b, .u--p__tb {
padding-bottom: 1rem !important
}
.u--m {
margin: 1rem !important
}
.u--m__lr__md, .u--m__r__md {
margin-right: 1.5rem !important
}
.u--m__l__md, .u--m__lr__md {
margin-left: 1.5rem !important
}
.u--m__t__md, .u--m__tb__md {
margin-top: 1.5rem !important
}
.u--m__b__md, .u--m__tb__md {
margin-bottom: 1.5rem !important
}
.u--p {
padding: 1rem !important
}
.u--p__lr__md, .u--p__r__md {
padding-right: 1.5rem !important
}
.u--p__l__md, .u--p__lr__md {
padding-left: 1.5rem !important
}
.u--p__t__md, .u--p__tb__md {
padding-top: 1.5rem !important
}
.u--p__b__md, .u--p__tb__md {
padding-bottom: 1.5rem !important
}
.u--m__md {
margin: 1.5rem !important
}
.u--m__lr__lg, .u--m__r__lg {
margin-right: 2rem !important
}
.u--m__l__lg, .u--m__lr__lg {
margin-left: 2rem !important
}
.u--m__t__lg, .u--m__tb__lg {
margin-top: 2rem !important
}
.u--m__b__lg, .u--m__tb__lg {
margin-bottom: 2rem !important
}
.u--p__md {
padding: 1.5rem !important
}
.u--p__lr__lg, .u--p__r__lg {
padding-right: 2rem !important
}
.u--p__l__lg, .u--p__lr__lg {
padding-left: 2rem !important
}
.u--p__t__lg, .u--p__tb__lg {
padding-top: 2rem !important
}
.u--p__b__lg, .u--p__tb__lg {
padding-bottom: 2rem !important
}
.u--m__lg {
margin: 2rem !important
}
.u--p__lg {
padding: 2rem !important
}
.o--container {
max-width: 860px;
position: relative;
margin: 0 auto
}
.o--container:after {
clear: both
}
.o--text__h1 {
margin: 0;
font-size: 1.3rem;
line-height: 40px
}
.o--text__h2 {
margin: .75rem 0;
font-weight: 500;
font-size: 1.4rem
}
.o--text__span {
display: block;
margin: .75rem 0;
font-size: 1rem;
color: #999
}
.o--text__p {
margin: .75rem 0;
font-size: 1.25rem;
line-height: 23.2px
}
.o--modalBody--open {
overflow: hidden;
min-width: 800px
}
.o--modal--close {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 2rem;
display: block
}
.o--modal--closeIcon {
position: absolute;
right: -2rem;
top: 0;
cursor: pointer;
color: #fff;
font-size: 1.5rem
}
.o--modalBg, .o--modalBg--inner {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
padding: 60px 0;
background: rgba(58, 61, 71, .79);
z-index: 501
}
.o--modalBg--inner.is--top, .o--modalBg.is--top {
z-index: 800
}
.o--modalBg--inner {
position: absolute;
background: #f3f3f3;
z-index: 300
}
.o--modalBg--inner .o--modalCard, .o--modalBg--inner .o--modalCard--narrow {
border: 1px solid #eee
}
.o--modalWrapper {
display: table;
height: 100%;
width: 100%;
margin: 0 auto
}
@media only screen and (max-width: 980px) {
.o--modalBody--open {
min-width: 100%
}
.o--modalBg, .o--modalBg--inner {
padding: 0
}
.o--modalWrapper {
display: block
}
}
.o--modalVer {
display: table-cell;
vertical-align: middle
}
.o--modalHor {
padding: 0 20px
}
@media only screen and (max-width: 980px) {
.o--modalVer {
display: block
}
.o--modalHor {
display: block;
padding: 0
}
}
.o--modalCard, .o--modalCard--narrow {
position: relative;
margin: 0 auto;
padding: 0;
overflow-y: visible;
background: #fff;
z-index: 502;
border-radius: 3px;
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.has--secondary.o--modalCard .o--modalFooter.is--sticky, .has--secondary.o--modalCard .o--modal__message.is--sticky, .has--secondary.o--modalCard--narrow .o--modalFooter.is--sticky, .has--secondary.o--modalCard--narrow .o--modal__message.is--sticky, .o--modalFooter {
position: absolute
}
.o--modalCard + .o--modalCard, .o--modalCard + .o--modalCard--narrow, .o--modalCard--narrow + .o--modalCard, .o--modalCard--narrow + .o--modalCard--narrow {
margin-top: .75rem;
min-height: 0;
padding-bottom: 0
}
.has--secondary.o--modalCard, .has--secondary.o--modalCard--narrow {
browser-prefixes(browsers()) -transform: translateX(- 165 px);
transform: translateX(-165px);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.has--footer.o--modalCard, .has--footer.o--modalCard--narrow {
padding-bottom: 63px
}
.o--modalCard {
min-width: 850px;
max-width: 870px;
min-height: 450px
}
.o--modalCard--narrow {
min-width: 550px;
max-width: auto;
width: 550px;
min-height: 250px;
padding-bottom: 63px
}
.o--modalHeader {
padding: 2rem;
min-height: 50px;
border-radius: 3px 3px 0 0
}
.o--modalHeader__title {
margin: 0;
font-size: 1.25rem;
font-weight: 500;
color: #080808
}
.o--modal__mediaWrapper {
padding: 0;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
background: #2b303b;
border-radius: 3px 3px 0 0
}
.o--modal__media {
display: block;
margin: 0 auto;
width: auto;
height: auto;
max-width: 550px;
max-height: 550px;
min-height: 90px;
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out
}
.o--modal__media.is--minimize {
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-out;
transition: transform .3s ease-out;
browser-prefixes(browsers()) -transform: scale(.85, .85);
transform: scale(.85, .85);
max-height: 412.5px;
cursor: zoom-in
}
.o--modalBody {
position: relative;
padding: 1rem 2rem
}
.o--modalBody.has--scroll {
height: 324px;
overflow-y: scroll
}
.o--modal__message {
display: block;
text-align: right;
padding: .5rem 2rem;
font-size: .85rem;
color: #999;
background: #fff
}
.o--modal__message.is--sticky {
position: fixed;
bottom: 63px;
left: auto;
right: auto;
width: inherit;
z-index: 10;
border-top: 1px solid #eee
}
.o--modalFooter {
bottom: 0;
left: 0;
right: 0;
height: 63px;
padding: 1rem 1.5rem;
border-top: 1px solid #f3f3f3;
border-radius: 0 0 3px 3px;
background: #fff
}
.o--modalFooter.is--sticky {
position: fixed;
bottom: 0;
left: auto;
right: auto;
width: inherit;
z-index: 10;
border-color: #eee
}
.o--modalDialog {
position: relative;
margin: 0 auto;
padding: 0;
width: 300px;
min-height: 50px;
background: 0 0;
text-align: center;
z-index: 503;
color: #fff
}
.o--modalDialog__title {
font-size: 2rem;
font-weight: 400;
margin: 0 0 2rem;
line-height: 130%;
letter-spacing: .1px
}
.o--modalDialog__text {
margin: 0 0 2rem;
font-size: 1.1rem;
line-height: 150%;
font-weight: 400
}
.o--modalCard--secondary {
height: 100%;
width: 350px;
position: absolute;
top: 0;
right: -.5rem;
margin: 0;
overflow-y: hidden;
background: #fff;
browser-prefixes(browsers()) -transform: translateX(350 px);
transform: translateX(350px);
browser-prefixes(browsers()) -border-radius: 2 px;
border-radius: 2px
}
.o--modalBody--secondary {
position: absolute;
padding: 1rem 2rem;
top: 63px;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto
}
.o--modalBody--secondary.has--footer {
bottom: 63px
}
@media only screen and (max-width: 980px) {
.o--modalBody--secondary.has--footer {
bottom: 0
}
}
.o--modal--onHover {
position: relative;
cursor: pointer
}
.o--btn--overlay, .o--modal--onHover:after {
position: absolute;
transition: all .3s linear
}
.o--modal--onHover:after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
top: 0;
left: 0;
z-index: 99
}
.o--modal--onHover:hover:after {
background: rgba(0, 0, 0, .5)
}
.o--modal--onHover:hover .o--btn--overlay {
opacity: 1
}
.o--btn--overlay {
color: #fff;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%);
z-index: 100;
opacity: 0
}
.o--mediaContainer, .o--mediaOverlay {
left: 0;
bottom: 0;
position: absolute;
top: 0;
right: 0
}
.o--btn--overlay:hover {
color: #fff
}
.o--mediaContainer {
background: #f3f3f3;
overflow: hidden
}
.o--mediaContainer .o--media {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%
}
.o--media {
display: block;
width: 100%;
height: auto
}
.o--media.is--selected {
border: 3px solid #1bc3fe
}
.o--mediaOverlay {
display: block;
border: 1px solid rgba(0, 0, 0, .03);
background: rgba(0, 0, 0, .001)
}
.o--media__label, .o--media__label--select, .o--media__label--status, .o--media__label--type {
position: absolute;
z-index: 1;
right: .5rem;
color: #fff
}
.o--mediaGrid {
width: 100%
}
.o--mediaGrid .o--mediaContainer {
top: 1.5px;
bottom: 1.5px;
left: 1.5px;
right: 1.5px
}
.o--mediaGrid__mediaWrapper {
display: inline-block;
position: relative;
width: 33.3333%;
float: left
}
.o--mediaGrid__mediaWrapper:after {
padding-top: 100%;
display: block;
content: ""
}
.o--media--drag:after {
content: "";
position: absolute;
background: #fff;
border-radius: 2px;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 1px solid #eee;
z-index: -1
}
.o--mediaCluster {
display: inline-block;
position: relative;
width: 200px;
float: left;
margin: 0 .75rem 0 0
}
.o--mediaCluster.active .o--mediaCluster__mediaWrapper {
opacity: 1
}
.o--mediaCluster.active .o--mediaCluster__active {
position: absolute;
top: -3px;
bottom: -3px;
left: -3px;
right: -2px;
border: 2px solid #25c6fe
}
.o--mediaCluster__mediaWrapper {
display: inline-block;
position: relative;
width: 78px;
float: left;
background: #eee;
margin: 1px;
overflow: hidden;
opacity: .7
}
.o--mediaCluster__mediaWrapper:after {
padding-top: 60%;
display: block;
content: ""
}
.o--mediaCluster__mediaWrapper:first-child {
width: 118px;
margin-right: 0
}
.o--mediaCluster__mediaWrapper:first-child:after {
padding-top: 80%
}
.o--mediaCluster__mediaWrapper:nth-child(2) {
margin-bottom: 0
}
.o--mediaCluster__title {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 1.4rem;
height: 19.2px;
text-align: center;
color: #fff;
text-shadow: 0 0 3px #000
}
.o--media__label--type {
top: .5rem;
font-size: 1.1rem;
text-shadow: 0 1px 2px rgba(8, 8, 8, .5)
}
.o--media__label--status {
padding: .16667rem .25rem;
bottom: .5rem;
min-width: 1.5rem;
font-size: .75rem;
font-weight: 500;
background: rgba(8, 8, 8, .5);
text-transform: uppercase;
text-align: center;
border-radius: 2px
}
.o--media__label--status i {
font-size: 1rem
}
.o--media__label--select {
top: .5rem;
left: .5rem
}
.o--media__labelIcon.is--checked, .o--media__labelIcon.is--unchecked {
position: relative;
float: left;
margin-right: 1rem;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
line-height: 22px;
cursor: pointer
}
.o--media__labelIcon.is--checked:before, .o--media__labelIcon.is--unchecked:before {
position: absolute;
top: -1px;
left: -1px;
width: 24px;
height: 24px;
border: 2px solid #fff;
border-radius: 50%;
line-height: 21px !important
}
.o--media__labelIcon.is--checked:hover, .o--media__labelIcon.is--unchecked:hover {
background: rgba(37, 198, 254, .7)
}
.o--media__labelIcon.is--unchecked {
background: rgba(0, 0, 0, .2);
opacity: 0
}
.o--media__labelIcon.is--checked {
background: #25c6fe
}
.o--media__labelIcon.is--checked:before {
border-color: transparent
}
.o--mediaContainer:hover .o--media__labelIcon.is--unchecked, .o--media__labelIcon.is--checked {
opacity: 1
}
.o--media__label--star {
font-size: 1.5rem;
float: left;
cursor: pointer
}
.o--media__labelIcon.is--unstarred {
text-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}
.o--media__labelIcon.is--starred, .o--media__labelIcon.is--unstarred {
opacity: 0
}
.o--media__labelIcon.is--starred:hover, .o--media__labelIcon.is--unstarred:hover {
opacity: .7
}
.o--mediaContainer:hover .o--media__labelIcon.is--starred, .o--mediaContainer:hover .o--media__labelIcon.is--unstarred {
opacity: 1
}
.u--row {
margin-left: -.5rem;
margin-right: -.5rem
}
.u--row:after, .u--row:before {
content: " ";
display: table
}
.u--row:after {
clear: both
}
.u--col__1, .u--col__10, .u--col__11, .u--col__12, .u--col__2, .u--col__3, .u--col__4, .u--col__5, .u--col__6, .u--col__7, .u--col__8, .u--col__9 {
position: relative;
min-height: 1px;
padding-left: .5rem;
padding-right: .5rem;
float: left
}
.u--col__1 {
width: 8.33333%
}
@media only screen and (max-width: 980px) {
.u--col__1 {
width: 100%
}
}
.u--col__push--1 {
margin-left: 8.33333%
}
.u--col__2 {
width: 16.66667%
}
@media only screen and (max-width: 980px) {
.u--col__2 {
width: 100%
}
}
.u--col__push--2 {
margin-left: 16.66667%
}
.u--col__3 {
width: 25%
}
@media only screen and (max-width: 980px) {
.u--col__3 {
width: 100%
}
}
.u--col__push--3 {
margin-left: 25%
}
.u--col__4 {
width: 33.33333%
}
@media only screen and (max-width: 980px) {
.u--col__4 {
width: 100%
}
}
.u--col__push--4 {
margin-left: 33.33333%
}
.u--col__5 {
width: 41.66667%
}
@media only screen and (max-width: 980px) {
.u--col__5 {
width: 100%
}
}
.u--col__push--5 {
margin-left: 41.66667%
}
.u--col__6 {
width: 50%
}
@media only screen and (max-width: 980px) {
.u--col__6 {
width: 100%
}
}
.u--col__push--6 {
margin-left: 50%
}
.u--col__7 {
width: 58.33333%
}
@media only screen and (max-width: 980px) {
.u--col__7 {
width: 100%
}
}
.u--col__push--7 {
margin-left: 58.33333%
}
.u--col__8 {
width: 66.66667%
}
@media only screen and (max-width: 980px) {
.u--col__8 {
width: 100%
}
}
.u--col__push--8 {
margin-left: 66.66667%
}
.u--col__9 {
width: 75%
}
@media only screen and (max-width: 980px) {
.u--col__9 {
width: 100%
}
}
.u--col__push--9 {
margin-left: 75%
}
.u--col__10 {
width: 83.33333%
}
@media only screen and (max-width: 980px) {
.u--col__10 {
width: 100%
}
}
.u--col__push--10 {
margin-left: 83.33333%
}
.u--col__11 {
width: 91.66667%
}
.u--col__push--11 {
margin-left: 91.66667%
}
.u--col__12 {
width: 100%
}
@media only screen and (max-width: 980px) {
.u--col__11, .u--col__12 {
width: 100%
}
}
.u--col__push--12 {
margin-left: 100%
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 10px;
font-weight: 500
}
input[type=search] {
browser-prefixes(browsers()) -box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=checkbox], input[type=radio] {
margin: 0 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple], select[size] {
height: auto
}
::-webkit-input-placeholder {
color: #bbb
}
:-moz-placeholder {
color: #bbb
}
::-moz-placeholder {
color: #bbb
}
:-ms-input-placeholder {
color: #bbb
}
.o--formWrapper input[type=serach], .o--formWrapper input[type=text], .o--formWrapper input[type=email], .o--formWrapper input[type=password], .o--formWrapper input[type=url], .o--formWrapper select, .o--formWrapper textarea, .o--formWrapper--lg input[type=serach], .o--formWrapper--lg input[type=text], .o--formWrapper--lg input[type=email], .o--formWrapper--lg input[type=password], .o--formWrapper--lg input[type=url], .o--formWrapper--lg select, .o--formWrapper--lg textarea, .o--formWrapper--sm input[type=serach], .o--formWrapper--sm input[type=text], .o--formWrapper--sm input[type=email], .o--formWrapper--sm input[type=password], .o--formWrapper--sm input[type=url], .o--formWrapper--sm select, .o--formWrapper--sm textarea, .o--form__input, .o--form__input--lg, .o--form__input--sm, .o--form__select, .o--form__select--lg, .o--form__select--sm {
position: relative;
display: block;
width: 100%;
padding: 8px 13px;
font-size: 1rem;
font-weight: 400;
color: #080808;
text-align: left;
background: #fff;
outline: 0;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee;
border: 0 solid transparent;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px
}
.o--formWrapper input:active[type=serach], .o--formWrapper input:active[type=text], .o--formWrapper input:active[type=email], .o--formWrapper input:active[type=password], .o--formWrapper input:active[type=url], .o--formWrapper input:focus[type=serach], .o--formWrapper input:focus[type=text], .o--formWrapper input:focus[type=email], .o--formWrapper input:focus[type=password], .o--formWrapper input:focus[type=url], .o--formWrapper select:active, .o--formWrapper select:focus, .o--formWrapper textarea:active, .o--formWrapper textarea:focus, .o--formWrapper--lg input:active[type=serach], .o--formWrapper--lg input:active[type=text], .o--formWrapper--lg input:active[type=email], .o--formWrapper--lg input:active[type=password], .o--formWrapper--lg input:active[type=url], .o--formWrapper--lg input:focus[type=serach], .o--formWrapper--lg input:focus[type=text], .o--formWrapper--lg input:focus[type=email], .o--formWrapper--lg input:focus[type=password], .o--formWrapper--lg input:focus[type=url], .o--formWrapper--lg select:active, .o--formWrapper--lg select:focus, .o--formWrapper--lg textarea:active, .o--formWrapper--lg textarea:focus, .o--formWrapper--sm input:active[type=serach], .o--formWrapper--sm input:active[type=text], .o--formWrapper--sm input:active[type=email], .o--formWrapper--sm input:active[type=password], .o--formWrapper--sm input:active[type=url], .o--formWrapper--sm input:focus[type=serach], .o--formWrapper--sm input:focus[type=text], .o--formWrapper--sm input:focus[type=email], .o--formWrapper--sm input:focus[type=password], .o--formWrapper--sm input:focus[type=url], .o--formWrapper--sm select:active, .o--formWrapper--sm select:focus, .o--formWrapper--sm textarea:active, .o--formWrapper--sm textarea:focus, .o--form__input--lg:active, .o--form__input--lg:focus, .o--form__input--sm:active, .o--form__input--sm:focus, .o--form__input:active, .o--form__input:focus, .o--form__select--lg:active, .o--form__select--lg:focus, .o--form__select--sm:active, .o--form__select--sm:focus, .o--form__select:active, .o--form__select:focus {
outline: 0;
background: #f3f3f3;
color: #080808;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee;
border: 0 solid transparent
}
.o--formWrapper--sm input[type=serach], .o--formWrapper--sm input[type=text], .o--formWrapper--sm input[type=email], .o--formWrapper--sm input[type=password], .o--formWrapper--sm input[type=url], .o--formWrapper--sm select, .o--formWrapper--sm textarea, .o--form__input--sm, .o--form__select--sm {
padding: 3px 13px;
font-size: .9rem
}
.o--formWrapper--lg input[type=serach], .o--formWrapper--lg input[type=text], .o--formWrapper--lg input[type=email], .o--formWrapper--lg input[type=password], .o--formWrapper--lg input[type=url], .o--formWrapper--lg select, .o--formWrapper--lg textarea, .o--form__input--lg, .o--form__select--lg {
padding: 10px 13px;
font-size: 1.15rem
}
.o--formWrapper {
margin-bottom: 20px
}
.o--formWrapper label {
margin: 0 0 10px;
font-weight: 500;
font-size: 1rem;
color: #080808
}
.o--formWrapper .o--form__select, .o--formWrapper select {
cursor: pointer;
margin-bottom: 0
}
.o--formWrapper input[type=checkbox], .o--formWrapper input[type=radio] {
width: 25px;
height: auto;
display: inline-block
}
.o--formWrapper textarea {
resize: vertical
}
.o--formWrapper[disabled], .o--formWrapper[readonly], fieldset[disabled] .o--formWrapper {
background-color: #fbfbfb;
opacity: 1
}
.o--formWrapper[disabled], fieldset[disabled] .o--formWrapper {
cursor: not-allowed
}
.o--formWrapper--lg, .o--formWrapper--sm {
margin-bottom: 20px
}
.o--formSubmit {
padding-top: 1rem
}
.o--formSubmit:after, .o--formSubmit:before {
content: " ";
display: table
}
.o--formSubmit:after {
clear: both
}
.o--formSubmit .cDT--list__btn, .o--formSubmit .o--btn, .o--formSubmit .o--btn--lg, .o--formSubmit .o--btn--sm {
float: right
}
.o--form__input--mute, .o--form__select--mute {
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none
}
.o--form__input--mute:active, .o--form__input--mute:focus, .o--form__select--mute:active, .o--form__select--mute:focus {
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none;
background: #fff
}
.o--form__input--fixedWidth, .o--form__select--fixedWidth {
width: 200px !important
}
.o--form__input--view:active, .o--form__input--view:focus, .o--form__select--view:active, .o--form__select--view:focus {
background: #fff
}
@media only screen and (max-width: 980px) {
.o--form__input, .o--form__select {
height: 44px
}
}
.o--form__select, .o--form__select--lg, .o--form__select--sm {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 33px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) 99% 50% no-repeat !important
}
@media only screen and (max-width: 980px) {
.o--form__select, .o--form__select--lg, .o--form__select--sm {
height: 44px
}
}
.o--form__select--sm {
height: 21px
}
.o--form__select--lg {
height: 44px
}
.o--textareaCaption {
min-height: 150px;
resize: none
}
.o--textareaCaption--view {
color: #080808;
word-break: break-word;
white-space: pre-wrap
}
.o--textareaCaption--view:hover {
color: #080808
}
.o--form_checkbox, .o--form_radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.o--form_checkbox label, .o--form_radio label {
min-height: 16px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.o--form_checkbox + .o--form_checkbox, .o--form_radio + .o--form_radio {
margin-top: -5px
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
cursor: not-allowed
}
.o--form__helpText {
display: block;
margin: .75rem 0;
color: #999
}
.o--form__helpText.is--error {
color: #f98c65
}
.o--form__helpText.is--success {
color: #50b83c
}
.o--inputAction, .o--inputAction--light {
position: relative;
padding-left: 40px;
padding-right: 40px;
border: 1px solid #f3f3f3;
background: #f3f3f3;
border-radius: 2px;
overflow: hidden
}
.is--focused.o--inputAction--light, .o--inputAction.is--focused {
border-color: #eee;
background: #fff
}
.o--inputAction--light {
padding: 0 10px;
background: #fff;
border: 1px solid #eee
}
.o--inputAction input[type=serach], .o--inputAction input[type=text], .o--inputAction input[type=email], .o--inputAction input[type=password], .o--inputAction input[type=url], .o--inputAction--light input[type=serach], .o--inputAction--light input[type=text], .o--inputAction--light input[type=email], .o--inputAction--light input[type=password], .o--inputAction--light input[type=url], .o--inputAction__input {
position: relative;
padding: .7rem 1.5rem .7rem 0;
font-size: 1rem;
color: #999;
background: 0 0;
outline: 0;
border: none;
box-shadow: none;
width: 100%
}
.o--inputAction input:focus[type=serach], .o--inputAction input:focus[type=text], .o--inputAction input:focus[type=email], .o--inputAction input:focus[type=password], .o--inputAction input:focus[type=url], .o--inputAction--light input:focus[type=serach], .o--inputAction--light input:focus[type=text], .o--inputAction--light input:focus[type=email], .o--inputAction--light input:focus[type=password], .o--inputAction--light input:focus[type=url], .o--inputAction__input:focus {
background: 0 0;
color: #080808;
box-shadow: none
}
.o--btn--primary, .o--btn--proceed {
box-shadow: inset 0 0 0 1px transparent !important
}
.o--inputAction__icon--left, .o--inputAction__icon--right {
position: absolute;
top: 0;
font-size: 1.5rem;
line-height: 35px !important;
color: #bbb;
z-index: 2
}
.o--inputAction__icon--right {
right: .75rem;
font-size: .85rem
}
.o--inputAction__icon--left {
left: .75rem
}
.cDT--list__btn, .o--btn, .o--btn--lg, .o--btn--sm {
display: inline-block;
position: relative;
padding: 8px 13px;
font-weight: 500;
font-size: 1rem;
text-align: center;
cursor: pointer;
background: 0 0;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px;
browser-prefixes(browsers()) -user-select: none;
user-select: none;
browser-prefixes(browsers()) -transition: all .1 s ease;
transition: all .1s ease;
border: none
}
.o--btn--sm {
padding: 3px 8px;
font-size: .9rem
}
.o--btn--lg {
padding: 10px 25px;
font-size: 1.15rem
}
.o--btn--r {
browser-prefixes(browsers()) -border-radius: 30 px;
border-radius: 30px
}
.o--btn--c {
padding-left: 0;
padding-right: 0;
text-align: center;
border-radius: 50%
}
.o--btn--c.o--btn {
width: 2.6rem;
height: 2.6rem
}
.o--btn--c.o--btn--sm {
width: 1.89rem;
height: 1.89rem
}
.o--btn--c.o--btn--lg {
width: 2.9325rem;
height: 2.9325rem;
padding: .75rem
}
.o--btn--block {
display: block;
width: 100%
}
.o--btn--block + .o--btn--block {
margin-top: 5px
}
.o--btn--disabled, .o--btn[disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: .3;
background-image: none
}
.o--btnDrop {
padding-left: .75rem;
padding-right: .75rem;
font-weight: 400;
text-align: left;
min-width: 100px
}
.o--btnDrop * {
line-height: inherit
}
.o--btnDrop.is--active .o--btnDrop__value, .o--btnDrop.is--selected .o--btnDrop__value {
visibility: visible
}
.o--btnDrop__value {
visibility: hidden;
font-size: .75rem;
color: #999;
padding-right: 2rem
}
.o--btnDrop__icon {
margin-left: 1rem;
float: right;
font-size: .75rem
}
.o--btnDrop__icon.has--singleContainer {
display: block;
position: absolute;
right: 1rem;
top: .75rem
}
.o--btn--proceed {
color: #fff !important;
background-color: #50b83c !important;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent !important
}
.o--btn--proceed:focus, .o--btn--proceed:hover {
color: #fff !important;
background-color: #48a536 !important
}
.o--btn--proceed.active, .o--btn--proceed.is--active, .o--btn--proceed:active {
color: #fff !important;
background-color: #53c03f !important
}
.o--btn--primary {
color: #fff !important;
background-color: #25c6fe !important;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent !important
}
.o--btn--primary:focus, .o--btn--primary:hover {
color: #fff !important;
background-color: #0cbffe !important
}
.o--btn--primary.active, .o--btn--primary.is--active, .o--btn--primary:active {
color: #fff !important;
background-color: #2fc9fe !important;
browser-prefixes(browsers()) -animation: btnFlash .3 s linear infinite;
animation: btnFlash .3s linear infinite
}
.o--btn--default {
color: #25c6fe;
background-color: #fff;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe
}
.o--btn--default:focus, .o--btn--default:hover {
color: #25c6fe;
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(37, 198, 254, .1)), rgba(37, 198, 254, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(37, 198, 254, .1)), rgba(37, 198, 254, .2)...);
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe
}
.o--btn--default.active, .o--btn--default.is--active, .o--btn--default:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(37, 198, 254, .8)), rgba(37, 198, 254, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(37, 198, 254, .8)), rgba(37, 198, 254, .9)...);
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #25c6fe;
box-shadow: inset 0 0 0 1px #25c6fe;
color: #fff
}
.o--btn--mute {
color: #999;
background-color: #fff;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px transparent;
box-shadow: inset 0 0 0 1px transparent
}
.o--btn--mute.active, .o--btn--mute.is--active, .o--btn--mute:active, .o--btn--mute:focus, .o--btn--mute:hover, .o--btn--outline, .o--btn--outline.active, .o--btn--outline.is--active, .o--btn--outline:active, .o--btn--outline:focus, .o--btn--outline:hover {
color: #080808;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #eee;
box-shadow: inset 0 0 0 1px #eee
}
.o--btn--mute:focus, .o--btn--mute:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(238, 238, 238, .1)), rgba(238, 238, 238, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(238, 238, 238, .1)), rgba(238, 238, 238, .2)...)
}
.o--btn--mute.active, .o--btn--mute.is--active, .o--btn--mute:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(238, 238, 238, .8)), rgba(238, 238, 238, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(238, 238, 238, .8)), rgba(238, 238, 238, .9)...)
}
.o--btn--outline {
background-color: transparent
}
.o--btn--outline:focus, .o--btn--outline:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(8, 8, 8, .1)), rgba(8, 8, 8, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(8, 8, 8, .1)), rgba(8, 8, 8, .2)...)
}
.o--btn--outline.active, .o--btn--outline.is--active, .o--btn--outline:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(8, 8, 8, .8)), rgba(8, 8, 8, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(8, 8, 8, .8)), rgba(8, 8, 8, .9)...)
}
.o--btn--danger, .o--btn--danger.active, .o--btn--danger.is--active, .o--btn--danger:active, .o--btn--danger:focus, .o--btn--danger:hover {
color: #f98c65;
browser-prefixes(browsers()) -box-shadow: inset 0 0 0 1 px #f98c65;
box-shadow: inset 0 0 0 1px #f98c65
}
.o--btn--outline.active, .o--btn--outline.is--active {
background: #f3f3f3
}
.o--btn--danger {
background-color: #f3f3f3
}
.o--btn--danger:focus, .o--btn--danger:hover {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(249, 140, 101, .1)), rgba(249, 140, 101, .2)...));
background-image: _linear-gradient_legacy(compact(rgba(249, 140, 101, .1)), rgba(249, 140, 101, .2)...)
}
.o--btn--danger.active, .o--btn--danger.is--active, .o--btn--danger:active {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient_legacy(compact(rgba(249, 140, 101, .8)), rgba(249, 140, 101, .9)...));
background-image: _linear-gradient_legacy(compact(rgba(249, 140, 101, .8)), rgba(249, 140, 101, .9)...)
}
.o--btn--danger:active {
color: #fff
}
.o--btn--dark {
background: #080808 !important;
color: #fff !important;
box-shadow: none !important
}
.o--btn--dark:active {
color: #fff
}
@keyframes btnFlash {
0%, 100% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #2fc9fe 0, #25c6fe 33%, #1bc3fe 66%, #25c6fe 100%...));
background-image: _linear-gradient(120deg, #2fc9fe 0, #25c6fe 33%, #1bc3fe 66%, #25c6fe 100%...)
}
25% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #25c6fe 0, #2fc9fe 33%, #25c6fe 66%, #1bc3fe 100%...));
background-image: _linear-gradient(120deg, #25c6fe 0, #2fc9fe 33%, #25c6fe 66%, #1bc3fe 100%...)
}
50% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #1bc3fe 0, #25c6fe 33%, #2fc9fe 66%, #25c6fe 100%...));
background-image: _linear-gradient(120deg, #1bc3fe 0, #25c6fe 33%, #2fc9fe 66%, #25c6fe 100%...)
}
75% {
background-image: prefix(browser-prefixes(browsers()), _linear-gradient(120deg, #25c6fe 0, #1bc3fe 33%, #25c6fe 66%, #2fc9fe 100%...));
background-image: _linear-gradient(120deg, #25c6fe 0, #1bc3fe 33%, #25c6fe 66%, #2fc9fe 100%...)
}
}
.o--blank {
position: relative;
padding: 4rem 2rem;
margin: .75rem auto 0;
color: #080808;
max-width: 100%;
font-size: 1rem;
text-align: center
}
.o--blank__title {
font-size: 1.8rem;
font-weight: 500;
line-height: 130%
}
.o--blank__desc {
line-height: 150%;
font-size: 1.1rem
}
.o--blank__desc a {
color: #25c6fe
}
.cDT--modal__caption a:hover, .o--blank__desc a:hover {
text-decoration: underline
}
.o--blank__img {
width: 100%
}
.o--blank--full {
height: 100%;
width: 100%;
min-height: 90vh
}
.o--loadingWrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.o--loadingWrapper .o--loading {
top: 50%
}
.o--loading {
position: relative;
top: 200px;
left: 50%;
width: 30px;
height: 30px;
margin: -20px 0 0 -20px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #25c6fe #25c6fe;
border-radius: 20px;
browser-prefixes(browsers()) -animation: loading 1 s linear infinite;
animation: loading 1s linear infinite
}
@keyframes loading {
0% {
browser-prefixes(browsers()) -transform: rotate(0);
transform: rotate(0)
}
100% {
browser-prefixes(browsers()) -transform: rotate(360 deg);
transform: rotate(360deg)
}
}
.o--cardContainer {
width: 100%;
display: inline-block;
position: relative
}
.o--cardContainer:after {
padding-top: 100%;
display: block;
content: ""
}
.o--cardContainer .o--card {
position: absolute;
top: 1px;
bottom: 1px;
left: 1px;
right: 1px
}
@media only screen and (min-width: 1000px) {
.o--cardContainer:hover {
opacity: .8
}
}
.o--card__mediaContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
background: #f3f3f3;
overflow: hidden
}
.o--card__media {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
color: #999
}
.o--card__mediaOverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border: 1px solid rgba(0, 0, 0, .1);
border-color: rgba(0, 0, 0, .03) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05);
background: rgba(0, 0, 0, .01)
}
.o--icon {
position: relative;
display: block;
width: 21px;
height: 21px;
padding: 0;
margin: 0;
background: url(img--iconSprite-a0b7505e5827723355208850f12ad4c9.png) no-repeat;
background-size: 900%
}
.o--icon--cart {
background-position: 0 0
}
.o--icon--video {
background-position: -169px 0
}
.o--icon--gallery {
background-position: -147px 0
}
.o--icon--close {
background-position: -126px 0
}
.o--icon--link {
background-position: -105px 0
}
.o--icon--trash {
background-position: -42px 0
}
.cDT--modal {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -justify-content: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
min-height: 450px;
background: #2b303b;
browser-prefixes(browsers()) -transform: translateX(0);
transform: translateX(0);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease;
transition: transform .3s ease
}
.cDT--modal:after, .cDT--modal:before {
content: " ";
display: table
}
.cDT--modal:after {
clear: both
}
@media only screen and (max-width: 980px) {
.cDT--modal {
display: block;
min-width: 100%;
width: 100%;
height: auto;
background: #fff;
overflow: auto
}
}
.cDT--modal__mediaWrapper {
padding: 0;
position: relative;
width: 57.5%;
height: auto;
background: #f9fafc;
browser-prefixes(browsers()) -border-radius: 2 px 0 0 2 px;
border-radius: 2px 0 0 2px
}
.cDT--modal__mediaWrapper .video-js {
width: 100%;
height: 100%
}
@media only screen and (max-width: 980px) {
.cDT--modal__mediaWrapper {
width: 100%;
display: block;
float: none;
browser-prefixes(browsers()) -border-radius: 2 px 2 px 0 0;
border-radius: 2px 2px 0 0
}
}
.cDT--modal__infoWrapper {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
flex: 1;
position: absolute;
right: 0;
padding: 1rem;
width: 42.5%;
height: 100%;
background: #fff;
overflow-x: hidden;
browser-prefixes(browsers()) -border-radius: 0 2 px 2 px 0;
border-radius: 0 2px 2px 0;
browser-prefixes(browsers()) -box-shadow: 0 0 3 px rgba(0, 0, 0, .15), 0 0 1 px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .15)
}
.cDT--modalBody, .cSC--button {
browser-prefixes(browsers()) -flex-direction: column
}
@media only screen and (max-width: 980px) {
.cDT--modal__infoWrapper {
position: relative;
width: 100%;
height: auto;
display: block;
browser-prefixes(browsers()) -box-shadow: none;
box-shadow: none;
browser-prefixes(browsers()) -border-radius: 0 0 2 px 2 px;
border-radius: 0 0 2px 2px
}
}
.cDT--modal__info {
position: relative;
display: block;
z-index: 1
}
.cDT--modal__user {
margin-right: 50px;
width: 65%
}
.cDT--modal__captionWrapper {
position: absolute;
width: 100%;
display: block;
top: 75px;
bottom: 80px;
left: 0;
right: 0;
padding: 0 1rem;
overflow: auto;
z-index: 0
}
.cDT--modal__caption {
height: auto;
padding-bottom: 30px;
display: block
}
.cDT--modal__caption p {
max-width: 333.75px;
font-size: 1.35rem;
line-height: 23.2px;
font-weight: 400;
word-wrap: break-word;
white-space: pre-line
}
.cDT--modal__caption a, .cDT--modal__caption a:active, .cDT--modal__caption a:focus, .cDT--modal__caption a:hover {
color: #25c6fe
}
.cDT--modal__meta {
position: absolute;
bottom: 63px;
left: 0;
right: 0;
padding: 1rem 1rem 8px;
color: #999;
background: #fff
}
.cDT--modal__metaTime {
float: left;
line-height: 20.8px
}
.cDT--modal__metaComments, .cDT--modal__metaLikes {
font-weight: 500;
float: left
}
.cDT--modal__metaLikes {
clear: left
}
.cDT--list__item:after, .tLb--content__grid:after, .tLb--feat__caption:after {
clear: both
}
.cDT--modal__metaLikes:after {
content: "\a0\b7\a0";
padding: 0 2px;
display: inline-block;
font-weight: 500
}
.cDT--modal__action {
position: absolute;
bottom: 0;
left: 1rem;
right: 1rem;
height: 63px;
padding: 1rem 0;
border-top: 1px solid #eee
}
.cDT--list__item:first-child, .cDT--post__btn {
border-top: 1px solid #f3f3f3
}
.cDT--modal__close--mobile {
display: none
}
@media only screen and (max-width: 980px) {
.cDT--modal__close, .cDT--modal__footer {
display: none
}
.cDT--modal__close--mobile {
position: relative;
width: 100%;
height: auto;
padding: 1.25rem 2rem;
background: #fff;
display: block
}
}
.cDT--list__item {
display: block;
width: 100%;
position: relative;
padding: 1rem 2rem 1rem 5rem;
border-bottom: 1px solid #f3f3f3
}
.cDT--list__item:after, .cDT--list__item:before {
content: " ";
display: table
}
.cDT--list__title {
width: 70%;
float: left;
display: inline-block;
font-size: 1.1rem;
font-weight: 400;
margin: .75rem 0;
padding-right: 1rem
}
@media only screen and (max-width: 900px) {
.cDT--list__title {
width: 65%
}
}
.cDT--list__btn {
float: right;
box-shadow: inset 0 0 0 1px #f3f3f3
}
.cDT--list__bullet {
position: absolute;
display: block;
top: 50%;
bottom: 50%;
left: 2rem;
width: 2rem;
height: 2rem;
margin-top: -1rem;
line-height: 2rem;
background: #2b303b;
color: #fff;
text-align: center;
browser-prefixes(browsers()) -border-radius: 1 rem;
border-radius: 1rem
}
.cDT--list__bullet--counter {
opacity: 1;
display: block
}
.cDT--modalBody {
browser-prefixes(browsers()) -flex-wrap: nowrap;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
flex: 1;
height: 100%;
overflow-y: auto;
overflow-x: hidden
}
.cDT--post__thumbnails {
position: relative;
width: 30%;
height: 100%;
float: left;
display: inline-block;
padding: 1rem;
overflow-y: auto
}
@media only screen and (max-width: 980px) {
.cDT--post__thumbnails {
width: 100%;
height: auto;
min-height: 130px;
display: block;
float: none;
overflow-x: auto;
overflow-y: hidden;
padding: .5rem;
vertical-align: middle;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid #f3f3f3
}
}
.cDT--post__thumbnailWrapper {
display: inline-block;
position: relative;
width: 100%;
float: left;
margin-bottom: 2rem;
opacity: .5;
cursor: pointer
}
.cDT--post__thumbnailWrapper:after {
padding-top: 100%;
display: block;
content: ""
}
.cDT--post__thumbnailWrapper:last-child {
margin-bottom: 0;
margin-right: 0
}
.cDT--post__thumbnailWrapper.is--checked {
border: 3px solid #080808;
opacity: 1
}
.cDT--post__thumbnailWrapper.is--checked .o--mediaContainer {
top: 2px;
bottom: 2px;
left: 2px;
right: 2px
}
@media only screen and (max-width: 980px) {
.cDT--post__thumbnailWrapper {
width: 25%;
display: inline-block;
float: none;
margin-right: .75rem;
margin-bottom: 0
}
}
.cDT--post__thumbnail__meta {
position: absolute;
bottom: -1.5rem;
left: 0;
right: 0;
background: 0 0
}
.cDT--post__thumbnail__meta p {
margin: 0;
padding: 0;
font-size: .85rem;
text-align: center;
text-transform: capitalize;
color: #080808
}
.cDT--post__content {
position: absolute;
display: inline-block;
width: 70%;
height: 100%;
right: 0;
border-left: 1px solid #f3f3f3
}
@media only screen and (max-width: 980px) {
.cDT--post__content {
position: relative;
display: block;
width: 100%;
height: auto;
border-left: none
}
.cDT--post__content:after, .cDT--post__content:before {
content: " ";
display: table
}
.cDT--post__content:after {
clear: both
}
}
.cDT--post__description {
position: absolute;
display: block;
width: 100%;
top: 0;
bottom: 63px;
padding: 1rem;
overflow-y: auto
}
.cDT--post__description img {
width: 100%
}
@media only screen and (max-width: 980px) {
.cDT--post__description {
position: relative;
display: block;
width: 100%;
height: auto;
padding-bottom: 63px
}
.cDT--post__btn {
display: none
}
}
@media screen and (min-height: 760px) {
.cDT--post__description {
min-height: 350px
}
}
.cDT--post__title {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
color: #080808;
margin-bottom: .5rem
}
.cDT--post__price {
font-size: 1.5rem;
font-weight: 400
}
.cDT--post__btn {
position: absolute;
bottom: 0;
width: 100%;
height: 63px;
padding: 1rem;
background: #fff
}
.cDT--post__btnMobile {
display: none
}
@media only screen and (max-width: 980px) {
.cDT--post__btnMobile {
position: fixed;
bottom: 0;
display: block;
width: 100%;
height: 63px;
padding: 1rem;
background: #fff;
browser-prefixes(browsers()) -box-shadow: 0 - 1 px 1 px rgba(0, 0, 0, .1);
box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);
border-top: 1px solid #f3f3f3;
z-index: 999
}
}
.cDT--tag {
width: 30px;
height: 30px;
background-color: rgba(68, 76, 82, .6);
border: 2px solid rgba(255, 255, 255, .6);
border-radius: 50%;
position: absolute;
font-size: 14px;
cursor: pointer;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 27px
}
.cDT--tag.is--active {
background-color: #444c52;
border: 2px solid #fff
}
.u--fadeIn {
browser-prefixes(browsers()) -animation: fadeIn .3 s ease-in;
animation: fadeIn .3s ease-in
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.cMT--tag {
width: 28px;
height: 28px;
background-color: #2b303b;
border-radius: 50%;
position: absolute;
opacity: .85;
font-size: 14px;
cursor: pointer;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 28px
}
.cMT--tag.is--active {
opacity: 1;
font-weight: 500;
browser-prefixes(browsers()) -box-shadow: 0 0 0 2 px rgba(255, 255, 255, .7), 0 0 0 4 px #2b303b;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .7), 0 0 0 4px #2b303b
}
.cSC--button {
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex: 1;
width: auto;
position: fixed;
top: 45%;
right: 0;
color: #fff;
cursor: pointer;
background: #2b303b;
z-index: 502;
padding: 1.25rem;
browser-prefixes(browsers()) -border-radius: 5 px 0 0 5 px;
border-radius: 5px 0 0 5px
}
.cSC--button__count {
width: 100%;
font-size: 1.5rem;
text-align: center
}
.cSC--button__icon {
width: 24px;
margin-top: 1.5rem
}
@media only screen and (max-width: 980px) {
.cSC--button {
top: 18%;
padding: 1rem
}
.cSC--button__count {
font-size: 1.1rem
}
.cSC--button__icon {
width: 16px;
margin-top: 1rem
}
}
.cSC--overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
background: 0 0;
z-index: 0
}
.cSC--overlay.is--open {
display: block;
background: rgba(0, 0, 0, .6);
z-index: 502
}
.cSC--container {
browser-prefixes(browsers()) -flex-direction: column;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: column;
flex: 1;
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 330px;
margin: 0;
border-left: 1px solid #eee;
background: #fff;
z-index: 503;
browser-prefixes(browsers()) -transform: translateX(100 %);
transform: translateX(100%);
browser-prefixes(browsers()) -transition: browser-prefixes(browsers()) -transform .3 s ease-in-out;
transition: transform .3s ease-in-out
}
@media only screen and (max-width: 980px) {
.cSC--container {
width: 100%
}
}
.cSC--container.is--open {
transform: translateX(0)
}
.cSC--header {
browser-prefixes(browsers()) -flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
padding: 1.45rem 2rem;
border-bottom: 1px solid #eee
}
.cSC--header__btn {
position: absolute;
top: 15px;
right: 1.5rem;
padding: 0;
border: none;
background: 0 0;
transition: transform .1s ease;
cursor: pointer;
outline: 0;
width: 25px;
height: 25px;
overflow: hidden
}
.cSC--header__btn::after, .cSC--header__btn::before {
content: "";
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #080808;
height: 3px;
border-radius: 2px
}
.cSC--header__btn::before {
browser-prefixes(browsers()) -transform: rotate(45 deg);
transform: rotate(45deg)
}
.cSC--header__btn::after {
browser-prefixes(browsers()) -transform: rotate(- 45 deg);
transform: rotate(-45deg)
}
.cSC--list {
browser-prefixes(browsers()) -flex: 1;
flex: 1;
position: relative;
padding: 2rem;
margin: 0;
overflow-y: auto
}
.cSC--li {
margin-bottom: 2rem;
overflow: hidden;
backface-visibility: visible;
min-height: 65px;
position: relative;
opacity: 1;
transition: opacity .3s ease-in-out
}
.cSC--li:last-child {
margin-bottom: 0
}
.cSC--li__img {
position: absolute;
width: 65px;
height: 65px;
border-radius: 3px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #f9fafc;
border: 1px solid #eee
}
.cSC--li__content {
width: 100%;
padding-left: 75px
}
.cSC--li__content-row {
position: relative;
display: block;
width: 100%;
margin-bottom: 5px
}
.cSC--li__variant-title {
display: block;
font-size: 11px;
line-height: 17px;
color: #999
}
.cSC--li__title {
display: block;
color: #080808;
font-size: 15px;
line-height: 18px;
font-weight: 500;
margin: 0;
padding-right: 2rem
}
.cSC--li__price {
float: right;
margin-left: 1rem;
font-size: 15px;
line-height: 23px;
font-weight: 500
}
.cSC--li__quantity-container {
border: 1px solid #eee;
float: left;
border-radius: 3px
}
.cSC--li__quantity-update {
color: #999;
display: block;
float: left;
width: 25px;
height: 21px;
font-size: 18px;
text-align: center;
line-height: 16px;
padding: 0;
border: none;
background: 0 0;
box-shadow: none;
outline: 0;
cursor: pointer;
browser-prefixes(browsers()) -transition: all .3 s ease;
transition: all .3s ease
}
.cSC--li__quantity-update:hover {
background: #f9fafc;
color: #080808
}
.cSC--li__quantity-update:focus {
outline: 0
}
.cSC--li__quantity-update-form {
display: inline
}
.cSC--li__quantity {
color: #080808;
width: 38px;
height: 21px;
line-height: 22px;
font-size: 14px;
font-weight: 500;
border: none;
text-align: center;
-moz-appearance: textfield;
background: 0 0;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
display: block;
float: left;
padding: 0;
border-radius: 0
}
.cSC--li__remove {
position: absolute;
top: 0;
right: 0;
border: 0;
background: 0;
font-size: .85rem;
color: #999;
padding: 0
}
.cSC--li__remove:hover {
cursor: pointer;
filter: grayscale(50%);
-webkit-filter: grayscale(50%)
}
.cSC--footer {
padding: 1rem 2rem;
border-top: 1px solid #eee;
flex: 0 0 auto
}
.cSC--checkout {
display: block;
width: 100%;
margin-top: .5rem
}
.cSC--info {
padding: 0 0 1rem;
font-size: 13px
}
.cSC--info__total {
float: left;
font-size: 15px;
text-transform: uppercase
}
.cSC--info__small {
font-size: 11px
}
.cSC--info__pricing {
float: right
}
.cSC--info__pricing__text {
margin-left: 5px;
font-size: 16px;
color: #080808
}
.tLb--nav {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 55px;
background: #fff;
border-bottom: 1px solid #ddd;
z-index: 100;
overflow: hidden
}
.tLb--nav__container {
padding: .35rem .75rem
}
.tLb--nav__btn--left {
position: relative;
width: 50px;
float: left;
top: 2px
}
.tLb--nav__btn--right {
margin: .5rem 0;
font-size: 1.1rem;
line-height: 30px;
color: #080808;
border: 1px solid #080808;
border-radius: 3px;
text-align: center;
max-width: 150px;
height: 33px;
padding: 0 10px;
overflow: hidden;
float: right
}
@media only screen and (min-width: 1000px) {
.tLb--nav__btn--right {
max-width: 200px
}
}
.tLb--nav__avatar {
display: inline-block;
height: 40px;
width: 40px;
float: left;
border-radius: 50%;
border: 1px solid #eee
}
.tLb--footerContainer, .tLb__hint {
height: auto;
position: fixed;
left: 0;
right: 0
}
.tLb--nav__username {
margin: 0 150px 0 50px;
color: #080808;
text-overflow: ellipsis;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
line-height: 44px
}
.tLb__hint {
top: 55px;
padding: .75rem;
text-align: center;
color: #080808;
background: rgba(250, 250, 250, .7)
}
.tLb--footerContainer {
bottom: 1rem
}
.tLb--footer {
browser-prefixes(browsers()) -flex-direction: row;
browser-prefixes(browsers()) -justify-content: center;
browser-prefixes(browsers()) -align-items: center;
browser-prefixes(browsers()) -flex: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 1;
margin: 0;
padding: 1.25rem .75rem;
text-align: center;
font-size: 1.2rem;
color: #080808;
background: #fafafa;
border-radius: 3px;
box-shadow: inset 0 0 1px #bbb, 0 1px 1px rgba(187, 187, 187, .2)
}
.tLb--footerWrapper.tLb--footerWrapper--lg .tLb--banner--lg, .tLb--footerWrapper.tLb--footerWrapper--sm .tLb--banner--sm, .tLb--footerWrapper.tLb--footerWrapper--xs .tLb--banner--xs {
opacity: 1;
display: block
}
@media only screen and (max-width: 980px) {
.tLb--footer {
margin: 0 1rem
}
}
.tLb--footer__text {
font-size: 1rem;
margin: 0 .5rem 0 0;
color: #080808
}
.tLb--footer__media {
width: 60px
}
.tLb--footer__media.tLb--footer__media--md {
width: 65px
}
.tLb--footer__media.tLb--footer__media--lg {
width: 95px
}
.tLb--footerWrapper {
position: fixed;
bottom: 0;
left: 0;
padding: 1rem;
height: 100%;
width: 100%;
color: #fff;
background: #25c6fe;
text-align: center;
transition: .3s ease-out;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.tLb--footerWrapper.tLb--footerWrapper--lg {
background: url(../assets/banner/img--bannerBG--lg.svg) center top no-repeat #25c6fe;
background-size: contain;
z-index: 101
}
.tLb--footerWrapper.tLb--footerWrapper--sm {
height: 120px;
background: url(../assets/banner/img--bannerBG--sm.svg) center top no-repeat #25c6fe;
background-size: contain;
overflow: hidden
}
.tLb--footerWrapper.tLb--footerWrapper--xs {
height: 70px;
background: url(../assets/banner/img--bannerBG--xs.svg) center top no-repeat #25c6fe;
background-size: contain;
border-radius: 5px 5px 0 0;
overflow: hidden
}
.tLb--banner {
opacity: 0;
display: none
}
.tLb--banner__icon {
display: block;
width: 12px;
height: 12px;
background: url(../assets/img--linkinbio--openArrow.svg) no-repeat;
background-size: contain
}
.tLb--banner__icon.tLb--banner__icon--sm {
width: 10px;
height: 10px
}
.tLb--banner__close {
position: absolute;
top: 0;
right: 0;
font-size: 1.5rem;
font-weight: 500
}
.tLb--banner__phone {
width: 30vw;
margin: 0 auto;
padding: .5rem 2rem 1rem .5rem
}
@media only screen and (max-width: 900px) {
.tLb--banner__phone {
width: 86vw
}
}
.tLb--feat__icon {
display: block;
height: 175px;
width: 150px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) no-repeat;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation: tLb--feat__icon ease-in .5s .5s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: tLb--feat__icon ease-in .5s .5s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: tLb--feat__icon ease-in .5s .5s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: tLb--feat__icon ease-in .5s .5s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: tLb--feat__icon ease-in .5s .5s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.tLb--feat__cardContainer {
max-height: 400px
}
.tLb--feat__cardContainer .o--card {
top: 0;
left: 0;
right: 0;
bottom: 0
}
.tLb--feat__caption {
position: relative;
padding: .75rem 60px .75rem 1rem
}
.tLb--feat__caption:after, .tLb--feat__caption:before {
content: " ";
display: table
}
.tLb--feat__caption__more {
display: block;
height: 30px;
width: 30px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) -150px 0 no-repeat;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px;
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
margin: auto
}
.tLb--feat__caption__p {
position: relative;
word-wrap: break-word;
height: 46.4px;
overflow: hidden
}
.tLb--feat__caption__p:after {
content: "";
position: absolute;
width: 139.2px;
height: 23.2px;
bottom: 0;
right: 0;
background: 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#fafafa', GradientType=1)
}
.tLb--content {
padding: 95px 0 0
}
.tLb--content.tLb--content--showHero {
padding-top: 54px
}
.tLb--content__header {
position: relative;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding: 1rem 130px 1rem 1rem
}
.tLb--content__preview {
position: absolute;
margin: 0 1rem 0 0;
top: 1rem;
right: 1rem;
width: 130px;
display: none
}
.tLb--content__preview__arrow, .tLb--content__preview__item {
display: inline-block;
float: right;
height: 42px;
width: 42px;
margin: 0 -12px 0 0;
border-radius: 50%;
border: 2px solid #fff
}
.tLb--content__preview__arrow {
display: block;
height: 42px;
width: 42px;
background: url(linkinbio--sprite-f44fcf35e2230382d63fbde3a84b37a5.png) -146px -140px no-repeat #f3f3f3;
-webkit-background-size: 180px 175px;
-moz-background-size: 180px 175px;
-o-background-size: 180px 175px;
background-size: 180px 175px
}
.tLb--content__grid {
margin: -1px -1px 6rem
}
.tLb--content__grid:after, .tLb--content__grid:before {
content: " ";
display: table
}
.tLb--content__cardContainer {
width: 33.333%;
float: left
}
.tLB--media__label {
position: absolute;
width: 21px;
height: 21px;
background: 0 0;
color: #fff;
browser-prefixes(browsers()) -border-radius: 3 px;
border-radius: 3px;
browser-prefixes(browsers()) -box-sizing: border-box;
box-sizing: border-box;
display: browser-prefixes(browsers()) -flex;
display: flex
}
.tLB--media__label.tLB--media__label--status {
bottom: .25rem;
left: .5rem
}
.tLB--media__label.tLB--media__label--type {
top: .5rem;
right: .5rem;
left: auto
}
@keyframes tLb--feat__hint {
0% {
opacity: 1;
transform: translate(0, 0)
}
10% {
opacity: 1;
transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
transform: translate(0, -40px)
}
}
@-moz-keyframes tLb--feat__hint {
0% {
opacity: 1;
-moz-transform: translate(0, 0)
}
10% {
opacity: 1;
-moz-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-moz-transform: translate(0, -40px)
}
}
@-webkit-keyframes tLb--feat__hint {
0% {
opacity: 1;
-webkit-transform: translate(0, 0)
}
10% {
opacity: 1;
-webkit-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-webkit-transform: translate(0, -40px)
}
}
@-o-keyframes tLb--feat__hint {
0% {
opacity: 1;
-o-transform: translate(0, 0)
}
10% {
opacity: 1;
-o-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-o-transform: translate(0, -40px)
}
}
@-ms-keyframes tLb--feat__hint {
0%, 10% {
opacity: 1
}
0% {
-ms-transform: translate(0, 0)
}
10% {
-ms-transform: translate(0, 5px)
}
80% {
opacity: .9
}
100% {
opacity: .6;
-ms-transform: translate(0, -40px)
}
}
@keyframes tLb--feat__icon {
0% {
opacity: 1;
transform: scale(1, 1)
}
10% {
opacity: 1;
transform: scale(.9, .9)
}
80% {
opacity: .9;
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(1, 1)
}
}
@-moz-keyframes tLb--feat__icon {
0% {
opacity: 1;
-moz-transform: scale(1, 1)
}
10% {
opacity: 1;
-moz-transform: scale(.9, .9)
}
80% {
opacity: .9;
-moz-transform: scale(1, 1)
}
100% {
opacity: 0;
-moz-transform: scale(1, 1)
}
}
@-webkit-keyframes tLb--feat__icon {
0% {
opacity: 1;
-webkit-transform: scale(1, 1)
}
10% {
opacity: 1;
-webkit-transform: scale(.9, .9)
}
80% {
opacity: .9;
-webkit-transform: scale(1, 1)
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1)
}
}
@-o-keyframes tLb--feat__icon {
0% {
opacity: 1;
-o-transform: scale(1, 1)
}
10% {
opacity: 1;
-o-transform: scale(.9, .9)
}
80% {
opacity: .9;
-o-transform: scale(1, 1)
}
100% {
opacity: 0;
-o-transform: scale(1, 1)
}
}
@-ms-keyframes tLb--feat__icon {
0%, 10% {
opacity: 1
}
0%, 100%, 80% {
-ms-transform: scale(1, 1)
}
10% {
-ms-transform: scale(.9, .9)
}
80% {
opacity: .9
}
100% {
opacity: 0
}
}
.u--ios .o--modalHor {
overflow: hidden
}
.u--ios .cDT--modal {
position: absolute;
top: 0;
bottom: 0;
height: calc(100% - 104px);
margin: 4rem 0
}
.u--ios .cSC--container {
margin: 4rem 0
}
.u--ios .cDT--post__btnMobile {
bottom: 3rem !important
}
</style>
<main class="tLb--content ">
<div class="o--container">
<!---->
<section class="tLb--content__grid">
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279073">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/19/how-the-pandemic-threatens-native-americans-and-their-languages?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279073&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521 240w, https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/high_res.jpg?1590008525 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c29429eb76189a-LIB7279073/med_thumbnail.jpg?1590008521"
alt="The Spokane people have an unusual way of saying “he got sick”.
In their form of the Salish language it translates" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7225081">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/taiwans-courts-may-decriminalise-adultery?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7225081&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/med_thumbnail.jpg?1590004913 240w, https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/high_res.jpg?1590004913 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/24d42d93f5bedf-LIB7225081/med_thumbnail.jpg?1590004913"
alt="In Taiwan, private investigators have been known to wait outside hotel rooms listening for moans before bursting in,"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7279039">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/19/russias-covid-19-outbreak-could-be-far-worse-than-the-kremlin-admits?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7279039&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/med_thumbnail.jpg?1589997797 240w, https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/high_res.jpg?1589997794 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/dc8f649cde6c82-LIB7279039/med_thumbnail.jpg?1589997797"
alt="Russia’s covid-19 outbreak could be far worse than the Kremlin admits.
Doctors on social media say they were" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7253839">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/how-post-brexit-immigration-rules-will-exclude-key-workers?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7253839&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/med_thumbnail.jpg?1589987147 240w, https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/high_res.jpg?1589987148 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/7c098d8f3782dd-LIB7253839/med_thumbnail.jpg?1589987147"
alt="Many of the people whom Britain celebrates as “heroes” would fall foul of tighter post-Brexit immigration"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7253948">
<a class="o--card" rel=""
href="https://www.economist.com/by-invitation/2020/05/18/madeleine-albright-on-authoritarianism-and-the-fight-against-the-virus?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7253948&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/med_thumbnail.jpg?1589972509 240w, https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/high_res.jpg?1589972513 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/ec730859646fcf-LIB7253948/med_thumbnail.jpg?1589972509"
alt="Throughout history, people have shown a depressing tendency to square off when logic would have brought them together."
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7220782">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/14/two-leading-economists-disagree-about-the-flagging-american-dream?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7220782&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/med_thumbnail.jpg?1589954459 240w, https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/high_res.jpg?1589954459 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/15412ad7fd308d-LIB7220782/med_thumbnail.jpg?1589954459"
alt="In America absolute mobility (the chance that a child will go on to earn more than their parents) has dropped from 90%,"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7254363">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/16/the-chinese-and-indian-armies-settle-a-clash-by-fisticuffs?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7254363&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/med_thumbnail.jpg?1589936477 240w, https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/high_res.jpg?1589936481 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/24f29815d3e776-LIB7254363/med_thumbnail.jpg?1589936477"
alt="What happens when two nuclear-armed neighbours meet at their border, which also happens to be the longest disputed one"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7254335">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/the-pandemic-increases-the-challenges-facing-business-schools?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7254335&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/med_thumbnail.jpg?1589922626 240w, https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/high_res.jpg?1589922626 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/381e97a87eca89-LIB7254335/med_thumbnail.jpg?1589922626"
alt="Almost all the deans of American business schools reckon the pandemic could lead to permanent closures.
That's" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--video"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224754">
<a class="o--card" rel=""
href="https://www.economist.com/science-and-technology/2020/05/14/which-way-a-wind-turbine-turns-might-not-seem-to-matter?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224754&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/med_thumbnail.jpg?1589918508 240w, https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/high_res.jpg?1589918507 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/2c47b80fd58d5d-LIB7224754/med_thumbnail.jpg?1589918508"
alt="Are most of the world's wind turbines spinning in the wrong direction?
It seems an arbitrary but efficient choice by" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224771">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/why-teachers-are-doing-so-little-teaching?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224771&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/med_thumbnail.jpg?1589911353 240w, https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/high_res.jpg?1589911354 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/5e621e13135bff-LIB7224771/med_thumbnail.jpg?1589911353"
alt="Two months after Britain closed schools, it is becoming clear that most children of all ages are doing rather little"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224693">
<a class="o--card" rel=""
href="https://www.economist.com/graphic-detail/2020/05/11/diy-hairdressers-under-covid-19-lockdown-tend-it-like-beckham?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224693&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/med_thumbnail.jpg?1589901847 240w, https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/high_res.jpg?1589901848 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/924d4f9a483ff6-LIB7224693/med_thumbnail.jpg?1589901847"
alt="Buzzcuts are in, and perms are out, according to Google searches.
With hair salons around the world closed" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--gallery"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224833">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/17/americas-far-right-is-energised-by-covid-19-lockdowns?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224833&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/med_thumbnail.jpg?1589886094 240w, https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/high_res.jpg?1589886094 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/8dc9e088b0feb1-LIB7224833/med_thumbnail.jpg?1589886094"
alt="America’s far right is being energised by covid-19 lockdowns.
Buoyed by tweets from President Donald Trump" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7224968">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/a-wave-of-bankruptcies-is-coming-in-europe?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7224968&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/med_thumbnail.jpg?1589868049 240w, https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/high_res.jpg?1589868050 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b8dd1c2d61cb88-LIB7224968/med_thumbnail.jpg?1589868049"
alt="The word “bankrupt” derives from ""banco rotto"", the practice in medieval Italy of smashing the benches that merchants"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7220460">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/sri-lankas-new-president-is-putting-soldiers-in-charge-of-everything?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7220460&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/med_thumbnail.jpg?1589850073 240w, https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/high_res.jpg?1589850076 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/eb881583ead654-LIB7220460/med_thumbnail.jpg?1589850073"
alt="Sri Lanka’s new president is putting soldiers in charge of everything.
Gotabaya Rajapaksa (“Gota”) commands the" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7219231">
<a class="o--card" rel=""
href="https://www.economist.com/the-americas/2020/05/14/looking-back-on-perus-shining-path?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7219231&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/med_thumbnail.jpg?1589835707 240w, https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/high_res.jpg?1589835713 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/21ae4db8fac935-LIB7219231/med_thumbnail.jpg?1589835707"
alt="Forty years ago, masked intruders set fire to a ballot box in the Peruvian Andes, kicking off Latin America's strangest"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179083">
<a class="o--card" rel=""
href="https://www.economist.com/finance-and-economics/2020/05/14/could-travel-bubbles-offer-a-route-to-economic-recovery?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179083&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/med_thumbnail.jpg?1589832114 240w, https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/high_res.jpg?1589832115 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/44023ff01ccd55-LIB7179083/med_thumbnail.jpg?1589832114"
alt="It may be a painful fact to contemplate during these locked-down days, but last year the world was more mobile than"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179945">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/16/the-enduring-influence-of-kraftwerk?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179945&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/med_thumbnail.jpg?1589824943 240w, https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/high_res.jpg?1589824947 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/1041ffa530c49a-LIB7179945/med_thumbnail.jpg?1589824943"
alt="Who speaks for Europe? It’s a question that has never quite found a satisfactory answer.
The EU’s anthem, Beethoven’s" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7222148">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/17/the-coronavirus-reaches-the-rohingya-refugee-camps?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7222148&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/med_thumbnail.jpg?1589806970 240w, https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/high_res.jpg?1589806970 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/e3fc66c775153e-LIB7222148/med_thumbnail.jpg?1589806970"
alt="For months they've dreaded it. Now, the nightmare has arrived.
On May 14th, two people tested positive for covid-19" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7222426">
<a class="o--card" rel=""
href="https://www.economist.com/international/2020/05/17/america-and-china-take-their-rivalry-to-the-world-health-organisation?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7222426&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/med_thumbnail.jpg?1589793935 240w, https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/high_res.jpg?1589793935 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/cbfc5dc4905d4f-LIB7222426/med_thumbnail.jpg?1589793935"
alt="Like many other scientists in the public eye at the moment, Tedros Adhanom receives death threats.
The mild-mannered" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178775">
<a class="o--card" rel=""
href="https://www.economist.com/britain/2020/05/16/how-post-brexit-immigration-rules-will-exclude-key-workers?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178775&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/med_thumbnail.jpg?1589781650 240w, https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/high_res.jpg?1589781651 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/fcb093d4096520-LIB7178775/med_thumbnail.jpg?1589781650"
alt="“Care work isn’t just bum wiping,” says Karolina Gerlich. Since moving to Britain from Poland 12 years ago, she has"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178963">
<a class="o--card" rel=""
href="https://www.economist.com/china/2020/05/14/a-small-town-in-china-makes-half-of-japans-coffins?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178963&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/med_thumbnail.jpg?1589763652 240w, https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/high_res.jpg?1589763653 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/a310db8019acea-LIB7178963/med_thumbnail.jpg?1589763652"
alt="What do paotong trees and business have in common?
Governments everywhere are debating the future of globalisation in" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7177953">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/america-inc-faces-a-wave-of-bankruptcies?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7177953&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/med_thumbnail.jpg?1589749277 240w, https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/high_res.jpg?1589749278 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/e8abce4d8c6223-LIB7177953/med_thumbnail.jpg?1589749277"
alt="How bad will things really get for America Inc?
The country has already seen a surge of corporate bankruptcies among" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7175226">
<a class="o--card" rel=""
href="https://www.1843magazine.com/features/the-coronavirus-cruise-on-board-the-diamond-princess?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7175226&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/med_thumbnail.jpg?1589745689 240w, https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/high_res.jpg?1589745690 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/38f22e7eabda57-LIB7175226/med_thumbnail.jpg?1589745689"
alt="On January 20th, some 2,500 passengers boarded the Diamond Princess for a luxury cruise holiday.
Days later, an" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7178805">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/16/is-swedens-approach-to-covid-19-wise-or-reckless?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7178805&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/med_thumbnail.jpg?1589738724 240w, https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/high_res.jpg?1589738725 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d399f662ad9a58-LIB7178805/med_thumbnail.jpg?1589738724"
alt="Is Sweden’s approach to covid-19 wise or reckless?
In March, when governments across Europe were enacting harsh" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179527">
<a class="o--card" rel=""
href="https://www.economist.com/business/2020/05/16/silicon-valley-in-the-pandemic?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179527&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/med_thumbnail.jpg?1589727730 240w, https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/high_res.jpg?1589727730 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b59deec85d6b82-LIB7179527/med_thumbnail.jpg?1589727730"
alt="The pandemic has hit Silicon Valley hard, and in ways that may become permanent.
Startups and tech companies of all" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7181552">
<a class="o--card" rel=""
href="https://www.economist.com/asia/2020/05/14/south-east-asias-biggest-river-is-drying-up?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7181552&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/med_thumbnail.jpg?1589725049 240w, https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/high_res.jpg?1589725049 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/48353595fd7e65-LIB7181552/med_thumbnail.jpg?1589725049"
alt="The Mekong river animates a vast swathe of Asia. From the snow-packed mountains of south-western China from which it"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--gallery"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179303">
<a class="o--card" rel=""
href="https://www.economist.com/leaders/2020/05/14/has-covid-19-killed-globalisation?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179303&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/med_thumbnail.jpg?1589713539 240w, https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/high_res.jpg?1589713539 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/863df262f2fb57-LIB7179303/med_thumbnail.jpg?1589713539"
alt="As the first wave of the pandemic subsides, economies will reopen and activity will recover. But don’t expect a quick"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<span class="tLB--media__label tLB--media__label--type">
<div style="width:15px" class="u--block">
<i class="o--icon o--icon--video"></i>
</div>
</span>
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179833">
<a class="o--card" rel=""
href="https://www.economist.com/europe/2020/05/14/no-one-knows-how-many-people-live-in-north-macedonia?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179833&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/med_thumbnail.jpg?1589695251 240w, https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/high_res.jpg?1589695251 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/1161df13e15bb6-LIB7179833/med_thumbnail.jpg?1589695251"
alt="How many people actually live in North Macedonia? Nobody knows.
The Balkan country and Ukraine are the only countries" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179613">
<a class="o--card" rel=""
href="https://www.economist.com/science-and-technology/2020/05/16/protecting-great-apes-from-covid-19?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179613&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/med_thumbnail.jpg?1589677254 240w, https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/high_res.jpg?1589677254 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/19fcb7df46d9b5-LIB7179613/med_thumbnail.jpg?1589677254"
alt="The world’s gorillas, chimpanzees, bonobos, and orang-utans face yet another threat from their human neighbours:"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179765">
<a class="o--card" rel=""
href="https://www.economist.com/united-states/2020/05/16/mike-pompeos-politicisation-of-foreign-policy-is-unworthy-of-him?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179765&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/med_thumbnail.jpg?1589662874 240w, https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/high_res.jpg?1589662875 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d64b6b21e76a50-LIB7179765/med_thumbnail.jpg?1589662874"
alt="For a smart guy, Mike Pompeo has a long history of talking nonsense.
He recently enraged the Chinese by claiming that" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179437">
<a class="o--card" rel=""
href="https://www.economist.com/books-and-arts/2020/05/16/why-zoom-meetings-are-so-dissatisfying?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179437&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/med_thumbnail.jpg?1589659284 240w, https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/high_res.jpg?1589659286 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/d4aba75264cc9a-LIB7179437/med_thumbnail.jpg?1589659284"
alt="There is a reason why Zoom calls feel so draining.
Studies have found that most cultures observe a conversational" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7179312">
<a class="o--card" rel=""
href="https://www.economist.com/middle-east-and-africa/2020/05/16/why-covid-19-seems-to-spread-more-slowly-in-africa?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7179312&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/med_thumbnail.jpg?1589652126 240w, https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/high_res.jpg?1589652128 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/c0f2326dd4140b-LIB7179312/med_thumbnail.jpg?1589652126"
alt="Africa contains about 17% of the world’s population. But it has less than 2% of the world's confirmed cases of"
class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173977">
<a class="o--card" rel=""
href="https://www.economist.com/finance-and-economics/2020/05/16/why-the-pandemic-could-eventually-lower-inequality?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173977&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<img srcset="https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/med_thumbnail.jpg?1589641372 240w, https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/high_res.jpg?1589641375 320w"
sizes=" (max-width: 769px) 80px, 288px"
src="https://dnh0aphdpud22.cloudfront.net/sized/b8f3f3d09a5712-LIB7173977/med_thumbnail.jpg?1589641372"
alt="For America’s poor, the covid-19 pandemic has delivered a swift and brutal reversal of fortune.
At the start of the" class="o--card__media qa--post_in_grid">
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7175244">
<a class="o--card" rel=""
href="https://www.1843magazine.com/features/can-we-escape-from-information-overload?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7175244&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173996">
<a class="o--card" rel=""
href="https://www.economist.com/schools-brief/2020/05/16/damage-from-climate-change-will-be-widespread-and-sometimes-surprising?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173996&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
<div class="o--cardContainer tLb--content__cardContainer" data-post-id="7173946">
<a class="o--card" rel=""
href="https://www.economist.com/international/2020/05/16/the-pandemic-is-creating-fresh-opportunities-for-organised-crime?utm_campaign=later-linkinbio-theeconomist&utm_content=later-7173946&utm_medium=social&utm_source=instagram">
<figure class="o--card__mediaContainer">
<!---->
<b class="o--card__mediaOverlay"></b>
<!---->
<!---->
</figure>
</a>
</div>
</section>
<div>
<p>Loading...</p>
</div>
<!---->
</div>
</main>
