/* Effective stylesheet produced by snapshot save */ @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader2 { 0% { } 100% { } } @keyframes animateLoader2 { 0% { transform: rotate(-140deg); } 100% { transform: rotate(140deg); } } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 700; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: normal; src: url("font-bureau-millertext-roman_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 200; src: url("nhaasgroteskdsstd-25th_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 300; src: url("nhaasgroteskdsstd-35xlt_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 400; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: normal; src: url("nhaasgroteskdsstd-55rg_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 600; src: url("nhaasgroteskdsstd-65md_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 700; src: url("nhaasgroteskdsstd-75bd_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 900; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype"); } body { -moz-osx-font-smoothing: grayscale; color: rgb(68, 68, 68); font: 13px/1.231 sans-serif; } *::-moz-selection { background: rgb(136, 136, 136) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-shadow: none; } body, select, input, textarea { color: rgb(17, 17, 17); } a { text-decoration: none; color: inherit; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; } a:focus { outline: 0px none; } * { box-sizing: border-box; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } img { line-height: 0; vertical-align: middle; } nav ul { list-style: outside none none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } input, select { vertical-align: middle; } select, input, textarea, button { font: 99% sans-serif; } select, input, textarea { color: rgb(17, 17, 17); } h1, h2, h3, h4, h5, h6 { font-weight: bold; } html { overflow-y: scroll; } a:hover, a:active { outline: medium none; } ul, ol { list-style: outside none none; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0px; } strong, th { font-weight: bold; } sup { vertical-align: super; font-size: smaller; } label, input[type="button"], input[type="submit"], button { cursor: pointer; } button, input, select, textarea { margin: 0px; } button { width: auto; overflow: visible; } .clearfix::before, .clearfix::after { content: " "; display: block; height: 0px; visibility: hidden; } .clearfix::after { clear: both; } .site-content { background-color: rgb(255, 255, 255); overflow: hidden; } @media (max-width: 749px) { .site-content { transition: all 0.2s ease 0s; } } .navbar { background-color: rgb(255, 255, 255); z-index: 4; text-align: center; padding: 0px 15px; position: relative; top: 0px; left: 0px; right: 0px; } .navbar::after { content: " "; display: table; clear: both; } @media (min-width: 750px) { .navbar { position: relative; padding: 0px 30px; } } @media (min-width: 750px) { .navbar__width { margin: 0px auto; max-width: 1180px; position: relative; height: 130px; display: inline-block; width: 100%; text-align: left; padding-top: 23px; padding-bottom: 20px; } } @media (min-width: 1024px) { .navbar__width { padding-top: 20px; } } .navbar__logo-mod { height: 50px; width: 100px; background-repeat: no-repeat; display: block; float: left; margin: 10px 0px; position: relative; z-index: 4; } @media (min-width: 750px) { .navbar__logo-mod { height: 90px; width: 175px; margin: 0px; } } @media (min-width: 1024px) { .navbar__logo-mod { width: 184px; } } .navbar__logo { width: 100%; } .navbar__mobile-menu { border: 0px none; background-color: transparent; box-shadow: none; border-radius: 0px; font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 600; position: absolute; top: 0px; right: 0px; width: 85px; height: 73px; } .navbar__mobile-menu:focus { outline: 0px none; } @media (min-width: 750px) { .navbar__mobile-menu { display: none; } } .navbar__navigation { text-align: right; position: absolute; top: 100%; right: 0px; left: 0px; max-height: calc(100vh - 75px); } @media (min-width: 750px) { .navbar__navigation { background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: visible; display: block; width: auto; position: static; margin-right: 115px; margin-left: 175px; } } @media (min-width: 1024px) { .navbar__navigation { margin-right: 160px; margin-left: 200px; } } .navbar__item--primary, .navbar__item--secondary { display: list-item; text-align: left; vertical-align: middle; font-family: "NeueHaas",sans-serif; font-size: 16px; } @media (min-width: 750px) { .navbar__item--primary, .navbar__item--secondary { display: inline-block; text-align: inherit; border-bottom: 0px none; font-size: 14px; } } @media (min-width: 1024px) { .navbar__item--primary, .navbar__item--secondary { font-family: "NeueHaas",sans-serif; font-size: 16px; margin: 0px 15px; } } @media (max-width: 749px) { .navbar--primary, .navbar--secondary, .navbar--tertiary { display: none; width: 100%; opacity: 0; transition: opacity 0.1s ease-out 0s; } } @media (min-width: 750px) { .navbar--primary, .navbar--secondary, .navbar--tertiary { display: block; } } @media (min-width: 750px) { .navbar__item--primary.navbar__item--phone, .navbar__item--secondary.navbar__item--phone, .navbar__item--tertiary.navbar__item--phone, .navbar__item--search.navbar__item--phone { display: none; } } .navbar--search { background-color: white; padding: 0px 15px; } .navbar--secondary { z-index: 2; } .navbar--secondary .navbar__item--secondary { display: none; } .navbar--secondary .navbar__item--secondary.navbar__item--search { display: list-item; } @media (min-width: 750px) { .navbar--secondary .navbar__item--secondary.navbar__item--search { display: inline-block; float: right; } } @media (min-width: 750px) { .navbar--secondary .navbar__item--secondary { display: inline-block; } } .navbar--primary { margin: 0px; padding: 1px 15px; background-color: rgb(0, 0, 0); color: white; z-index: 1; } @media (min-width: 750px) { .navbar--primary { background-color: rgb(255, 255, 255); position: relative; margin: 56px -15px 0px 0px; font-weight: 600; } } @media (min-width: 1024px) { .navbar--primary { margin-top: 60px; } } .navbar--secondary { padding: 0px 15px; background-color: rgb(255, 255, 255); float: right; z-index: 4; } @media (max-width: 749px) { .navbar--secondary { display: none !important; } } @media (min-width: 750px) { .navbar--secondary { display: block; padding: 0px; background-color: transparent; position: absolute; top: 10px; right: 115px; left: 155px; } } @media (min-width: 1024px) { .navbar--secondary { position: absolute; top: 10px; right: 160px; left: 200px; } } .navbar--tertiary { margin: 0px; padding: 16px; background-color: rgb(255, 255, 255); z-index: 4; } @media (min-width: 750px) { .navbar--tertiary { width: 100px; position: absolute; top: 20px; right: 0px; padding: 0px; } } @media (min-width: 1024px) { .navbar--tertiary { width: 140px; padding: 0px; } } .navbar--tertiary .btn { display: block; margin: 0px; height: 90px; padding: 0px; border-color: rgb(249, 14, 30); color: rgb(249, 14, 30); font-weight: bold; font-size: 16px; } @media (min-width: 750px) { .navbar--tertiary .btn { font-size: 13px; } } @media (min-width: 1024px) { .navbar--tertiary .btn { font-family: "NeueHaas",sans-serif; font-size: 16px; } } .navbar--tertiary .btn::before { content: none; } .navbar--tertiary .btn:hover { background-color: rgb(249, 14, 30); border-color: rgb(249, 14, 30); color: rgb(255, 255, 255); } .navbar--tertiary .btn:active, .navbar--tertiary .btn:focus { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .navbar--tertiary .btn .txt { position: absolute; bottom: 0px; margin: 10px; } .navbar--tertiary .btn .btn--primary__icon { width: 11px; height: 11px; background-image: url("angle-arrow--red.svg"); position: absolute; top: 9px; right: 9px; } .navbar--tertiary .btn:hover .btn--primary__icon { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .navbar__item--primary { padding: 0px; margin: 0px; background-color: rgb(0, 0, 0); border-bottom: 1px solid rgb(102, 102, 102); } .navbar__item--primary:last-child { border-bottom: 0px none; } @media (min-width: 750px) { .navbar__item--primary { background-color: transparent; position: relative; margin: 0px; border-bottom: 0px none; } } .navbar__item--secondary { font-family: "NeueHaas",sans-serif; font-weight: 400; background-color: transparent; } .navbar__item--secondary:last-child { margin-bottom: 0px; } @media (min-width: 750px) { .navbar__item--secondary { border-bottom: 0px none; margin: 0px; } } @media (max-width: 749px) { .navbar__item--secondary--login { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } } .navbar__item__link--expandable { cursor: default; position: relative; } @media (min-width: 750px) { .navbar__item__link--expandable::after { content: "+"; } } @media (max-width: 749px) { .navbar__item__link--expandable__plus { width: 10px; height: 10px; position: absolute; right: 8px; top: 16px; background-image: url("plus--white.svg"); background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.2s ease 0s; } } @media (min-width: 750px) { .navbar__item__link--expandable__plus { display: none; } } .navbar__item__link, .navbar__item__link--expandable { cursor: pointer; padding: 14px 0px 13px 3px; line-height: 1; text-decoration: none; background-color: rgb(0, 0, 0); display: block; } .navbar__item__link:active, .navbar__item__link:focus, .navbar__item__link--expandable:active, .navbar__item__link--expandable:focus { outline: 0px none; } @media (min-width: 750px) { .navbar__item__link, .navbar__item__link--expandable { padding: 12px; z-index: 1; } .navbar__item--primary.js-navbar-item-is-open .navbar__item__link, .navbar__item--primary:hover .navbar__item__link, .navbar__item--primary.js-navbar-item-is-open .navbar__item__link--expandable, .navbar__item--primary:hover .navbar__item__link--expandable { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } } @media (min-width: 1024px) { .navbar__item__link, .navbar__item__link--expandable { padding: 12px 15px; } } .navbar__item__link--primary { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } @media (min-width: 750px) { .navbar__item__link--primary { position: relative; color: rgb(0, 0, 0); background-color: transparent; padding: 12px 6px; } } @media (min-width: 1024px) { .navbar__item__link--primary { padding: 12px 15px; } } .navbar__item__link--secondary { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } @media (min-width: 750px) { .navbar__item__link--secondary { background-color: transparent; color: rgb(0, 0, 0); } } .footer--main, .site-content { transition: transform 0.1s ease-out 0s, -webkit-transform 0.1s ease-out 0s; } .navbar__item--expandable .navbar__dropdown { max-height: 0px; transition: max-height 0.1s ease-in 0s; } .navbar__dropdown { overflow: hidden; } @media (min-width: 750px) { .navbar__dropdown { width: 310px; text-align: left; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); list-style: outside none none; padding: 21px 20px 0px; border-bottom: 2px solid rgb(255, 255, 255); border-left: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); display: none; } .navbar__item--primary .navbar__dropdown.js-navbar-item-is-open, .navbar__item--primary:hover .navbar__dropdown { display: block; max-height: 500px; transition: max-height 0.1s ease-out 0s; } .navbar__item--primary--topics .navbar__dropdown { position: absolute; top: 100%; left: -2px; } .navbar__item--primary--more .navbar__dropdown { position: absolute; top: 100%; right: -2px; } } .navbar__dropdown__item-link { display: block; padding: 14px 0px 13px 3px; border-bottom: 1px solid rgb(102, 102, 102); color: rgb(255, 255, 255); font-weight: 400; } @media (min-width: 750px) { .navbar__dropdown__item-link { font-weight: 600; transition: all 0.1s ease-out 0s; padding: 7px 0px 15px; } .navbar__dropdown__item-link:hover { color: rgb(221, 221, 221); } } @media (min-width: 0px) and (max-width: 749px) { .navbar__dropdown__item:first-child .navbar__dropdown__item-link { border-top: medium none; } } @media (min-width: 0px) and (max-width: 749px) { .navbar__dropdown__item:last-child .navbar__dropdown__item-link { border-bottom: medium none; margin-bottom: -2px; } } .account-nav::after { content: " "; display: table; clear: both; } .navbar__item--primary--more .navbar__dropdown__item:first-child, .navbar__topics__section-container { border-top: 2px solid rgb(255, 255, 255); } .navbar__item--primary--more .navbar__dropdown__item:first-child::after, .navbar__topics__section-container::after { content: " "; display: table; clear: both; } .navbar__item--primary--more .navbar__dropdown { display: none; } @media (max-width: 749px) { .navbar__item--primary--more .navbar__dropdown { display: block; max-height: 0px; transition: max-height 0.1s ease-out 0s; } } .navbar__topics__section--lists { border-bottom: 2px solid rgb(255, 255, 255); } .navbar__item--primary--account .navbar__dropdown__item:first-child::after { content: " "; display: table; clear: both; } .navbar--secondary .dropdown-nav__item { float: none; padding: 11px 8px 9px; margin: 0px; } .navbar--secondary .dropdown-nav__item .search-icon { background-image: url("mag-small.svg"); } .search-icon { height: 14px; width: 12px; fill: currentcolor; stroke: currentcolor; display: inline-block; vertical-align: middle; margin-left: 5px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .navbar__item--search { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; } .navbar__desktop-search--text { margin-right: 3px; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .navbar__mobile-search { display: none; position: relative; padding-right: 90px; } .navbar__mobile-search__close { display: none; } .js-search-is-open .navbar__mobile-search__close::after, .js-search-is-open .navbar__mobile-search__close::before { width: 2px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; transform-origin: center center 0px; content: " "; display: block; position: absolute; top: 21%; right: 50%; bottom: 20%; margin-right: -1px; } .js-search-is-open .navbar__mobile-search__close::before { transform: rotate(-45deg); } .js-search-is-open .navbar__mobile-search__close::after { transform: rotate(45deg); } .navbar__mobile-search__input { border: 0px none; background-color: transparent; box-shadow: none; border-radius: 0px; width: 100%; padding: 14px 0px 13px 3px; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; } .navbar__mobile-search__input:focus { outline: 0px none; } .navbar__mobile-search__input:-moz-placeholder { color: rgb(0, 0, 0); } .navbar__mobile-search__input:hover:-moz-placeholder { color: rgb(34, 34, 34); } .navbar__mobile-search__input:focus:-moz-placeholder { color: rgb(153, 153, 153); } .navbar__mobile-search__input:focus { outline: 0px none; } .navbar__mobile-search__input *::-moz-selection { background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; color: rgb(0, 0, 0); text-shadow: none; } .navbar__mobile-search__button { border: 0px none; background-color: transparent; box-shadow: none; border-radius: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 45px; background-size: 16px auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("mag-small.svg"); } .navbar__mobile-search__button:focus { outline: 0px none; } @media (min-width: 1250px) { .navbar__mobile-search__button { right: auto; left: 50%; margin-left: 540px; } } .swiper-container { margin: 0px auto; position: relative; overflow: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; } .swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .footer { text-align: left; width: 100%; background-color: rgb(255, 255, 255); position: relative; padding-top: 20px; } @media (min-width: 550px) { .footer { padding-top: 30px; } } .footer__wrapper { background-color: black; color: rgb(255, 255, 255); } .footer-width { max-width: 1240px; margin: 0px auto; padding: 0px 10px; } .footer-width::after { content: " "; display: table; clear: both; } @media (min-width: 550px) { .footer-width { padding: 0px 15px; } } @media (min-width: 750px) { .footer-width { padding: 0px 30px; } } .footer__social { height: 100px; border-top: 4px solid rgb(0, 0, 0); } @media (min-width: 550px) { .footer__social { float: left; width: 25%; padding-right: 20px; } } @media (min-width: 1250px) { .footer__social { width: 16.6667%; } } .footer__social-icons { float: left; margin-top: 20px; } .footer__social__text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .footer__social--twitter, .footer__social--facebook, .footer__social--rss { width: 27px; height: 22px; background-repeat: no-repeat; background-size: 80% auto; display: inline-block; } .footer__social--twitter { background-image: url("social-icon--twitter.svg"); vertical-align: bottom; } .footer__social--facebook { background-image: url("social-icon--facebook.svg"); vertical-align: baseline; } .footer__social--rss { background-image: url("social-icon--rss.svg"); vertical-align: baseline; } .footer__newsletter-form { border-top: 4px solid rgb(0, 0, 0); position: relative; } @media (min-width: 550px) { .footer__newsletter-form { width: 75%; float: right; } } @media (min-width: 1250px) { .footer__newsletter-form { width: 83.3333%; } } .footer__newsletter-input { font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 300; padding: 16px 0px; display: block; border: 0px none; background-color: transparent; } .footer__newsletter-input:focus { outline: 0px none; margin-right: 100px; } .footer__newsletter-input:invalid { box-shadow: none; } @media (min-width: 550px) { .footer__newsletter-input { padding: 20px 0px; width: 100%; font-size: 30px; } } .footer__newsletter-input__submit { position: absolute; top: 35px; right: 0px; bottom: 10px; padding: 9px 0px 10px 7px; width: 90px; box-shadow: none; border-radius: 0px; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 700; text-align: left; color: rgb(0, 0, 0); background-color: transparent; border: 2px solid rgb(0, 0, 0); opacity: 0; transition: background-color 0.2s ease 0s, color 0.2s ease 0s; pointer-events: none; background-image: url("angle-arrow.svg"); background-size: 11px auto; background-repeat: no-repeat; background-position: 70px 5px; } .footer__newsletter-input__submit:focus { outline: 0px none; } @media (min-width: 550px) { .footer__newsletter-input__submit { background-position: 96px 9px; padding-top: 27px; width: 120px; font-size: 18px; } } .footer__newsletter-input__submit:focus, .footer__newsletter-input__submit:active, .footer__newsletter-input:focus + .footer__newsletter-input__submit { pointer-events: auto; opacity: 1; } .footer__newsletter-input__submit:focus, .footer__newsletter-input__submit:active, .footer__newsletter-input__submit:hover { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .footer__newsletter-input__submit:disabled { opacity: 1; color: rgb(102, 102, 102); background-color: rgb(0, 0, 0); background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--gray.svg"); } .footer__newsletter-form-error { display: none; color: rgb(247, 156, 49); margin-bottom: 10px; transition: all 0.2s ease 0s; } @media (min-width: 550px) { .footer__newsletter-form-error { margin-left: 25%; } } @media (min-width: 1250px) { .footer__newsletter-form-error { margin-left: 16.6667%; } } .footer__newsletter-bar-text { color: rgb(34, 34, 34); font-family: "NeueHaas",sans-serif; font-size: 14px; font-weight: 400; margin-top: 5px; border-bottom: 1px solid black; display: block; padding-bottom: 5px; } .footer__newsletter-bar-text__download { margin-right: 10px; } .footer__header { padding-top: 30px; } .footer__header::after { content: " "; display: table; clear: both; } @media (min-width: 1024px) { .footer__header { padding-top: 50px; } } .footer__icon { display: none; } @media (min-width: 1250px) { .footer__icon { display: block; float: left; width: 16.6667%; height: 45px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("tr-glyph.svg"); } } .footer__intro { margin-bottom: 20px; max-width: 580px; } @media (min-width: 850px) { .footer__intro { float: left; width: 75%; margin-bottom: 0px; } } @media (min-width: 1250px) { .footer__intro { width: 60%; } } .footer__intro__text { width: 100%; line-height: 1.35; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; } @media (min-width: 850px) { .footer__intro__text { font-size: 18px; } } .footer__international-editions { margin-bottom: 20px; position: relative; display: block; } @media (min-width: 850px) { .footer__international-editions { padding-left: 20px; width: 20%; float: right; margin-bottom: 15px; } } @media (min-width: 1250px) { .footer__international-editions { width: 16.6667%; } } .footer__international-editions__icon { display: block; width: 12px; height: 12px; position: absolute; top: 10px; right: 10px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("plus--white.svg"); } .footer__international-editions:hover .footer__international-editions__icon { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/plus.svg"); } .footer__international-editions__text { font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 700; border: 1px solid rgb(255, 255, 255); line-height: 1.25; width: 100%; padding: 8px 0px 8px 11px; transition: all 0.2s ease 0s; } @media (min-width: 850px) { .footer__international-editions__text { padding: 30px 50px 8px 10px; float: right; } } .footer__international-editions:hover .footer__international-editions__text { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .footer__logo-mod { max-width: 450px; width: 80%; background-repeat: no-repeat; display: block; margin-bottom: 10px; } @media (min-width: 850px) { .footer__logo-mod { margin-bottom: 20px; } } .footer__logo { width: 100%; } .footer__subnav { list-style: outside none none; } @media (min-width: 850px) { .footer__subnav { display: block; margin-top: 50px; padding-bottom: 50px; margin-left: -20px; overflow: hidden; } } @media (min-width: 1250px) { .footer__subnav { padding-left: 16.6667%; } } .footer__subnav__list-title { font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 700; } @media (min-width: 850px) { .footer__subnav__list-title { display: block; float: left; position: relative; width: 20%; padding-left: 20px; vertical-align: top; } } .footer__subnav__list-title-span { border-bottom: 1px solid rgb(255, 255, 255); display: inline-block; width: 100%; padding: 12px 0px 12px 3px; position: relative; font-size: 17px; } @media (max-width: 849px) { .footer__subnav__list-title-span { cursor: pointer; } .footer__subnav__list-title-span::after { content: " "; display: block; position: absolute; top: 15px; right: 3px; bottom: 0px; width: 12px; height: 12px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("plus--white.svg"); transform-origin: 50% 50% 0px; transition: all 0.2s ease 0s; } .js-footer-list-is-visible .footer__subnav__list-title-span::after { transform: rotate(45deg); } } @media (min-width: 850px) { .footer__subnav__list-title-span { border-bottom: 1px solid rgb(102, 102, 102); display: inline-block; width: 100%; padding: 8px 0px 2px 3px; margin-bottom: 2px; } } .footer__subnav__list { display: none; padding: 0px; } @media (min-width: 850px) { .footer__subnav__list { padding: 5px 0px 0px; display: block; } } .footer__subnav__list-item { font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; list-style: outside none none; border-top: 1px solid rgb(102, 102, 102); } .footer__subnav__list-item::before { content: "- "; } .footer__subnav__list-item:first-child { border-top: 0px none; } @media (min-width: 850px) { .footer__subnav__list-item { width: 100%; list-style: outside none none; margin-bottom: 5px; border-top: 0px none; padding: 3px 0px; margin-left: 3px; } .footer__subnav__list-item::before { content: ""; } } .footer__subnav__list-item__link { padding: 10px 0px 10px 3px; display: inline-block; } .footer__subnav__list-item__link:hover { text-decoration: underline; } @media (min-width: 850px) { .footer__subnav__list-item__link { padding-left: 0px; display: inline; } } .footer-copyright { font-family: "NeueHaas",sans-serif; font-size: 14px; font-weight: 400; padding-bottom: 20px; padding-top: 30px; } @media (min-width: 850px) { .footer-copyright { border-top: 1px solid rgb(102, 102, 102); padding-top: 10px; font-size: 16px; } } @media (min-width: 1250px) { .footer-copyright { border-top: 0px none; margin-left: 16.6667%; } } .footer-copyright--main { margin-right: 5px; } @media (min-width: 550px) { .footer-copyright--main { margin-right: 20px; } } @font-face { font-family: "Ionicons"; font-style: normal; font-weight: 400; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ionicons.eot?v=3.0.3#iefix") format("embedded-opentype"), url("ionicons_ttf") format("truetype"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ionicons.woff?v=3.0.3") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ionicons.svg?v=3.0.3#Ionicons") format("svg"); } .ion, .ionicons, .ion-alert::before, .ion-alert-circled::before, .ion-android-add::before, .ion-android-add-circle::before, .ion-android-alarm-clock::before, .ion-android-alert::before, .ion-android-apps::before, .ion-android-archive::before, .ion-android-arrow-back::before, .ion-android-arrow-down::before, .ion-android-arrow-dropdown::before, .ion-android-arrow-dropdown-circle::before, .ion-android-arrow-dropleft::before, .ion-android-arrow-dropleft-circle::before, .ion-android-arrow-dropright::before, .ion-android-arrow-dropright-circle::before, .ion-android-arrow-dropup::before, .ion-android-arrow-dropup-circle::before, .ion-android-arrow-forward::before, .ion-android-arrow-up::before, .ion-android-attach::before, .ion-android-bar::before, .ion-android-bicycle::before, .ion-android-boat::before, .ion-android-bookmark::before, .ion-android-bulb::before, .ion-android-bus::before, .ion-android-calendar::before, .ion-android-call::before, .ion-android-camera::before, .ion-android-cancel::before, .ion-android-car::before, .ion-android-cart::before, .ion-android-chat::before, .ion-android-checkbox::before, .ion-android-checkbox-blank::before, .ion-android-checkbox-outline::before, .ion-android-checkbox-outline-blank::before, .ion-android-checkmark-circle::before, .ion-android-clipboard::before, .ion-android-close::before, .ion-android-cloud::before, .ion-android-cloud-circle::before, .ion-android-cloud-done::before, .ion-android-cloud-outline::before, .ion-android-color-palette::before, .ion-android-compass::before, .ion-android-contact::before, .ion-android-contacts::before, .ion-android-contract::before, .ion-android-create::before, .ion-android-delete::before, .ion-android-desktop::before, .ion-android-document::before, .ion-android-done::before, .ion-android-done-all::before, .ion-android-download::before, .ion-android-drafts::before, .ion-android-exit::before, .ion-android-expand::before, .ion-android-favorite::before, .ion-android-favorite-outline::before, .ion-android-film::before, .ion-android-folder::before, .ion-android-folder-open::before, .ion-android-funnel::before, .ion-android-globe::before, .ion-android-hand::before, .ion-android-hangout::before, .ion-android-happy::before, .ion-android-home::before, .ion-android-image::before, .ion-android-laptop::before, .ion-android-list::before, .ion-android-locate::before, .ion-android-lock::before, .ion-android-mail::before, .ion-android-map::before, .ion-android-menu::before, .ion-android-microphone::before, .ion-android-microphone-off::before, .ion-android-more-horizontal::before, .ion-android-more-vertical::before, .ion-android-navigate::before, .ion-android-notifications::before, .ion-android-notifications-none::before, .ion-android-notifications-off::before, .ion-android-open::before, .ion-android-options::before, .ion-android-people::before, .ion-android-person::before, .ion-android-person-add::before, .ion-android-phone-landscape::before, .ion-android-phone-portrait::before, .ion-android-pin::before, .ion-android-plane::before, .ion-android-playstore::before, .ion-android-print::before, .ion-android-radio-button-off::before, .ion-android-radio-button-on::before, .ion-android-refresh::before, .ion-android-remove::before, .ion-android-remove-circle::before, .ion-android-restaurant::before, .ion-android-sad::before, .ion-android-search::before, .ion-android-send::before, .ion-android-settings::before, .ion-android-share::before, .ion-android-share-alt::before, .ion-android-star::before, .ion-android-star-half::before, .ion-android-star-outline::before, .ion-android-stopwatch::before, .ion-android-subway::before, .ion-android-sunny::before, .ion-android-sync::before, .ion-android-textsms::before, .ion-android-time::before, .ion-android-train::before, .ion-android-unlock::before, .ion-android-upload::before, .ion-android-volume-down::before, .ion-android-volume-mute::before, .ion-android-volume-off::before, .ion-android-volume-up::before, .ion-android-walk::before, .ion-android-warning::before, .ion-android-watch::before, .ion-android-wifi::before, .ion-aperture::before, .ion-archive::before, .ion-arrow-down-a::before, .ion-arrow-down-b::before, .ion-arrow-down-c::before, .ion-arrow-expand::before, .ion-arrow-graph-down-left::before, .ion-arrow-graph-down-right::before, .ion-arrow-graph-up-left::before, .ion-arrow-graph-up-right::before, .ion-arrow-left-a::before, .ion-arrow-left-b::before, .ion-arrow-left-c::before, .ion-arrow-move::before, .ion-arrow-resize::before, .ion-arrow-return-left::before, .ion-arrow-return-right::before, .ion-arrow-right-a::before, .ion-arrow-right-b::before, .ion-arrow-right-c::before, .ion-arrow-shrink::before, .ion-arrow-swap::before, .ion-arrow-up-a::before, .ion-arrow-up-b::before, .ion-arrow-up-c::before, .ion-asterisk::before, .ion-at::before, .ion-backspace::before, .ion-backspace-outline::before, .ion-bag::before, .ion-battery-charging::before, .ion-battery-empty::before, .ion-battery-full::before, .ion-battery-half::before, .ion-battery-low::before, .ion-beaker::before, .ion-beer::before, .ion-bluetooth::before, .ion-bonfire::before, .ion-bookmark::before, .ion-bowtie::before, .ion-briefcase::before, .ion-bug::before, .ion-calculator::before, .ion-calendar::before, .ion-camera::before, .ion-card::before, .ion-cash::before, .ion-chatbox::before, .ion-chatbox-working::before, .ion-chatboxes::before, .ion-chatbubble::before, .ion-chatbubble-working::before, .ion-chatbubbles::before, .ion-checkmark::before, .ion-checkmark-circled::before, .ion-checkmark-round::before, .ion-chevron-down::before, .ion-chevron-left::before, .ion-chevron-right::before, .ion-chevron-up::before, .ion-clipboard::before, .ion-clock::before, .ion-close::before, .ion-close-circled::before, .ion-close-round::before, .ion-closed-captioning::before, .ion-cloud::before, .ion-code::before, .ion-code-download::before, .ion-code-working::before, .ion-coffee::before, .ion-compass::before, .ion-compose::before, .ion-connection-bars::before, .ion-contrast::before, .ion-crop::before, .ion-cube::before, .ion-disc::before, .ion-document::before, .ion-document-text::before, .ion-drag::before, .ion-earth::before, .ion-easel::before, .ion-edit::before, .ion-egg::before, .ion-eject::before, .ion-email::before, .ion-email-unread::before, .ion-erlenmeyer-flask::before, .ion-erlenmeyer-flask-bubbles::before, .ion-eye::before, .ion-eye-disabled::before, .ion-female::before, .ion-filing::before, .ion-film-marker::before, .ion-fireball::before, .ion-flag::before, .ion-flame::before, .ion-flash::before, .ion-flash-off::before, .ion-folder::before, .ion-fork::before, .ion-fork-repo::before, .ion-forward::before, .ion-funnel::before, .ion-gear-a::before, .ion-gear-b::before, .ion-grid::before, .ion-hammer::before, .ion-happy::before, .ion-happy-outline::before, .ion-headphone::before, .ion-heart::before, .ion-heart-broken::before, .ion-help::before, .ion-help-buoy::before, .ion-help-circled::before, .ion-home::before, .ion-icecream::before, .ion-image::before, .ion-images::before, .ion-information::before, .ion-information-circled::before, .ion-ionic::before, .ion-ios-alarm::before, .ion-ios-alarm-outline::before, .ion-ios-albums::before, .ion-ios-albums-outline::before, .ion-ios-americanfootball::before, .ion-ios-americanfootball-outline::before, .ion-ios-analytics::before, .ion-ios-analytics-outline::before, .ion-ios-arrow-back::before, .ion-ios-arrow-down::before, .ion-ios-arrow-forward::before, .ion-ios-arrow-left::before, .ion-ios-arrow-right::before, .ion-ios-arrow-thin-down::before, .ion-ios-arrow-thin-left::before, .ion-ios-arrow-thin-right::before, .ion-ios-arrow-thin-up::before, .ion-ios-arrow-up::before, .ion-ios-at::before, .ion-ios-at-outline::before, .ion-ios-barcode::before, .ion-ios-barcode-outline::before, .ion-ios-baseball::before, .ion-ios-baseball-outline::before, .ion-ios-basketball::before, .ion-ios-basketball-outline::before, .ion-ios-bell::before, .ion-ios-bell-outline::before, .ion-ios-body::before, .ion-ios-body-outline::before, .ion-ios-bolt::before, .ion-ios-bolt-outline::before, .ion-ios-book::before, .ion-ios-book-outline::before, .ion-ios-bookmarks::before, .ion-ios-bookmarks-outline::before, .ion-ios-box::before, .ion-ios-box-outline::before, .ion-ios-briefcase::before, .ion-ios-briefcase-outline::before, .ion-ios-browsers::before, .ion-ios-browsers-outline::before, .ion-ios-calculator::before, .ion-ios-calculator-outline::before, .ion-ios-calendar::before, .ion-ios-calendar-outline::before, .ion-ios-camera::before, .ion-ios-camera-outline::before, .ion-ios-cart::before, .ion-ios-cart-outline::before, .ion-ios-chatboxes::before, .ion-ios-chatboxes-outline::before, .ion-ios-chatbubble::before, .ion-ios-chatbubble-outline::before, .ion-ios-checkmark::before, .ion-ios-checkmark-empty::before, .ion-ios-checkmark-outline::before, .ion-ios-circle-filled::before, .ion-ios-circle-outline::before, .ion-ios-clock::before, .ion-ios-clock-outline::before, .ion-ios-close::before, .ion-ios-close-empty::before, .ion-ios-close-outline::before, .ion-ios-cloud::before, .ion-ios-cloud-download::before, .ion-ios-cloud-download-outline::before, .ion-ios-cloud-outline::before, .ion-ios-cloud-upload::before, .ion-ios-cloud-upload-outline::before, .ion-ios-cloudy::before, .ion-ios-cloudy-night::before, .ion-ios-cloudy-night-outline::before, .ion-ios-cloudy-outline::before, .ion-ios-cog::before, .ion-ios-cog-outline::before, .ion-ios-color-filter::before, .ion-ios-color-filter-outline::before, .ion-ios-color-wand::before, .ion-ios-color-wand-outline::before, .ion-ios-compose::before, .ion-ios-compose-outline::before, .ion-ios-contact::before, .ion-ios-contact-outline::before, .ion-ios-copy::before, .ion-ios-copy-outline::before, .ion-ios-crop::before, .ion-ios-crop-strong::before, .ion-ios-download::before, .ion-ios-download-outline::before, .ion-ios-drag::before, .ion-ios-email::before, .ion-ios-email-outline::before, .ion-ios-eye::before, .ion-ios-eye-outline::before, .ion-ios-fastforward::before, .ion-ios-fastforward-outline::before, .ion-ios-filing::before, .ion-ios-filing-outline::before, .ion-ios-film::before, .ion-ios-film-outline::before, .ion-ios-flag::before, .ion-ios-flag-outline::before, .ion-ios-flame::before, .ion-ios-flame-outline::before, .ion-ios-flask::before, .ion-ios-flask-outline::before, .ion-ios-flower::before, .ion-ios-flower-outline::before, .ion-ios-folder::before, .ion-ios-folder-outline::before, .ion-ios-football::before, .ion-ios-football-outline::before, .ion-ios-game-controller-a::before, .ion-ios-game-controller-a-outline::before, .ion-ios-game-controller-b::before, .ion-ios-game-controller-b-outline::before, .ion-ios-gear::before, .ion-ios-gear-outline::before, .ion-ios-glasses::before, .ion-ios-glasses-outline::before, .ion-ios-grid-view::before, .ion-ios-grid-view-outline::before, .ion-ios-heart::before, .ion-ios-heart-outline::before, .ion-ios-help::before, .ion-ios-help-empty::before, .ion-ios-help-outline::before, .ion-ios-home::before, .ion-ios-home-outline::before, .ion-ios-infinite::before, .ion-ios-infinite-outline::before, .ion-ios-information::before, .ion-ios-information-empty::before, .ion-ios-information-outline::before, .ion-ios-ionic-outline::before, .ion-ios-keypad::before, .ion-ios-keypad-outline::before, .ion-ios-lightbulb::before, .ion-ios-lightbulb-outline::before, .ion-ios-list::before, .ion-ios-list-outline::before, .ion-ios-location::before, .ion-ios-location-outline::before, .ion-ios-locked::before, .ion-ios-locked-outline::before, .ion-ios-loop::before, .ion-ios-loop-strong::before, .ion-ios-medical::before, .ion-ios-medical-outline::before, .ion-ios-medkit::before, .ion-ios-medkit-outline::before, .ion-ios-mic::before, .ion-ios-mic-off::before, .ion-ios-mic-outline::before, .ion-ios-minus::before, .ion-ios-minus-empty::before, .ion-ios-minus-outline::before, .ion-ios-monitor::before, .ion-ios-monitor-outline::before, .ion-ios-moon::before, .ion-ios-moon-outline::before, .ion-ios-more::before, .ion-ios-more-outline::before, .ion-ios-musical-note::before, .ion-ios-musical-notes::before, .ion-ios-navigate::before, .ion-ios-navigate-outline::before, .ion-ios-nutrition::before, .ion-ios-nutrition-outline::before, .ion-ios-paper::before, .ion-ios-paper-outline::before, .ion-ios-paperplane::before, .ion-ios-paperplane-outline::before, .ion-ios-partlysunny::before, .ion-ios-partlysunny-outline::before, .ion-ios-pause::before, .ion-ios-pause-outline::before, .ion-ios-paw::before, .ion-ios-paw-outline::before, .ion-ios-people::before, .ion-ios-people-outline::before, .ion-ios-person::before, .ion-ios-person-outline::before, .ion-ios-personadd::before, .ion-ios-personadd-outline::before, .ion-ios-photos::before, .ion-ios-photos-outline::before, .ion-ios-pie::before, .ion-ios-pie-outline::before, .ion-ios-pint::before, .ion-ios-pint-outline::before, .ion-ios-play::before, .ion-ios-play-outline::before, .ion-ios-plus::before, .ion-ios-plus-empty::before, .ion-ios-plus-outline::before, .ion-ios-pricetag::before, .ion-ios-pricetag-outline::before, .ion-ios-pricetags::before, .ion-ios-pricetags-outline::before, .ion-ios-printer::before, .ion-ios-printer-outline::before, .ion-ios-pulse::before, .ion-ios-pulse-strong::before, .ion-ios-rainy::before, .ion-ios-rainy-outline::before, .ion-ios-recording::before, .ion-ios-recording-outline::before, .ion-ios-redo::before, .ion-ios-redo-outline::before, .ion-ios-refresh::before, .ion-ios-refresh-empty::before, .ion-ios-refresh-outline::before, .ion-ios-reload::before, .ion-ios-reverse-camera::before, .ion-ios-reverse-camera-outline::before, .ion-ios-rewind::before, .ion-ios-rewind-outline::before, .ion-ios-rose::before, .ion-ios-rose-outline::before, .ion-ios-search::before, .ion-ios-search-strong::before, .ion-ios-settings::before, .ion-ios-settings-strong::before, .ion-ios-shuffle::before, .ion-ios-shuffle-strong::before, .ion-ios-skipbackward::before, .ion-ios-skipbackward-outline::before, .ion-ios-skipforward::before, .ion-ios-skipforward-outline::before, .ion-ios-snowy::before, .ion-ios-speedometer::before, .ion-ios-speedometer-outline::before, .ion-ios-star::before, .ion-ios-star-half::before, .ion-ios-star-outline::before, .ion-ios-stopwatch::before, .ion-ios-stopwatch-outline::before, .ion-ios-sunny::before, .ion-ios-sunny-outline::before, .ion-ios-telephone::before, .ion-ios-telephone-outline::before, .ion-ios-tennisball::before, .ion-ios-tennisball-outline::before, .ion-ios-thunderstorm::before, .ion-ios-thunderstorm-outline::before, .ion-ios-time::before, .ion-ios-time-outline::before, .ion-ios-timer::before, .ion-ios-timer-outline::before, .ion-ios-toggle::before, .ion-ios-toggle-outline::before, .ion-ios-trash::before, .ion-ios-trash-outline::before, .ion-ios-undo::before, .ion-ios-undo-outline::before, .ion-ios-unlocked::before, .ion-ios-unlocked-outline::before, .ion-ios-upload::before, .ion-ios-upload-outline::before, .ion-ios-videocam::before, .ion-ios-videocam-outline::before, .ion-ios-volume-high::before, .ion-ios-volume-low::before, .ion-ios-wineglass::before, .ion-ios-wineglass-outline::before, .ion-ios-world::before, .ion-ios-world-outline::before, .ion-ipad::before, .ion-iphone::before, .ion-ipod::before, .ion-jet::before, .ion-key::before, .ion-knife::before, .ion-laptop::before, .ion-leaf::before, .ion-levels::before, .ion-lightbulb::before, .ion-link::before, .ion-load-a::before, .ion-load-b::before, .ion-load-c::before, .ion-load-d::before, .ion-location::before, .ion-lock-combination::before, .ion-locked::before, .ion-log-in::before, .ion-log-out::before, .ion-loop::before, .ion-magnet::before, .ion-male::before, .ion-man::before, .ion-map::before, .ion-medkit::before, .ion-merge::before, .ion-mic-a::before, .ion-mic-b::before, .ion-mic-c::before, .ion-minus::before, .ion-minus-circled::before, .ion-minus-round::before, .ion-model-s::before, .ion-monitor::before, .ion-more::before, .ion-mouse::before, .ion-music-note::before, .ion-navicon::before, .ion-navicon-round::before, .ion-navigate::before, .ion-network::before, .ion-no-smoking::before, .ion-nuclear::before, .ion-outlet::before, .ion-paintbrush::before, .ion-paintbucket::before, .ion-paper-airplane::before, .ion-paperclip::before, .ion-pause::before, .ion-person::before, .ion-person-add::before, .ion-person-stalker::before, .ion-pie-graph::before, .ion-pin::before, .ion-pinpoint::before, .ion-pizza::before, .ion-plane::before, .ion-planet::before, .ion-play::before, .ion-playstation::before, .ion-plus::before, .ion-plus-circled::before, .ion-plus-round::before, .ion-podium::before, .ion-pound::before, .ion-power::before, .ion-pricetag::before, .ion-pricetags::before, .ion-printer::before, .ion-pull-request::before, .ion-qr-scanner::before, .ion-quote::before, .ion-radio-waves::before, .ion-record::before, .ion-refresh::before, .ion-reply::before, .ion-reply-all::before, .ion-ribbon-a::before, .ion-ribbon-b::before, .ion-sad::before, .ion-sad-outline::before, .ion-scissors::before, .ion-search::before, .ion-settings::before, .ion-share::before, .ion-shuffle::before, .ion-skip-backward::before, .ion-skip-forward::before, .ion-social-android::before, .ion-social-android-outline::before, .ion-social-angular::before, .ion-social-angular-outline::before, .ion-social-apple::before, .ion-social-apple-outline::before, .ion-social-bitcoin::before, .ion-social-bitcoin-outline::before, .ion-social-buffer::before, .ion-social-buffer-outline::before, .ion-social-chrome::before, .ion-social-chrome-outline::before, .ion-social-codepen::before, .ion-social-codepen-outline::before, .ion-social-css3::before, .ion-social-css3-outline::before, .ion-social-designernews::before, .ion-social-designernews-outline::before, .ion-social-dribbble::before, .ion-social-dribbble-outline::before, .ion-social-dropbox::before, .ion-social-dropbox-outline::before, .ion-social-euro::before, .ion-social-euro-outline::before, .ion-social-facebook::before, .ion-social-facebook-outline::before, .ion-social-foursquare::before, .ion-social-foursquare-outline::before, .ion-social-freebsd-devil::before, .ion-social-github::before, .ion-social-github-outline::before, .ion-social-google::before, .ion-social-google-outline::before, .ion-social-googleplus::before, .ion-social-googleplus-outline::before, .ion-social-hackernews::before, .ion-social-hackernews-outline::before, .ion-social-html5::before, .ion-social-html5-outline::before, .ion-social-instagram::before, .ion-social-instagram-outline::before, .ion-social-javascript::before, .ion-social-javascript-outline::before, .ion-social-linkedin::before, .ion-social-linkedin-outline::before, .ion-social-markdown::before, .ion-social-nodejs::before, .ion-social-octocat::before, .ion-social-pinterest::before, .ion-social-pinterest-outline::before, .ion-social-python::before, .ion-social-reddit::before, .ion-social-reddit-outline::before, .ion-social-rss::before, .ion-social-rss-outline::before, .ion-social-sass::before, .ion-social-skype::before, .ion-social-skype-outline::before, .ion-social-snapchat::before, .ion-social-snapchat-outline::before, .ion-social-tumblr::before, .ion-social-tumblr-outline::before, .ion-social-tux::before, .ion-social-twitch::before, .ion-social-twitch-outline::before, .ion-social-twitter::before, .ion-social-twitter-outline::before, .ion-social-usd::before, .ion-social-usd-outline::before, .ion-social-vimeo::before, .ion-social-vimeo-outline::before, .ion-social-whatsapp::before, .ion-social-whatsapp-outline::before, .ion-social-windows::before, .ion-social-windows-outline::before, .ion-social-wordpress::before, .ion-social-wordpress-outline::before, .ion-social-yahoo::before, .ion-social-yahoo-outline::before, .ion-social-yen::before, .ion-social-yen-outline::before, .ion-social-youtube::before, .ion-social-youtube-outline::before, .ion-soup-can::before, .ion-soup-can-outline::before, .ion-speakerphone::before, .ion-speedometer::before, .ion-spoon::before, .ion-star::before, .ion-stats-bars::before, .ion-steam::before, .ion-stop::before, .ion-thermometer::before, .ion-thumbsdown::before, .ion-thumbsup::before, .ion-toggle::before, .ion-toggle-filled::before, .ion-transgender::before, .ion-trash-a::before, .ion-trash-b::before, .ion-trophy::before, .ion-tshirt::before, .ion-tshirt-outline::before, .ion-umbrella::before, .ion-university::before, .ion-unlocked::before, .ion-upload::before, .ion-usb::before, .ion-videocamera::before, .ion-volume-high::before, .ion-volume-low::before, .ion-volume-medium::before, .ion-volume-mute::before, .ion-wand::before, .ion-waterdrop::before, .ion-wifi::before, .ion-wineglass::before, .ion-woman::before, .ion-wrench::before, .ion-xbox::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; } .ion-alert::before { content: ""; } .ion-alert-circled::before { content: ""; } .ion-android-add::before { content: ""; } .ion-android-add-circle::before { content: ""; } .ion-android-alarm-clock::before { content: ""; } .ion-android-alert::before { content: ""; } .ion-android-apps::before { content: ""; } .ion-android-archive::before { content: ""; } .ion-android-arrow-back::before { content: ""; } .ion-android-arrow-down::before { content: ""; } .ion-android-arrow-dropdown::before { content: ""; } .ion-android-arrow-dropdown-circle::before { content: ""; } .ion-android-arrow-dropleft::before { content: ""; } .ion-android-arrow-dropleft-circle::before { content: ""; } .ion-android-arrow-dropright::before { content: ""; } .ion-android-arrow-dropright-circle::before { content: ""; } .ion-android-arrow-dropup::before { content: ""; } .ion-android-arrow-dropup-circle::before { content: ""; } .ion-android-arrow-forward::before { content: ""; } .ion-android-arrow-up::before { content: ""; } .ion-android-attach::before { content: ""; } .ion-android-bar::before { content: ""; } .ion-android-bicycle::before { content: ""; } .ion-android-boat::before { content: ""; } .ion-android-bookmark::before { content: ""; } .ion-android-bulb::before { content: ""; } .ion-android-bus::before { content: ""; } .ion-android-calendar::before { content: ""; } .ion-android-call::before { content: ""; } .ion-android-camera::before { content: ""; } .ion-android-cancel::before { content: ""; } .ion-android-car::before { content: ""; } .ion-android-cart::before { content: ""; } .ion-android-chat::before { content: ""; } .ion-android-checkbox::before { content: ""; } .ion-android-checkbox-blank::before { content: ""; } .ion-android-checkbox-outline::before { content: ""; } .ion-android-checkbox-outline-blank::before { content: ""; } .ion-android-checkmark-circle::before { content: ""; } .ion-android-clipboard::before { content: ""; } .ion-android-close::before { content: ""; } .ion-android-cloud::before { content: ""; } .ion-android-cloud-circle::before { content: ""; } .ion-android-cloud-done::before { content: ""; } .ion-android-cloud-outline::before { content: ""; } .ion-android-color-palette::before { content: ""; } .ion-android-compass::before { content: ""; } .ion-android-contact::before { content: ""; } .ion-android-contacts::before { content: ""; } .ion-android-contract::before { content: ""; } .ion-android-create::before { content: ""; } .ion-android-delete::before { content: ""; } .ion-android-desktop::before { content: ""; } .ion-android-document::before { content: ""; } .ion-android-done::before { content: ""; } .ion-android-done-all::before { content: ""; } .ion-android-download::before { content: ""; } .ion-android-drafts::before { content: ""; } .ion-android-exit::before { content: ""; } .ion-android-expand::before { content: ""; } .ion-android-favorite::before { content: ""; } .ion-android-favorite-outline::before { content: ""; } .ion-android-film::before { content: ""; } .ion-android-folder::before { content: ""; } .ion-android-folder-open::before { content: ""; } .ion-android-funnel::before { content: ""; } .ion-android-globe::before { content: ""; } .ion-android-hand::before { content: ""; } .ion-android-hangout::before { content: ""; } .ion-android-happy::before { content: ""; } .ion-android-home::before { content: ""; } .ion-android-image::before { content: ""; } .ion-android-laptop::before { content: ""; } .ion-android-list::before { content: ""; } .ion-android-locate::before { content: ""; } .ion-android-lock::before { content: ""; } .ion-android-mail::before { content: ""; } .ion-android-map::before { content: ""; } .ion-android-menu::before { content: ""; } .ion-android-microphone::before { content: ""; } .ion-android-microphone-off::before { content: ""; } .ion-android-more-horizontal::before { content: ""; } .ion-android-more-vertical::before { content: ""; } .ion-android-navigate::before { content: ""; } .ion-android-notifications::before { content: ""; } .ion-android-notifications-none::before { content: ""; } .ion-android-notifications-off::before { content: ""; } .ion-android-open::before { content: ""; } .ion-android-options::before { content: ""; } .ion-android-people::before { content: ""; } .ion-android-person::before { content: ""; } .ion-android-person-add::before { content: ""; } .ion-android-phone-landscape::before { content: ""; } .ion-android-phone-portrait::before { content: ""; } .ion-android-pin::before { content: ""; } .ion-android-plane::before { content: ""; } .ion-android-playstore::before { content: ""; } .ion-android-print::before { content: ""; } .ion-android-radio-button-off::before { content: ""; } .ion-android-radio-button-on::before { content: ""; } .ion-android-refresh::before { content: ""; } .ion-android-remove::before { content: ""; } .ion-android-remove-circle::before { content: ""; } .ion-android-restaurant::before { content: ""; } .ion-android-sad::before { content: ""; } .ion-android-search::before { content: ""; } .ion-android-send::before { content: ""; } .ion-android-settings::before { content: ""; } .ion-android-share::before { content: ""; } .ion-android-share-alt::before { content: ""; } .ion-android-star::before { content: ""; } .ion-android-star-half::before { content: ""; } .ion-android-star-outline::before { content: ""; } .ion-android-stopwatch::before { content: ""; } .ion-android-subway::before { content: ""; } .ion-android-sunny::before { content: ""; } .ion-android-sync::before { content: ""; } .ion-android-textsms::before { content: ""; } .ion-android-time::before { content: ""; } .ion-android-train::before { content: ""; } .ion-android-unlock::before { content: ""; } .ion-android-upload::before { content: ""; } .ion-android-volume-down::before { content: ""; } .ion-android-volume-mute::before { content: ""; } .ion-android-volume-off::before { content: ""; } .ion-android-volume-up::before { content: ""; } .ion-android-walk::before { content: ""; } .ion-android-warning::before { content: ""; } .ion-android-watch::before { content: ""; } .ion-android-wifi::before { content: ""; } .ion-aperture::before { content: ""; } .ion-archive::before { content: ""; } .ion-arrow-down-a::before { content: ""; } .ion-arrow-down-b::before { content: ""; } .ion-arrow-down-c::before { content: ""; } .ion-arrow-expand::before { content: ""; } .ion-arrow-graph-down-left::before { content: ""; } .ion-arrow-graph-down-right::before { content: ""; } .ion-arrow-graph-up-left::before { content: ""; } .ion-arrow-graph-up-right::before { content: ""; } .ion-arrow-left-a::before { content: ""; } .ion-arrow-left-b::before { content: ""; } .ion-arrow-left-c::before { content: ""; } .ion-arrow-move::before { content: ""; } .ion-arrow-resize::before { content: ""; } .ion-arrow-return-left::before { content: ""; } .ion-arrow-return-right::before { content: ""; } .ion-arrow-right-a::before { content: ""; } .ion-arrow-right-b::before { content: ""; } .ion-arrow-right-c::before { content: ""; } .ion-arrow-shrink::before { content: ""; } .ion-arrow-swap::before { content: ""; } .ion-arrow-up-a::before { content: ""; } .ion-arrow-up-b::before { content: ""; } .ion-arrow-up-c::before { content: ""; } .ion-asterisk::before { content: ""; } .ion-at::before { content: ""; } .ion-backspace::before { content: ""; } .ion-backspace-outline::before { content: ""; } .ion-bag::before { content: ""; } .ion-battery-charging::before { content: ""; } .ion-battery-empty::before { content: ""; } .ion-battery-full::before { content: ""; } .ion-battery-half::before { content: ""; } .ion-battery-low::before { content: ""; } .ion-beaker::before { content: ""; } .ion-beer::before { content: ""; } .ion-bluetooth::before { content: ""; } .ion-bonfire::before { content: ""; } .ion-bookmark::before { content: ""; } .ion-bowtie::before { content: ""; } .ion-briefcase::before { content: ""; } .ion-bug::before { content: ""; } .ion-calculator::before { content: ""; } .ion-calendar::before { content: ""; } .ion-camera::before { content: ""; } .ion-card::before { content: ""; } .ion-cash::before { content: ""; } .ion-chatbox::before { content: ""; } .ion-chatbox-working::before { content: ""; } .ion-chatboxes::before { content: ""; } .ion-chatbubble::before { content: ""; } .ion-chatbubble-working::before { content: ""; } .ion-chatbubbles::before { content: ""; } .ion-checkmark::before { content: ""; } .ion-checkmark-circled::before { content: ""; } .ion-checkmark-round::before { content: ""; } .ion-chevron-down::before { content: ""; } .ion-chevron-left::before { content: ""; } .ion-chevron-right::before { content: ""; } .ion-chevron-up::before { content: ""; } .ion-clipboard::before { content: ""; } .ion-clock::before { content: ""; } .ion-close::before { content: ""; } .ion-close-circled::before { content: ""; } .ion-close-round::before { content: ""; } .ion-closed-captioning::before { content: ""; } .ion-cloud::before { content: ""; } .ion-code::before { content: ""; } .ion-code-download::before { content: ""; } .ion-code-working::before { content: ""; } .ion-coffee::before { content: ""; } .ion-compass::before { content: ""; } .ion-compose::before { content: ""; } .ion-connection-bars::before { content: ""; } .ion-contrast::before { content: ""; } .ion-crop::before { content: ""; } .ion-cube::before { content: ""; } .ion-disc::before { content: ""; } .ion-document::before { content: ""; } .ion-document-text::before { content: ""; } .ion-drag::before { content: ""; } .ion-earth::before { content: ""; } .ion-easel::before { content: ""; } .ion-edit::before { content: ""; } .ion-egg::before { content: ""; } .ion-eject::before { content: ""; } .ion-email::before { content: ""; } .ion-email-unread::before { content: ""; } .ion-erlenmeyer-flask::before { content: ""; } .ion-erlenmeyer-flask-bubbles::before { content: ""; } .ion-eye::before { content: ""; } .ion-eye-disabled::before { content: ""; } .ion-female::before { content: ""; } .ion-filing::before { content: ""; } .ion-film-marker::before { content: ""; } .ion-fireball::before { content: ""; } .ion-flag::before { content: ""; } .ion-flame::before { content: ""; } .ion-flash::before { content: ""; } .ion-flash-off::before { content: ""; } .ion-folder::before { content: ""; } .ion-fork::before { content: ""; } .ion-fork-repo::before { content: ""; } .ion-forward::before { content: ""; } .ion-funnel::before { content: ""; } .ion-gear-a::before { content: ""; } .ion-gear-b::before { content: ""; } .ion-grid::before { content: ""; } .ion-hammer::before { content: ""; } .ion-happy::before { content: ""; } .ion-happy-outline::before { content: ""; } .ion-headphone::before { content: ""; } .ion-heart::before { content: ""; } .ion-heart-broken::before { content: ""; } .ion-help::before { content: ""; } .ion-help-buoy::before { content: ""; } .ion-help-circled::before { content: ""; } .ion-home::before { content: ""; } .ion-icecream::before { content: ""; } .ion-image::before { content: ""; } .ion-images::before { content: ""; } .ion-information::before { content: ""; } .ion-information-circled::before { content: ""; } .ion-ionic::before { content: ""; } .ion-ios-alarm::before { content: ""; } .ion-ios-alarm-outline::before { content: ""; } .ion-ios-albums::before { content: ""; } .ion-ios-albums-outline::before { content: ""; } .ion-ios-americanfootball::before { content: ""; } .ion-ios-americanfootball-outline::before { content: ""; } .ion-ios-analytics::before { content: ""; } .ion-ios-analytics-outline::before { content: ""; } .ion-ios-arrow-back::before { content: ""; } .ion-ios-arrow-down::before { content: ""; } .ion-ios-arrow-forward::before { content: ""; } .ion-ios-arrow-left::before { content: ""; } .ion-ios-arrow-right::before { content: ""; } .ion-ios-arrow-thin-down::before { content: ""; } .ion-ios-arrow-thin-left::before { content: ""; } .ion-ios-arrow-thin-right::before { content: ""; } .ion-ios-arrow-thin-up::before { content: ""; } .ion-ios-arrow-up::before { content: ""; } .ion-ios-at::before { content: ""; } .ion-ios-at-outline::before { content: ""; } .ion-ios-barcode::before { content: ""; } .ion-ios-barcode-outline::before { content: ""; } .ion-ios-baseball::before { content: ""; } .ion-ios-baseball-outline::before { content: ""; } .ion-ios-basketball::before { content: ""; } .ion-ios-basketball-outline::before { content: ""; } .ion-ios-bell::before { content: ""; } .ion-ios-bell-outline::before { content: ""; } .ion-ios-body::before { content: ""; } .ion-ios-body-outline::before { content: ""; } .ion-ios-bolt::before { content: ""; } .ion-ios-bolt-outline::before { content: ""; } .ion-ios-book::before { content: ""; } .ion-ios-book-outline::before { content: ""; } .ion-ios-bookmarks::before { content: ""; } .ion-ios-bookmarks-outline::before { content: ""; } .ion-ios-box::before { content: ""; } .ion-ios-box-outline::before { content: ""; } .ion-ios-briefcase::before { content: ""; } .ion-ios-briefcase-outline::before { content: ""; } .ion-ios-browsers::before { content: ""; } .ion-ios-browsers-outline::before { content: ""; } .ion-ios-calculator::before { content: ""; } .ion-ios-calculator-outline::before { content: ""; } .ion-ios-calendar::before { content: ""; } .ion-ios-calendar-outline::before { content: ""; } .ion-ios-camera::before { content: ""; } .ion-ios-camera-outline::before { content: ""; } .ion-ios-cart::before { content: ""; } .ion-ios-cart-outline::before { content: ""; } .ion-ios-chatboxes::before { content: ""; } .ion-ios-chatboxes-outline::before { content: ""; } .ion-ios-chatbubble::before { content: ""; } .ion-ios-chatbubble-outline::before { content: ""; } .ion-ios-checkmark::before { content: ""; } .ion-ios-checkmark-empty::before { content: ""; } .ion-ios-checkmark-outline::before { content: ""; } .ion-ios-circle-filled::before { content: ""; } .ion-ios-circle-outline::before { content: ""; } .ion-ios-clock::before { content: ""; } .ion-ios-clock-outline::before { content: ""; } .ion-ios-close::before { content: ""; } .ion-ios-close-empty::before { content: ""; } .ion-ios-close-outline::before { content: ""; } .ion-ios-cloud::before { content: ""; } .ion-ios-cloud-download::before { content: ""; } .ion-ios-cloud-download-outline::before { content: ""; } .ion-ios-cloud-outline::before { content: ""; } .ion-ios-cloud-upload::before { content: ""; } .ion-ios-cloud-upload-outline::before { content: ""; } .ion-ios-cloudy::before { content: ""; } .ion-ios-cloudy-night::before { content: ""; } .ion-ios-cloudy-night-outline::before { content: ""; } .ion-ios-cloudy-outline::before { content: ""; } .ion-ios-cog::before { content: ""; } .ion-ios-cog-outline::before { content: ""; } .ion-ios-color-filter::before { content: ""; } .ion-ios-color-filter-outline::before { content: ""; } .ion-ios-color-wand::before { content: ""; } .ion-ios-color-wand-outline::before { content: ""; } .ion-ios-compose::before { content: ""; } .ion-ios-compose-outline::before { content: ""; } .ion-ios-contact::before { content: ""; } .ion-ios-contact-outline::before { content: ""; } .ion-ios-copy::before { content: ""; } .ion-ios-copy-outline::before { content: ""; } .ion-ios-crop::before { content: ""; } .ion-ios-crop-strong::before { content: ""; } .ion-ios-download::before { content: ""; } .ion-ios-download-outline::before { content: ""; } .ion-ios-drag::before { content: ""; } .ion-ios-email::before { content: ""; } .ion-ios-email-outline::before { content: ""; } .ion-ios-eye::before { content: ""; } .ion-ios-eye-outline::before { content: ""; } .ion-ios-fastforward::before { content: ""; } .ion-ios-fastforward-outline::before { content: ""; } .ion-ios-filing::before { content: ""; } .ion-ios-filing-outline::before { content: ""; } .ion-ios-film::before { content: ""; } .ion-ios-film-outline::before { content: ""; } .ion-ios-flag::before { content: ""; } .ion-ios-flag-outline::before { content: ""; } .ion-ios-flame::before { content: ""; } .ion-ios-flame-outline::before { content: ""; } .ion-ios-flask::before { content: ""; } .ion-ios-flask-outline::before { content: ""; } .ion-ios-flower::before { content: ""; } .ion-ios-flower-outline::before { content: ""; } .ion-ios-folder::before { content: ""; } .ion-ios-folder-outline::before { content: ""; } .ion-ios-football::before { content: ""; } .ion-ios-football-outline::before { content: ""; } .ion-ios-game-controller-a::before { content: ""; } .ion-ios-game-controller-a-outline::before { content: ""; } .ion-ios-game-controller-b::before { content: ""; } .ion-ios-game-controller-b-outline::before { content: ""; } .ion-ios-gear::before { content: ""; } .ion-ios-gear-outline::before { content: ""; } .ion-ios-glasses::before { content: ""; } .ion-ios-glasses-outline::before { content: ""; } .ion-ios-grid-view::before { content: ""; } .ion-ios-grid-view-outline::before { content: ""; } .ion-ios-heart::before { content: ""; } .ion-ios-heart-outline::before { content: ""; } .ion-ios-help::before { content: ""; } .ion-ios-help-empty::before { content: ""; } .ion-ios-help-outline::before { content: ""; } .ion-ios-home::before { content: ""; } .ion-ios-home-outline::before { content: ""; } .ion-ios-infinite::before { content: ""; } .ion-ios-infinite-outline::before { content: ""; } .ion-ios-information::before { content: ""; } .ion-ios-information-empty::before { content: ""; } .ion-ios-information-outline::before { content: ""; } .ion-ios-ionic-outline::before { content: ""; } .ion-ios-keypad::before { content: ""; } .ion-ios-keypad-outline::before { content: ""; } .ion-ios-lightbulb::before { content: ""; } .ion-ios-lightbulb-outline::before { content: ""; } .ion-ios-list::before { content: ""; } .ion-ios-list-outline::before { content: ""; } .ion-ios-location::before { content: ""; } .ion-ios-location-outline::before { content: ""; } .ion-ios-locked::before { content: ""; } .ion-ios-locked-outline::before { content: ""; } .ion-ios-loop::before { content: ""; } .ion-ios-loop-strong::before { content: ""; } .ion-ios-medical::before { content: ""; } .ion-ios-medical-outline::before { content: ""; } .ion-ios-medkit::before { content: ""; } .ion-ios-medkit-outline::before { content: ""; } .ion-ios-mic::before { content: ""; } .ion-ios-mic-off::before { content: ""; } .ion-ios-mic-outline::before { content: ""; } .ion-ios-minus::before { content: ""; } .ion-ios-minus-empty::before { content: ""; } .ion-ios-minus-outline::before { content: ""; } .ion-ios-monitor::before { content: ""; } .ion-ios-monitor-outline::before { content: ""; } .ion-ios-moon::before { content: ""; } .ion-ios-moon-outline::before { content: ""; } .ion-ios-more::before { content: ""; } .ion-ios-more-outline::before { content: ""; } .ion-ios-musical-note::before { content: ""; } .ion-ios-musical-notes::before { content: ""; } .ion-ios-navigate::before { content: ""; } .ion-ios-navigate-outline::before { content: ""; } .ion-ios-nutrition::before { content: ""; } .ion-ios-nutrition-outline::before { content: ""; } .ion-ios-paper::before { content: ""; } .ion-ios-paper-outline::before { content: ""; } .ion-ios-paperplane::before { content: ""; } .ion-ios-paperplane-outline::before { content: ""; } .ion-ios-partlysunny::before { content: ""; } .ion-ios-partlysunny-outline::before { content: ""; } .ion-ios-pause::before { content: ""; } .ion-ios-pause-outline::before { content: ""; } .ion-ios-paw::before { content: ""; } .ion-ios-paw-outline::before { content: ""; } .ion-ios-people::before { content: ""; } .ion-ios-people-outline::before { content: ""; } .ion-ios-person::before { content: ""; } .ion-ios-person-outline::before { content: ""; } .ion-ios-personadd::before { content: ""; } .ion-ios-personadd-outline::before { content: ""; } .ion-ios-photos::before { content: ""; } .ion-ios-photos-outline::before { content: ""; } .ion-ios-pie::before { content: ""; } .ion-ios-pie-outline::before { content: ""; } .ion-ios-pint::before { content: ""; } .ion-ios-pint-outline::before { content: ""; } .ion-ios-play::before { content: ""; } .ion-ios-play-outline::before { content: ""; } .ion-ios-plus::before { content: ""; } .ion-ios-plus-empty::before { content: ""; } .ion-ios-plus-outline::before { content: ""; } .ion-ios-pricetag::before { content: ""; } .ion-ios-pricetag-outline::before { content: ""; } .ion-ios-pricetags::before { content: ""; } .ion-ios-pricetags-outline::before { content: ""; } .ion-ios-printer::before { content: ""; } .ion-ios-printer-outline::before { content: ""; } .ion-ios-pulse::before { content: ""; } .ion-ios-pulse-strong::before { content: ""; } .ion-ios-rainy::before { content: ""; } .ion-ios-rainy-outline::before { content: ""; } .ion-ios-recording::before { content: ""; } .ion-ios-recording-outline::before { content: ""; } .ion-ios-redo::before { content: ""; } .ion-ios-redo-outline::before { content: ""; } .ion-ios-refresh::before { content: ""; } .ion-ios-refresh-empty::before { content: ""; } .ion-ios-refresh-outline::before { content: ""; } .ion-ios-reload::before { content: ""; } .ion-ios-reverse-camera::before { content: ""; } .ion-ios-reverse-camera-outline::before { content: ""; } .ion-ios-rewind::before { content: ""; } .ion-ios-rewind-outline::before { content: ""; } .ion-ios-rose::before { content: ""; } .ion-ios-rose-outline::before { content: ""; } .ion-ios-search::before { content: ""; } .ion-ios-search-strong::before { content: ""; } .ion-ios-settings::before { content: ""; } .ion-ios-settings-strong::before { content: ""; } .ion-ios-shuffle::before { content: ""; } .ion-ios-shuffle-strong::before { content: ""; } .ion-ios-skipbackward::before { content: ""; } .ion-ios-skipbackward-outline::before { content: ""; } .ion-ios-skipforward::before { content: ""; } .ion-ios-skipforward-outline::before { content: ""; } .ion-ios-snowy::before { content: ""; } .ion-ios-speedometer::before { content: ""; } .ion-ios-speedometer-outline::before { content: ""; } .ion-ios-star::before { content: ""; } .ion-ios-star-half::before { content: ""; } .ion-ios-star-outline::before { content: ""; } .ion-ios-stopwatch::before { content: ""; } .ion-ios-stopwatch-outline::before { content: ""; } .ion-ios-sunny::before { content: ""; } .ion-ios-sunny-outline::before { content: ""; } .ion-ios-telephone::before { content: ""; } .ion-ios-telephone-outline::before { content: ""; } .ion-ios-tennisball::before { content: ""; } .ion-ios-tennisball-outline::before { content: ""; } .ion-ios-thunderstorm::before { content: ""; } .ion-ios-thunderstorm-outline::before { content: ""; } .ion-ios-time::before { content: ""; } .ion-ios-time-outline::before { content: ""; } .ion-ios-timer::before { content: ""; } .ion-ios-timer-outline::before { content: ""; } .ion-ios-toggle::before { content: ""; } .ion-ios-toggle-outline::before { content: ""; } .ion-ios-trash::before { content: ""; } .ion-ios-trash-outline::before { content: ""; } .ion-ios-undo::before { content: ""; } .ion-ios-undo-outline::before { content: ""; } .ion-ios-unlocked::before { content: ""; } .ion-ios-unlocked-outline::before { content: ""; } .ion-ios-upload::before { content: ""; } .ion-ios-upload-outline::before { content: ""; } .ion-ios-videocam::before { content: ""; } .ion-ios-videocam-outline::before { content: ""; } .ion-ios-volume-high::before { content: ""; } .ion-ios-volume-low::before { content: ""; } .ion-ios-wineglass::before { content: ""; } .ion-ios-wineglass-outline::before { content: ""; } .ion-ios-world::before { content: ""; } .ion-ios-world-outline::before { content: ""; } .ion-ipad::before { content: ""; } .ion-iphone::before { content: ""; } .ion-ipod::before { content: ""; } .ion-jet::before { content: ""; } .ion-key::before { content: ""; } .ion-knife::before { content: ""; } .ion-laptop::before { content: ""; } .ion-leaf::before { content: ""; } .ion-levels::before { content: ""; } .ion-lightbulb::before { content: ""; } .ion-link::before { content: ""; } .ion-load-a::before { content: ""; } .ion-load-b::before { content: ""; } .ion-load-c::before { content: ""; } .ion-load-d::before { content: ""; } .ion-location::before { content: ""; } .ion-lock-combination::before { content: ""; } .ion-locked::before { content: ""; } .ion-log-in::before { content: ""; } .ion-log-out::before { content: ""; } .ion-loop::before { content: ""; } .ion-magnet::before { content: ""; } .ion-male::before { content: ""; } .ion-man::before { content: ""; } .ion-map::before { content: ""; } .ion-medkit::before { content: ""; } .ion-merge::before { content: ""; } .ion-mic-a::before { content: ""; } .ion-mic-b::before { content: ""; } .ion-mic-c::before { content: ""; } .ion-minus::before { content: ""; } .ion-minus-circled::before { content: ""; } .ion-minus-round::before { content: ""; } .ion-model-s::before { content: ""; } .ion-monitor::before { content: ""; } .ion-more::before { content: ""; } .ion-mouse::before { content: ""; } .ion-music-note::before { content: ""; } .ion-navicon::before { content: ""; } .ion-navicon-round::before { content: ""; } .ion-navigate::before { content: ""; } .ion-network::before { content: ""; } .ion-no-smoking::before { content: ""; } .ion-nuclear::before { content: ""; } .ion-outlet::before { content: ""; } .ion-paintbrush::before { content: ""; } .ion-paintbucket::before { content: ""; } .ion-paper-airplane::before { content: ""; } .ion-paperclip::before { content: ""; } .ion-pause::before { content: ""; } .ion-person::before { content: ""; } .ion-person-add::before { content: ""; } .ion-person-stalker::before { content: ""; } .ion-pie-graph::before { content: ""; } .ion-pin::before { content: ""; } .ion-pinpoint::before { content: ""; } .ion-pizza::before { content: ""; } .ion-plane::before { content: ""; } .ion-planet::before { content: ""; } .ion-play::before { content: ""; } .ion-playstation::before { content: ""; } .ion-plus::before { content: ""; } .ion-plus-circled::before { content: ""; } .ion-plus-round::before { content: ""; } .ion-podium::before { content: ""; } .ion-pound::before { content: ""; } .ion-power::before { content: ""; } .ion-pricetag::before { content: ""; } .ion-pricetags::before { content: ""; } .ion-printer::before { content: ""; } .ion-pull-request::before { content: ""; } .ion-qr-scanner::before { content: ""; } .ion-quote::before { content: ""; } .ion-radio-waves::before { content: ""; } .ion-record::before { content: ""; } .ion-refresh::before { content: ""; } .ion-reply::before { content: ""; } .ion-reply-all::before { content: ""; } .ion-ribbon-a::before { content: ""; } .ion-ribbon-b::before { content: ""; } .ion-sad::before { content: ""; } .ion-sad-outline::before { content: ""; } .ion-scissors::before { content: ""; } .ion-search::before { content: ""; } .ion-settings::before { content: ""; } .ion-share::before { content: ""; } .ion-shuffle::before { content: ""; } .ion-skip-backward::before { content: ""; } .ion-skip-forward::before { content: ""; } .ion-social-android::before { content: ""; } .ion-social-android-outline::before { content: ""; } .ion-social-angular::before { content: ""; } .ion-social-angular-outline::before { content: ""; } .ion-social-apple::before { content: ""; } .ion-social-apple-outline::before { content: ""; } .ion-social-bitcoin::before { content: ""; } .ion-social-bitcoin-outline::before { content: ""; } .ion-social-buffer::before { content: ""; } .ion-social-buffer-outline::before { content: ""; } .ion-social-chrome::before { content: ""; } .ion-social-chrome-outline::before { content: ""; } .ion-social-codepen::before { content: ""; } .ion-social-codepen-outline::before { content: ""; } .ion-social-css3::before { content: ""; } .ion-social-css3-outline::before { content: ""; } .ion-social-designernews::before { content: ""; } .ion-social-designernews-outline::before { content: ""; } .ion-social-dribbble::before { content: ""; } .ion-social-dribbble-outline::before { content: ""; } .ion-social-dropbox::before { content: ""; } .ion-social-dropbox-outline::before { content: ""; } .ion-social-euro::before { content: ""; } .ion-social-euro-outline::before { content: ""; } .ion-social-facebook::before { content: ""; } .ion-social-facebook-outline::before { content: ""; } .ion-social-foursquare::before { content: ""; } .ion-social-foursquare-outline::before { content: ""; } .ion-social-freebsd-devil::before { content: ""; } .ion-social-github::before { content: ""; } .ion-social-github-outline::before { content: ""; } .ion-social-google::before { content: ""; } .ion-social-google-outline::before { content: ""; } .ion-social-googleplus::before { content: ""; } .ion-social-googleplus-outline::before { content: ""; } .ion-social-hackernews::before { content: ""; } .ion-social-hackernews-outline::before { content: ""; } .ion-social-html5::before { content: ""; } .ion-social-html5-outline::before { content: ""; } .ion-social-instagram::before { content: ""; } .ion-social-instagram-outline::before { content: ""; } .ion-social-javascript::before { content: ""; } .ion-social-javascript-outline::before { content: ""; } .ion-social-linkedin::before { content: ""; } .ion-social-linkedin-outline::before { content: ""; } .ion-social-markdown::before { content: ""; } .ion-social-nodejs::before { content: ""; } .ion-social-octocat::before { content: ""; } .ion-social-pinterest::before { content: ""; } .ion-social-pinterest-outline::before { content: ""; } .ion-social-python::before { content: ""; } .ion-social-reddit::before { content: ""; } .ion-social-reddit-outline::before { content: ""; } .ion-social-rss::before { content: ""; } .ion-social-rss-outline::before { content: ""; } .ion-social-sass::before { content: ""; } .ion-social-skype::before { content: ""; } .ion-social-skype-outline::before { content: ""; } .ion-social-snapchat::before { content: ""; } .ion-social-snapchat-outline::before { content: ""; } .ion-social-tumblr::before { content: ""; } .ion-social-tumblr-outline::before { content: ""; } .ion-social-tux::before { content: ""; } .ion-social-twitch::before { content: ""; } .ion-social-twitch-outline::before { content: ""; } .ion-social-twitter::before { content: ""; } .ion-social-twitter-outline::before { content: ""; } .ion-social-usd::before { content: ""; } .ion-social-usd-outline::before { content: ""; } .ion-social-vimeo::before { content: ""; } .ion-social-vimeo-outline::before { content: ""; } .ion-social-whatsapp::before { content: ""; } .ion-social-whatsapp-outline::before { content: ""; } .ion-social-windows::before { content: ""; } .ion-social-windows-outline::before { content: ""; } .ion-social-wordpress::before { content: ""; } .ion-social-wordpress-outline::before { content: ""; } .ion-social-yahoo::before { content: ""; } .ion-social-yahoo-outline::before { content: ""; } .ion-social-yen::before { content: ""; } .ion-social-yen-outline::before { content: ""; } .ion-social-youtube::before { content: ""; } .ion-social-youtube-outline::before { content: ""; } .ion-soup-can::before { content: ""; } .ion-soup-can-outline::before { content: ""; } .ion-speakerphone::before { content: ""; } .ion-speedometer::before { content: ""; } .ion-spoon::before { content: ""; } .ion-star::before { content: ""; } .ion-stats-bars::before { content: ""; } .ion-steam::before { content: ""; } .ion-stop::before { content: ""; } .ion-thermometer::before { content: ""; } .ion-thumbsdown::before { content: ""; } .ion-thumbsup::before { content: ""; } .ion-toggle::before { content: ""; } .ion-toggle-filled::before { content: ""; } .ion-transgender::before { content: ""; } .ion-trash-a::before { content: ""; } .ion-trash-b::before { content: ""; } .ion-trophy::before { content: ""; } .ion-tshirt::before { content: ""; } .ion-tshirt-outline::before { content: ""; } .ion-umbrella::before { content: ""; } .ion-university::before { content: ""; } .ion-unlocked::before { content: ""; } .ion-upload::before { content: ""; } .ion-usb::before { content: ""; } .ion-videocamera::before { content: ""; } .ion-volume-high::before { content: ""; } .ion-volume-low::before { content: ""; } .ion-volume-medium::before { content: ""; } .ion-volume-mute::before { content: ""; } .ion-wand::before { content: ""; } .ion-waterdrop::before { content: ""; } .ion-wifi::before { content: ""; } .ion-wineglass::before { content: ""; } .ion-woman::before { content: ""; } .ion-wrench::before { content: ""; } .ion-xbox::before { content: ""; } .btn { background-color: transparent; text-align: left; border: 2px solid rgb(0, 0, 0); padding: 30px 10px 8px; font-family: NeueHaas; font-size: 18px; font-weight: 700; transition: all 0.2s ease 0s; width: 100%; position: relative; outline: medium none; display: block; } @media (min-width: 850px) { .btn { display: inline-block; padding: 30px 100px 8px 10px; width: auto; } } .btn:hover { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .btn:active { background-color: rgb(0, 0, 0); color: white; } .btn--lock::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; top: 9px; right: 9px; font-size: 16px; } .btn--primary::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("angle-arrow.svg"); } .btn--primary:hover::before { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg:hover::before { background-image: url("angle-arrow.svg"); } .btn--primary--transparent .btn__icon--angle-arrow { display: block; } .btn--primary--transparent__icon { width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; } .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .btn__icon--angle-arrow { display: none; } @media (max-width: 849px) { .pub-promo__contents__item:nth-of-type(1), .pub-promo__contents__item:nth-of-type(2), .pub-promo__contents__item:nth-of-type(3) { display: block; } } @media (min-width: 850px) { .pub-promo__contents__item:nth-of-type(2n+3) { clear: left; } .pub-promo__contents__item:nth-child(2n+1) { padding-right: 10px; } .pub-promo__contents__item:nth-child(2n+1):nth-last-of-type(2) .pub-promo__contents__link { border-bottom: 0px none; } .pub-promo__contents__item:nth-child(2n) { padding-left: 10px; } } .pub-promo__contents__link::after { content: " "; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 26px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); opacity: 0; transition: all 0.2s ease 0s; transform: translateX(-5px); } .pub-promo--darktext .pub-promo__contents__link::after { background-image: url("arrow.svg"); } .pub-promo__contents__link:hover::after { opacity: 1; transform: translateX(0px); } .br-promo::after { content: " "; display: table; clear: both; } .br-promo:hover em::after { transform: translate(8px); } .br-promo em::after { content: " "; display: inline-block; width: 30px; height: 12px; margin-left: 10px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); transition: all 0.2s ease 0s; } @media (min-width: 850px) { .br-promo em::after { width: 60px; height: 25px; } } .event-promo__secondary-cta:hover::after { transform: translateX(4px); } .event-promo__secondary-cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .conversation-promo__cta:hover::after { transform: translateX(4px); } .conversation-promo__cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .article-promo__byline-link-arrow::after { display: inline-block; content: ""; width: 24px; height: 10px; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); background-size: 100% auto; margin-left: 8px; background-position: center center; background-repeat: no-repeat; } @media (min-width: 850px) { .channel-promo__themes__item:nth-of-type(3n+1) { clear: left; padding-right: 10px; } .channel-promo__themes__item:nth-of-type(3n+2) { padding: 0px 10px; } .channel-promo__themes__item:nth-of-type(3n) { padding-left: 10px; } .channel-promo__themes__item:nth-last-of-type(3) .channel-promo__themes__link, .channel-promo__themes__item:nth-last-of-type(2) .channel-promo__themes__link, .channel-promo__themes__item:nth-last-of-type(1) .channel-promo__themes__link { border-bottom: 0px none; } } .channel-promo__themes__link::after { content: " "; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 26px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); opacity: 0; transition: all 0.2s ease 0s; transform: translateX(-5px); } .channel-promo__themes__link:hover::after { opacity: 1; transform: translateX(0px); } @media (max-width: 849px) { .br-archive-promo__list__item:nth-of-type(1), .br-archive-promo__list__item:nth-of-type(2), .br-archive-promo__list__item:nth-of-type(3) { display: block; } } @media (min-width: 850px) { .br-archive-promo__list__item:nth-of-type(2n+3) { clear: left; } .br-archive-promo__list__item:nth-child(2n+1) { padding-right: 10px; } .br-archive-promo__list__item:nth-child(2n+1):nth-last-of-type(2) .br-archive-promo__list__item__link { border-bottom: 0px none; } .br-archive-promo__list__item:nth-child(2n) { padding-left: 10px; } } .br-archive-promo__list__item__link::after { content: " "; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 26px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); opacity: 0; transition: all 0.2s ease 0s; transform: translateX(-5px); } .br-archive-promo__list__item__link:hover::after { opacity: 1; transform: translateX(0px); } .list-promo::after { content: " "; display: table; clear: both; } .list-promo__cta:hover::after { transform: translateX(4px); } .list-promo__cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } @media (min-width: 850px) { .insider-subs-promo__color-block__bottom-group::after { content: " "; display: table; clear: both; } } .insider-subs-promo__secondary-cta:hover::after { transform: translateX(4px); } .insider-subs-promo__secondary-cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .premium-features-promo__secondary-cta:hover::after { transform: translateX(4px); } .premium-features-promo__secondary-cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .enlarge-gallery-swiper-button-next { width: 0px; height: 0px; border-width: 10px 0px 10px 18px; border-style: solid none solid solid; border-color: transparent currentcolor transparent black; margin-left: 6px !important; background-color: transparent; } .enlarge-gallery-swiper-button-prev { width: 0px; height: 0px; border-width: 10px 18px 10px 0px; border-style: solid solid solid none; border-color: transparent black transparent currentcolor; background-color: transparent; } .enlarge-swiper-pagination-fraction { font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 400; line-height: 38px; text-align: center; } .adunit { visibility: hidden; } .ad--large { width: 100%; overflow: hidden; margin: 20px 0px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; } @media (min-width: 550px) { .ad--large { margin: 30px 0px; min-height: 90px; } } @media (min-width: 850px) { .ad--large { margin: 60px 0px; padding: 20px 0px; } } .ad--large iframe, .ad--large img { margin: 0px auto; display: block; } .article-footer__ad { max-width: 600px; } @media (min-width: 850px) { .article-footer__ad { position: relative; float: right; margin-top: -20px; margin-left: 0px; margin-right: 0px; } } .ad--right-rail { display: none; float: right; margin: 0px auto 30px; width: 300px; height: 600px; } @media (min-width: 850px) { .ad--right-rail { display: inline-block; } } .ad--square-only { margin: 0px 0px 30px; width: 300px; } @media (min-width: 850px) { .ad--article-body { display: none; } } .ad--leaderboard { z-index: 0; text-align: center; width: 100%; min-height: 50px; margin: 0px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; position: relative; overflow: hidden; } @media (min-width: 321px) { .ad--leaderboard { padding: 20px; } } @media (min-width: 375px) { .ad--leaderboard { min-height: 90px; } } @media (min-width: 786px) { .ad--leaderboard { min-height: 130px; } } .ad--leaderboard iframe, .ad--leaderboard img { margin: 0px auto; display: block; } [data-adunit="__site/__square-rectangle"]::before, [data-adunit="__site/__square-only"]::before, [data-adunit="__site/__right-rail"]::before { content: "Advertisement"; display: block; line-height: normal; padding-bottom: 5px; color: rgba(150, 150, 150, 0.8); font-size: 13px !important; font-weight: bold !important; text-align: center; } .article-body__content [data-adunit="__site/__square-rectangle"]::before, .article-body__content [data-adunit="__site/__square-only"]::before, .article-body__content [data-adunit="__site/__right-rail"]::before { } .l-adunit { position: fixed; z-index: 10; visibility: visible; right: 0px; bottom: 70px; height: 187px; } @media (min-width: 750px) { .l-adunit { right: 20px; bottom: 95px; } } #slider-close { visibility: hidden; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; cursor: pointer; z-index: 1000; background-color: black; padding: 10px; } #slider-close .slider-close-icon { position: relative; width: 100%; height: 100%; background-image: url("x-small--white.svg"); } .l-adunit [data-adunit="__site/__slider"] { max-width: 100%; } @keyframes slidein { 0% { opacity: 0; transform: translateX(300px); } 80% { opacity: 0.3; } 60%, 80%, 100% { transform: translateX(-10px); } 70%, 90% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes slidein { 0% { opacity: 0; transform: translateX(300px); } 80% { opacity: 0.3; } 60%, 80%, 100% { transform: translateX(-10px); } 70%, 90% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0px); } } #fullpage-interstitial-overlay { display: flex; -moz-box-direction: normal; -moz-box-orient: horizontal; flex-direction: row; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 11; } #fullpage-interstitial-container { position: relative; } .article-sponsored-content-list { max-width: 600px; margin-bottom: 15px; } @media (min-width: 0px) and (max-width: 849px) { .article-sponsored-content-list { max-width: 1240px; margin: 30px auto 0px; padding: 0px 10px; } } @media (min-width: 0px) and (max-width: 849px) and (min-width: 550px) { .article-sponsored-content-list { padding: 0px 15px; } } @media (min-width: 0px) and (max-width: 849px) and (min-width: 750px) { .article-sponsored-content-list { padding: 0px 30px; } } @media (min-width: 850px) { .article-sponsored-content-list { position: relative; float: right; } } @media (min-width: 850px) { .article-sponsored-content-list__wrapper { position: absolute; width: 300px; bottom: 180px; right: 0px; visibility: hidden; } } .article-sponsored-content-list__title { padding: 0px 5px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold; } .article-sponsored-content-list__list { border-top: 4px solid rgb(0, 0, 0); } @media (min-width: 850px) { .article-sponsored-content-list__list { border-bottom: 1px solid rgb(0, 0, 0); } } .article-sponsored-content-list__item__sponsor { font-size: 12px; font-weight: 300; padding-bottom: 10px; } .article-sponsored-content-list__item__link { display: block; padding: 12px 5px; transition: background-color 0.25s ease 0s; } .article-sponsored-content-list__item__link:hover { background-color: rgb(238, 238, 238); } .article-sponsored-content-list__item__sponsor__name { font-weight: 600; } .article-sponsored-content-list__item__hed { font-size: 16px; font-weight: 600; } .sponsor .sponsor__leadin:first-of-type::first-line { font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: normal; } .dropdown-nav__item { float: left; padding: 6px 10px 5px; margin: 0px 5px; line-height: normal; overflow: hidden; transition: all 0.1s ease-out 0s; cursor: pointer; } .dropdown-nav__item.js-dropdown-nav-item-is-open, .dropdown-nav__item:hover { background-color: black; color: white; } html { height: 100%; margin: 0px; box-sizing: border-box; } body { margin: 0px; padding: 0px; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; font-feature-settings: "liga"; font-family: "NeueHaas",sans-serif; } .visibility--desktop-x1 { display: none; } @media (min-width: 1250px) { .visibility--desktop-x1 { display: inline-block; } } #header { position: relative; z-index: 4; } [data-onload="fadein"] { opacity: 0; } body.window-load [data-onload="fadein"] { opacity: 1; } .truncate__trigger a { margin-left: 5px; font-weight: bold; } .truncate__trigger a:hover { text-decoration: underline; } .truncate__extended { opacity: 0; display: none; } .site-content { margin-top: 20px; position: relative; display: block; z-index: 2; } .article-body__content::after, .content-body::after { content: " "; display: table; clear: both; } .article-body__content a, .content-body a { color: rgb(249, 14, 30); } .article-body__content a:hover, .content-body a:hover { background-image: linear-gradient(to top, transparent, transparent 2px, rgb(249, 14, 30) 2px, rgb(249, 14, 30) 3px, transparent 3px); text-shadow: -1px 1px 0px rgb(255, 255, 255), 1px 1px 0px rgb(255, 255, 255), -1px 1px 0px rgb(255, 255, 255), 1px 1px 0px rgb(255, 255, 255); } .article-body__content p, .content-body p { font-family: "MillerText",serif; font-size: 19px; line-height: 1.63; margin-bottom: 25px; } body, select, input, textarea { color: rgb(34, 34, 34); } a { text-decoration: none; color: inherit; } a:focus { outline: 0px none; } .article { background-color: white; } .article-body { overflow: inherit; max-width: 1240px; margin: 6px auto 0px; padding: 0px 10px; position: relative; } .article-body::after { content: " "; display: table; clear: both; } @media (min-width: 550px) { .article-body { padding: 0px 15px; } } @media (min-width: 750px) { .article-body { padding: 0px 30px; } } .article-body__content { margin-bottom: 20px; } .article-body__content::after { content: " "; display: table; clear: both; } @media (min-width: 550px) { .article-body__content { margin-bottom: 30px; } } @media (min-width: 1024px) { .article-body__content { margin-left: 100px; } } .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote, .article-body__content .section-h1, .article-body__content .section-h2, .article-body__content .section-h3, .article-body__content .section-h4, .article-body__content .section-h5 { max-width: 600px; } @media (min-width: 850px) { .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote, .article-body__content .section-h1, .article-body__content .section-h2, .article-body__content .section-h3, .article-body__content .section-h4, .article-body__content .section-h5 { width: calc(100% - 320px); } } @media (min-width: 1024px) { .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote, .article-body__content .section-h1, .article-body__content .section-h2, .article-body__content .section-h3, .article-body__content .section-h4, .article-body__content .section-h5 { width: 58.3333%; } } .article-body__content ul, .article-body__content ol { line-height: 1.4; margin-top: 35px; margin-bottom: 35px; padding-left: 0.9em; font-family: "NeueHaas",sans-serif; font-size: 18px; } .article-body__content ul li + li, .article-body__content ol li + li { margin-top: 15px; } .article-body__content ul > li, .article-body__content ol > li { padding-left: 0.6em; } .article-body__content ol { padding-left: 1.8em; } .article-body__content > p { font-family: "MillerText",serif; font-size: 18px; line-height: 1.63; margin-bottom: 20px; } @media (min-width: 550px) { .article-body__content > p { font-family: "MillerText",serif; font-size: 19px; margin-bottom: 30px; } } .article-body__content > p:first-of-type::first-line { font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.1px; } @media (min-width: 550px) { .article-body__content > p { margin-top: -6px; } } .article-body__content > p:first-child, .article-body__content > p:first-of-type { margin-top: 0px; } .article-body__content > :last-child { margin-bottom: 0px; } .article-body__content .l-pullquote--text-col .pullquote__text--quote::before { content: ""; margin-right: 0px; } .article-body__content .l-pullquote--text-col .pullquote__text--quote::after { content: ""; } .article-body__content .l-pullquote--text-col .pullquote__attr::after { content: " "; display: block; position: absolute; top: 0px; left: 0px; width: 50px; border-bottom: 1px solid rgb(0, 0, 0); } .article-body__content .l-pullquote--3col .pullquote__text--quote::before { content: ""; margin-right: 0px; } .article-body__content .l-pullquote--3col .pullquote__text--quote::after { content: ""; } .article-body__content .l-pullquote--3col .pullquote__attr::after { content: " "; display: block; position: absolute; top: 0px; left: 0px; width: 50px; border-bottom: 1px solid rgb(0, 0, 0); } .article-body__content .l-pullquote--left-col .pullquote__text--quote::before { content: ""; margin-right: 0px; } .article-body__content .l-pullquote--left-col .pullquote__text--quote::after { content: ""; } .article-body__content .l-pullquote--left-col .pullquote__attr::after { content: " "; display: block; position: absolute; top: 0px; left: 0px; width: 50px; border-bottom: 1px solid rgb(0, 0, 0); } [class*="entry__taxonomy"] > .entry__term::after { content: ", "; } [class*="entry__taxonomy"] > .entry__term:last-child::after { content: ""; } @media print { #header, .footer, .meter, .article-footer, .reading-list, .l-article-topper__social-list, [data-adunit="__site/__leaderboard"], [data-adunit="__site/__square-rectangle"], [data-adunit="__site/__square-only"], [data-adunit="__site/__fullwidth-interstitial"] { display: none; } } .meter { height: 64px; background-color: rgb(74, 74, 74); font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 300; color: rgb(255, 255, 255); position: fixed; left: 0px; right: 0px; bottom: 0px; transform: translateY(53px); transition: all 0.4s ease 0s; } .meter::after { content: " "; display: table; clear: both; } @media (min-width: 750px) { .meter { height: 90px; font-size: 28px; } } .meter__numbers { width: 64px; height: 64px; line-height: 64px; float: left; background-color: rgb(249, 14, 30); font-family: "NeueHaas",sans-serif; font-size: 28px; font-weight: 600; text-align: center; margin-right: 14px; } @media (min-width: 750px) { .meter__numbers { width: 90px; height: 90px; line-height: 90px; font-size: 36px; margin-right: 20px; } } .meter__inner { display: flex; position: relative; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: center; justify-content: center; height: 64px; } @media (min-width: 750px) { .meter__inner { height: 90px; } } .meter__copy { padding-right: 40px; } .meter__copy__line { display: inline; } @media (min-width: 401px) { .meter__copy__line { display: inline-block; } } .meter__toggle { border: 0px none; background-color: transparent; box-shadow: none; border-radius: 0px; padding: 0px; cursor: pointer; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 40px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; } .meter__toggle:focus { outline: 0px none; } .meter__close { width: 18px; height: 18px; position: absolute; display: block; top: 50%; left: 0px; margin: -10px 0px 0px; background-color: rgb(255, 255, 255); border-radius: 50%; vertical-align: middle; } @media (min-width: 750px) { .meter__close { width: 20px; height: 20px; } } .meter__close::after, .meter__close::before { width: 2px; background: rgb(74, 74, 74) none repeat scroll 0% 0%; transform-origin: center center 0px; content: " "; display: block; position: absolute; top: 21%; right: 50%; bottom: 20%; margin-right: -1px; } .meter__close::before { transform: rotate(-45deg); } .meter__close::after { transform: rotate(45deg); } .meter__subscribe__link { font-weight: 600; text-decoration: underline; } .first-look-alert-bar::after { content: " "; display: table; clear: both; } .first-look-alert-bar__close::after, .first-look-alert-bar__close::before { width: 2px; background: rgb(255, 238, 55) none repeat scroll 0% 0%; transform-origin: center center 0px; content: " "; display: block; position: absolute; top: 21%; right: 50%; bottom: 20%; margin-right: -1px; } .first-look-alert-bar__close::before { transform: rotate(-45deg); } .first-look-alert-bar__close::after { transform: rotate(45deg); } .l-article-topper { padding-top: 15px; } .article-topper__header-wrap { position: relative; } .article-topper__topic { padding-top: 10px; padding-bottom: 10px; border-top: 3px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); } .article-topper__topic { font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 15px; } @media (min-width: 850px) { .article-topper__topic { margin-bottom: 25px; max-width: 600px; font-size: 20px; } } .article-topper__title { font-family: "NeueHaas",sans-serif; font-size: 28px; font-weight: 600; line-height: 1.15; margin-bottom: 10px; } @media (min-width: 550px) { .article-topper__title { font-size: 36px; text-rendering: optimizelegibility; margin-bottom: 20px; } } @media (min-width: 850px) { .article-topper__title { font-size: 40px; text-rendering: optimizelegibility; max-width: 600px; } } @media (min-width: 1024px) { .article-topper__title { font-size: 44px; text-rendering: optimizelegibility; margin-bottom: 30px; } } @media (min-width: 1250px) { .article-topper__title { font-size: 56px; text-rendering: optimizelegibility; } } .article-topper__subtitle { font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 20px; } @media (min-width: 550px) { .article-topper__subtitle { margin-bottom: 30px; } } @media (min-width: 850px) { .article-topper__subtitle { font-size: 21px; max-width: 600px; padding-right: 50px; } } @media (min-width: 1024px) { .article-topper__subtitle { margin-bottom: 50px; } } @media (min-width: 550px) { .article-topper__meta-info { max-width: 600px; } } .article-topper__meta-info--underline::after { position: relative; display: block; content: ""; margin-top: 20px; width: 100px; border-bottom: 1px solid rgb(0, 0, 0); } @media (min-width: 550px) { .article-topper__meta-info--underline::after { margin-top: 30px; } } @media (min-width: 1024px) { .article-topper__meta-info--underline::after { margin-top: 50px; } } .article-topper__meta-item { max-width: 600px; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 0px; display: inline-block; margin-right: 20px; } @media (min-width: 850px) { .article-topper__meta-item { font-size: 19px; } } .article-topper__meta-item:last-of-type { margin-right: 0px; } .l-article-topper--standard { padding: 0px 0px 15px; margin-bottom: 5px; } @media (min-width: 550px) { .l-article-topper--standard { padding: 20px 0px 25px; } } .l-article-topper--standard .article-topper__header-wrap { display: inline-block; max-width: 600px; width: 100%; border-bottom: 1px solid rgb(0, 0, 0); } @media (min-width: 850px) { .l-article-topper--standard .article-topper__header-wrap { width: calc(100% - 320px); } } @media (min-width: 1024px) { .l-article-topper--standard .article-topper__header-wrap { width: 58.3333%; } } @media (min-width: 1024px) { .l-article-topper--standard { margin-left: 100px; padding-right: 20px; margin-top: 6px; } } .l-article-topper--standard .article-topper__hgroup { display: inline-block; color: rgb(0, 0, 0); width: 100%; padding-bottom: 20px; } @media (min-width: 550px) { .l-article-topper--standard .article-topper__hgroup { font-size: 20px; padding-bottom: 25px; } } .l-article-topper--standard .article-topper__topic { padding-top: 10px; padding-bottom: 0px; border-top: 3px solid rgb(0, 0, 0); border-bottom: 0px none; margin-bottom: 10px; } @media (min-width: 550px) { .l-article-topper--standard .article-topper__title { font-size: 32px; text-rendering: optimizelegibility; margin-bottom: 25px; } } @media (min-width: 850px) { .l-article-topper--standard .article-topper__title { font-size: 40px; text-rendering: optimizelegibility; } } @media (min-width: 1024px) { .l-article-topper--standard .article-topper__title { margin-bottom: 25px; } } .l-article-topper--standard .article-topper__subtitle { margin-bottom: 20px; } @media (min-width: 1024px) { .l-article-topper--standard .article-topper__subtitle { margin-bottom: 30px; } } .btn { background-color: transparent; text-align: left; border: 2px solid rgb(0, 0, 0); padding: 30px 10px 8px; font-family: NeueHaas; font-size: 18px; font-weight: 700; transition: all 0.2s ease 0s; width: 100%; position: relative; outline: medium none; display: block; } @media (min-width: 850px) { .btn { display: inline-block; padding: 30px 100px 8px 10px; width: auto; } } .btn:hover { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .btn:active { background-color: rgb(0, 0, 0); color: white; } .btn--lock::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; top: 9px; right: 9px; font-size: 16px; } .btn--primary::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("angle-arrow.svg"); } .btn--primary:hover::before { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg:hover::before { background-image: url("angle-arrow.svg"); } .btn--primary--transparent .btn__icon--angle-arrow { display: block; } .btn--primary--transparent__icon { width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; } .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .l-product-description { width: 100%; padding: 40px 9% 20px; clear: both; display: block; position: relative; } .product-description { background: rgb(2, 114, 152) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .product-description__level { font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 900; margin-bottom: 0px; } @media (min-width: 750px) { .product-description__level { margin-right: 10px; margin-bottom: 40px; display: inline-block; position: relative; float: left; } } .product-description__price { font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 200; margin-bottom: 20px; } @media (min-width: 750px) { .product-description__price { display: inline-block; position: relative; float: left; } } .product-description__price__note { display: none; } .product-description__benefits::after { content: " "; display: table; clear: both; } .l-product-description { padding: 0px; } @media (min-width: 850px) { .l-product-description { width: 56%; } } .product-description { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(0, 0, 0); } .product-description__level, .product-description__price { font-size: 24px; } @media (min-width: 750px) { .product-description__level { float: none; position: static; display: block; margin-bottom: 0px; } } @media (min-width: 750px) { .product-description__price { float: none; position: static; display: block; } } @media (min-width: 850px) { .product-description__level, .product-description__price { font-size: 30px; } } .product-description__price__note { font-size: 0.75em; display: inline; color: rgb(136, 136, 136); } .paywall { display: none; } .paywall__subscribe-alert { color: rgb(249, 14, 30); font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; position: relative; margin-top: 20px; width: 100%; } .paywall__subscribe-alert::before { content: ""; display: block; height: 4px; position: absolute; right: 0px; left: 0px; top: 50%; z-index: 1; margin-top: -3px; background-color: rgb(249, 14, 30); } .paywall__subscribe-alert span { display: inline-block; background-color: white; padding: 0px 10px; position: relative; z-index: 2; } .paywall__aside { margin-bottom: 20px; } @media (min-width: 850px) { .paywall__aside { margin-bottom: 25px; width: 41.6667%; } } .paywalL__aside__heading { font-size: 24px; line-height: 1.15em; font-weight: 700; } @media (min-width: 850px) { .paywalL__aside__heading { margin-bottom: 40px; font-size: 48px; margin-right: 30px; } } .paywall_heading { line-height: 120%; font-weight: 200; font-size: 48px; margin: 20px 0px; } @media (min-width: 850px) { .paywall_heading { font-size: 90px; margin: 50px 0px; } } .paywall__subscribe-btn { transition: all 0.3s ease 0s; position: relative; clear: both; height: 69px; width: 100%; } .paywall__subscribe-btn:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .paywall__subscribe-btn:hover span { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .paywall__subscribe-btn p { font-family: NeueHaas; font-size: 17px; font-weight: 600; cursor: pointer; padding: 23px 10px 10px; line-height: 1; position: relative; border: 2px solid rgb(0, 0, 0); } .paywall__subscribe-btn span { position: absolute; width: 10px; height: 10px; top: 9px; right: 10px; background-image: url("angle-arrow.svg"); } .paywall__subscribe-btn p { padding-top: 37px; } @media (min-width: 850px) { .paywall__subscribe-btn { width: 150px; } } .paywall__subscribe-btn--mobile { margin-bottom: 20px; } @media (min-width: 850px) { .paywall__subscribe-btn--mobile { display: none; } } .paywall__subscribe-btn--desktop { margin-top: 40px; } @media (min-width: 0px) and (max-width: 849px) { .paywall__subscribe-btn--desktop { display: none; } } .paywall__link { margin-top: 1em; width: 50%; } .paywall__link a { font-weight: 700; } .paywall__link--pricing { font-weight: 700; } .paywall__link--pricing:hover::after { transform: translateX(4px); } .paywall__link--pricing::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } @media (min-width: 850px) { .paywall__link:first-child { margin-top: 40px; } } .article.ko .article-body__content::before { content: ""; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 36%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50%; width: 100%; z-index: 2; } .article-footer { width: 100%; } .article-footer::after { content: " "; display: table; clear: both; } @media (min-width: 1024px) { .article-footer { padding-left: 100px; } } .article-footer__main { padding-bottom: 20px; float: left; max-width: 600px; } @media (min-width: 850px) { .article-footer__main { width: calc(100% - 320px); } } @media (min-width: 1024px) { .article-footer__main { width: 58.3333%; } } .article-footer__group { padding-top: 20px; border-top: 1px solid black; } .article-footer__group::after { content: " "; display: table; clear: both; } @media (min-width: 550px) { .article-footer__group { padding-top: 30px; } } .article-footer__group + .article-footer__group { margin-top: 15px; } @media (min-width: 550px) { .article-footer__group + .article-footer__group { margin-top: 30px; } } .article-footer__terms { font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 400; } .article-footer__author__portrait-mod { float: left; border-radius: 100%; overflow: hidden; margin-right: 15px; width: 60px; height: 60px; } @media (min-width: 550px) { .article-footer__author__portrait-mod { width: 75px; height: 75px; } } .article-footer__author__portrait { width: 100%; height: 100%; } .article-footer__author__text { font-family: "NeueHaas",sans-serif; font-size: 17px; font-weight: 400; } .article-footer__author__text.article-footer__author__text-with-avatar { margin-left: 75px; } @media (min-width: 550px) { .article-footer__author__text.article-footer__author__text-with-avatar { margin-left: 90px; } } .article-footer__author__name { margin-bottom: 20px; font-weight: 700; } @media (min-width: 550px) { .article-footer__author__name { margin-bottom: 10px; } } .article-footer__author__title { font-weight: 400; display: block; margin-top: 5px; font-size: 15px; } @media (min-width: 550px) { .article-footer__author__title { font-size: 17px; display: inline; margin-left: 20px; margin-top: 0px; } } .article-footer__author_bio { font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } body.in-business-report .swiper-button-prev::after { background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(228, 236, 247), rgba(228, 236, 247, 0)) repeat scroll 0% 0%; } body.in-business-report .swiper-button-next::after { background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(228, 236, 247, 0), rgb(228, 236, 247)) repeat scroll 0% 0%; } body.in-business-report .article.ko .article-body__content::before { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(228, 236, 247, 0) 0%, rgba(228, 236, 247, 0.52) 34%, rgba(228, 236, 247, 0.84) 70%, rgb(228, 236, 247) 99%, rgb(228, 236, 247) 100%) repeat scroll 0% 0%; } body.in-business-report .issue-info__cta:hover::after { transform: translateX(4px); } body.in-business-report .issue-info__cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 22px; height: 10px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 8px; background-position: center center; background-repeat: no-repeat; } .article-body__content picture { display: inline-block; width: 100%; position: relative; } .article-body__content .l-article-img { clear: both; margin-bottom: 20px; } @media (min-width: 850px) { .article-body__content .l-article-img { margin-bottom: 30px; } } .article-body__content .article-img { display: block; width: 100%; } @media (min-width: 550px) { .article-body__content .article-img { max-width: 100%; } } .article-body__content .l-article-img--3x4::after { content: " "; display: table; clear: both; } .article-body__content .l-article-img--2x4--right::after { content: " "; display: table; clear: both; } .article-body__content .l-article-img--text-col { max-width: 600px; clear: none; } @media (min-width: 850px) { .article-body__content .l-article-img--text-col { width: calc(100% - 320px); } } @media (min-width: 1024px) { .article-body__content .l-article-img--text-col { width: 58.3333%; } } .article-body__content .l-article-iframe:not(.l-article-iframe--full) { max-width: 600px; } @media (min-width: 850px) { .article-body__content .l-article-iframe:not(.l-article-iframe--full) { width: calc(100% - 320px); } } @media (min-width: 1024px) { .article-body__content .l-article-iframe:not(.l-article-iframe--full) { width: 58.3333%; } } .article-body__content .l-cta--left .cta--left .cta__box .cta__email::-moz-placeholder { color: rgb(190, 190, 190); } @media (min-width: 550px) { .article-body__content .l-automated-trending--unordered::before { content: " "; display: block; position: absolute; top: 0px; right: 20px; left: 20px; border-top: 1px solid rgb(0, 0, 0); } } .article-body__content .l-automated-trending--ordered { margin: 10px 0px 40px; padding: 20px 0px 0px; } @media (max-width: 850px) { .article-body__content .l-automated-trending--ordered { display: none; } } @media (min-width: 550px) { .article-body__content .l-automated-trending--ordered { width: 50%; float: right; clear: right; padding-left: 20px; border-top: 0px none; position: relative; } .article-body__content .l-automated-trending--ordered::before { content: " "; display: block; position: absolute; top: 0px; right: 20px; left: 20px; } } @media (min-width: 850px) { .article-body__content .l-automated-trending--ordered { width: 33.3333%; } } .article-body__content .l-automated-trending--ordered .automated-trending__h { font-family: "NeueHaas",sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 0px; margin-top: 0px; } .article-body__content .l-automated-trending--ordered .automated-trending__tz-list { width: 100%; padding: 0px; margin: 0px; counter-reset: ind-counter 0; list-style: outside none none; } .article-body__content .l-automated-trending--ordered .automated-trending__tz-list .automated-trending--ordered__tz:first-child .automated-trending--ordered__tz__hgroup { border-top: 0px none; } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz { position: relative; counter-increment: ind-counter 1; margin-top: 4px; } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz::after { content: " "; display: table; clear: both; } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz::before { content: counter(ind-counter, decimal-leading-zero); position: absolute; left: 0px; top: 11px; color: rgb(147, 149, 152); font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 200; line-height: 1; visibility: visible; } @media (min-width: 1024px) { .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz::before { top: 11px; font-size: 30px; } } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__hgroup { margin-left: 40px; padding: 7px 5px 0px 0px; width: calc(100% - 40px); display: inline-block; min-height: 46px; border-top: 1px solid rgb(0, 0, 0); } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__story-link { color: rgb(0, 0, 0); font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 400; display: inline-block; line-height: 19px; vertical-align: sub; } .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__story-link:hover { background-image: none !important; text-decoration: underline !important; } .article-body__content .magazine-promo-cap .magazine-promo-cap__cta::after { content: " "; display: inline-block; height: 9px; width: 26px; margin-left: 10px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("arrow--red.svg"); opacity: 1; transition: all 0.2s ease 0s; transform: translateX(-5px); } .article-body__content .magazine-promo-cap .magazine-promo-cap__cta:hover::after { opacity: 1; transform: translateX(0px); } .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link:hover::after { transform: translateX(4px); } .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link::after { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); margin-left: 10px; } @media (min-width: 550px) { .article-body__content .l-article-big-num::before, .article-body__content .l-article-list::before { content: " "; display: block; position: absolute; top: 0px; right: 20px; left: 20px; border-top: 1px solid rgb(0, 0, 0); } } @media (min-width: 850px) { .article-body__content .l-reader-comment.three-by-one .reader-comment:not(:last-child) { padding-right: 30px; } } .article-body__content .speech-bubble::after { bottom: -46px; content: ""; position: absolute; right: 102px; border-width: 50px 0px 0px 70px; border-style: solid; border-color: white transparent; display: block; width: 0px; } .article-body__content .speech-bubble::before { bottom: -50px; content: ""; position: absolute; right: 100px; border-width: 50px 0px 0px 70px; border-style: solid; border-color: black transparent; display: block; width: 0px; } .article-body__content .l-reader-comment.left .speech-bubble::after { left: 102px; border-width: 50px 70px 0px 0px; } .article-body__content .l-reader-comment.left .speech-bubble::before { left: 100px; border-width: 50px 70px 0px 0px; } .l-automated-trending-mobile--ordered { margin: 10px 0px 40px; padding: 20px 10px 0px; } @media (min-width: 550px) { .l-automated-trending-mobile--ordered { display: none; } } @media (min-width: 550px) { .l-automated-trending-mobile--ordered { width: 50%; float: right; clear: right; padding-left: 20px; border-top: 0px none; position: relative; } .l-automated-trending-mobile--ordered::before { content: " "; display: block; position: absolute; top: 0px; right: 20px; left: 20px; } } @media (min-width: 850px) { .l-automated-trending-mobile--ordered { width: 33.3333%; } } .l-automated-trending-mobile--ordered .automated-trending__h { font-family: "NeueHaas",sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 0px; margin-top: 0px; } .l-automated-trending-mobile--ordered .automated-trending__tz-list { width: 100%; padding: 0px; margin: 0px; counter-reset: ind-counter 0; list-style: outside none none; } .l-automated-trending-mobile--ordered .automated-trending__tz-list .automated-trending--ordered__tz:first-child .automated-trending--ordered__tz__hgroup { border-top: 0px none; } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz { position: relative; counter-increment: ind-counter 1; margin-top: 4px; } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz::after { content: " "; display: table; clear: both; } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz::before { content: counter(ind-counter, decimal-leading-zero); position: absolute; left: 0px; top: 11px; color: rgb(147, 149, 152); font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 200; line-height: 1; visibility: visible; } @media (min-width: 1024px) { .l-automated-trending-mobile--ordered .automated-trending--ordered__tz::before { top: 11px; font-size: 30px; } } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__hgroup { margin-left: 40px; padding: 7px 5px 0px 0px; width: calc(100% - 40px); display: inline-block; min-height: 46px; border-top: 1px solid rgb(0, 0, 0); } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__story-link { color: rgb(0, 0, 0); font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 400; display: inline-block; line-height: 19px; vertical-align: sub; } .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__story-link:hover { background-image: none !important; text-decoration: underline !important; } .article-enlarge__modal { height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0s; } .article-img-enlarge-gallery-container { height: 97%; width: calc(100% - 296px); margin: 2vh 103px 1vh 148px; position: initial; } .article-img-enlarge-gallery-container .swiper-wrapper-outer { height: 100% !important; } .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper { height: 100% !important; } .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide { height: 100% !important; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; } .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper { max-width: 100%; max-height: 86vh; margin-left: auto; margin-right: auto; padding-right: 45px; } .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > picture { display: block; position: relative; } .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > picture > img { max-width: 100%; max-height: 80vh; margin-left: auto; margin-right: auto; } .article-img-enlarge-gallery-container .enlarge-gallery-controls__container { position: absolute; top: calc(50% - 46px); left: 0px; padding: 15px 15px 15px 12px; } .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-button { height: 20px; width: 20px; display: inline-block; padding: 0px; } .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-index-back { width: 60px; height: 40px; border-style: solid; border-width: 1px; border-color: rgb(0, 0, 0); margin-left: 10px !important; background-color: rgb(255, 255, 255); z-index: 10000; display: inline-block; position: relative; top: 2px; } .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-index-back .enlarge-gallery-swiper-index-front { width: 60px; height: 40px; border-style: solid; border-width: 1px; border-color: rgb(0, 0, 0); position: relative; left: -5px; top: 3px; background-color: rgb(255, 255, 255); } .article-img-enlarge-gallery-container .article-cap { font-family: "NeueHaas",sans-serif; font-size: 15px; font-weight: 300; line-height: 1.4; padding-top: 10px; width: 450px; } picture:hover .article-enlarge, .video-wrapper:hover .article-enlarge { position: absolute; bottom: 8px; left: 8px; height: 30px; width: 30px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/enlarge-art-hover-icon.png"); opacity: 1; cursor: pointer; display: none; top: auto; } @media (min-width: 850px) { picture:hover .article-enlarge, .video-wrapper:hover .article-enlarge { display: block; } } .video-wrapper { position: relative; } .article-body__content .callout--tagged-event-promo { max-width: 600px; border-top: 1px solid rgb(0, 0, 0); padding-top: 20px; } @media (min-width: 850px) { .article-body__content .callout--tagged-event-promo { width: calc(100% - 320px); } } @media (min-width: 1024px) { .article-body__content .callout--tagged-event-promo { width: 58.3333%; } } @media (min-width: 550px) { .article-body__content .callout--tagged-event-promo { border-top: 0px none; } } @media (min-width: 1024px) { .article-body__content .callout--tagged-event-promo { border-top: 4px solid rgb(0, 0, 0); border-bottom: 4px solid rgb(0, 0, 0); padding-bottom: 20px; } } .article-body__content p.callout__copy { margin-bottom: 0px; font-family: "NeueHaas",sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; } @media (min-width: 550px) { .article-body__content p.callout__copy { font-family: "NeueHaas",sans-serif; font-size: 26px; font-weight: 700; } } .article-body__content p.callout__copy a { color: rgb(0, 0, 0); text-decoration: underline; } .article-body__content a.callout__link { font-family: "NeueHaas",sans-serif; font-size: 20px; font-weight: 700; } .article-body__content a.callout__link:hover { background-image: none; text-shadow: none; } .article-body__content a.callout__link:hover .callout__cta-icon { transform: translateX(4px); } .article-body__content .callout__cta-icon { width: 27px; height: 20px; display: inline-block; vertical-align: middle; background-position: 50% 35%; background-size: contain; background-repeat: no-repeat; background-image: url("arrow--red.svg"); transition: all 0.2s ease 0s; } .rm { max-width: 1240px; margin: 0px auto; padding: 0px 10px; display: flex; flex-wrap: wrap; } @media (min-width: 550px) { .rm { padding: 0px 15px; } } @media (min-width: 750px) { .rm { padding: 0px 30px; } } @media (min-width: 1024px) { .rm .rm__header { padding-right: 2em; margin-right: 1em; width: 25%; } .rm .rm__articles-list { width: calc(75% - 1em); } .rm .rm__article:first-child { border-top: 4px solid rgb(0, 0, 0); } .rm .rm__article:last-child { border-bottom: 1px solid rgb(0, 0, 0); } .rm .rm__footer { margin-left: calc(25% + 1em); } } .rm__article { display: flex; -moz-box-direction: normal; -moz-box-orient: horizontal; flex-flow: row wrap; } .rm__article__text { -moz-box-ordinal-group: 2; order: 1; } @media (min-width: 550px) { .rm__article__text { -moz-box-ordinal-group: 2; order: 1; } } @media (min-width: 1024px) { .rm__article__text { -moz-box-ordinal-group: 3; order: 2; } } .l-rm__article__thumbnail, .l-rm__article__thumbnail--faux-crop { -moz-box-ordinal-group: 3; order: 2; } @media (min-width: 550px) { .l-rm__article__thumbnail, .l-rm__article__thumbnail--faux-crop { -moz-box-ordinal-group: 2; order: 1; } } @media (min-width: 1024px) { .l-rm__article__thumbnail, .l-rm__article__thumbnail--faux-crop { -moz-box-ordinal-group: 2; order: 1; } } .l-rm__article__thumbnail--faux-crop { position: relative; width: 300px; height: 180px; overflow: hidden; } .rm__header { border-top: 4px solid rgb(0, 0, 0); width: 100%; } .rm__header__heading { margin-top: 18px; font-family: NeueHaas; font-size: 26px; font-weight: bold; } .rm__header__subheading { font-family: NeueHaas; font-size: 16px; font-weight: 300; line-height: 1.63; margin-top: 10px; margin-bottom: 20px; } .rm__articles-list { width: 100%; position: relative; counter-reset: article 0; } .rm__article::before { font-family: NeueHaas; font-size: 36px; text-rendering: optimizelegibility; font-weight: 200; line-height: 1em; counter-increment: article 1; content: "0" counter(article, decimal); position: absolute; left: 0px; } @media (min-width: 1024px) { .rm__article::before { font-size: 40px; left: 40px; top: 25px; } } .rm__article { position: relative; border-top: 1px solid rgb(0, 0, 0); padding: 20px 0px 20px 48px; overflow: auto; } @media (min-width: 1024px) { .rm__article { min-height: 230px; padding-left: 100px; } } .rm__article__text { display: block; } @media (min-width: 550px) { .rm__article__text { margin-left: 20px; padding-right: 20px; width: calc(100% - 320px); display: inline-block; } } @media (min-width: 1024px) { .rm__article__text { margin-left: 0px; padding-right: 0px; width: 90%; } } @media (min-width: 1024px) { .rm__article--img .rm__article__text { margin-left: 20px; padding-right: 20px; width: calc(100% - 320px); } } .rm__article__text__title { font-family: NeueHaas; font-size: 20px; font-weight: 600; line-height: 1.1em; } @media (min-width: 550px) { .rm__article__text__title { font-size: 23px; } } @media (min-width: 1024px) { .rm__article__text__title { font-size: 26px; } } .rm__article__text__dek, .rm__article__text__byline { font-family: NeueHaas; font-size: 17px; font-weight: 300; margin-top: 10px; } .l-rm__article__thumbnail { width: 100%; display: inline-block; margin-top: 20px; } @media (min-width: 550px) { .l-rm__article__thumbnail { margin-top: 0px; width: 300px; } } .rm__article__thumbnail { position: relative; width: 100%; margin: 0px 0px 20px; } @media (min-width: 550px) { .rm__article__thumbnail { margin: 0px; } } .rm__footer { width: 100%; font-weight: bold; padding: 10px 0px 0px 50px; } .rm__footer__link:hover::after { transform: translateX(4px); } .rm__footer__link::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .l-related-videos { max-width: 1240px; margin: 0px auto 30px; padding: 0px 10px; } @media (min-width: 550px) { .l-related-videos { padding: 0px 15px; } } @media (min-width: 750px) { .l-related-videos { padding: 0px 30px; } } .l-related-videos::after { content: " "; display: table; clear: both; } @media (min-width: 550px) { .l-related-videos { margin-bottom: 40px; } } .related-videos__header { width: 100%; margin-bottom: 13px; padding: 10px 0px 0px; border-top: 4px solid rgb(0, 0, 0); display: flex; -moz-box-pack: justify; justify-content: space-between; -moz-box-align: baseline; align-items: baseline; } @media (min-width: 550px) { .related-videos__header { margin-bottom: 20px; } } .related-videos__header__title { width: 50%; font-family: "NeueHaas",sans-serif; font-size: 26px; font-weight: bold; } .related-videos__header__link { width: 50%; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: bold; text-align: right; } .related-videos__header__link:hover::after { transform: translateX(4px); } .related-videos__header__link::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } .l-related-videos__container { width: 100%; } .l-related-videos__container::after { content: " "; display: table; clear: both; } .related-video { width: 100%; position: relative; } .related-video:nth-child(2) { display: none; } @media (min-width: 550px) { .related-video:nth-child(2) { display: block; } } .related-video:nth-child(3) { display: none; } @media (min-width: 550px) { .related-video:nth-child(3) { display: block; } } @media (max-width: 849px) { .related-video:nth-child(3) { margin-right: 0px; } } .related-video:last-child { display: none; } @media (min-width: 850px) { .related-video:last-child { margin-right: 0px; display: block; } } @media (min-width: 550px) and (max-width: 849px) { .related-video { width: 32%; margin-right: 1.5%; position: relative; float: left; } } @media (min-width: 850px) { .related-video { width: 24%; margin-right: 1.33333%; position: relative; float: left; } } .related-video__image-wrapper { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative; overflow: hidden; } .related-video__play-border { border: 3px solid rgb(255, 255, 255); border-radius: 100%; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1), 0px 0px 50px 0px rgba(0, 0, 0, 0.1) inset; width: 56px; height: 56px; position: absolute; top: calc(50% - 28px); left: calc(50% - 28px); z-index: 2; } .related-video__play-button { border-width: 16px 0px 16px 21px; border-style: solid none solid solid; border-color: transparent currentcolor transparent rgb(255, 255, 255); position: absolute; top: 21%; left: 38%; } .related-video__image { width: 100%; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .related-video__topic { margin-top: 10px; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 300; display: none; } @media (min-width: 550px) { .related-video__topic { margin-bottom: 6px; display: block; } } .related-video__title { font-family: "NeueHaas",sans-serif; font-size: 20px; font-weight: 600; } @media (max-width: 549px) { .related-video__title { width: 100%; padding: 0px 30px; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 600; text-align: center; text-shadow: 1px 1px 10px rgb(0, 0, 0); color: white; position: absolute; left: 0px; bottom: 20px; } .sponsored .related-video__title::before { content: "Sponsored: "; font-family: "NeueHaas",sans-serif; font-size: 16px; font-weight: 400; } } @media (min-width: 850px) { .related-video__title { font-family: "NeueHaas",sans-serif; font-size: 24px; font-weight: 600; } } .related-video__duration { font-weight: 300; } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader2 { 0% { } 100% { } } @keyframes animateLoader2 { 0% { transform: rotate(-140deg); } 100% { transform: rotate(140deg); } } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 700; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: normal; src: url("font-bureau-millertext-roman_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 200; src: url("nhaasgroteskdsstd-25th_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 300; src: url("nhaasgroteskdsstd-35xlt_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 400; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: normal; src: url("nhaasgroteskdsstd-55rg_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 600; src: url("nhaasgroteskdsstd-65md_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 700; src: url("nhaasgroteskdsstd-75bd_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 900; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype"); } .nav-li__dropdown-ol--big::before { counter-increment: dropdown 1; content: counter(dropdown, decimal) " "; color: rgb(102, 102, 102); } .article-body > .social-list { display: none; position: relative; float: right; margin: 5px 0px 0px 10px; } @media (min-width: 550px) { .article-body > .social-list { margin: 5px 20px 0px 10px; } } @media (min-width: 1024px) { .article-body > .social-list { display: block; float: left; margin: 5px 0px 0px; } } footer .social-list { position: relative; float: right; margin: 5px 0px 0px 10px; } @media (min-width: 550px) { footer .social-list { margin: 5px 20px 0px 10px; } } @media (min-width: 1024px) { footer .social-list { display: block; float: left; margin: 5px 0px 0px; } } .social-list__item { display: block; } .no-touch .social-list__item--more::before { pointer-events: none; right: 10px; opacity: 1; transition: all 0.2s ease 0s; display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; -moz-osx-font-smoothing: grayscale; content: ""; color: rgb(0, 0, 0); font-size: 18px; height: 24px; line-height: 24px; position: absolute; left: 0px; top: 22.5px; width: 100%; text-align: center; margin-top: -12px; } @media (min-width: 850px) { .no-touch .social-list__item--more::before { font-size: 23px; margin-top: -15px; height: 30px; line-height: 30px; top: 27.5px; } } .no-touch .social-list__item--more:hover::before { opacity: 0; } .no-touch .social-list__item--more:hover .social-list__item:nth-of-type(1) { transition-delay: 0.1s; } .no-touch .social-list__item--more:hover .social-list__item:nth-of-type(2) { transition-delay: 0.2s; } .no-touch .social-list__item--more:hover .social-list__item:nth-of-type(3) { transition-delay: 0.3s; } .social-list__link { width: 40px; height: 45px; display: block; border-top: 1px solid rgb(0, 0, 0); text-align: center; position: relative; cursor: pointer; } .social-list__link i { font-size: 18px; margin: -12px 0px 0px; width: 100%; text-align: center; position: absolute; top: 50%; left: 0px; height: 24px; } @media (min-width: 850px) { .social-list__link { width: 50px; height: 55px; } .social-list__link i { font-size: 24px; margin: -15px 0px 0px; height: 30px; } } .sharing--footer { position: relative; margin: 0px 0px 20px; float: right; } @media (min-width: 550px) { .sharing--footer { margin: 0px; text-align: right; display: inline-block; } } .sharing--footer:last-child { margin-bottom: 0px; } .sharing--footer .social-list__item, .sharing--footer .social-list__item--more { display: inline-block; } .sharing--footer .social-list__item, .sharing--footer .social-list__item--more-list { margin-left: 5px; margin-bottom: 5px; } .sharing--footer .social-list__link { width: 30px; height: 30px; display: block; background-color: rgb(0, 0, 0); border-radius: 50%; color: white; text-align: center; } .sharing--footer .social-list__link i { font-size: 18px; line-height: 30px; vertical-align: middle; } .loading--sm .loading__anim::after { content: ""; position: absolute; height: 24px; width: 24px; clip: rect(0px, 24px, 24px, 15px); border-radius: 50%; box-shadow: 0px 0px 0px 2px rgb(0, 0, 0) inset; animation: 0.5s linear 0s normal none infinite running animateLoader2; } .loading--large::after { content: ""; position: absolute; height: 50px; width: 50px; clip: rect(0px, 50px, 50px, 31.25px); border-radius: 50%; box-shadow: 0px 0px 0px 2px rgb(0, 0, 0) inset; animation: 0.5s linear 0s normal none infinite running animateLoader2; } .btn { background-color: transparent; text-align: left; border: 2px solid rgb(0, 0, 0); padding: 30px 10px 8px; font-family: NeueHaas; font-size: 18px; font-weight: 700; transition: all 0.2s ease 0s; width: 100%; position: relative; outline: medium none; display: block; } @media (min-width: 850px) { .btn { display: inline-block; padding: 30px 100px 8px 10px; width: auto; } } .btn:hover { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .btn:active { background-color: rgb(0, 0, 0); color: white; } .btn--lock::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; top: 9px; right: 9px; font-size: 16px; } .btn--primary::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("angle-arrow.svg"); } .btn--primary:hover::before { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg:hover::before { background-image: url("angle-arrow.svg"); } .btn--primary--transparent .btn__icon--angle-arrow { display: block; } .btn--primary--transparent__icon { width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; } .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .l-product-description { width: 100%; padding: 40px 9% 20px; clear: both; display: block; position: relative; } .product-description { background: rgb(2, 114, 152) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .product-description__level { font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 900; margin-bottom: 0px; } @media (min-width: 750px) { .product-description__level { margin-right: 10px; margin-bottom: 40px; display: inline-block; position: relative; float: left; } } .product-description__price { font-family: "NeueHaas",sans-serif; font-size: 30px; font-weight: 200; margin-bottom: 20px; } @media (min-width: 750px) { .product-description__price { display: inline-block; position: relative; float: left; } } .product-description__price__note { display: none; } .product-description__benefits::after { content: " "; display: table; clear: both; } .l-product-description { padding: 0px; } @media (min-width: 850px) { .l-product-description { width: 56%; } } .product-description { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(0, 0, 0); } .product-description__level, .product-description__price { font-size: 24px; } @media (min-width: 750px) { .product-description__level { float: none; position: static; display: block; margin-bottom: 0px; } } @media (min-width: 750px) { .product-description__price { float: none; position: static; display: block; } } @media (min-width: 850px) { .product-description__level, .product-description__price { font-size: 30px; } } .product-description__price__note { font-size: 0.75em; display: inline; color: rgb(136, 136, 136); } .paywall { display: none; } .paywall__subscribe-alert { color: rgb(249, 14, 30); font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; position: relative; margin-top: 20px; width: 100%; } .paywall__subscribe-alert::before { content: ""; display: block; height: 4px; position: absolute; right: 0px; left: 0px; top: 50%; z-index: 1; margin-top: -3px; background-color: rgb(249, 14, 30); } .paywall__subscribe-alert span { display: inline-block; background-color: white; padding: 0px 10px; position: relative; z-index: 2; } .paywall__aside { margin-bottom: 20px; } @media (min-width: 850px) { .paywall__aside { margin-bottom: 25px; width: 41.6667%; } } .paywalL__aside__heading { font-size: 24px; line-height: 1.15em; font-weight: 700; } @media (min-width: 850px) { .paywalL__aside__heading { margin-bottom: 40px; font-size: 48px; margin-right: 30px; } } .paywall_heading { line-height: 120%; font-weight: 200; font-size: 48px; margin: 20px 0px; } @media (min-width: 850px) { .paywall_heading { font-size: 90px; margin: 50px 0px; } } .paywall__subscribe-btn { transition: all 0.3s ease 0s; position: relative; clear: both; height: 69px; width: 100%; } .paywall__subscribe-btn:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .paywall__subscribe-btn:hover span { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .paywall__subscribe-btn p { font-family: NeueHaas; font-size: 17px; font-weight: 600; cursor: pointer; padding: 23px 10px 10px; line-height: 1; position: relative; border: 2px solid rgb(0, 0, 0); } .paywall__subscribe-btn span { position: absolute; width: 10px; height: 10px; top: 9px; right: 10px; background-image: url("angle-arrow.svg"); } .paywall__subscribe-btn p { padding-top: 37px; } @media (min-width: 850px) { .paywall__subscribe-btn { width: 150px; } } .paywall__subscribe-btn--mobile { margin-bottom: 20px; } @media (min-width: 850px) { .paywall__subscribe-btn--mobile { display: none; } } .paywall__subscribe-btn--desktop { margin-top: 40px; } @media (min-width: 0px) and (max-width: 849px) { .paywall__subscribe-btn--desktop { display: none; } } .paywall__link { margin-top: 1em; width: 50%; } .paywall__link a { font-weight: 700; } .paywall__link--pricing { font-weight: 700; } .paywall__link--pricing:hover::after { transform: translateX(4px); } .paywall__link--pricing::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("arrow.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } @media (min-width: 850px) { .paywall__link:first-child { margin-top: 40px; } } .article.ko .article-body__content::before { content: ""; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 36%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50%; width: 100%; z-index: 2; } .article-locked-audio::before { content: ""; width: 0px; height: 0px; border-top: 15px solid transparent; border-left: 24px solid rgb(102, 102, 102); border-bottom: 15px solid transparent; display: block; position: absolute; top: calc(50% - 15px); left: 20px; } @media (min-width: 550px) { .article-locked-audio::before { left: 30px; } } .ribbon--conversations .cta:hover::after { transform: translateX(4px); } .ribbon--conversations .cta::after { transition: all 0.2s ease 0s; display: inline-block; content: ""; width: 33px; height: 11px; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/arrow--white.svg"); background-size: 100% auto; margin-left: 5px; background-position: center center; background-repeat: no-repeat; } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @keyframes animateLoader2 { 0% { } 100% { } } @keyframes animateLoader2 { 0% { transform: rotate(-140deg); } 100% { transform: rotate(140deg); } } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 700; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: normal; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype"); } @font-face { font-family: "MillerDisplay"; font-style: italic; font-weight: 600; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: normal; src: url("font-bureau-millertext-roman_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: normal; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype"); } @font-face { font-family: "MillerText"; font-style: italic; font-weight: bold; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 100; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 200; src: url("nhaasgroteskdsstd-25th_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 300; src: url("nhaasgroteskdsstd-35xlt_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 400; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: normal; src: url("nhaasgroteskdsstd-55rg_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 600; src: url("nhaasgroteskdsstd-65md_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 700; src: url("nhaasgroteskdsstd-75bd_woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype"); } @font-face { font-family: "NeueHaas"; font-style: normal; font-weight: 900; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype"); } .btn { background-color: transparent; text-align: left; border: 2px solid rgb(0, 0, 0); padding: 30px 10px 8px; font-family: NeueHaas; font-size: 18px; font-weight: 700; transition: all 0.2s ease 0s; width: 100%; position: relative; outline: medium none; display: block; } @media (min-width: 850px) { .btn { display: inline-block; padding: 30px 100px 8px 10px; width: auto; } } .btn:hover { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .btn:active { background-color: rgb(0, 0, 0); color: white; } .btn--lock::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; top: 9px; right: 9px; font-size: 16px; } .btn--primary::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("angle-arrow.svg"); } .btn--primary:hover::before { background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg::before { content: ""; width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("urn:not-loaded:https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); } .btn--primary--blackbg:hover::before { background-image: url("angle-arrow.svg"); } .btn--primary--transparent .btn__icon--angle-arrow { display: block; } .btn--primary--transparent__icon { width: 11px; height: 11px; position: absolute; top: 9px; right: 9px; } .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon { fill: currentcolor; } .l-pricing { max-width: 1240px; margin: 0px auto; padding: 0px 10px; } @media (min-width: 550px) { .l-pricing { padding: 0px 15px; } } @media (min-width: 750px) { .l-pricing { padding: 0px 30px; } } .l-pricing--menu-only { margin-top: 40px; } .pricing__divider::after { content: " "; display: table; clear: both; } .pricing__selections__option input:checked + .checkbox-support::after { position: absolute; width: 100%; text-align: center; margin: 0px; vertical-align: text-top; } .pricing__selections__option input[type="radio"]:checked + .checkbox-support::after { content: " "; display: block; width: 6px; height: 6px; border-radius: 6px; top: 3px; left: 3px; background-color: black; } .pricing__selections__option input[type="checkbox"]:checked + .checkbox-support::after { font-size: 12px; content: "✕"; top: -1px; left: 0px; color: white; } .l-pricing__menu { width: 100%; margin-top: 30px; display: block; position: relative; margin-bottom: 30px; } @media (min-width: 750px) { .l-pricing__menu { display: none; } .l-pricing__menu.l-pricing__menu--menu-only { display: block; } } .l-pricing__options-section:nth-child(n+3) { padding-bottom: 10px; } .pricing__heading { font-family: "NeueHaas",sans-serif; font-size: 42px; text-rendering: optimizelegibility; font-weight: 200; padding-top: 7px; padding-bottom: 18px; border-bottom: medium none; } @media (min-width: 750px) { .pricing__heading { font-family: "NeueHaas",sans-serif; font-size: 64px; text-rendering: optimizelegibility; font-weight: 200; padding-top: 0px; } } @media (min-width: 1250px) { .pricing__heading { font-family: "NeueHaas",sans-serif; font-size: 90px; text-rendering: optimizelegibility; font-weight: 200; padding-top: 50px; padding-bottom: 35px; } } .l-pricing--menu-only .pricing__heading { border-top: 4px solid rgb(0, 0, 0); border-bottom: 4px solid rgb(0, 0, 0); text-align: center; padding: 30px 0px; font-size: 35px; margin-bottom: 0px; } @media (min-width: 750px) { .l-pricing--menu-only .pricing__heading { padding: 40px 0px; font-size: 45px; } } @media (min-width: 850px) { .l-pricing--menu-only .pricing__heading { font-size: 50px; } } @media (min-width: 1024px) { .l-pricing--menu-only .pricing__heading { font-size: 62px; } } @media (min-width: 1250px) { .l-pricing--menu-only .pricing__heading { padding: 50px 0px; font-size: 78px; } } .pricing__menu__tier, .l-pricing__menu--menu-only .pricing__menu__tier { margin-bottom: 30px; display: block; position: relative; border-bottom: 2px solid rgb(0, 0, 0); } .pricing__menu__tier__heading { font-family: "NeueHaas",sans-serif; font-size: 36px; text-rendering: optimizelegibility; font-weight: 700; padding-bottom: 10px; } .pricing__menu__tier__price { font-family: "NeueHaas",sans-serif; font-size: 24px; font-weight: 400; } .pricing__menu__tier__pricing-label { padding-bottom: 10px; font-family: "NeueHaas",sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .pricing__menu__tier__description { width: 100%; padding-top: 10px; font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 500; } @media (min-width: 750px) { .pricing__menu__tier__description { width: 45%; } } .pricing__menu__tier__cta-block { width: 100%; padding-top: 20px; position: relative; } @media (min-width: 750px) { .pricing__menu__tier__cta-block { width: 40%; padding-top: 0px; padding-left: 10%; position: absolute; top: 0px; right: 0px; max-width: calc(300px + 10%); } } .pricing__menu__tier__cta.btn { color: rgb(249, 14, 30); border-color: rgb(249, 14, 30); max-width: 300px; } .pricing__menu__tier__cta.btn:hover { color: rgb(255, 255, 255); background: rgb(249, 14, 30) none repeat scroll 0% 0%; border-color: rgb(249, 14, 30); } @media (min-width: 850px) { .pricing__menu__tier__cta.btn { width: 100%; } } .pricing__menu__tier__detail-toggle { margin-top: 16px; margin-bottom: 30px; font-family: "NeueHaas",sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; } .pricing__menu__tier__benefits { display: none; } .pricing__menu__tier__benefit { font-family: "NeueHaas",sans-serif; font-size: 18px; font-weight: 400; padding: 15px 0px; border-bottom: 2px solid rgb(102, 102, 102); } .pricing__menu__tier__benefit__heading { font-family: "NeueHaas",sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; border-bottom: 2px solid rgb(102, 102, 102); } .pricing__menu__options__label { font-family: "NeueHaas",sans-serif; font-size: 14px; font-weight: 400; position: relative; } .pricing__menu__options__label .asterisk { position: absolute; left: -5px; } .pricing__menu__option { margin-bottom: 5px; } .pricing__menu__option--shipping--us { display: block; } .pricing__menu__option--shipping--intl { display: none; } .pricing__menu__option--pricing--mitef { display: none; } .pricing__menu__option--pricing { display: none; } .pricing__menu__option__link { font-family: "NeueHaas",sans-serif; font-size: 14px; text-decoration: underline; } .product-description { padding: 0.5em 0px; font-size: 18px; } .reading-list-width::after { content: " "; display: table; clear: both; } @keyframes current-article-in { 0% { opacity: 0; transform: translateX(-15px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes current-article-in { 0% { opacity: 0; transform: translateX(-15px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes current-article-out { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(15px); } } @keyframes current-article-out { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(15px); } } @keyframes article-count-in { 0% { opacity: 0; transform: translateX(15px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes article-count-in { 0% { opacity: 0; transform: translateX(15px); } 100% { opacity: 1; transform: translateX(0px); } } .navbar { transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } @media (min-width: 750px) { .site-content { padding-top: 0px; } } .reading-list__item.js-is-previous-slide::before { color: rgb(119, 119, 119); } .reading-list--counter .reading-list__item::before { content: counter(reading-list-counter, decimal-leading-zero); font-size: 35px; font-weight: 200; float: left; margin-top: 10px; margin-right: 15px; color: rgb(249, 14, 30); transition: all 0.2s ease 0s; } .reading-list--companies .reading-list__item::before { content: counter(reading-list-counter, decimal-leading-zero); font-size: 35px; font-weight: 200; float: left; margin-top: 10px; margin-right: 15px; color: rgb(249, 14, 30); transition: all 0.2s ease 0s; } .swiper-button-prev::before, .swiper-button-next::before { position: absolute; top: 50%; margin: -15px 0px 0px; } .swiper-button-prev::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 30px; left: 0px; } .swiper-button-prev::after { content: " "; display: block; position: absolute; top: 0px; bottom: 0px; left: 100%; width: 50px; background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)) repeat scroll 0% 0%; } .reading-list:hover .swiper-button-prev:not(.swiper-button-disabled) { opacity: 1; transform: translateX(0px); } .swiper-button-next::before { display: inline-block; font-family: "Ionicons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; content: ""; right: 0px; font-size: 30px; } .swiper-button-next::after { content: " "; display: block; position: absolute; top: 0px; right: 100%; bottom: 0px; width: 50px; background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)) repeat scroll 0% 0%; } .dropdown-nav::after { content: " "; display: table; clear: both; } .dropdown-nav__item { float: left; padding: 6px 10px 5px; margin: 0px 5px; line-height: normal; overflow: hidden; transition: all 0.1s ease-out 0s; cursor: pointer; } .dropdown-nav__item.js-dropdown-nav-item-is-open, .dropdown-nav__item:hover { background-color: black; color: white; } .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__item:nth-child(1), .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__item:nth-child(6) { border-top: medium none; padding-top: 5px; } .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__item:nth-child(1), .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__item:nth-child(2) { border-top: medium none; } .nav-li__dropdown-ol--big::before { counter-increment: dropdown 1; content: counter(dropdown, decimal) " "; color: rgb(102, 102, 102); } .oo-player-container .oo-clearfix::after { content: ""; display: table; clear: both; } .oo-player-container svg:not(:root) { overflow: hidden; } .oo-player-container button::-moz-focus-inner, .oo-player-container input::-moz-focus-inner { border: 0px none; padding: 0px; } .oo-player-container *, .oo-player-container *::before, .oo-player-container *::after { box-sizing: border-box; } @font-face { font-family: "ooyala-slick-type"; font-style: normal; font-weight: normal; src: url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.eot?#iefix") format("embedded-opentype"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.ttf") format("truetype"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.svg#alice") format("svg"); } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.ttf") format("truetype"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Roboto Condensed Bold"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.ttf") format("truetype"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.ttf") format("truetype"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Roboto Bold"; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.ttf") format("truetype"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.ttf") format("truetype"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff2") format("woff2"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff") format("woff"), url("urn:not-loaded:https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.ttf") format("truetype"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } .oo-player-container .oo-discovery-image-wrapper-style:nth-of-type(2n) { margin-bottom: 0px; } .oo-player-container .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(2n+1) { margin-right: 0px; } .oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:nth-of-type(2n) { margin-bottom: 0px; } .oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(2n+1) { margin-right: 0px; } .oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type="range"]::-moz-range-track { width: 100%; height: 3px; background: rgb(153, 153, 153) none repeat scroll 0% 0%; } .oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type="range"]::-moz-range-thumb { height: 15px; width: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type="range"]:focus::-moz-range-track { background: rgb(153, 153, 153) none repeat scroll 0% 0%; } .oo-player-container video::cue { font: 16px/8px Arial,Helvetica,sans-serif; color: rgb(255, 255, 255) !important; background: rgb(0, 0, 0) none repeat scroll 0% 0%; white-space: normal; text-shadow: 1px 1px 2px black; } .oo-player-container button.oo-close-button::before { position: absolute; content: ""; right: -18px; left: -18px; top: -18px; bottom: -18px; } .oo-player-container button.oo-close-btn::before { position: absolute; content: ""; right: -18px; left: -18px; top: -18px; bottom: -18px; } .oo-player-container button.oo-up-next-close-btn::before { position: absolute; content: ""; right: -10px; left: -10px; top: -10px; bottom: -10px; } .oo-player-container .oo-form-control::placeholder { color: rgb(153, 153, 153); opacity: 1; } .oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-duration .oo-total-time::before { content: " - "; color: rgb(255, 255, 255); } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } .oo-player-container .oo-slider[type="range"]::-moz-range-track { width: 10px; height: 1px; background: red none repeat scroll 0% 0%; } .oo-player-container .oo-slider[type="range"]::-moz-range-thumb { border: medium none; height: 3px; width: 3px; border-radius: 50%; background: rgb(255, 255, 0) none repeat scroll 0% 0%; } .oo-player-container .oo-slider[type="range"]:focus::-moz-range-track { background: red none repeat scroll 0% 0%; } .oo-player-container .oo-slider[type="range"]::-moz-range-progress { background: green none repeat scroll 0% 0%; } .oo-player-container .oo-slider-volume[type="range"]::-moz-range-progress { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .oo-player-container .oo-slider-volume[type="range"]::-moz-range-track { width: 200px; height: 3px; background: rgb(153, 153, 153) none repeat scroll 0% 0%; } .oo-player-container .oo-slider-volume[type="range"]::-moz-range-thumb { height: 15px; width: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .oo-player-container .oo-slider-volume[type="range"]:focus::-moz-range-track { background: rgb(153, 153, 153) none repeat scroll 0% 0%; } .oo-player-container .oo-player-skin-plugins.oo-showing:not(:empty) { display: block; } .oo-player-container .oo-player-skin-plugins.oo-overlay-showing:not(:empty) { display: block; } .oo-player-container .oo-player-skin-plugins.oo-overlay-blur:not(:empty) { filter: blur(3px); z-index: -10000; position: absolute; } .oo-player-container .oo-player-skin-plugins.oo-full:not(.oo-overlay-showing), .oo-player-container .oo-player-skin-plugins-click-layer.oo-full { bottom: 0px; } .oo-player-container .tabs-menu-item:not(.is-active) a:hover { color: rgb(68, 138, 255); opacity: 0.7; } .oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-last-child(2) { margin-right: 42px !important; } .oo-player-container .oo-xsmall button.oo-up-next-close-btn::before { position: absolute; content: ""; right: -7px; left: -7px; top: -7px; bottom: -7px; } .oo-player-container .oo-xsmall .oo-slider-volume[type="range"]::-moz-range-track { width: 140px; height: 2.1px; } .oo-player-container .oo-xsmall .oo-slider-volume[type="range"]::-moz-range-thumb { height: 10.5px; width: 10.5px; } .oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-of-type(2n) { margin-bottom: 0px; } .oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(2n+1) { margin-right: 0px; }