Skip to content

Instantly share code, notes, and snippets.

@bunnywong

bunnywong/gist:c1b083df3a25b74cfecc74079784ba6a

Last active March 5, 2018 14:17
Show Gist options
  • Save bunnywong/c1b083df3a25b74cfecc74079784ba6a to your computer and use it in GitHub Desktop.
Save bunnywong/c1b083df3a25b74cfecc74079784ba6a to your computer and use it in GitHub Desktop.
Download ZIP
test html
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en" data-vue-meta-server-rendered data-vue-meta="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta data-vue-meta="true" itemprop="articleSection" content="Inkstone, China" data-vmid="itemprop_articleSection"/><meta data-vue-meta="true" itemprop="author" content="Viola Zhou" data-vmid="itemprop_author"/><meta data-vue-meta="true" itemprop="dateCreated" content="2018-01-24T12:25:20+08:00" data-vmid="itemprop_dateCreated"/><meta data-vue-meta="true" itemprop="dateModified" content="2018-03-01T17:01:55+08:00" data-vmid="itemprop_dateModified"/><meta data-vue-meta="true" itemprop="datePublished" content="2018-01-24T12:30:15+08:00" data-vmid="itemprop_datePublished"/><meta data-vue-meta="true" itemprop="description" content="State censors ban hip hop from TV but artists say it will only drive the genre underground" data-vmid="itemprop_description"/><meta data-vue-meta="true" itemprop="genre" content="Article" data-vmid="itemprop_genre"/><meta data-vue-meta="true" itemprop="headline" content="Hip hop, you don’t stop? Not if China has anything to do with it " data-vmid="itemprop_headline"/><meta data-vue-meta="true" itemprop="inLanguage" content="en-GB" data-vmid="itemprop_inLanguage"/><meta data-vue-meta="true" itemprop="thumbnailUrl" content="https://cdn1.i-scmp.com/sites/default/files/styles/140x87/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=t7ZjGvu1" data-vmid="itemprop_thumbnailUrl"/><meta data-vue-meta="true" name="description" content="State censors ban hip hop from TV but artists say it will only drive the genre underground" data-vmid="name_description"/><meta data-vue-meta="true" name="keywords" content="Inkstone,China,Hip hop, you don’t stop? Not if China has anything to do with it " data-vmid="name_keywords"/><meta data-vue-meta="true" name="news_keywords" content="Inkstone,China,Hip hop, you don’t stop? Not if China has anything to do with it " data-vmid="name_news_keywords"/><meta data-vue-meta="true" name="thumbnail_height" content="118" data-vmid="name_thumbnail_height"/><meta data-vue-meta="true" name="thumbnail_width" content="118" data-vmid="name_thumbnail_width"/><meta data-vue-meta="true" name="twitter:app:id:iphone" content="1321278840" data-vmid="name_twitter:app:id:iphone"/><meta data-vue-meta="true" name="twitter:app:name:iphone" content="inkstone" data-vmid="name_twitter:app:name:iphone"/><meta data-vue-meta="true" name="twitter:app:url:googleplay" content="inkstone://china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223?entity=node&amp;amp;type=article&amp;amp;id=2130223" data-vmid="name_twitter:app:url:googleplay"/><meta data-vue-meta="true" name="twitter:app:url:iphone" content="inkstone://china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223?entity=node&amp;amp;type=article&amp;amp;id=2130223" data-vmid="name_twitter:app:url:iphone"/><meta data-vue-meta="true" name="twitter:card" content="summary_large_image" data-vmid="name_twitter:card"/><meta data-vue-meta="true" name="twitter:description" content="State censors ban hip hop from TV but artists say it will only drive the genre underground" data-vmid="name_twitter:description"/><meta data-vue-meta="true" name="twitter:image:src" content="https://cdn3.i-scmp.com/sites/default/files/styles/700x400/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=jhZjCKc2" data-vmid="name_twitter:image:src"/><meta data-vue-meta="true" name="twitter:site" content="InkstoneNews" data-vmid="name_twitter:site"/><meta data-vue-meta="true" name="twitter:title" content="Hip hop, you don’t stop? Not if China has anything to do with it - inkstone" data-vmid="name_twitter:title"/><meta data-vue-meta="true" property="al:android:app_name" content="inkstone" data-vmid="property_al:android:app_name"/><meta data-vue-meta="true" property="al:android:package" content="com.scmp.inkstone" data-vmid="property_al:android:package"/><meta data-vue-meta="true" property="al:android:url" content="inkstone://china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223?entity=node&amp;amp;type=article&amp;amp;id=2130223" data-vmid="property_al:android:url"/><meta data-vue-meta="true" property="al:ios:app_name" content="inkstone" data-vmid="property_al:ios:app_name"/><meta data-vue-meta="true" property="al:ios:app_store_id" content="1321278840" data-vmid="property_al:ios:app_store_id"/><meta data-vue-meta="true" property="al:ios:url" content="inkstone://china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223?entity=node&amp;amp;type=article&amp;amp;id=2130223" data-vmid="property_al:ios:url"/><meta data-vue-meta="true" property="og:article:author" content="Viola Zhou" data-vmid="property_og:article:author"/><meta data-vue-meta="true" property="og:description" content="State censors ban hip hop from TV but artists say it will only drive the genre underground" data-vmid="property_og:description"/><meta data-vue-meta="true" property="og:image" content="https://cdn3.i-scmp.com/sites/default/files/styles/700x400/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=jhZjCKc2" data-vmid="property_og:image"/><meta data-vue-meta="true" property="og:image:height" content="400" data-vmid="property_og:image:height"/><meta data-vue-meta="true" property="og:image:width" content="700" data-vmid="property_og:image:width"/><meta data-vue-meta="true" property="og:site_name" content="inkstone" data-vmid="property_og:site_name"/><meta data-vue-meta="true" property="og:title" content="Hip hop, you don’t stop? Not if China has anything to do with it - inkstone" data-vmid="property_og:title"/><meta data-vue-meta="true" property="og:type" content="article" data-vmid="property_og:type"/><meta data-vue-meta="true" property="og:url" content="http://localhost:8081/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" data-vmid="property_og:url"/><meta data-vue-meta="true" rel="canonical" href="http://localhost:8081/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" data-vmid="rel_canonical"/>
<title data-vue-meta="true">Hip hop, you don’t stop? Not if China has anything to do with it - inkstone</title>
<script data-vue-meta="true" data-vmid="schemaData" type="application/ld+json">{"@context":"http://schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"https://staging-lift.product-web.dev.scmp.tech/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223"},"headline":"Hip hop, you don’t stop? Not if China has anything to do with it ","image":{"@type":"ImageObject","url":"https://cdn4.i-scmp.com/sites/default/files/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg","height":"1280","width":""},"datePublished":"2018-01-24T12:30:15+08:00","dateModified":"2018-03-01T17:01:55+08:00","author":{"@type":"Person","name":"Viola Zhou"},"publisher":{"@type":"Organization","name":"South China Morning Post","logo":{"@type":"ImageObject","url":"http://www.scmp.com/images/publisher_logo.png","width":311,"height":60}}}</script>
<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" sizes="16x16" href="/static/favicon-16x16.png" type="image/x-icon">
<link rel="shortcut icon" sizes="32x32" href="/static/favicon-32x32.png" type="image/x-icon">
<link rel="shortcut icon" sizes="96x96" href="/static/favicon-96x96.png" type="image/x-icon">
<link rel="apple-touch-icon" href="/static/apple-icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="57x57" href="/static/apple-icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/apple-icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/apple-icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/apple-icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/apple-icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/apple-icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/apple-icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/static/apple-icon/apple-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-icon/apple-icon-180x180.png">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="manifest" href="/static/manifest.json">
<link rel="preload" href="/public/manifest.js" as="script"><link rel="preload" href="/public/vendor.js" as="script"><link rel="preload" href="/public/jwplayer.js" as="script"><link rel="preload" href="/public/app.js" as="script"><link rel="preload" href="/public/4.00d81434ba0b07eb488a.hot-update.js" as="script"><link rel="prefetch" href="/public/1.js"><link rel="prefetch" href="/public/2.js"><link rel="prefetch" href="/public/0.js"><style data-vue-ssr-id="0b750cb2:0">/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1
}
.swiper-container-no-flexbox .swiper-slide{float:left
}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column
}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto
}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto
}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000
}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y
}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10
}
.swiper-pagination.swiper-pagination-hidden{opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%
}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2
}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff
}
.swiper-pagination-bullet-active{opacity:1;background:#007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000
}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px
}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0
}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0
}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000
}
.swiper-container-3d{-webkit-perspective:1200px;-o-perspective:1200px;perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px
}
.swiper-container-cube,.swiper-container-flip{overflow:visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible
}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto
}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain
}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%
}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%
}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0
}
.swiper-scrollbar-cursor-drag{cursor:move
}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.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%;background-size:100%;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")
}
@-webkit-keyframes swiper-preloader-spin{
100%{-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)
}
}</style><style data-vue-ssr-id="682133a2:0">@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,700,700i|Roboto:100,300,300i,400,500,700,900|Overpass:200,300,400,500,800|Roboto+Slab:300,400,700|Playfair+Display:400|Material+Icons);</style><style data-vue-ssr-id="682133a2:1">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.elevation-0 {
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12) !important;
box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12) !important;
}
.elevation-1 {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12) !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12) !important;
}
.elevation-2 {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12) !important;
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12) !important;
}
.elevation-3 {
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12) !important;
box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12) !important;
}
.elevation-4 {
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12) !important;
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12) !important;
}
.elevation-5 {
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 5px 8px rgba(0,0,0,0.14), 0 1px 14px rgba(0,0,0,0.12) !important;
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 5px 8px rgba(0,0,0,0.14), 0 1px 14px rgba(0,0,0,0.12) !important;
}
.elevation-6 {
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12) !important;
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12) !important;
}
.elevation-7 {
-webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2), 0 7px 10px 1px rgba(0,0,0,0.14), 0 2px 16px 1px rgba(0,0,0,0.12) !important;
box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2), 0 7px 10px 1px rgba(0,0,0,0.14), 0 2px 16px 1px rgba(0,0,0,0.12) !important;
}
.elevation-8 {
-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12) !important;
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12) !important;
}
.elevation-9 {
-webkit-box-shadow: 0 5px 6px -3px rgba(0,0,0,0.2), 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12) !important;
box-shadow: 0 5px 6px -3px rgba(0,0,0,0.2), 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12) !important;
}
.elevation-10 {
-webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14), 0 4px 18px 3px rgba(0,0,0,0.12) !important;
box-shadow: 0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14), 0 4px 18px 3px rgba(0,0,0,0.12) !important;
}
.elevation-11 {
-webkit-box-shadow: 0 6px 7px -4px rgba(0,0,0,0.2), 0 11px 15px 1px rgba(0,0,0,0.14), 0 4px 20px 3px rgba(0,0,0,0.12) !important;
box-shadow: 0 6px 7px -4px rgba(0,0,0,0.2), 0 11px 15px 1px rgba(0,0,0,0.14), 0 4px 20px 3px rgba(0,0,0,0.12) !important;
}
.elevation-12 {
-webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12) !important;
box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12) !important;
}
.elevation-13 {
-webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12) !important;
box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12) !important;
}
.elevation-14 {
-webkit-box-shadow: 0 7px 9px -4px rgba(0,0,0,0.2), 0 14px 21px 2px rgba(0,0,0,0.14), 0 5px 26px 4px rgba(0,0,0,0.12) !important;
box-shadow: 0 7px 9px -4px rgba(0,0,0,0.2), 0 14px 21px 2px rgba(0,0,0,0.14), 0 5px 26px 4px rgba(0,0,0,0.12) !important;
}
.elevation-15 {
-webkit-box-shadow: 0 8px 9px -5px rgba(0,0,0,0.2), 0 15px 22px 2px rgba(0,0,0,0.14), 0 6px 28px 5px rgba(0,0,0,0.12) !important;
box-shadow: 0 8px 9px -5px rgba(0,0,0,0.2), 0 15px 22px 2px rgba(0,0,0,0.14), 0 6px 28px 5px rgba(0,0,0,0.12) !important;
}
.elevation-16 {
-webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12) !important;
box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12) !important;
}
.elevation-17 {
-webkit-box-shadow: 0 8px 11px -5px rgba(0,0,0,0.2), 0 17px 26px 2px rgba(0,0,0,0.14), 0 6px 32px 5px rgba(0,0,0,0.12) !important;
box-shadow: 0 8px 11px -5px rgba(0,0,0,0.2), 0 17px 26px 2px rgba(0,0,0,0.14), 0 6px 32px 5px rgba(0,0,0,0.12) !important;
}
.elevation-18 {
-webkit-box-shadow: 0 9px 11px -5px rgba(0,0,0,0.2), 0 18px 28px 2px rgba(0,0,0,0.14), 0 7px 34px 6px rgba(0,0,0,0.12) !important;
box-shadow: 0 9px 11px -5px rgba(0,0,0,0.2), 0 18px 28px 2px rgba(0,0,0,0.14), 0 7px 34px 6px rgba(0,0,0,0.12) !important;
}
.elevation-19 {
-webkit-box-shadow: 0 9px 12px -6px rgba(0,0,0,0.2), 0 19px 29px 2px rgba(0,0,0,0.14), 0 7px 36px 6px rgba(0,0,0,0.12) !important;
box-shadow: 0 9px 12px -6px rgba(0,0,0,0.2), 0 19px 29px 2px rgba(0,0,0,0.14), 0 7px 36px 6px rgba(0,0,0,0.12) !important;
}
.elevation-20 {
-webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 20px 31px 3px rgba(0,0,0,0.14), 0 8px 38px 7px rgba(0,0,0,0.12) !important;
box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 20px 31px 3px rgba(0,0,0,0.14), 0 8px 38px 7px rgba(0,0,0,0.12) !important;
}
.elevation-21 {
-webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 21px 33px 3px rgba(0,0,0,0.14), 0 8px 40px 7px rgba(0,0,0,0.12) !important;
box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 21px 33px 3px rgba(0,0,0,0.14), 0 8px 40px 7px rgba(0,0,0,0.12) !important;
}
.elevation-22 {
-webkit-box-shadow: 0 10px 14px -6px rgba(0,0,0,0.2), 0 22px 35px 3px rgba(0,0,0,0.14), 0 8px 42px 7px rgba(0,0,0,0.12) !important;
box-shadow: 0 10px 14px -6px rgba(0,0,0,0.2), 0 22px 35px 3px rgba(0,0,0,0.14), 0 8px 42px 7px rgba(0,0,0,0.12) !important;
}
.elevation-23 {
-webkit-box-shadow: 0 11px 14px -7px rgba(0,0,0,0.2), 0 23px 36px 3px rgba(0,0,0,0.14), 0 9px 44px 8px rgba(0,0,0,0.12) !important;
box-shadow: 0 11px 14px -7px rgba(0,0,0,0.2), 0 23px 36px 3px rgba(0,0,0,0.14), 0 9px 44px 8px rgba(0,0,0,0.12) !important;
}
.elevation-24 {
-webkit-box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12) !important;
box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12) !important;
}
.application {
-webkit-backface-visibility: hidden;
min-height: 100vh;
}
.application--toolbar > main > .container {
min-height: calc(100vh - 64px);
}
.application--toolbar.application--footer > main > .container {
min-height: calc(100vh - 64px - 36px);
}
.application--footer > main > .container {
min-height: calc(100vh - 36px);
}
.application--footer-fixed > aside.navigation-drawer {
max-height: calc(100vh - 36px);
}
.application--footer-fixed.application--toolbar > aside.navigation-drawer.navigation-drawer--clipped {
max-height: calc(100vh - 64px - 36px);
}
.application--light {
background: #fafafa;
color: rgba(0,0,0,0.87);
}
.application--light .system-bar {
background-color: #e0e0e0;
color: rgba(0,0,0,0.54);
}
.application--light .system-bar .icon {
color: rgba(0,0,0,0.54);
}
.application--light .system-bar--lights-out {
background-color: rgba(255,255,255,0.7) !important;
}
.application--light .toolbar {
background-color: #f5f5f5;
color: rgba(0,0,0,0.87);
}
.application--light .toolbar .btn {
color: rgba(0,0,0,0.87);
}
.application--light .toolbar .btn:not(.btn--icon):focus .btn__content:before,
.application--light .toolbar .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application--light .toolbar .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application--light .toolbar .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application--light .toolbar .btn:not(.btn--icon):not(.btn--flat) {
background-color: #f5f5f5;
}
.application--light .toolbar .btn.btn--icon,
.application--light .toolbar .btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application--light .toolbar .toolbar__item {
color: rgba(0,0,0,0.87);
}
.application--light .toolbar .toolbar__item:hover {
background: rgba(0,0,0,0.12);
}
.application--light .navigation-drawer {
background-color: #fff;
}
.application--light .navigation-drawer:after {
background-color: rgba(0,0,0,0.12);
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application--light .navigation-drawer.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application--light .navigation-drawer a,
.application--light .navigation-drawer .subheader,
.application--light .navigation-drawer .list {
color: rgba(0,0,0,0.87);
}
.application--light .navigation-drawer .divider {
background-color: rgba(0,0,0,0.12);
}
.application--light .navigation-drawer .list {
background: #fff;
}
.application--light .navigation-drawer .list__tile {
color: rgba(0,0,0,0.87);
}
.application--light .navigation-drawer .list--group__header--active .list__tile:after,
.application--light .navigation-drawer .list--group__header--active + .list--group:after {
background: rgba(0,0,0,0.12);
}
.application--light .btn {
color: rgba(0,0,0,0.87);
}
.application--light .btn:not(.btn--icon):focus .btn__content:before,
.application--light .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application--light .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application--light .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application--light .btn:not(.btn--icon):not(.btn--flat) {
background-color: #f5f5f5;
}
.application--light .btn.btn--icon,
.application--light .btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application--light .footer {
background-color: #f5f5f5;
}
.application--light .card {
background-color: #fff;
color: rgba(0,0,0,0.87);
}
.application--light .icon {
color: rgba(0,0,0,0.54);
}
.application--light .icon:disabled {
color: rgba(0,0,0,0.38);
}
.application--light .divider {
background-color: rgba(0,0,0,0.12);
}
.application--light .input-group input,
.application--light .input-group textarea {
color: rgba(0,0,0,0.87);
}
.application--light .input-group input:disabled,
.application--light .input-group textarea:disabled {
color: rgba(0,0,0,0.38);
}
.application--light .input-group label {
color: rgba(0,0,0,0.54);
}
.application--light .input-group.input-group--dirty .input-group__selections__comma {
color: rgba(0,0,0,0.87);
}
.application--light .input-group:not(.input-group--focused):not(.input-group--error) .input-group__input .icon {
color: rgba(0,0,0,0.54);
}
.application--light .input-group .input-group__counter {
color: rgba(0,0,0,0.54);
}
.application--light .input-group .input-group__details {
color: rgba(0,0,0,0.54);
}
.application--light .input-group .input-group__details:before {
background-color: rgba(0,0,0,0.12);
}
.application--light .input-group.input-group--overflow .input-group__input:before,
.application--light .input-group.input-group--segmented .input-group__input:before,
.application--light .input-group.input-group--editable .input-group__input:before {
background-color: rgba(0,0,0,0.12);
}
.application--light .input-group.input-group--disabled input,
.application--light .input-group.input-group--disabled textarea {
color: rgba(0,0,0,0.54);
}
.application--light .input-group.input-group--disabled .input-group__details:before {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.38)), color-stop(33%, rgba(0,0,0,0.38)), color-stop(0, transparent));
background-image: -o-linear-gradient(left, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
}
.application--light .input-group .input-group--text-field__prefix,
.application--light .input-group .input-group--text-field__suffix {
color: rgba(0,0,0,0.54);
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
color: #009688;
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
background-color: #fafafa;
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
color: rgba(0,0,0,0.38);
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after {
background-color: #009688;
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.38);
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active {
color: inherit;
}
.application--light .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after {
background-color: #bdbdbd !important;
}
.application--light .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.12) !important;
}
.application--light .input-group.input-group--selection-controls.radio,
.application--light .input-group.input-group--selection-controls.checkbox {
color: #009688;
}
.application--light .input-group.input-group--selection-controls.radio .icon,
.application--light .input-group.input-group--selection-controls.checkbox .icon,
.application--light .input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input,
.application--light .input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input {
color: rgba(0,0,0,0.54);
}
.application--light .input-group.input-group--selection-controls.radio.input-group--active .icon,
.application--light .input-group.input-group--selection-controls.checkbox.input-group--active .icon {
color: inherit;
}
.application--light .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input,
.application--light .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input {
color: rgba(0,0,0,0.38);
}
.application--light .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon,
.application--light .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon {
color: inherit;
}
.application--light .input-group--slider label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-flex-preferred-size: 56px;
flex-basis: 56px;
color: rgba(0,0,0,0.54);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.application--light .input-group--slider .slider__track,
.application--light .input-group--slider .slider__track-fill {
background: rgba(0,0,0,0.26);
}
.application--light .input-group--slider .slider__track__container:after {
border: 1px solid rgba(0,0,0,0.87);
}
.application--light .input-group--slider .slider__tick {
border: 1px solid rgba(0,0,0,0.87);
}
.application--light .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
background: rgba(0,0,0,0.26);
}
.application--light .input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb {
background: #000;
}
.application--light .input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb {
border: 4px solid rgba(0,0,0,0.26);
}
.application--light .input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb {
border: 4px solid rgba(0,0,0,0.38);
}
.application--light .input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb {
background: rgba(0,0,0,0.26);
border: 0px solid transparent;
}
.application--light .input-group--slider:focus .slider__track {
background: rgba(0,0,0,0.38);
}
.application--light .list {
background: #fff;
}
.application--light .list .list__tile:not(.list__tile--active) {
color: rgba(0,0,0,0.87);
}
.application--light .list .list__tile__sub-title {
color: rgba(0,0,0,0.54);
}
.application--light .list .subheader {
color: rgba(0,0,0,0.54);
}
.application--light .list .divider {
background-color: rgba(0,0,0,0.12);
}
.application--light .tabs .tabs__item {
color: rgba(0,0,0,0.7);
}
.application--light .tabs .tabs__item.tabs__item--active {
color: #1976d2;
}
.application--light .tabs .tabs__item.tabs__item--disabled {
color: rgba(0,0,0,0.26);
}
.application--light .tabs .icon--left,
.application--light .tabs .icon--right {
color: rgba(0,0,0,0.54);
}
.application--dark {
background: #303030;
color: #fff;
}
.application--dark .system-bar {
background-color: #000;
color: rgba(255,255,255,0.7);
}
.application--dark .system-bar .icon {
color: rgba(255,255,255,0.7);
}
.application--dark .system-bar--lights-out {
background-color: rgba(0,0,0,0.2) !important;
}
.application--dark .toolbar {
background-color: #212121;
color: #fff;
}
.application--dark .toolbar .btn {
color: #fff;
}
.application--dark .toolbar .btn:not(.btn--icon):focus .btn__content:before,
.application--dark .toolbar .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(255,255,255,0.12);
}
.application--dark .toolbar .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(255,255,255,0.3);
pointer-events: none;
opacity: 0.4;
}
.application--dark .toolbar .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(255,255,255,0.12) !important;
}
.application--dark .toolbar .btn:not(.btn--icon):not(.btn--flat) {
background-color: #212121;
}
.application--dark .toolbar .btn.btn--icon,
.application--dark .toolbar .btn.btn--floating {
color: #fff;
}
.application--dark .toolbar .toolbar__item {
color: #fff;
}
.application--dark .toolbar .toolbar__item:hover {
background: rgba(255,255,255,0.12);
}
.application--dark .navigation-drawer {
background-color: #424242;
}
.application--dark .navigation-drawer:after {
background-color: rgba(255,255,255,0.12);
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application--dark .navigation-drawer.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application--dark .navigation-drawer a,
.application--dark .navigation-drawer .subheader,
.application--dark .navigation-drawer .list {
color: #fff;
}
.application--dark .navigation-drawer .divider {
background-color: rgba(255,255,255,0.12);
}
.application--dark .navigation-drawer .list {
background: #424242;
}
.application--dark .navigation-drawer .list__tile {
color: #fff;
}
.application--dark .navigation-drawer .list--group__header--active .list__tile:after,
.application--dark .navigation-drawer .list--group__header--active + .list--group:after {
background: rgba(255,255,255,0.12);
}
.application--dark .btn {
color: #fff;
}
.application--dark .btn:not(.btn--icon):focus .btn__content:before,
.application--dark .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(255,255,255,0.12);
}
.application--dark .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(255,255,255,0.3);
pointer-events: none;
opacity: 0.4;
}
.application--dark .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(255,255,255,0.12) !important;
}
.application--dark .btn:not(.btn--icon):not(.btn--flat) {
background-color: #212121;
}
.application--dark .btn.btn--icon,
.application--dark .btn.btn--floating {
color: #fff;
}
.application--dark .footer {
background-color: #212121;
}
.application--dark .card {
background-color: #424242;
color: #fff;
}
.application--dark .icon {
color: #fff;
}
.application--dark .icon:disabled {
color: rgba(255,255,255,0.5);
}
.application--dark .divider {
background-color: rgba(255,255,255,0.12);
}
.application--dark .input-group input,
.application--dark .input-group textarea {
color: #fff;
}
.application--dark .input-group input:disabled,
.application--dark .input-group textarea:disabled {
color: rgba(255,255,255,0.5);
}
.application--dark .input-group label {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group.input-group--dirty .input-group__selections__comma {
color: #fff;
}
.application--dark .input-group:not(.input-group--focused):not(.input-group--error) .input-group__input .icon {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group .input-group__counter {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group .input-group__details {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group .input-group__details:before {
background-color: rgba(255,255,255,0.12);
}
.application--dark .input-group.input-group--overflow .input-group__input:before,
.application--dark .input-group.input-group--segmented .input-group__input:before,
.application--dark .input-group.input-group--editable .input-group__input:before {
background-color: rgba(255,255,255,0.12);
}
.application--dark .input-group.input-group--disabled input,
.application--dark .input-group.input-group--disabled textarea {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group.input-group--disabled .input-group__details:before {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.5)), color-stop(33%, rgba(255,255,255,0.5)), color-stop(0, transparent));
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 33%, transparent 0);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 33%, transparent 0);
}
.application--dark .input-group .input-group--text-field__prefix,
.application--dark .input-group .input-group--text-field__suffix {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
color: #80cbc4;
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
background-color: #bdbdbd;
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
color: rgba(255,255,255,0.3);
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after {
background-color: #80cbc4;
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
color: rgba(255,255,255,0.3);
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active {
color: inherit;
}
.application--dark .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after {
background-color: #424242 !important;
}
.application--dark .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle {
color: rgba(255,255,255,0.1) !important;
}
.application--dark .input-group.input-group--selection-controls.radio,
.application--dark .input-group.input-group--selection-controls.checkbox {
color: #80cbc4;
}
.application--dark .input-group.input-group--selection-controls.radio .icon,
.application--dark .input-group.input-group--selection-controls.checkbox .icon,
.application--dark .input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input,
.application--dark .input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input {
color: rgba(255,255,255,0.7);
}
.application--dark .input-group.input-group--selection-controls.radio.input-group--active .icon,
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--active .icon {
color: inherit;
}
.application--dark .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input,
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input {
color: rgba(255,255,255,0.5);
}
.application--dark .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon,
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon {
color: inherit;
}
.application--dark .input-group--slider label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-flex-preferred-size: 56px;
flex-basis: 56px;
color: rgba(255,255,255,0.7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.application--dark .input-group--slider .slider__track,
.application--dark .input-group--slider .slider__track-fill {
background: rgba(255,255,255,0.2);
}
.application--dark .input-group--slider .slider__track__container:after {
border: 1px solid #fff;
}
.application--dark .input-group--slider .slider__tick {
border: 1px solid #fff;
}
.application--dark .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
background: rgba(255,255,255,0.2);
}
.application--dark .input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb {
background: #fff;
}
.application--dark .input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb {
border: 4px solid rgba(255,255,255,0.2);
}
.application--dark .input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb {
border: 4px solid rgba(255,255,255,0.3);
}
.application--dark .input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb {
background: rgba(255,255,255,0.2);
border: 0px solid transparent;
}
.application--dark .input-group--slider:focus .slider__track {
background: rgba(255,255,255,0.3);
}
.application--dark .list {
background: #424242;
}
.application--dark .list .list__tile:not(.list__tile--active) {
color: #fff;
}
.application--dark .list .list__tile__sub-title {
color: rgba(255,255,255,0.7);
}
.application--dark .list .subheader {
color: rgba(255,255,255,0.7);
}
.application--dark .list .divider {
background-color: rgba(255,255,255,0.12);
}
.application--dark .tabs .tabs__item {
color: rgba(255,255,255,0.7);
}
.application--dark .tabs .tabs__item.tabs__item--active {
color: #fff;
}
.application--dark .tabs .tabs__item.tabs__item--disabled {
color: rgba(255,255,255,0.3);
}
.application--dark .tabs .icon--left,
.application--dark .tabs .icon--right {
color: #fff;
}
.application .theme--light.card {
background-color: #fff;
color: rgba(0,0,0,0.87);
}
.application .theme--light.system-bar {
background-color: #e0e0e0;
color: rgba(0,0,0,0.54);
}
.application .theme--light.system-bar .icon {
color: rgba(0,0,0,0.54);
}
.application .theme--light.system-bar--lights-out {
background-color: rgba(255,255,255,0.7) !important;
}
.application .theme--light.toolbar {
background-color: #f5f5f5;
color: rgba(0,0,0,0.87);
}
.application .theme--light.toolbar .btn {
color: rgba(0,0,0,0.87);
}
.application .theme--light.toolbar .btn:not(.btn--icon):focus .btn__content:before,
.application .theme--light.toolbar .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.toolbar .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application .theme--light.toolbar .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application .theme--light.toolbar .btn:not(.btn--icon):not(.btn--flat) {
background-color: #f5f5f5;
}
.application .theme--light.toolbar .btn.btn--icon,
.application .theme--light.toolbar .btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application .theme--light.toolbar .toolbar__item {
color: rgba(0,0,0,0.87);
}
.application .theme--light.toolbar .toolbar__item:hover {
background: rgba(0,0,0,0.12);
}
.application .theme--light.navigation-drawer {
background-color: #fff;
}
.application .theme--light.navigation-drawer:after {
background-color: rgba(0,0,0,0.12);
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application .theme--light.navigation-drawer.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application .theme--light.navigation-drawer a,
.application .theme--light.navigation-drawer .subheader,
.application .theme--light.navigation-drawer .list {
color: rgba(0,0,0,0.87);
}
.application .theme--light.navigation-drawer .divider {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.navigation-drawer .list {
background: #fff;
}
.application .theme--light.navigation-drawer .list__tile {
color: rgba(0,0,0,0.87);
}
.application .theme--light.navigation-drawer .list--group__header--active .list__tile:after,
.application .theme--light.navigation-drawer .list--group__header--active + .list--group:after {
background: rgba(0,0,0,0.12);
}
.application .theme--light.btn {
color: rgba(0,0,0,0.87);
}
.application .theme--light.btn:not(.btn--icon):focus .btn__content:before,
.application .theme--light.btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application .theme--light.btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application .theme--light.btn:not(.btn--icon):not(.btn--flat) {
background-color: #f5f5f5;
}
.application .theme--light.btn.btn--icon,
.application .theme--light.btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application .theme--light.icon {
color: rgba(0,0,0,0.54);
}
.application .theme--light.icon:disabled {
color: rgba(0,0,0,0.38);
}
.application .theme--light.input-group input,
.application .theme--light.input-group textarea {
color: rgba(0,0,0,0.87);
}
.application .theme--light.input-group input:disabled,
.application .theme--light.input-group textarea:disabled {
color: rgba(0,0,0,0.38);
}
.application .theme--light.input-group label {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group.input-group--dirty .input-group__selections__comma {
color: rgba(0,0,0,0.87);
}
.application .theme--light.input-group:not(.input-group--focused):not(.input-group--error) .input-group__input .icon {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group .input-group__counter {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group .input-group__details {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group .input-group__details:before {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.input-group.input-group--overflow .input-group__input:before,
.application .theme--light.input-group.input-group--segmented .input-group__input:before,
.application .theme--light.input-group.input-group--editable .input-group__input:before {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.input-group.input-group--disabled input,
.application .theme--light.input-group.input-group--disabled textarea {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group.input-group--disabled .input-group__details:before {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.38)), color-stop(33%, rgba(0,0,0,0.38)), color-stop(0, transparent));
background-image: -o-linear-gradient(left, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
}
.application .theme--light.input-group .input-group--text-field__prefix,
.application .theme--light.input-group .input-group--text-field__suffix {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
color: #009688;
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
background-color: #fafafa;
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
color: rgba(0,0,0,0.38);
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after {
background-color: #009688;
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.38);
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active {
color: inherit;
}
.application .theme--light.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after {
background-color: #bdbdbd !important;
}
.application .theme--light.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.12) !important;
}
.application .theme--light.input-group.input-group--selection-controls.radio,
.application .theme--light.input-group.input-group--selection-controls.checkbox {
color: #009688;
}
.application .theme--light.input-group.input-group--selection-controls.radio .icon,
.application .theme--light.input-group.input-group--selection-controls.checkbox .icon,
.application .theme--light.input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input,
.application .theme--light.input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input {
color: rgba(0,0,0,0.54);
}
.application .theme--light.input-group.input-group--selection-controls.radio.input-group--active .icon,
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--active .icon {
color: inherit;
}
.application .theme--light.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input,
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input {
color: rgba(0,0,0,0.38);
}
.application .theme--light.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon,
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon {
color: inherit;
}
.application .theme--light.input-group--slider label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-flex-preferred-size: 56px;
flex-basis: 56px;
color: rgba(0,0,0,0.54);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.application .theme--light.input-group--slider .slider__track,
.application .theme--light.input-group--slider .slider__track-fill {
background: rgba(0,0,0,0.26);
}
.application .theme--light.input-group--slider .slider__track__container:after {
border: 1px solid rgba(0,0,0,0.87);
}
.application .theme--light.input-group--slider .slider__tick {
border: 1px solid rgba(0,0,0,0.87);
}
.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb--label {
background: rgba(0,0,0,0.26);
}
.application .theme--light.input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb {
background: #000;
}
.application .theme--light.input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb {
border: 4px solid rgba(0,0,0,0.26);
}
.application .theme--light.input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb {
border: 4px solid rgba(0,0,0,0.38);
}
.application .theme--light.input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb {
background: rgba(0,0,0,0.26);
border: 0px solid transparent;
}
.application .theme--light.input-group--slider:focus .slider__track {
background: rgba(0,0,0,0.38);
}
.application .theme--light.list {
background: #fff;
}
.application .theme--light.list .list__tile:not(.list__tile--active) {
color: rgba(0,0,0,0.87);
}
.application .theme--light.list .list__tile__sub-title {
color: rgba(0,0,0,0.54);
}
.application .theme--light.list .subheader {
color: rgba(0,0,0,0.54);
}
.application .theme--light.list .divider {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.divider {
background-color: rgba(0,0,0,0.12);
}
.application .theme--light.tabs .tabs__item {
color: rgba(0,0,0,0.7);
}
.application .theme--light.tabs .tabs__item.tabs__item--active {
color: #1976d2;
}
.application .theme--light.tabs .tabs__item.tabs__item--disabled {
color: rgba(0,0,0,0.26);
}
.application .theme--light.tabs .icon--left,
.application .theme--light.tabs .icon--right {
color: rgba(0,0,0,0.54);
}
.application .theme--dark.card {
background-color: #424242;
color: #fff;
}
.application .theme--dark.system-bar {
background-color: #000;
color: rgba(255,255,255,0.7);
}
.application .theme--dark.system-bar .icon {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.system-bar--lights-out {
background-color: rgba(0,0,0,0.2) !important;
}
.application .theme--dark.toolbar {
background-color: #212121;
color: #fff;
}
.application .theme--dark.toolbar .btn {
color: #fff;
}
.application .theme--dark.toolbar .btn:not(.btn--icon):focus .btn__content:before,
.application .theme--dark.toolbar .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.toolbar .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(255,255,255,0.3);
pointer-events: none;
opacity: 0.4;
}
.application .theme--dark.toolbar .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(255,255,255,0.12) !important;
}
.application .theme--dark.toolbar .btn:not(.btn--icon):not(.btn--flat) {
background-color: #212121;
}
.application .theme--dark.toolbar .btn.btn--icon,
.application .theme--dark.toolbar .btn.btn--floating {
color: #fff;
}
.application .theme--dark.toolbar .toolbar__item {
color: #fff;
}
.application .theme--dark.toolbar .toolbar__item:hover {
background: rgba(255,255,255,0.12);
}
.application .theme--dark.navigation-drawer {
background-color: #424242;
}
.application .theme--dark.navigation-drawer:after {
background-color: rgba(255,255,255,0.12);
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application .theme--dark.navigation-drawer.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application .theme--dark.navigation-drawer a,
.application .theme--dark.navigation-drawer .subheader,
.application .theme--dark.navigation-drawer .list {
color: #fff;
}
.application .theme--dark.navigation-drawer .divider {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.navigation-drawer .list {
background: #424242;
}
.application .theme--dark.navigation-drawer .list__tile {
color: #fff;
}
.application .theme--dark.navigation-drawer .list--group__header--active .list__tile:after,
.application .theme--dark.navigation-drawer .list--group__header--active + .list--group:after {
background: rgba(255,255,255,0.12);
}
.application .theme--dark.btn {
color: #fff;
}
.application .theme--dark.btn:not(.btn--icon):focus .btn__content:before,
.application .theme--dark.btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(255,255,255,0.3);
pointer-events: none;
opacity: 0.4;
}
.application .theme--dark.btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(255,255,255,0.12) !important;
}
.application .theme--dark.btn:not(.btn--icon):not(.btn--flat) {
background-color: #212121;
}
.application .theme--dark.btn.btn--icon,
.application .theme--dark.btn.btn--floating {
color: #fff;
}
.application .theme--dark.icon {
color: #fff;
}
.application .theme--dark.icon:disabled {
color: rgba(255,255,255,0.5);
}
.application .theme--dark.input-group input,
.application .theme--dark.input-group textarea {
color: #fff;
}
.application .theme--dark.input-group input:disabled,
.application .theme--dark.input-group textarea:disabled {
color: rgba(255,255,255,0.5);
}
.application .theme--dark.input-group label {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group.input-group--dirty .input-group__selections__comma {
color: #fff;
}
.application .theme--dark.input-group:not(.input-group--focused):not(.input-group--error) .input-group__input .icon {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group .input-group__counter {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group .input-group__details {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group .input-group__details:before {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.input-group.input-group--overflow .input-group__input:before,
.application .theme--dark.input-group.input-group--segmented .input-group__input:before,
.application .theme--dark.input-group.input-group--editable .input-group__input:before {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.input-group.input-group--disabled input,
.application .theme--dark.input-group.input-group--disabled textarea {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group.input-group--disabled .input-group__details:before {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.5)), color-stop(33%, rgba(255,255,255,0.5)), color-stop(0, transparent));
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 33%, transparent 0);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 33%, transparent 0);
}
.application .theme--dark.input-group .input-group--text-field__prefix,
.application .theme--dark.input-group .input-group--text-field__suffix {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
color: #80cbc4;
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
background-color: #bdbdbd;
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
color: rgba(255,255,255,0.3);
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after {
background-color: #80cbc4;
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
color: rgba(255,255,255,0.3);
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active {
color: inherit;
}
.application .theme--dark.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after {
background-color: #424242 !important;
}
.application .theme--dark.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle {
color: rgba(255,255,255,0.1) !important;
}
.application .theme--dark.input-group.input-group--selection-controls.radio,
.application .theme--dark.input-group.input-group--selection-controls.checkbox {
color: #80cbc4;
}
.application .theme--dark.input-group.input-group--selection-controls.radio .icon,
.application .theme--dark.input-group.input-group--selection-controls.checkbox .icon,
.application .theme--dark.input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input,
.application .theme--dark.input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--active .icon,
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--active .icon {
color: inherit;
}
.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input,
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input {
color: rgba(255,255,255,0.5);
}
.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon,
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon {
color: inherit;
}
.application .theme--dark.input-group--slider label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-flex-preferred-size: 56px;
flex-basis: 56px;
color: rgba(255,255,255,0.7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.application .theme--dark.input-group--slider .slider__track,
.application .theme--dark.input-group--slider .slider__track-fill {
background: rgba(255,255,255,0.2);
}
.application .theme--dark.input-group--slider .slider__track__container:after {
border: 1px solid #fff;
}
.application .theme--dark.input-group--slider .slider__tick {
border: 1px solid #fff;
}
.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb--label {
background: rgba(255,255,255,0.2);
}
.application .theme--dark.input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb {
background: #fff;
}
.application .theme--dark.input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb {
border: 4px solid rgba(255,255,255,0.2);
}
.application .theme--dark.input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb {
border: 4px solid rgba(255,255,255,0.3);
}
.application .theme--dark.input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb {
background: rgba(255,255,255,0.2);
border: 0px solid transparent;
}
.application .theme--dark.input-group--slider:focus .slider__track {
background: rgba(255,255,255,0.3);
}
.application .theme--dark.list {
background: #424242;
}
.application .theme--dark.list .list__tile:not(.list__tile--active) {
color: #fff;
}
.application .theme--dark.list .list__tile__sub-title {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.list .subheader {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.list .divider {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.divider {
background-color: rgba(255,255,255,0.12);
}
.application .theme--dark.tabs .tabs__item {
color: rgba(255,255,255,0.7);
}
.application .theme--dark.tabs .tabs__item.tabs__item--active {
color: #fff;
}
.application .theme--dark.tabs .tabs__item.tabs__item--disabled {
color: rgba(255,255,255,0.3);
}
.application .theme--dark.tabs .icon--left,
.application .theme--dark.tabs .icon--right {
color: #fff;
}
.primary {
background-color: #1976d2 !important;
border-color: #1976d2 !important;
}
.primary--text {
color: #1976d2 !important;
}
.primary--after:after {
background: #1976d2 !important;
}
.accent {
background-color: #448aff !important;
border-color: #448aff !important;
}
.accent--text {
color: #448aff !important;
}
.accent--after:after {
background: #448aff !important;
}
.secondary {
background-color: #424242 !important;
border-color: #424242 !important;
}
.secondary--text {
color: #424242 !important;
}
.secondary--after:after {
background: #424242 !important;
}
.info {
background-color: #2196f3 !important;
border-color: #2196f3 !important;
}
.info--text {
color: #2196f3 !important;
}
.info--after:after {
background: #2196f3 !important;
}
.warning {
background-color: #ffc107 !important;
border-color: #ffc107 !important;
}
.warning--text {
color: #ffc107 !important;
}
.warning--after:after {
background: #ffc107 !important;
}
.error {
background-color: #ff5252 !important;
border-color: #ff5252 !important;
}
.error--text {
color: #ff5252 !important;
}
.error--after:after {
background: #ff5252 !important;
}
.success {
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
.success--text {
color: #4caf50 !important;
}
.success--after:after {
background: #4caf50 !important;
}
.black {
background-color: #000 !important;
border-color: #000 !important;
}
.black--text {
color: #000 !important;
}
.black--after:after {
background: #000 !important;
}
.white {
background-color: #fff !important;
border-color: #fff !important;
}
.white--text {
color: #fff !important;
}
.white--after:after {
background: #fff !important;
}
.transparent {
background-color: transparent !important;
border-color: transparent !important;
}
.transparent--text {
color: transparent !important;
}
.transparent--after:after {
background: transparent !important;
}
.container {
margin-right: auto;
margin-left: auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 16px;
}
@media only screen and (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media only screen and (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media only screen and (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
@media only screen and (min-width: 1904px) {
.container {
max-width: 1904px;
}
}
@media only screen and (max-width: 767px) {
.container {
padding: 24px;
}
}
.container.fluid {
max-width: 100%;
width: 100%;
}
.container.grid-list-xs {
padding: 2px;
}
.container.grid-list-xs > .layout {
margin: -1px;
}
.container.grid-list-xs > .layout > .flex {
padding: 1px;
}
.container.grid-list-sm {
padding: 4px;
}
.container.grid-list-sm > .layout {
margin: -2px;
}
.container.grid-list-sm > .layout > .flex {
padding: 2px;
}
.container.grid-list-md {
padding: 8px;
}
.container.grid-list-md > .layout {
margin: -4px;
}
.container.grid-list-md > .layout > .flex {
padding: 4px;
}
.container.grid-list-lg {
padding: 16px;
}
.container.grid-list-lg > .layout {
margin: -8px;
}
.container.grid-list-lg > .layout > .flex {
padding: 8px;
}
.container.grid-list-xl {
padding: 24px;
}
.container.grid-list-xl > .layout {
margin: -12px;
}
.container.grid-list-xl > .layout > .flex {
padding: 12px;
}
.layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: -4px;
margin-left: -4px;
}
.layout.row,
.layout.column {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.layout.row.grow,
.layout.column.grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.layout.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.layout.column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.column.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.layout.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.layout.flex,
.layout.child-flex > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
padding-right: 4px;
padding-left: 4px;
}
@media all and (min-width: 0) {
.layout.row-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.column-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.child-flex-xs > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex.xs1 {
-ms-flex-preferred-size: 8.333333333333332%;
flex-basis: 8.333333333333332%;
max-width: 8.333333333333332%;
}
.layout .flex.offset-xs1 {
margin-left: 8.333333333333332%;
}
.layout .flex.order-xs1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout .flex.xs2 {
-ms-flex-preferred-size: 16.666666666666664%;
flex-basis: 16.666666666666664%;
max-width: 16.666666666666664%;
}
.layout .flex.offset-xs2 {
margin-left: 16.666666666666664%;
}
.layout .flex.order-xs2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout .flex.xs3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.layout .flex.offset-xs3 {
margin-left: 25%;
}
.layout .flex.order-xs3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.layout .flex.xs4 {
-ms-flex-preferred-size: 33.33333333333333%;
flex-basis: 33.33333333333333%;
max-width: 33.33333333333333%;
}
.layout .flex.offset-xs4 {
margin-left: 33.33333333333333%;
}
.layout .flex.order-xs4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.layout .flex.xs5 {
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.layout .flex.offset-xs5 {
margin-left: 41.66666666666667%;
}
.layout .flex.order-xs5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.layout .flex.xs6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.layout .flex.offset-xs6 {
margin-left: 50%;
}
.layout .flex.order-xs6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.layout .flex.xs7 {
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.layout .flex.offset-xs7 {
margin-left: 58.333333333333336%;
}
.layout .flex.order-xs7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.layout .flex.xs8 {
-ms-flex-preferred-size: 66.66666666666666%;
flex-basis: 66.66666666666666%;
max-width: 66.66666666666666%;
}
.layout .flex.offset-xs8 {
margin-left: 66.66666666666666%;
}
.layout .flex.order-xs8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.layout .flex.xs9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.layout .flex.offset-xs9 {
margin-left: 75%;
}
.layout .flex.order-xs9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.layout .flex.xs10 {
-ms-flex-preferred-size: 83.33333333333334%;
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.layout .flex.offset-xs10 {
margin-left: 83.33333333333334%;
}
.layout .flex.order-xs10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.layout .flex.xs11 {
-ms-flex-preferred-size: 91.66666666666666%;
flex-basis: 91.66666666666666%;
max-width: 91.66666666666666%;
}
.layout .flex.offset-xs11 {
margin-left: 91.66666666666666%;
}
.layout .flex.order-xs11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.layout .flex.xs12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.layout .flex.offset-xs12 {
margin-left: 100%;
}
.layout .flex.order-xs12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
}
@media all and (min-width: 768px) {
.layout.row-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.column-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.child-flex-sm > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex.sm1 {
-ms-flex-preferred-size: 8.333333333333332%;
flex-basis: 8.333333333333332%;
max-width: 8.333333333333332%;
}
.layout .flex.offset-sm1 {
margin-left: 8.333333333333332%;
}
.layout .flex.order-sm1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout .flex.sm2 {
-ms-flex-preferred-size: 16.666666666666664%;
flex-basis: 16.666666666666664%;
max-width: 16.666666666666664%;
}
.layout .flex.offset-sm2 {
margin-left: 16.666666666666664%;
}
.layout .flex.order-sm2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout .flex.sm3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.layout .flex.offset-sm3 {
margin-left: 25%;
}
.layout .flex.order-sm3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.layout .flex.sm4 {
-ms-flex-preferred-size: 33.33333333333333%;
flex-basis: 33.33333333333333%;
max-width: 33.33333333333333%;
}
.layout .flex.offset-sm4 {
margin-left: 33.33333333333333%;
}
.layout .flex.order-sm4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.layout .flex.sm5 {
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.layout .flex.offset-sm5 {
margin-left: 41.66666666666667%;
}
.layout .flex.order-sm5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.layout .flex.sm6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.layout .flex.offset-sm6 {
margin-left: 50%;
}
.layout .flex.order-sm6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.layout .flex.sm7 {
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.layout .flex.offset-sm7 {
margin-left: 58.333333333333336%;
}
.layout .flex.order-sm7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.layout .flex.sm8 {
-ms-flex-preferred-size: 66.66666666666666%;
flex-basis: 66.66666666666666%;
max-width: 66.66666666666666%;
}
.layout .flex.offset-sm8 {
margin-left: 66.66666666666666%;
}
.layout .flex.order-sm8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.layout .flex.sm9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.layout .flex.offset-sm9 {
margin-left: 75%;
}
.layout .flex.order-sm9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.layout .flex.sm10 {
-ms-flex-preferred-size: 83.33333333333334%;
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.layout .flex.offset-sm10 {
margin-left: 83.33333333333334%;
}
.layout .flex.order-sm10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.layout .flex.sm11 {
-ms-flex-preferred-size: 91.66666666666666%;
flex-basis: 91.66666666666666%;
max-width: 91.66666666666666%;
}
.layout .flex.offset-sm11 {
margin-left: 91.66666666666666%;
}
.layout .flex.order-sm11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.layout .flex.sm12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.layout .flex.offset-sm12 {
margin-left: 100%;
}
.layout .flex.order-sm12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
}
@media all and (min-width: 1024px) {
.layout.row-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.column-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.child-flex-md > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex.md1 {
-ms-flex-preferred-size: 8.333333333333332%;
flex-basis: 8.333333333333332%;
max-width: 8.333333333333332%;
}
.layout .flex.offset-md1 {
margin-left: 8.333333333333332%;
}
.layout .flex.order-md1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout .flex.md2 {
-ms-flex-preferred-size: 16.666666666666664%;
flex-basis: 16.666666666666664%;
max-width: 16.666666666666664%;
}
.layout .flex.offset-md2 {
margin-left: 16.666666666666664%;
}
.layout .flex.order-md2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout .flex.md3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.layout .flex.offset-md3 {
margin-left: 25%;
}
.layout .flex.order-md3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.layout .flex.md4 {
-ms-flex-preferred-size: 33.33333333333333%;
flex-basis: 33.33333333333333%;
max-width: 33.33333333333333%;
}
.layout .flex.offset-md4 {
margin-left: 33.33333333333333%;
}
.layout .flex.order-md4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.layout .flex.md5 {
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.layout .flex.offset-md5 {
margin-left: 41.66666666666667%;
}
.layout .flex.order-md5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.layout .flex.md6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.layout .flex.offset-md6 {
margin-left: 50%;
}
.layout .flex.order-md6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.layout .flex.md7 {
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.layout .flex.offset-md7 {
margin-left: 58.333333333333336%;
}
.layout .flex.order-md7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.layout .flex.md8 {
-ms-flex-preferred-size: 66.66666666666666%;
flex-basis: 66.66666666666666%;
max-width: 66.66666666666666%;
}
.layout .flex.offset-md8 {
margin-left: 66.66666666666666%;
}
.layout .flex.order-md8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.layout .flex.md9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.layout .flex.offset-md9 {
margin-left: 75%;
}
.layout .flex.order-md9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.layout .flex.md10 {
-ms-flex-preferred-size: 83.33333333333334%;
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.layout .flex.offset-md10 {
margin-left: 83.33333333333334%;
}
.layout .flex.order-md10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.layout .flex.md11 {
-ms-flex-preferred-size: 91.66666666666666%;
flex-basis: 91.66666666666666%;
max-width: 91.66666666666666%;
}
.layout .flex.offset-md11 {
margin-left: 91.66666666666666%;
}
.layout .flex.order-md11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.layout .flex.md12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.layout .flex.offset-md12 {
margin-left: 100%;
}
.layout .flex.order-md12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
}
@media all and (min-width: 1440px) {
.layout.row-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.column-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.child-flex-lg > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex.lg1 {
-ms-flex-preferred-size: 8.333333333333332%;
flex-basis: 8.333333333333332%;
max-width: 8.333333333333332%;
}
.layout .flex.offset-lg1 {
margin-left: 8.333333333333332%;
}
.layout .flex.order-lg1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout .flex.lg2 {
-ms-flex-preferred-size: 16.666666666666664%;
flex-basis: 16.666666666666664%;
max-width: 16.666666666666664%;
}
.layout .flex.offset-lg2 {
margin-left: 16.666666666666664%;
}
.layout .flex.order-lg2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout .flex.lg3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.layout .flex.offset-lg3 {
margin-left: 25%;
}
.layout .flex.order-lg3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.layout .flex.lg4 {
-ms-flex-preferred-size: 33.33333333333333%;
flex-basis: 33.33333333333333%;
max-width: 33.33333333333333%;
}
.layout .flex.offset-lg4 {
margin-left: 33.33333333333333%;
}
.layout .flex.order-lg4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.layout .flex.lg5 {
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.layout .flex.offset-lg5 {
margin-left: 41.66666666666667%;
}
.layout .flex.order-lg5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.layout .flex.lg6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.layout .flex.offset-lg6 {
margin-left: 50%;
}
.layout .flex.order-lg6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.layout .flex.lg7 {
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.layout .flex.offset-lg7 {
margin-left: 58.333333333333336%;
}
.layout .flex.order-lg7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.layout .flex.lg8 {
-ms-flex-preferred-size: 66.66666666666666%;
flex-basis: 66.66666666666666%;
max-width: 66.66666666666666%;
}
.layout .flex.offset-lg8 {
margin-left: 66.66666666666666%;
}
.layout .flex.order-lg8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.layout .flex.lg9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.layout .flex.offset-lg9 {
margin-left: 75%;
}
.layout .flex.order-lg9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.layout .flex.lg10 {
-ms-flex-preferred-size: 83.33333333333334%;
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.layout .flex.offset-lg10 {
margin-left: 83.33333333333334%;
}
.layout .flex.order-lg10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.layout .flex.lg11 {
-ms-flex-preferred-size: 91.66666666666666%;
flex-basis: 91.66666666666666%;
max-width: 91.66666666666666%;
}
.layout .flex.offset-lg11 {
margin-left: 91.66666666666666%;
}
.layout .flex.order-lg11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.layout .flex.lg12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.layout .flex.offset-lg12 {
margin-left: 100%;
}
.layout .flex.order-lg12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
}
@media all and (min-width: 1904px) {
.layout.row-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout.column-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layout.child-flex-xl > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.layout .flex.xl1 {
-ms-flex-preferred-size: 8.333333333333332%;
flex-basis: 8.333333333333332%;
max-width: 8.333333333333332%;
}
.layout .flex.offset-xl1 {
margin-left: 8.333333333333332%;
}
.layout .flex.order-xl1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout .flex.xl2 {
-ms-flex-preferred-size: 16.666666666666664%;
flex-basis: 16.666666666666664%;
max-width: 16.666666666666664%;
}
.layout .flex.offset-xl2 {
margin-left: 16.666666666666664%;
}
.layout .flex.order-xl2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout .flex.xl3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.layout .flex.offset-xl3 {
margin-left: 25%;
}
.layout .flex.order-xl3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.layout .flex.xl4 {
-ms-flex-preferred-size: 33.33333333333333%;
flex-basis: 33.33333333333333%;
max-width: 33.33333333333333%;
}
.layout .flex.offset-xl4 {
margin-left: 33.33333333333333%;
}
.layout .flex.order-xl4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.layout .flex.xl5 {
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.layout .flex.offset-xl5 {
margin-left: 41.66666666666667%;
}
.layout .flex.order-xl5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.layout .flex.xl6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.layout .flex.offset-xl6 {
margin-left: 50%;
}
.layout .flex.order-xl6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.layout .flex.xl7 {
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.layout .flex.offset-xl7 {
margin-left: 58.333333333333336%;
}
.layout .flex.order-xl7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.layout .flex.xl8 {
-ms-flex-preferred-size: 66.66666666666666%;
flex-basis: 66.66666666666666%;
max-width: 66.66666666666666%;
}
.layout .flex.offset-xl8 {
margin-left: 66.66666666666666%;
}
.layout .flex.order-xl8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.layout .flex.xl9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.layout .flex.offset-xl9 {
margin-left: 75%;
}
.layout .flex.order-xl9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.layout .flex.xl10 {
-ms-flex-preferred-size: 83.33333333333334%;
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.layout .flex.offset-xl10 {
margin-left: 83.33333333333334%;
}
.layout .flex.order-xl10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.layout .flex.xl11 {
-ms-flex-preferred-size: 91.66666666666666%;
flex-basis: 91.66666666666666%;
max-width: 91.66666666666666%;
}
.layout .flex.offset-xl11 {
margin-left: 91.66666666666666%;
}
.layout .flex.order-xl11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.layout .flex.xl12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.layout .flex.offset-xl12 {
margin-left: 100%;
}
.layout .flex.order-xl12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
}
.align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.spacer {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.scroll-y {
overflow-y: auto;
}
.fill-height {
height: 100%;
}
.show-overflow {
overflow: visible !important;
}
.flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll; /* All browsers without overlaying scrollbars */
-webkit-text-size-adjust: 100%; /* iOS 8+ */
}
*,
::before,
::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
vertical-align: inherit;
}
* {
background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
}
audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; /* Show the overflow in Edge and IE */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; /* Add the correct display in all browsers */
}
small {
font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden],
template {
display: none; /* Add the correct display in IE */
}
abbr[title] {
border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
text-decoration: none; /* Remove text decoration in Firefox 40+ */
}
a {
background-color: transparent; /* Remove the gray background on active links in IE 10 */
-webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active,
a:hover {
outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* Specify the font family of code elements */
}
b,
strong {
font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
font-style: italic; /* Address styling not present in Safari and Chrome */
}
mark {
background-color: #ff0;
color: #000;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
input {
border-radius: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
}
[disabled] {
cursor: default;
}
[type="number"] {
width: auto; /* Firefox 36+ */
}
[type="search"] {
-webkit-appearance: textfield; /* Safari 8+ */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; /* Safari 8 */
}
textarea {
overflow: auto; /* Internet Explorer 11+ */
resize: vertical; /* Specify textarea resizability */
}
button,
input,
optgroup,
select,
textarea {
font: inherit; /* Specify font inheritance of form elements */
}
optgroup {
font-weight: bold; /* Restore the font weight unset by the previous rule. */
}
button {
overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}
button,
select {
text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
}
select {
-moz-appearance: none; /* Firefox 36+ */
-webkit-appearance: none; /* Chrome 41+ */
}
select::-ms-expand {
display: none; /* Internet Explorer 11+ */
}
select::-ms-value {
color: currentColor; /* Internet Explorer 11+ */
}
legend {
border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
display: table; /* Correct the text wrapping in Edge and IE */
max-width: 100%; /* Correct the text wrapping in Edge and IE */
white-space: normal; /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
-webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}
[type="search"] {
-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
outline-offset: -2px; /* Correct the outline style in Safari */
}
img {
border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}
progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; /* Internet Explorer 11- */
}
audio,
canvas,
progress,
video {
display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}
@media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
}
[aria-busy="true"] {
cursor: progress;
}
[aria-controls] {
cursor: pointer;
}
[aria-disabled] {
cursor: default;
}
::-moz-selection {
background-color: #b3d4fc; /* Required when declaring ::selection */
color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; /* Required when declaring ::selection */
color: #000;
text-shadow: none;
}
.carousel-transition-enter {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-transition-leave,
.carousel-transition-leave-to {
position: absolute;
top: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-reverse-transition-enter {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
position: absolute;
top: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.dialog-transition-enter,
.dialog-transition-leave-to {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.dialog-transition-enter-to,
.dialog-transition-leave {
opacity: 1;
}
.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.tab-transition-enter {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.tab-transition-enter-to {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.tab-transition-leave,
.tab-transition-leave-active {
position: absolute;
top: 0;
}
.tab-transition-leave-to {
position: absolute;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.tab-reverse-transition-enter {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
top: 0;
position: absolute;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.scale-transition-enter-active,
.scale-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-y-transition-enter,
.slide-y-transition-leave-to {
opacity: 0;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
opacity: 0;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
}
.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-x-transition-enter,
.slide-x-transition-leave-to {
opacity: 0;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
opacity: 0;
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
.fade-transition-enter-active,
.fade-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.fade-transition-enter,
.fade-transition-leave-to {
opacity: 0;
}
.fab-transition-enter-active,
.fab-transition-leave-active {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.fab-transition-enter,
.fab-transition-leave-to {
-webkit-transform: scale(0) rotate(-45deg);
-ms-transform: scale(0) rotate(-45deg);
transform: scale(0) rotate(-45deg);
}
blockquote {
border-left: 5px solid #1976d2;
padding: 16px 0 16px 24px;
font-size: 18px;
font-weight: 300;
}
code,
kbd {
background: #9e9e9e;
color: #bd4147;
display: inline-block;
background-color: #f5f5f5;
border-radius: 3px;
white-space: pre-wrap;
font-size: 85%;
font-weight: 100 !important;
font-weight: 900 !important;
}
code:after,
kbd:after,
code:before,
kbd:before {
content: "\A0";
letter-spacing: -1px;
}
kbd {
background: #424242;
color: #fff;
}
html,
body {
height: 100%;
min-height: 100%;
position: relative;
width: 100%;
}
html {
font-size: 14px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,0);
overflow-x: hidden;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.5;
}
header {
-webkit-transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
z-index: 1;
}
main {
-webkit-transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s padding cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: padding-left;
}
a {
color: #1976d2;
}
::-ms-clear,
::-ms-reveal {
display: none;
}
h1 {
color: #424242;
font-size: 112px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.04em;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h1 {
font-size: 67.2px;
}
}
h2 {
color: #424242;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 33.6px;
}
}
h3 {
color: #424242;
font-size: 45px;
font-weight: 400;
line-height: 48px;
letter-spacing: normal;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h3 {
font-size: 27px;
}
}
h4 {
color: #424242;
font-size: 34px;
font-weight: 400;
line-height: 40px;
letter-spacing: normal;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h4 {
font-size: 20.4px;
}
}
h5 {
color: #424242;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: normal;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h5 {
font-size: 14.399999999999999px;
}
}
h6 {
color: #424242;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
h6 {
font-size: 12px;
}
}
subheading {
color: #424242;
font-size: 16px;
font-weight: 400;
line-height: ;
letter-spacing: ;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
subheading {
font-size: 9.6px;
}
}
body-2 {
color: #424242;
font-size: 14px;
font-weight: 500;
line-height: ;
letter-spacing: ;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
body-2 {
font-size: 8.4px;
}
}
body-1 {
color: #424242;
font-size: 14px;
font-weight: 400;
line-height: ;
letter-spacing: ;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
body-1 {
font-size: 8.4px;
}
}
caption {
color: #424242;
font-size: 12px;
font-weight: 400;
line-height: ;
letter-spacing: ;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
caption {
font-size: 7.199999999999999px;
}
}
button {
color: #424242;
font-size: 14px;
font-weight: 500;
line-height: ;
letter-spacing: ;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
button {
font-size: 8.4px;
}
}
ul,
ol {
padding-left: 24px;
}
.display-4 {
font-size: 112px !important;
font-weight: 300 !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
}
.display-3 {
font-size: 56px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: -0.02em !important;
}
.display-2 {
font-size: 45px !important;
font-weight: 400 !important;
line-height: 48px !important;
letter-spacing: normal !important;
}
.display-1 {
font-size: 34px !important;
font-weight: 400 !important;
line-height: 40px !important;
letter-spacing: normal !important;
}
.headline {
font-size: 24px !important;
font-weight: 400 !important;
line-height: 32px !important;
letter-spacing: normal !important;
}
.title {
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
}
.subheading {
font-size: 16px !important;
font-weight: 400 !important;
}
.body-2 {
font-size: 14px !important;
font-weight: 500 !important;
}
.body-1 {
font-size: 14px !important;
font-weight: 400 !important;
}
.caption {
font-size: 12px !important;
font-weight: 400 !important;
}
p {
margin-bottom: 16px;
}
.alert {
border-radius: 0;
border-width: 4px 0 0 0;
border-style: solid;
border-color: rgba(0,0,0,0.12) !important;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
margin: 4px auto;
padding: 16px;
position: relative;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.alert__icon.icon,
.alert__dismissible .icon {
-ms-flex-item-align: center;
align-self: center;
color: rgba(0,0,0,0.3);
font-size: 24px;
}
.alert__icon {
margin-right: 16px;
}
.alert__dismissible {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 16px;
margin-right: 0;
text-decoration: none;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.alert__dismissible:hover {
color: rgba(26,26,26,0.3);
}
.alert--no-icon .alert__icon {
display: none;
}
.alert > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 768px) {
.alert__icon {
display: none;
}
}
.avatar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.avatar img,
.avatar .icon {
height: 40px;
width: 40px;
border-radius: 50%;
}
.badge {
position: relative;
}
.badge:after {
color: #fff;
content: attr(data-badge);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
font-family: 'Roboto', sans-serif;
top: -11px;
right: -22px;
background-color: #1976d2;
border-radius: 50%;
height: 22px;
width: 22px;
font-size: 14px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.badge--overlap:after {
top: -8px;
right: -8px;
}
.badge--overlap.badge--left:after {
left: -8px;
right: initial;
}
.badge--overlap.badge--bottom:after {
bottom: -8px;
top: initial;
}
.badge--icon:after {
font-family: 'Material Icons';
}
.badge--left:after {
left: -22px;
}
.badge--bottom:after {
bottom: -11px;
top: initial;
}
.bottom-nav {
background: #1976d2;
bottom: 0;
-webkit-box-shadow: 0 3px 14px 2px rgba(0,0,0,0.12);
box-shadow: 0 3px 14px 2px rgba(0,0,0,0.12);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
-o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
width: 100%;
z-index: 4;
}
.bottom-nav--absolute {
position: absolute;
}
.bottom-nav--active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bottom-nav > .btn {
background: transparent !important;
border-radius: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
height: 100%;
margin: 0;
max-width: 168px;
min-width: 80px;
padding: 0px;
opacity: 0.5;
width: 100%;
}
.bottom-nav > .btn .icon {
color: inherit;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
-o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.bottom-nav > .btn .btn__content {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
height: 56px;
font-size: 12px;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
white-space: nowrap;
will-change: font-size;
}
.bottom-nav > .btn--active {
opacity: 1;
}
.bottom-nav > .btn--active .btn__content {
font-size: 14px;
}
.bottom-nav > .btn--active .btn__content .icon {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.bottom-nav > .btn:not(.btn--active) {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.bottom-nav--shift .btn__content {
font-size: 14px;
}
.bottom-nav--shift .btn__content span {
height: 21px;
}
.bottom-nav--shift .btn {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
min-width: 56px;
max-width: 96px;
}
.bottom-nav--shift .btn--active {
min-width: 96px;
max-width: 168px;
}
.bottom-nav--shift .btn:not(.btn--active) .btn__content .icon {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 10px, 0);
transform: scale3d(1, 1, 1) translate3d(0, 10px, 0);
}
.bottom-nav--shift .btn:not(.btn--active) .btn__content span {
color: transparent;
}
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0;
list-style-type: none;
}
.breadcrumbs li:not(:last-child):after {
color: #bdbdbd;
content: attr(data-divider);
vertical-align: middle;
}
.breadcrumbs li:last-child a {
color: #bdbdbd;
pointer-events: none;
cursor: default;
}
.breadcrumbs--with-icons li:not(:last-child):after {
font-family: 'Material Icons';
}
.breadcrumbs__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1976d2;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 14px;
padding: 0 14px;
height: 40px;
text-decoration: none;
line-height: 40px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.breadcrumbs__item:hover {
color: #757575;
}
.breadcrumbs__item--disabled {
color: #e0e0e0;
pointer-events: none;
}
.btn-toggle {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 2px;
padding: 0 16px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: background, box-shadow;
}
.btn-toggle .btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: auto;
width: auto;
padding: 0 8px;
margin: 0;
opacity: 0.4;
border-radius: 0;
}
.btn-toggle .btn:not(:last-child) {
border-right: 1px solid transparent;
}
.btn-toggle .btn:after {
display: none;
}
.btn-toggle .btn[data-selected] {
opacity: 1;
}
.btn-toggle .btn__content {
padding: 0;
}
.btn-toggle .btn span + .icon {
font-size: initial;
margin-left: 10px;
}
.btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 2px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 36px;
font-size: 14px;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 6px 8px;
min-width: 88px;
outline: 0;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 1ms;
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 1ms;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 1ms;
position: relative;
vertical-align: middle;
}
.btn__content:before {
border-radius: inherit;
color: inherit;
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
}
.btn__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: inherit;
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
padding: 0 16px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
white-space: nowrap;
}
.btn--flat {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn--raised {
will-change: box-shadow;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.btn--raised:active {
-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}
.btn--icon {
background: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 36px;
width: 36px;
min-width: 0;
}
.btn--icon .btn__content {
height: 36px;
padding: 0;
}
.btn--icon .btn__content .icon {
color: inherit;
}
.btn--icon .btn__content:before {
border-radius: 50%;
opacity: 0.2;
}
.btn--icon:hover .btn__content:before,
.btn--icon:focus .btn__content:before {
background-color: currentColor;
}
.btn--icon.btn--small {
width: 28px;
}
.btn--icon.btn--small .btn__content {
height: 28px;
}
.btn--icon.btn--large {
width: 44px;
}
.btn--icon.btn--large .btn__content {
height: 44px;
}
.btn--floating {
border-radius: 50%;
min-width: 0;
height: 56px;
width: 56px;
padding: 0;
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.btn--floating .btn__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0;
}
.btn--floating .btn__content .icon {
color: inherit;
}
.btn--floating:after {
border-radius: 50%;
}
.btn--floating .icon:not(:only-of-type):last-of-type {
opacity: 0;
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: calc(50% - 12px);
top: calc(50% - 12px);
}
.btn--floating.btn--active .icon:not(:only-of-type):first-of-type {
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn--floating.btn--active .icon:not(:only-of-type):last-of-type {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.btn--floating .icon {
height: 24px;
width: 24px;
}
.btn--floating.btn--small {
height: 40px;
width: 40px;
}
.btn--floating.btn--small .icon {
font-size: 18px;
height: 18px;
width: 18px;
}
.btn--floating.btn--large {
height: 72px;
width: 72px;
}
.btn--floating.btn--large .icon {
font-size: 30px;
height: 30px;
width: 30px;
}
.btn--reverse .btn__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btn--reverse.btn--column .btn__content {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.btn--fixed,
.btn--absolute {
margin: 0;
}
.btn.btn--absolute {
position: absolute;
}
.btn.btn--fixed {
position: fixed;
}
.btn--top:not(.btn--absolute) {
top: 16px;
}
.btn--top.btn--absolute {
top: -28px;
}
.btn--top.btn--absolute.btn--small {
top: -20px;
}
.btn--top.btn--absolute.btn--large {
top: -36px;
}
.btn--bottom:not(.btn--absolute) {
bottom: 16px;
}
.btn--bottom.btn--absolute {
bottom: -28px;
}
.btn--bottom.btn--absolute.btn--small {
bottom: -20px;
}
.btn--bottom.btn--absolute.btn--large {
bottom: -36px;
}
.btn--left {
left: 16px;
}
.btn--right {
right: 16px;
}
.btn--small {
font-size: 13px;
height: 28px;
}
.btn--large {
font-size: 15px;
height: 44px;
}
.btn--loader {
pointer-events: none;
}
.btn--loader .btn__content {
opacity: 0;
}
.btn__loading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.btn__loading .icon--left {
margin-right: 1rem;
line-height: inherit;
}
.btn__loading .icon--right {
margin-left: 1rem;
line-height: inherit;
}
.btn--outline {
border: 1px solid currentColor;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn--outline:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn--block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 6px 0;
width: 100%;
}
.btn--round {
border-radius: 28px;
}
.btn--round:after {
border-radius: 28px;
}
.btn .icon--right {
margin-left: 16px;
}
.btn .icon--left {
margin-right: 16px;
}
.btn.primary,
.btn.secondary,
.btn.success,
.btn.error,
.btn.warning,
.btn.info {
color: #fff;
}
.card {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
position: relative;
border-radius: 2px;
min-width: 0;
}
.card > *:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.card > *:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.card--raised {
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12);
}
.card--tile {
border-radius: 0;
}
.card--flat {
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
}
.card--hover {
cursor: pointer;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transition-property: -webkit-box-shadow;
transition-property: -webkit-box-shadow;
-o-transition-property: box-shadow;
transition-property: box-shadow;
transition-property: box-shadow, -webkit-box-shadow;
}
.card--hover:hover {
-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}
.card__title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 16px;
}
.card__title--primary {
padding-top: 24px;
}
.card__text {
padding: 16px;
width: 100%;
}
.card__media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
}
.card__media img {
width: 100%;
}
.card__media__background {
border-radius: inherit;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.card__media__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.card__actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 4px;
}
.card__actions > * {
margin: 0 4px;
}
.carousel {
height: 500px;
width: 100%;
background: #000;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.carousel__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
-webkit-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.carousel__left,
.carousel__right {
position: absolute;
top: 50%;
z-index: 1;
left: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel__left .btn,
.carousel__right .btn {
color: #fff;
margin: 0 !important;
height: auto;
width: auto;
}
.carousel__left .btn i,
.carousel__right .btn i {
font-size: 48px;
}
.carousel__left .btn:hover,
.carousel__right .btn:hover {
background: none;
}
.carousel__right {
left: auto;
right: 5px;
}
.carousel__controls {
background: rgba(0,0,0,0.5);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
height: 50px;
list-style-type: none;
width: 100%;
z-index: 1;
}
.carousel__controls__item {
color: #fff;
margin: 0 1rem !important;
}
.carousel__controls__item i {
opacity: 0.5;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.carousel__controls__item--active i {
opacity: 1;
vertical-align: middle;
font-size: 2rem !important;
}
.carousel__controls__item:hover {
background: none;
}
.carousel__controls__item:hover i {
opacity: 0.8;
}
.chip {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e0e0e0;
border: 1px solid #e0e0e0;
border-radius: 28px;
cursor: default;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
padding: 0 12px;
margin: 8px;
height: 32px;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
vertical-align: middle;
white-space: nowrap;
color: rgba(0,0,0,0.87);
}
.chip .avatar {
border-radius: 50%;
height: 32px;
width: 32px;
min-width: 32px;
margin-left: -14px;
margin-right: 8px;
color: #fff;
}
.chip .avatar img {
width: 100%;
height: 100%;
}
.chip:focus {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
outline: none;
}
.chip--label {
border-radius: 2px;
}
.chip--outline {
background: transparent !important;
color: #9e9e9e;
}
.chip--small {
height: 26px;
}
.chip--small .avatar {
height: 26px;
width: 26px;
min-width: 26px;
}
.chip__close {
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 24px;
margin-left: 4px;
margin-right: -2px;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.chip__close:hover {
opacity: 0.8;
}
.chip--removable {
padding: 0 4px 0 12px;
}
.chip--select-multi {
margin: 8px 8px 8px 0;
}
.chip .icon {
color: inherit;
opacity: 0.54;
}
.chip .icon--right {
margin-left: 4px;
}
.chip .icon--left {
margin-right: 4px;
}
.datatable thead th.column.sortable {
cursor: pointer;
}
.datatable thead th.column.sortable i {
color: rgba(0,0,0,0.38);
font-size: 16px;
vertical-align: sub;
display: inline-block;
opacity: 0;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.datatable thead th.column.sortable:hover {
color: rgba(0,0,0,0.87);
}
.datatable thead th.column.sortable:hover i {
opacity: 0.6;
}
.datatable thead th.column.sortable.active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: rgba(0,0,0,0.87);
}
.datatable thead th.column.sortable.active i {
color: rgba(0,0,0,0.87);
opacity: 1;
}
.datatable thead th.column.sortable.active.desc i {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.datatable tfoot .input-group__details {
display: none;
}
.datatable__actions {
color: rgba(0,0,0,0.54);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
}
.datatable__actions .btn {
color: inherit;
}
.datatable__actions .btn:last-of-type {
margin-left: 18px;
}
.datatable__actions__pagination {
text-align: center;
margin: 0 26px 0 32px;
}
.datatable__actions__select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.datatable__actions__select .input-group--select {
margin: 13px 0 13px 34px;
position: initial;
}
.datatable__actions__select .input-group--select .input-group__selections__comma {
color: rgba(0,0,0,0.54) !important;
font-size: 12px;
padding-top: 6px;
}
.datatable__actions__select .input-group--select .input-group__append-icon {
color: rgba(0,0,0,0.54) !important;
}
.datatable__progress tr {
height: auto !important;
}
.datatable__progress th {
padding: 0 !important;
}
.datatable__progress th .progress-linear {
top: -3px;
margin: 0 0 -3px;
}
.picker--date {
color: #fff;
width: 100%;
}
.picker--date__years {
background: #fff;
color: #000;
font-size: 18px;
font-weight: 400;
list-style-type: none;
max-height: 290px;
overflow: auto;
padding: 0;
text-align: center;
}
.picker--date__years li {
cursor: pointer;
margin: 16px 0;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.picker--date__years li:hover {
color: #1976d2;
}
.picker--date__years li.active {
color: #1976d2;
font-size: 24px;
font-weight: 500;
margin: 20px 0;
}
.picker--date__title {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.picker--date__title-year {
font-size: 14px;
}
.picker--date__title-date {
font-size: 34px;
}
.picker--date__title-date > div {
position: relative;
}
.picker--date__title-year,
.picker--date__title-date {
font-weight: 500;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
}
.picker--date__title-year:not(.active),
.picker--date__title-date:not(.active) {
cursor: pointer;
opacity: 0.6;
}
.picker--date__title-year:hover,
.picker--date__title-date:hover {
opacity: 1;
}
.picker--date__header {
color: #000;
padding: 4px 16px;
}
.picker--date__header-selector {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.picker--date__header-selector .btn {
color: #000;
margin: 0;
}
.picker--date__header-selector .icon {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.picker--date__header-selector-date {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
position: relative;
overflow: hidden;
}
.picker--date__header-selector-date strong {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
display: block;
width: 100%;
}
.picker--date__table {
position: relative;
}
.picker--date table {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
top: 0;
}
.picker--date table thead th {
padding: 8px 0;
}
.picker--date table th {
color: rgba(0,0,0,0.54);
font-weight: 600;
font-size: 12px;
}
.picker--date table th,
.picker--date table td {
text-align: center;
width: 45px;
}
.picker--date table .btn {
margin: 0;
}
.picker--date table .btn:hover,
.picker--date table .btn .btn__content:before {
background-color: transparent !important;
}
.picker--date table .btn:after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.picker--date table .btn__content {
overflow: visible;
-webkit-transition: none;
-o-transition: none;
transition: none;
z-index: 1;
}
.picker--date table .btn.btn--current:not(.btn--active) {
color: #1976d2;
}
.picker--date table .btn.btn--floating {
height: 32px;
width: 32px;
}
.picker--date table .btn.btn--floating:after {
background: #1976d2 !important;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.picker--date table .btn.btn--floating:not(.btn--active):hover {
color: #fff;
}
.picker--date table .btn.btn--floating:not(.btn--active):hover:after {
opacity: 0.6;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.picker--date table .btn.btn--floating.btn--active {
color: #fff;
}
.picker--date table .btn.btn--floating.btn--active:after {
background: #1976d2 !important;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.picker--landscape .picker--date__years {
margin-left: 170px;
width: 330px;
}
.picker--date.picker--dark .picker--date__years {
background: #424242;
}
.picker--date.picker--dark .picker--date__years li {
color: #fff;
}
.picker--date.picker--dark .picker--date__years li.active {
color: #448aff;
}
.picker--date.picker--dark .picker--date__header {
color: #fff;
}
.picker--date.picker--dark .picker__title {
color: #fff;
}
.picker--date.picker--dark .picker--date__table table th {
color: #fff;
}
.picker--date.picker--dark .picker--date__table table .btn {
color: #fff;
}
.picker--date.picker--dark .picker--date__table table .btn--current {
color: #448aff;
}
.picker--date.picker--dark .picker--date__table table .btn--active {
color: #000;
}
.picker--date.picker--dark .picker--date__table table .btn--floating:after {
background: #448aff !important;
}
.dialog {
-webkit-box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12);
box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12);
border-radius: 2px;
margin: 24px 40px;
overflow-y: auto;
pointer-events: auto;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.dialog__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
pointer-events: none;
position: fixed;
top: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
width: 100%;
z-index: 5;
}
.dialog:not(.dialog--fullscreen) {
max-width: 90%;
max-height: 90%;
}
.dialog__container {
display: inline-block;
vertical-align: middle;
}
.dialog--fullscreen {
margin: 0;
width: 100%;
height: 100%;
position: fixed;
overflow-y: auto;
top: 0;
left: 0;
}
.dialog--fullscreen > .card {
min-height: 100%;
min-width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.dialog--scrollable {
overflow: hidden;
}
.dialog--scrollable .card__text {
overflow-y: auto;
}
.divider {
border: none;
display: block;
height: 1px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.divider--inset {
margin-left: 72px;
width: calc(100% - 72px);
}
.expansion-panel {
text-align: left;
list-style-type: none;
padding: 0;
width: 100%;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.expansion-panel > li {
border: 1px solid rgba(0,0,0,0.12);
}
.expansion-panel > li:not(:first-child) {
border-top: none;
}
.expansion-panel__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
position: relative;
padding-left: 1rem;
}
.expansion-panel__header i {
margin-right: 1rem;
}
.expansion-panel__header:after {
content: '\E313';
font-family: 'Material Icons';
font-size: 1.5rem;
position: absolute;
right: 15px;
top: calc(50% - 16px);
color: inherit;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.expansion-panel__header--active:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.expansion-panel__body {
background-color: rgba(0,0,0,0.03);
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.expansion-panel__body .card {
border-radius: 0;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
}
.footer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.footer--absolute,
.footer--fixed {
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
}
.footer--absolute {
position: absolute;
}
.footer--fixed {
position: fixed;
}
.footer > *:first-child {
margin-left: 8px;
}
.footer > *:last-child {
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.footer > *:first-child {
margin-left: 16px;
}
.footer > *:last-child {
margin-right: 16px;
}
}
.icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
vertical-align: middle;
}
.icon--large {
font-size: 2.5rem;
}
.icon--medium {
font-size: 2rem;
}
.icon--x-large {
font-size: 3rem;
}
.input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 24px;
margin: 18px 0;
position: relative;
width: 100%;
outline: none;
-webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group label {
font-size: 16px;
line-height: 32px;
height: 30px;
max-width: 80%;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 0;
}
.input-group__input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
min-width: 0;
min-height: 30px;
}
.input-group__icon-cb {
cursor: pointer;
}
.input-group.input-group--focused .input-group__input .icon {
color: #1976d2;
}
.input-group--disabled .input-group__details:before {
background-color: transparent;
background-position: bottom;
background-size: 3px 1px;
background-repeat: repeat-x;
}
.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused label,
.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error):focus label {
color: #1976d2;
}
.input-group.input-group--text-field.input-group--focused:not(.input-group--disabled) .input-group__details:after,
.input-group.input-group--text-field:focus:not(.input-group--disabled) .input-group__details:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.input-group--required label:after {
content: '*';
}
.input-group--required.input-group--focused label:after {
color: #ff5252;
}
.input-group.input-group--error label,
.input-group.input-group--error .input-group__input .icon {
color: #ff5252;
}
.input-group.input-group--error .input-group__details:after,
.input-group.input-group--error .input-group__details:before {
background-color: #ff5252;
}
.input-group .slide-y-transition-leave,
.input-group .slide-y-transition-leave-to {
position: absolute;
}
.input-group__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 4px;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
font-size: 12px;
min-height: 22px;
overflow: hidden;
position: relative;
width: 100%;
}
.input-group__details:after,
.input-group__details:before {
content: '';
position: absolute;
left: 0;
}
.input-group__details:after {
background-color: #1976d2;
top: 0;
height: 2px;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center center 0;
-ms-transform-origin: center center 0;
transform-origin: center center 0;
width: 100%;
z-index: 1;
}
.input-group__details:before {
top: 0;
height: 1px;
width: 100%;
z-index: 0;
}
.input-group--hide-details .input-group__details {
min-height: 2px;
padding: 0;
}
.input-group__hint {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group .input-group__error {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
color: #ff5252;
}
.input-group--overflow.input-group--active,
.input-group--segmented.input-group--active,
.input-group--editable.input-group--active {
background-color: #fff;
}
.list {
list-style-type: none;
padding: 8px 0 8px;
-webkit-transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.list .input-group {
margin: 0;
}
.list > .list__tile ~ .list__tile {
margin-top: 0;
}
.list__tile {
font-size: 16px;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 48px;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 16px;
margin: 0;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
}
.list__tile:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 1px;
opacity: 0;
width: 100%;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
background-color: rgba(0,0,0,0.12);
}
a.list__tile:hover,
.list__tile--highlighted {
background: rgba(0,0,0,0.12);
}
.list__tile__content,
.list__tile__action,
.list__tile__avatar {
height: 100%;
}
.list__tile__title,
.list__tile__sub-title {
white-space: nowrap;
overflow-x: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 100%;
}
.list__tile__title {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
text-align: left;
}
.list__tile__sub-title {
font-size: 14px;
}
.list__tile .avatar {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 56px;
}
.list__tile__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 56px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list__tile__action .input-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list__tile__action .input-group__details {
display: none;
}
.list__tile__action .icon {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.list__tile__action .btn {
padding: 0;
margin: 0;
}
.list__tile__action .btn--icon {
margin: -8px;
}
.list__tile__action-text {
color: #9e9e9e;
font-size: 12px;
}
.list__tile__action--stack {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 8px;
padding-bottom: 8px;
white-space: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.list__tile__content {
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.list__tile__content + .avatar {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.list__tile__content + .list__tile__action:not(.list__tile__action--stack) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.list__tile--active {
color: #1976d2;
}
.list__tile--disabled {
opacity: 0.4 !important;
pointer-events: none;
}
.list__tile--avatar {
height: 56px;
}
.list--dense {
padding-top: 4px;
}
.list--dense .subheader {
font-size: 13px;
height: 40px;
}
.list--dense .list--group .subheader {
height: 40px;
}
.list--dense .list__tile {
font-size: 13px;
}
.list--dense .list__tile--avatar {
height: 48px;
}
.list--dense .list__tile--avatar .avatar .icon,
.list--dense .list__tile--avatar .avatar img {
height: 38px;
width: 38px;
}
.list--dense .list__tile:not(.list__tile--avatar) {
height: 40px;
}
.list--dense .list__tile .icon {
font-size: 21px;
}
.list--dense .list__tile__sub-title {
font-size: 13px;
}
.list--two-line .list__tile {
height: 72px;
}
.list--two-line.list--dense .list__tile {
height: 60px;
}
.list--three-line .list__tile {
height: 88px;
}
.list--three-line .list__tile__sub-title {
white-space: initial;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.list--three-line.list--dense .list__tile {
height: 76px;
}
.list--group {
position: relative;
padding: 0;
}
.list--group:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
opacity: 0;
width: 100%;
background-color: rgba(0,0,0,0.12);
}
.list--group .list__tile {
padding-left: 72px;
}
.list--group .list__tile--active .list__tile__title {
color: #1976d2;
}
.list--group__header + .list--group:after {
opacity: 1;
}
.list--group__header--active .list__tile {
background: rgba(0,0,0,0.12);
}
.list--group__header--active .list__tile:after {
opacity: 1;
}
.list--group__header--active .list__tile .list__tile__title {
color: inherit;
}
.list--group__header--active .list__tile .list__tile__action:last-of-type .icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.list--group__header--no-action + .list--group .list__tile {
padding-left: 16px;
}
.list--subheader {
padding-top: 0;
}
.menu {
display: inline-block;
position: relative;
vertical-align: middle;
}
.menu--disabled {
cursor: not-allowed;
}
.menu--disabled .menu__activator {
cursor: not-allowed;
}
.menu__activator {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative;
}
.menu__content {
background: #fff;
position: absolute;
display: inline-block;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
z-index: 6;
-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}
.menu__content--dropdown {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 1px solid rgba(0,0,0,0.12);
}
.menu-transition-enter .list__tile {
min-width: 0;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 0;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
pointer-events: none;
}
.menu-transition-enter-to .list__tile {
pointer-events: auto;
opacity: 1;
}
.menu-transition-enter-to .list__tile--active {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.menu-transition-leave-to {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.menu-transition-leave-active,
.menu-transition-leave-to {
pointer-events: none;
}
.menu-transition-enter,
.menu-transition-leave-to {
opacity: 0;
}
.menu-transition-enter-to,
.menu-transition-leave {
opacity: 1;
}
.menu-transition-enter-active,
.menu-transition-leave-active {
-webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.menu-transition-enter.menu__content--auto .list__tile--active {
opacity: 1;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
pointer-events: auto;
}
.navigation-drawer {
max-width: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 0 0 100px;
pointer-events: auto;
position: fixed;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 300px;
top: 0;
left: 0;
will-change: transform;
z-index: 3;
}
.navigation-drawer:not(.navigation-drawer--is-booted) {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
z-index: -1;
}
.navigation-drawer:not(.navigation-drawer--is-booted) + .toolbar,
.navigation-drawer:not(.navigation-drawer--is-booted) ~ main,
.navigation-drawer:not(.navigation-drawer--is-booted) ~ .footer {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
@media only screen and (max-width: 1023px) {
.navigation-drawer:not(.navigation-drawer--is-booted) + .toolbar,
.navigation-drawer:not(.navigation-drawer--is-booted) ~ main,
.navigation-drawer:not(.navigation-drawer--is-booted) ~ .footer {
padding-left: 0 !important;
}
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer:not(.navigation-drawer--right) {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer--right {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.navigation-drawer--right {
left: auto;
right: 0;
}
.navigation-drawer--absolute {
position: absolute;
}
.navigation-drawer--permanent.navigation-drawer--clipped,
.navigation-drawer--persistent.navigation-drawer--clipped,
.navigation-drawer--permanent.navigation-drawer--floating,
.navigation-drawer--persistent.navigation-drawer--floating {
margin-top: 64px;
max-height: calc(100vh - 64px);
}
.navigation-drawer--permanent.navigation-drawer--clipped ~ .toolbar,
.navigation-drawer--persistent.navigation-drawer--clipped ~ .toolbar,
.navigation-drawer--permanent.navigation-drawer--floating ~ .toolbar,
.navigation-drawer--persistent.navigation-drawer--floating ~ .toolbar,
.navigation-drawer--permanent.navigation-drawer--clipped ~ .footer.footer--fixed,
.navigation-drawer--persistent.navigation-drawer--clipped ~ .footer.footer--fixed,
.navigation-drawer--permanent.navigation-drawer--floating ~ .footer.footer--fixed,
.navigation-drawer--persistent.navigation-drawer--floating ~ .footer.footer--fixed,
.navigation-drawer--permanent.navigation-drawer--clipped ~ .footer.footer--absolute,
.navigation-drawer--persistent.navigation-drawer--clipped ~ .footer.footer--absolute,
.navigation-drawer--permanent.navigation-drawer--floating ~ .footer.footer--absolute,
.navigation-drawer--persistent.navigation-drawer--floating ~ .footer.footer--absolute {
padding-left: 0;
z-index: 3;
}
@media all and (max-width: 1440px) and (orientation: landscape) {
.navigation-drawer--permanent.navigation-drawer--clipped,
.navigation-drawer--persistent.navigation-drawer--clipped,
.navigation-drawer--permanent.navigation-drawer--floating,
.navigation-drawer--persistent.navigation-drawer--floating {
margin-top: 48px;
max-height: calc(100vh - 48px);
}
}
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right):not(.navigation-drawer--clipped):not(.navigation-drawer--floating) ~ .toolbar,
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right):not(.navigation-drawer--clipped):not(.navigation-drawer--floating) ~ .toolbar {
padding-left: 300px;
}
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right) ~ main,
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right) ~ main,
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right) ~ .footer:not(.footer--fixed):not(.footer--absolute),
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right) ~ .footer:not(.footer--fixed):not(.footer--absolute) {
padding-left: 300px;
}
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right:not(.navigation-drawer--clipped):not(.navigation-drawer--floating) + .toolbar,
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right:not(.navigation-drawer--clipped):not(.navigation-drawer--floating) + .toolbar {
padding-right: 300px;
}
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right ~ main,
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right ~ main,
.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right ~ .footer:not(.footer--fixed):not(.footer--absolute),
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--is-mobile).navigation-drawer--right ~ .footer:not(.footer--fixed):not(.footer--absolute) {
padding-right: 300px;
}
.navigation-drawer--floating:after {
display: none;
}
.navigation-drawer--mini-variant {
margin-top: 64px;
max-height: calc(100vh - 64px);
overflow: hidden;
width: 80px;
}
@media all and (max-width: 1440px) and (orientation: landscape) {
.navigation-drawer--mini-variant {
margin-top: 48px;
max-height: calc(100vh - 48px);
}
}
.navigation-drawer--mini-variant .list__tile__action,
.navigation-drawer--mini-variant .list__tile__avatar {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 48px;
}
.navigation-drawer--mini-variant .list__tile__content {
opacity: 0;
}
.navigation-drawer--mini-variant .subheader,
.navigation-drawer--mini-variant .divider {
display: none;
}
.navigation-drawer--mini-variant ~ .toolbar {
padding-left: 0 !important;
}
.navigation-drawer--mini-variant:not(.navigation-drawer--close) ~ main {
padding-left: 80px !important;
}
.navigation-drawer--mini-variant:not(.navigation-drawer--close) ~ .footer:not(.footer--fixed):not(.footer--absolute) {
padding-left: 80px !important;
}
.navigation-drawer--temporary,
.navigation-drawer--is-mobile:not(.navigation-drawer--permanent) {
z-index: 5;
}
.navigation-drawer--temporary:not(.navigation-drawer--close),
.navigation-drawer--is-mobile:not(.navigation-drawer--permanent):not(.navigation-drawer--close) {
-webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
}
.navigation-drawer ~ toolbar + main {
min-height: calc(100vh - 64px);
}
.navigation-drawer > .list .list__tile {
-webkit-transition: none;
-o-transition: none;
transition: none;
font-weight: 500;
}
.navigation-drawer > .list .list__tile--active .list__tile__title {
color: inherit;
}
.navigation-drawer > .list .list__tile--active > *:first-child .icon {
color: #1976d2;
}
.navigation-drawer > .list .list--group .list__tile {
font-weight: 400;
}
.navigation-drawer > .list .list--group__header--active:after {
background: transparent;
}
.navigation-drawer > .list .list--group__header--active .list__tile__action:first-of-type .icon {
color: #1976d2;
}
.navigation-drawer > .list .list--group__container .list__tile--active .list__tile__title {
color: #1976d2;
}
.navigation-drawer > .list:not(.list--dense) .list__tile {
font-size: 14px;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 4;
}
.overlay--absolute {
position: absolute;
}
.overlay:before {
background-color: #212121;
bottom: 0;
content: '';
-webkit-filter: blur(10%);
filter: blur(10%);
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
width: 100%;
}
.overlay--active {
pointer-events: auto;
}
.overlay--active:before {
opacity: 0.46;
}
.pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
list-style-type: none;
height: 40px;
margin: 0;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
padding: 0;
}
.pagination > li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination a {
-webkit-transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.pagination a:hover {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.pagination--circle .pagination__item,
.pagination--circle .pagination__more,
.pagination--circle .pagination__navigation {
border-radius: 50%;
}
.pagination--disabled {
pointer-events: none;
opacity: 0.6;
}
.pagination__item {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
border-radius: 4px;
color: rgba(0,0,0,0.87);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
height: 34px;
width: 34px;
margin: 0.3rem;
text-decoration: none;
}
.pagination__item--active {
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
background: #1976d2;
color: #fff;
}
.pagination__navigation {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: rgba(0,0,0,0.87);
height: 2rem;
border-radius: 4px;
width: 2rem;
margin: 0.3rem 15px;
}
.pagination__navigation .icon {
font-size: 2rem;
-webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
vertical-align: middle;
color: rgba(0,0,0,0.54);
}
.pagination__navigation--disabled {
opacity: 0.6;
pointer-events: none;
}
.pagination__more {
margin: 0.3rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 2rem;
width: 2rem;
}
.parallax {
position: relative;
overflow: hidden;
z-index: 0;
}
.parallax__image-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.parallax__image {
position: absolute;
bottom: 0;
left: 50%;
min-width: 100%;
min-height: 100%;
display: none;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
z-index: 1;
}
.parallax__content {
color: #fff;
height: 100%;
z-index: 2;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 1rem;
}
.picker {
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
}
.picker .card__row--actions {
border: none;
margin-top: -20px;
}
.picker__title {
background: #1976d2;
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 105px;
padding: 16px;
}
.picker__body {
height: 290px;
overflow: hidden;
position: relative;
}
.picker--landscape {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 500px;
}
.picker--landscape .picker__title {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 170px;
flex: 0 1 170px;
width: 170px;
height: auto;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 1;
}
.picker--landscape .picker__body {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
width: 330px;
margin-left: 170px;
}
.picker--landscape .card__row--actions {
margin-left: 170px;
width: 330px;
}
.picker--dark {
color: #fff;
}
.picker--dark .btn {
color: #fff;
}
.picker--dark .picker__body {
background: #424242;
}
.picker--dark .picker__title {
background: #616161;
}
.progress-circular {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.progress-circular--indeterminate svg {
-webkit-animation: progress-circular-rotate 1.4s linear infinite;
animation: progress-circular-rotate 1.4s linear infinite;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 0;
}
.progress-circular--indeterminate .progress-circular__overlay {
-webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
animation: progress-circular-dash 1.4s ease-in-out infinite;
stroke-linecap: round;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0px;
}
.progress-circular__underlay {
stroke: rgba(0,0,0,0.1);
z-index: 1;
}
.progress-circular__overlay {
stroke: currentColor;
z-index: 2;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.progress-circular__info {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
@-webkit-keyframes progress-circular-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 100, 200;
stroke-dashoffset: -15px;
}
100% {
stroke-dasharray: 100, 200;
stroke-dashoffset: -125px;
}
}
@keyframes progress-circular-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 100, 200;
stroke-dashoffset: -15px;
}
100% {
stroke-dasharray: 100, 200;
stroke-dashoffset: -125px;
}
}
@-webkit-keyframes progress-circular-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes progress-circular-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.progress-linear {
background: transparent;
margin: 1rem 0;
overflow: hidden;
width: 100%;
position: relative;
}
.progress-linear .progress-linear__bar {
background: #84bbf0;
}
.progress-linear .progress-linear__bar__determinate {
background: #1976d2;
}
.progress-linear .progress-linear__bar__indeterminate:before,
.progress-linear .progress-linear__bar__indeterminate:after {
background: #1976d2;
}
.progress-linear__bar {
width: 100%;
height: inherit;
position: relative;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
z-index: 1;
}
.progress-linear__bar__determinate {
height: inherit;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}
.progress-linear__bar__indeterminate:before,
.progress-linear__bar__indeterminate:after {
content: '';
height: inherit;
position: absolute;
left: 0;
top: 0;
bottom: 0;
will-change: left, right;
width: auto;
}
.progress-linear__bar__indeterminate--active:before {
-webkit-animation: indeterminate;
animation: indeterminate;
-webkit-animation-duration: 2.2s;
animation-duration: 2.2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.progress-linear__bar__indeterminate--active:after {
-webkit-animation: indeterminate-short;
animation: indeterminate-short;
-webkit-animation-duration: 2.2s;
animation-duration: 2.2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.progress-linear--query .progress-linear__bar__indeterminate--active:before {
-webkit-animation: query;
animation: query;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.progress-linear--query .progress-linear__bar__indeterminate--active:after {
-webkit-animation: query-short;
animation: query-short;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.progress-linear--secondary .progress-linear__bar {
background: #a1a1a1;
}
.progress-linear--secondary .progress-linear__bar__determinate {
background: #424242;
}
.progress-linear--secondary .progress-linear__bar__indeterminate:before,
.progress-linear--secondary .progress-linear__bar__indeterminate:after {
background: #424242;
}
.progress-linear--success .progress-linear__bar {
background: #a5d8a7;
}
.progress-linear--success .progress-linear__bar__determinate {
background: #4caf50;
}
.progress-linear--success .progress-linear__bar__indeterminate:before,
.progress-linear--success .progress-linear__bar__indeterminate:after {
background: #4caf50;
}
.progress-linear--info .progress-linear__bar {
background: #90cbf9;
}
.progress-linear--info .progress-linear__bar__determinate {
background: #2196f3;
}
.progress-linear--info .progress-linear__bar__indeterminate:before,
.progress-linear--info .progress-linear__bar__indeterminate:after {
background: #2196f3;
}
.progress-linear--warning .progress-linear__bar {
background: #ffe083;
}
.progress-linear--warning .progress-linear__bar__determinate {
background: #ffc107;
}
.progress-linear--warning .progress-linear__bar__indeterminate:before,
.progress-linear--warning .progress-linear__bar__indeterminate:after {
background: #ffc107;
}
.progress-linear--error .progress-linear__bar {
background: #ffa8a8;
}
.progress-linear--error .progress-linear__bar__determinate {
background: #ff5252;
}
.progress-linear--error .progress-linear__bar__indeterminate:before,
.progress-linear--error .progress-linear__bar__indeterminate:after {
background: #ff5252;
}
@-webkit-keyframes indeterminate {
0% {
left: -90%;
right: 100%;
}
60% {
left: -90%;
right: 100%;
}
100% {
left: 100%;
right: -35%;
}
}
@keyframes indeterminate {
0% {
left: -90%;
right: 100%;
}
60% {
left: -90%;
right: 100%;
}
100% {
left: 100%;
right: -35%;
}
}
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@-webkit-keyframes query {
0% {
right: -90%;
left: 100%;
}
60% {
right: -90%;
left: 100%;
}
100% {
right: 100%;
left: -35%;
}
}
@keyframes query {
0% {
right: -90%;
left: 100%;
}
60% {
right: -90%;
left: 100%;
}
100% {
right: 100%;
left: -35%;
}
}
@-webkit-keyframes query-short {
0% {
right: -200%;
left: 100%;
}
60% {
right: 107%;
left: -8%;
}
100% {
right: 107%;
left: -8%;
}
}
@keyframes query-short {
0% {
right: -200%;
left: 100%;
}
60% {
right: 107%;
left: -8%;
}
100% {
right: 107%;
left: -8%;
}
}
.input-group--selection-controls.input-group--tab-focused .input-group--selection-controls__ripple:before {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 0.15;
}
.ripple__container {
color: inherit;
border-radius: inherit;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
pointer-events: none;
}
.ripple__animation {
color: inherit;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
background: currentColor;
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
-o-transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
pointer-events: none;
overflow: hidden;
will-change: opacity;
}
.ripple__animation--enter {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.ripple__animation--visible {
opacity: 0.15;
}
.input-group--select .input-group--select__autocomplete {
display: block;
opacity: 0;
height: 0;
}
.input-group--select .input-group__append-icon {
-webkit-transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.input-group--select.input-group--focused .input-group--select__autocomplete {
display: inline-block;
height: 30px;
opacity: 1;
padding-bottom: 1px;
}
.input-group--select.input-group--focused .input-group__append-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.input-group--select .input-group__input,
.input-group--select input {
cursor: pointer;
}
.input-group--select.input-group--disabled {
cursor: not-allowed;
pointer-events: none;
}
.input-group--select .input-group__selections {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}
.input-group--select .input-group__selections__comma {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
padding-right: 4px;
}
.input-group--select .menu {
display: inline;
}
.input-group--select .fade-transition-leave-active {
position: absolute;
left: 0;
}
.input-group--overflow .input-group__selections,
.input-group--editable .input-group__selections,
.input-group--segmented .input-group__selections,
.input-group--overflow input,
.input-group--editable input,
.input-group--segmented input {
height: 24px;
}
.input-group--overflow .input-group__selections__comma,
.input-group--editable .input-group__selections__comma,
.input-group--segmented .input-group__selections__comma {
top: 0;
left: 0;
}
.input-group--overflow .input-group__input,
.input-group--editable .input-group__input,
.input-group--segmented .input-group__input {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group--overflow .input-group__input:hover,
.input-group--editable .input-group__input:hover,
.input-group--segmented .input-group__input:hover {
background: #fff;
}
.input-group--overflow.input-group--focused .input-group__input,
.input-group--editable.input-group--focused .input-group__input,
.input-group--segmented.input-group--focused .input-group__input {
background: #fff;
-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}
.input-group--overflow label,
.input-group--editable label,
.input-group--segmented label {
left: 16px !important;
top: 8px !important;
}
.input-group--overflow .input-group__details:after,
.input-group--editable .input-group__details:after,
.input-group--segmented .input-group__details:after {
display: none;
}
.input-group--overflow .input-group__input,
.input-group--editable .input-group__input,
.input-group--segmented .input-group__input {
padding: 12px 16px;
}
.input-group--overflow .input-group__input:before,
.input-group--editable .input-group__input:before,
.input-group--segmented .input-group__input:before {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 1px;
top: 0;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group--segmented .input-group__input:after,
.input-group--editable .input-group__input:hover:after,
.input-group.input-group--focused.input-group--editable .input-group__input:after {
background-color: rgba(0,0,0,0.12);
content: '';
position: absolute;
right: 55px;
height: 48px;
top: 0;
width: 1px;
}
.input-group.input-group--selection-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.input-group.input-group--selection-controls .icon {
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.input-group.input-group--selection-controls .input-group__details:before,
.input-group.input-group--selection-controls .input-group__details:after {
display: none;
}
.input-group.input-group--selection-controls .input-group__input {
color: inherit;
width: 100%;
position: relative;
}
.input-group.input-group--selection-controls .input-group__input .icon {
-ms-flex-item-align: center;
align-self: center;
height: 30px;
margin: auto;
}
.input-group--selection-controls label {
cursor: pointer;
margin-left: 32px;
position: absolute;
left: 0;
z-index: 1;
}
.input-group--selection-controls__ripple {
border-radius: 50%;
height: 48px;
width: 48px;
cursor: pointer;
position: absolute;
-webkit-transform: translate3d(-12px, -50%, 0);
transform: translate3d(-12px, -50%, 0);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
top: 50%;
left: 0;
}
.input-group--selection-controls__ripple:before {
content: '';
position: absolute;
width: 36px;
height: 36px;
background: currentColor;
border-radius: 50%;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.3);
transform: translate3d(-50%, -50%, 0) scale(0.3);
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
-o-transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.input-group--slider {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.input-group--slider .input-group__details:before,
.input-group--slider .input-group__details:after {
display: none;
}
.input-group--slider .input-group__input {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.input-group--slider label + .input-group__input {
margin-left: 16px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.input-group--slider:not(.input-group--disabled).input-group--dirty .slider__track-fill {
background: #1976d2;
}
.input-group--slider.input-group--active .slider__thumb {
-webkit-transform: translateY(-50%) scale(1.2);
-ms-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
}
.input-group--slider.input-group--active .slider__track {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
}
.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb:hover {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
}
.input-group--slider.input-group--active .slider__thumb-container,
.input-group--slider.input-group--active .slider__track-fill {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.input-group--slider.input-group--active.input-group--ticks .slider__track__container:after,
.input-group--slider.input-group--active.input-group--ticks .slider__tick {
opacity: 1;
}
.input-group--slider.input-group--dirty .slider__thumb {
background: #1976d2;
border-color: #1976d2;
}
.input-group--slider.input-group--dirty .slider__thumb--label {
background: #1976d2;
}
.input-group--slider.input-group--disabled {
pointer-events: none;
}
.input-group--slider.input-group--disabled .slider__thumb {
-webkit-transform: translateY(-50%) scale(0.5);
-ms-transform: translateY(-50%) scale(0.5);
transform: translateY(-50%) scale(0.5);
background: transparent;
}
.input-group--slider.input-group--disabled.input-group--dirty {
border-color: transparent;
}
.input-group--slider.input-group--prepend-icon .slider {
margin-left: 40px;
}
.input-group--slider.input-group--append-icon .slider {
margin-right: 40px;
}
.slider {
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider__track__container {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 100%;
overflow: hidden;
}
.slider__track__container:after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 2px;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
width: 2px;
opacity: 0;
}
.slider__track,
.slider__thumb,
.slider__tick {
position: absolute;
top: 0;
}
.slider__track {
height: 2px;
left: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
overflow: hidden;
width: 100%;
}
.slider__track-fill {
position: absolute;
left: 0;
height: 2px;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
width: 100%;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.slider__ticks-container {
position: absolute;
left: 0;
height: 2px;
width: 100%;
}
.slider__ticks-container {
top: 50%;
overflow: hidden;
}
.slider__tick {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
opacity: 0;
}
.slider__thumb-container {
position: absolute;
top: 50%;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.slider__thumb {
width: 20px;
height: 20px;
left: -10px;
top: 50%;
border-radius: 50%;
background: transparent;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: translateY(-50%) scale(0.8);
-ms-transform: translateY(-50%) scale(0.8);
transform: translateY(-50%) scale(0.8);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider__thumb--label__container {
position: absolute;
left: 0;
top: 0;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.slider__thumb--label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
color: #fff;
width: 28px;
height: 28px;
border-radius: 50% 50% 0;
position: absolute;
left: -14px;
top: -40px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.slider__thumb--label span {
-webkit-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0);
}
.small-dialog {
display: block;
height: 100%;
}
.small-dialog__content {
padding: 0 24px;
}
.small-dialog__actions {
text-align: right;
}
.small-dialog a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0,0,0,0.87);
height: 100%;
text-decoration: none;
}
.small-dialog a > * {
width: 100%;
}
.small-dialog .menu__activator {
height: 100%;
}
.snack {
background-color: #323232;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0;
pointer-events: none;
visibility: visible;
z-index: 1000;
}
.snack--absolute {
position: absolute;
}
.snack--top {
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0) translateZ(0);
transform: translate3d(-50%, 0, 0) translateZ(0);
}
.snack--bottom {
bottom: 48px;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0) translateZ(0);
transform: translate3d(-50%, 0, 0) translateZ(0);
}
.snack--left {
left: 8px;
right: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.snack--left.snack--top {
top: 8px;
}
.snack--left.snack--bottom {
bottom: 56px;
}
.snack--right {
left: initial;
right: 8px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.snack--right.snack--top {
top: 8px;
}
.snack--right.snack--bottom {
top: initial;
bottom: 56px;
}
.snack__content {
background-color: inherit;
padding: 14px 24px;
border-radius: 2px;
pointer-events: auto;
max-width: 568px;
min-width: 288px;
height: 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative !important;
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12);
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12);
}
.snack__content .btn {
margin: 0 0 0 48px;
}
@media only screen and (max-width: 767px) {
.snack {
width: 100%;
left: 0;
right: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.snack--right.snack--top,
.snack--left.snack--top {
top: 0;
}
.snack--right.snack--bottom,
.snack--left.snack--bottom {
bottom: 48px;
}
.snack__content {
border-radius: 0;
max-width: 100%;
width: 100%;
}
.snack__content .btn {
margin: 0 0 0 24px;
}
.snack--multi-line .snack__content {
height: 80px;
padding: 24px;
}
.snack--bottom.snack--multi-line,
.snack--right.snack--multi-line {
bottom: 80px;
}
.snack--vertical .snack__content {
height: 112px;
padding: 24px 24px 14px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.snack--vertical .snack__content .btn {
-ms-flex-item-align: end;
align-self: flex-end;
}
.snack--bottom.snack--vertical,
.snack--right.snack--vertical {
bottom: 112px;
}
}
.speed-dial--absolute {
position: absolute;
}
.speed-dial--fixed {
position: fixed;
}
.speed-dial--top:not(.speed-dial--absolute) {
top: 4px;
}
.speed-dial--top.speed-dial--absolute {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.speed-dial--bottom:not(.speed-dial--absolute) {
bottom: 4px;
}
.speed-dial--bottom.speed-dial--absolute {
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.speed-dial--left {
left: 4px;
}
.speed-dial--right {
right: 4px;
}
.speed-dial--direction-left .speed-dial__list,
.speed-dial--direction-right .speed-dial__list {
height: 100%;
top: 0;
}
.speed-dial--direction-top .speed-dial__list,
.speed-dial--direction-bottom .speed-dial__list {
left: 0;
width: 100%;
}
.speed-dial--direction-top .speed-dial__list {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
bottom: 100%;
}
.speed-dial--direction-right .speed-dial__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
left: 100%;
}
.speed-dial--direction-bottom .speed-dial__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 100%;
}
.speed-dial--direction-left .speed-dial__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
right: 100%;
}
.speed-dial__list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
}
.speed-dial__list .btn:nth-child(1) {
-webkit-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.speed-dial__list .btn:nth-child(2) {
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.speed-dial__list .btn:nth-child(3) {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.speed-dial__list .btn:nth-child(4) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.speed-dial__list .btn:nth-child(5) {
-webkit-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.speed-dial__list .btn:nth-child(6) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.speed-dial__list .btn:nth-child(7) {
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.stepper {
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.stepper__header {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.stepper__header .divider {
-ms-flex-item-align: center;
align-self: center;
margin: 0 -16px;
}
.stepper__step__step {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0,0,0,0.38);
border-radius: 50%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 24px;
margin-right: 8px;
width: 24px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.stepper__step__step .icon {
font-size: 18px;
color: #fff;
}
.stepper__step {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px;
position: relative;
}
.stepper__step--active .stepper__label {
text-shadow: 0px 0px 0px #000;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.stepper__step--active .stepper__step__step {
background: #1976d2;
}
.stepper__step--editable {
cursor: pointer;
}
.stepper__step--editable:hover {
background: rgba(0,0,0,0.06);
text-shadow: 0px 0px 0px #000;
}
.stepper__step--inactive.stepper__step--editable:hover .stepper__step__step {
background: rgba(0,0,0,0.5);
}
.stepper__step--error .stepper__step__step {
background: transparent;
color: #ff5252;
}
.stepper__step--error .stepper__step__step .icon {
font-size: 24px;
color: #ff5252;
}
.stepper__step--error .stepper__label {
color: #ff5252;
text-shadow: none;
font-weight: 500;
}
.stepper__step--error .stepper__label small {
color: #ff5252;
}
.stepper__step--complete .stepper__label {
color: rgba(0,0,0,0.87);
}
.stepper__step--complete .stepper__step__step {
background: #1976d2;
}
.stepper__label {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
color: rgba(0,0,0,0.38);
}
.stepper__label small {
font-size: 12px;
font-weight: 300;
color: rgba(0,0,0,0.54);
text-shadow: none;
}
.stepper__wrapper {
overflow: hidden;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.stepper__content {
top: initial;
bottom: 0;
padding: 16px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.stepper__content .btn {
margin-left: 0;
}
.stepper--is-booted .stepper__content,
.stepper--is-booted .stepper__wrapper {
-webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
}
.stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label {
color: rgba(0,0,0,0.54);
}
.stepper--vertical {
padding-bottom: 36px;
}
.stepper--vertical .stepper__content {
margin: -8px 0 -16px 36px;
padding: 16px 60px 16px 23px;
width: auto;
}
.stepper--vertical .stepper__content:not(:last-child) {
border-left: 1px solid rgba(0,0,0,0.12);
}
.stepper--vertical .stepper__step {
padding: 24px 24px 16px;
}
.stepper--vertical .stepper__step__step {
margin-right: 12px;
}
.stepper--alt-labels .stepper__header .divider {
margin: 35px -67px 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.stepper--alt-labels .stepper__step {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 175px;
flex-basis: 175px;
}
.stepper--alt-labels .stepper__step small {
-ms-flex-item-align: center;
align-self: center;
}
.stepper--alt-labels .stepper__step__step {
margin-right: 0;
margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
.stepper:not(.stepper--vertical) .stepper__label {
display: none;
}
.stepper:not(.stepper--vertical) .stepper__step__step {
margin-right: 0;
}
}
.subheader {
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
padding: 0 16px 0 16px;
}
.subheader--inset {
margin-left: 56px;
}
.input-group.input-group--selection-controls {
z-index: 0;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
position: relative;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__container[class*="--text"] .input-group--selection-controls__ripple--active:after {
background-color: currentColor;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
background-color: currentColor;
color: inherit;
position: absolute;
height: 14px;
top: 50%;
left: 0;
width: 34px;
border-radius: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle.input-group--selection-controls__toggle--active {
opacity: 0.5;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple {
-webkit-transform: translate3d(-15px, -24px, 0);
transform: translate3d(-15px, -24px, 0);
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 1;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
content: '';
position: absolute;
display: inline-block;
cursor: pointer;
width: 20px;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
height: 20px;
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active {
-webkit-transform: translate3d(2px, -24px, 0);
transform: translate3d(2px, -24px, 0);
}
.input-group.input-group--selection-controls.switch label {
margin-left: 44px;
}
.system-bar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 8px;
font-size: 14px;
font-weight: 500;
}
.system-bar .icon {
font-size: 16px;
}
.system-bar--status {
height: 24px;
}
.system-bar--status .icon {
margin-right: 4px;
}
.system-bar--window {
height: 32px;
}
.system-bar--window .icon {
font-size: 20px;
margin-right: 8px;
}
.system-bar--status + .navigation-drawer {
margin-top: 24px;
max-height: calc(100vh - 24px);
}
.system-bar--window + .navigation-drawer {
margin-top: 32px;
max-height: calc(100vh - 32px);
}
.table__overflow {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
table.table {
border-radius: 2px;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
max-width: 100%;
}
table.table tr:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,0.12);
}
table.table thead td:not(:nth-child(1)),
table.table tbody td:not(:nth-child(1)),
table.table thead th:not(:nth-child(1)),
table.table tbody th:not(:nth-child(1)),
table.table thead td:first-child,
table.table tbody td:first-child,
table.table thead th:first-child,
table.table tbody th:first-child {
padding: 0 24px;
}
table.table thead tr {
height: 56px;
}
table.table thead th {
color: rgba(0,0,0,0.54);
font-weight: 500;
font-size: 12px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
table.table thead th.sortable {
pointer-events: auto;
}
table.table thead th > div {
width: 100%;
}
table.table thead:last-of-type {
border-bottom: 1px solid rgba(0,0,0,0.12);
}
table.table tbody tr {
-webkit-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: background;
}
table.table tbody tr[active] {
background: #f5f5f5;
}
table.table tbody tr:hover {
background: #eee;
}
table.table tbody td,
table.table tbody th {
height: 48px;
}
table.table tbody td {
font-weight: 400;
font-size: 13px;
}
table.table .input-group--selection-controls {
margin: 0;
}
table.table .input-group--selection-controls .input-group__details {
display: none;
}
table.table .input-group--selection-controls.checkbox .icon {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
table.table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple {
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
table.table tfoot tr {
height: 56px;
border-top: 1px solid rgba(0,0,0,0.12);
}
.tabs {
overflow: hidden;
position: relative;
width: 100%;
}
.tabs--grow .tabs__li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tabs--fixed .tabs__li {
min-width: 160px;
max-width: 264px;
-webkit-box-flex: 0;
-ms-flex: 0 1 160px;
flex: 0 1 160px;
}
@media only screen and (max-width: 767px) {
.tabs--fixed .tabs__li {
min-width: 72px;
}
}
.tabs--centered .tabs__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs--icons .tabs__bar {
height: 72px;
}
.tabs--icons .tabs__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs.tabs--mobile .tabs__bar .icon--left,
.tabs.tabs--mobile .tabs__bar .icon--right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs.tabs--mobile .tabs__bar .icon--left {
left: 0;
}
.tabs.tabs--mobile .tabs__bar .icon--right {
right: 0;
}
.tabs.tabs--mobile .tabs__bar .tabs__wrapper--scrollable.tabs__wrapper--overflow {
overflow: hidden !important;
margin: 0 32px;
}
.tabs:not(.tabs--grow):not(.tabs--mobile) .tabs__item {
padding: 0 24px;
}
.tabs:not(.tabs--centered):not(.tabs--grow):not(.tabs--mobile) .tabs__wrapper--scrollable {
margin: 0 60px;
overflow: hidden !important;
}
.tabs__bar {
background-color: #1976d2;
width: 100%;
position: relative;
height: 48px;
}
@media only screen and (max-width: 1023px) {
.tabs__bar {
padding-left: 0;
}
}
.tabs__bar .icon--left,
.tabs__bar .icon--right {
position: absolute;
top: 0;
width: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tabs__bar .icon--left {
left: 28px;
}
.tabs__bar .icon--right {
right: 28px;
}
.tabs__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
position: absolute;
padding: 0;
top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
will-change: transform;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.tabs__container > li:not(.tabs__slider) {
height: 100%;
}
.tabs__container-left {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tabs__wrapper {
position: relative;
overflow-x: auto;
height: inherit;
}
.tabs__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding: 0 12px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabs__item .icon {
color: inherit;
margin: 0 0 5px;
}
.tabs__item--disabled {
pointer-events: none;
}
.tabs__items {
position: relative;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: rgba(0,0,0,0.1);
overflow: hidden;
}
.tabs__content {
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
}
.tabs__content .card {
border-radius: 0 0 2px 2px;
}
.tabs__slider {
position: absolute;
bottom: 0;
height: 2px;
background: #448aff;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group--text-field label {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
min-width: 0;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
width: 100%;
}
.input-group--text-field.input-group--multi-line:not(.input-group--focused):not(.input-group--dirty) label {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.input-group--text-field input {
-webkit-box-shadow: none;
box-shadow: none;
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
min-width: 0;
height: 30px;
}
.input-group--text-field input + .icon {
padding: 0 6px;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.input-group--text-field input:focus {
outline: none;
}
.input-group--text-field input:disabled {
pointer-events: none;
}
.input-group--text-field textarea {
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.input-group--text-field textarea:focus {
outline: none;
}
.input-group--text-field .input-group__counter {
margin-left: auto;
}
.input-group--text-field .input-group__counter--error {
color: #ff5252 !important;
}
.input-group--text-field.input-group--placeholder:not(.input-group--focused):not(.input-group--dirty) label {
opacity: 0;
}
.input-group--text-field.input-group--prepend-icon .input-group__prepend-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 40px;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-group--text-field.input-group--prepend-icon .input-group__details {
margin-left: auto;
padding-left: 40px;
}
.input-group--text-field.input-group--prepend-icon .input-group__details:before,
.input-group--text-field.input-group--prepend-icon .input-group__details:after {
margin-left: 40px;
max-width: calc(100% - 40px);
}
.input-group--text-field.input-group--prepend-icon label {
margin-left: 40px;
}
.input-group--text-field.input-group--prepend-icon input {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.input-group--text-field:not(.input-group--single-line).input-group--focused label,
.input-group--text-field:not(.input-group--single-line):focus label {
opacity: 1;
-webkit-transform: translate3d(0, -18px, 0) scale(0.75);
transform: translate3d(0, -18px, 0) scale(0.75);
}
.input-group--text-field.input-group--dirty label {
-webkit-transform: translate3d(0, -18px, 0) scale(0.75);
transform: translate3d(0, -18px, 0) scale(0.75);
}
.input-group--text-field.input-group--single-line label {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.input-group--text-field.input-group--single-line.input-group--dirty label {
display: none;
}
.input-group--text-field.input-group--full-width {
padding: 0 16px;
}
.input-group--text-field.input-group--full-width .input-group__details:before,
.input-group--text-field.input-group--full-width .input-group__details:after {
display: none;
}
.input-group--text-field.input-group--solo {
background: #fff;
height: 46px;
border-radius: 2px;
padding: 0 16px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.input-group--text-field.input-group--solo input {
margin-top: 8px;
}
.input-group--text-field.input-group--solo label {
top: 8px;
left: 16px;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.input-group--text-field.input-group--solo:hover {
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.input-group--prefix:not(.input-group--focused):not(.input-group--dirty) label,
.input-group--suffix:not(.input-group--focused):not(.input-group--dirty) label {
left: 16px;
}
.input-group--prefix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__prefix,
.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__suffix {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
margin-top: 1px;
}
.input-group--prefix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__prefix {
margin-right: 3px;
}
.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__suffix {
margin-left: 3px;
}
.picker--time .card__row--actions {
margin-top: -10px;
}
.picker--time.picker--dark .picker--time__clock {
background: #616161;
}
.picker--time.picker--dark .picker--time__clock-hand:before {
border-color: #448aff;
}
.picker--time.picker--dark .picker--time__clock-hand,
.picker--time.picker--dark .picker--time__clock:after {
background: #448aff;
}
.picker--time.picker--dark .picker--time__clock > span {
color: #fff;
}
.picker--time.picker--dark .picker--time__clock > span.active {
color: #000;
}
.picker--time.picker--dark .picker--time__clock > span.active:before {
background: #448aff;
}
.picker--time.picker--dark .picker--time__clock > span.disabled {
color: rgba(255,255,255,0.26);
}
.picker--time.picker--landscape {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.picker--time.picker--landscape .picker__title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.picker--time.picker--landscape .picker__title div:first-child {
text-align: right;
}
.picker--time.picker--landscape .picker__title div:first-child span {
height: 55px;
font-size: 55px;
}
.picker--time.picker--landscape .picker__title div:last-child {
margin: 16px 0 0;
-ms-flex-item-align: initial;
align-self: initial;
text-align: center;
}
.picker--time.picker--landscape .picker--time__clock {
height: 250px;
width: 250px;
}
.picker--time.picker--landscape .picker--time__clock-hand {
height: 97px;
}
.picker--time .picker__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.picker--time .picker__title div:first-child {
white-space: nowrap;
}
.picker--time .picker__title div:first-child span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 70px;
font-size: 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0.6;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.picker--time .picker__title div:first-child span.active {
opacity: 1;
}
.picker--time .picker__title div:last-child {
-ms-flex-item-align: end;
align-self: flex-end;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
margin: 8px 0 6px 8px;
}
.picker--time .picker__title div:last-child span {
cursor: pointer;
opacity: 0.6;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.picker--time .picker__title div:last-child span.active {
opacity: 1;
}
.picker--time .picker__title div:only-child {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.picker--time__clock {
height: 270px;
width: 270px;
border-radius: 100%;
background: #e0e0e0;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 50%;
left: 50%;
-webkit-transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.picker--time__clock-hand {
height: 40%;
width: 2px;
background: #1976d2;
bottom: 50%;
left: calc(50% - 1px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
position: absolute;
}
.picker--time__clock-hand:before {
background: transparent;
border: 2px solid #1976d2;
border-radius: 100%;
width: 10px;
height: 10px;
content: '';
position: absolute;
top: -3%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.picker--time__clock:after {
content: '';
position: absolute;
height: 8px;
width: 8px;
top: 50%;
left: 50%;
background: #2196f3;
border-radius: 100%;
-webkit-transform: translate3d(calc(-50%), -50%, 0);
transform: translate3d(calc(-50%), -50%, 0);
}
.picker--time__clock > span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: calc(50% - 16px);
height: 32px;
position: absolute;
text-align: center;
top: calc(50% - 16px);
width: 32px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.picker--time__clock > span > span {
z-index: 1;
}
.picker--time__clock > span:before,
.picker--time__clock > span:after {
content: '';
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
height: 14px;
width: 14px;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.picker--time__clock > span:after,
.picker--time__clock > span:before {
height: 40px;
width: 40px;
}
.picker--time__clock > span.active {
color: #fff;
cursor: default;
}
.picker--time__clock > span.active:before {
background: #1976d2;
}
.picker--time__clock > span.disabled {
color: rgba(0,0,0,0.3);
pointer-events: none;
}
.picker--time .card__row--actions {
border: none;
}
.picker--dark .picker--time__clock {
background: #616161;
}
.picker--dark .picker--time__clock-hand:before {
border-color: #448aff;
}
.picker--dark .picker--time__clock-hand,
.picker--dark .picker--time__clock:after {
background: #448aff;
}
.picker--dark .picker--time__clock > span {
color: #fff;
}
.picker--dark .picker--time__clock > span.active {
color: rgba(0,0,0,0.87);
}
.picker--dark .picker--time__clock > span.active:before {
background: #448aff;
}
.toast {
position: fixed;
z-index: 99999999999999;
}
.toast--right {
top: 5%;
right: 2%;
}
.toast--left {
top: 5%;
left: 2%;
}
.toast--top {
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.toast--bottom {
bottom: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.toast--snack {
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.toast--snack .toast__content {
margin-bottom: 0;
opacity: 1;
}
.toast--snack .toast__content--remove {
margin-top: 0;
}
.toast__content {
background: #424242;
border-radius: 2px;
color: #fff;
padding: 1rem 2rem;
margin: 1rem 0;
opacity: 0;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12);
box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12);
}
.toast__content--active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.toast__content--remove {
margin-top: -3rem;
opacity: 0;
}
.toolbar {
position: relative;
-webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
will-change: padding-left;
-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.toolbar .input-group--solo .input-group__details {
display: none;
}
.toolbar__title {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.02em;
margin-left: 16px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.toolbar__content,
.toolbar__extension {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.toolbar__content > .list,
.toolbar__extension > .list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 !important;
max-height: 100%;
}
.toolbar__content > .btn:last-child,
.toolbar__extension > .btn:last-child {
margin-right: 10px;
}
.toolbar__content > .btn:first-child,
.toolbar__extension > .btn:first-child {
margin-left: 10px;
}
.toolbar__content > *:not(.btn):not(.toolbar__title):last-child,
.toolbar__extension > *:not(.btn):not(.toolbar__title):last-child {
margin-right: 16px;
}
.toolbar__content > *:not(.btn):not(.toolbar__title):first-child,
.toolbar__extension > *:not(.btn):not(.toolbar__title):first-child {
margin-left: 16px;
}
.toolbar__content {
height: 64px;
}
.toolbar__extension {
height: 72px;
}
.toolbar__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
max-width: 100%;
padding: 0;
}
.toolbar__items > .btn {
height: 100%;
margin: 0;
}
@media only screen and (max-width: 767px) {
.toolbar__content > .btn:last-child,
.toolbar__extension > .btn:last-child {
margin-right: 17px;
}
.toolbar__content > .btn:first-child,
.toolbar__extension > .btn:first-child {
margin-left: 17px;
}
.toolbar__content > *:not(.btn):last-child,
.toolbar__extension > *:not(.btn):last-child {
margin-right: 24px;
}
.toolbar__content > *:not(.btn):first-child,
.toolbar__extension > *:not(.btn):first-child {
margin-left: 24px;
}
}
@media all and (max-width: 1440px) and (orientation: landscape) {
.toolbar__content,
.toolbar__extension {
height: 48px;
}
}
.toolbar--card {
border-radius: 2px 2px 0 0;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.14), 0 0px 0px rgba(0,0,0,0.12);
}
.toolbar--fixed {
position: fixed;
z-index: 2;
}
.toolbar--fixed,
.toolbar--absolute {
top: 0;
left: 0;
}
.toolbar--fixed + main,
.toolbar--absolute + main {
padding-top: 64px;
}
.toolbar--floating {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 16px;
width: auto;
}
.toolbar--prominent .toolbar__content {
height: 64px;
}
.toolbar--prominent .toolbar__extension {
height: 64px;
}
.toolbar--dense .toolbar__content,
.toolbar--dense .toolbar__extension {
height: 48px;
}
.toolbar__extension .toolbar__title {
margin-left: 72px !important;
}
.toolbar__extension .tabs__bar {
-ms-flex-item-align: end;
align-self: flex-end;
margin: 0;
}
[data-tooltip] {
position: relative;
}
[data-tooltip]:before {
background: #616161;
border-radius: 2px;
color: #fff;
content: attr(data-tooltip);
font-size: 12px;
display: inline-block;
opacity: 0;
padding: 5px 8px;
position: absolute;
pointer-events: none;
text-transform: initial;
-webkit-transition: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
width: auto;
white-space: pre;
z-index: 99;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
[data-tooltip]:hover:before {
opacity: 0.9;
}
[data-tooltip][data-tooltip-location='bottom']:before {
top: 100%;
left: 50%;
-webkit-transform: translate3d(-50%, -14px, 0) scale(0);
transform: translate3d(-50%, -14px, 0) scale(0);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
[data-tooltip][data-tooltip-location='bottom']:hover:before {
-webkit-transform: translate3d(-50%, 14px, 0) scale(1);
transform: translate3d(-50%, 14px, 0) scale(1);
}
[data-tooltip][data-tooltip-location='top']:before {
bottom: 100%;
left: 50%;
-webkit-transform: translate3d(-50%, 14px, 0) scale(0);
transform: translate3d(-50%, 14px, 0) scale(0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
[data-tooltip][data-tooltip-location='top']:hover:before {
-webkit-transform: translate3d(-50%, -14px, 0) scale(1);
transform: translate3d(-50%, -14px, 0) scale(1);
}
[data-tooltip][data-tooltip-location='left']:before {
right: 100%;
-webkit-transform: translate3d(14px, 0, 0) scale(0);
transform: translate3d(14px, 0, 0) scale(0);
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
}
[data-tooltip][data-tooltip-location='left']:hover:before {
-webkit-transform: translate3d(-14px, 0, 0) scale(1);
transform: translate3d(-14px, 0, 0) scale(1);
}
[data-tooltip][data-tooltip-location='right']:before {
left: 100%;
-webkit-transform: translate3d(-14px, 0, 0) scale(0);
transform: translate3d(-14px, 0, 0) scale(0);
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
[data-tooltip][data-tooltip-location='right']:hover:before {
-webkit-transform: translate3d(14px, 0, 0) scale(1);
transform: translate3d(14px, 0, 0) scale(1);
}
@media only screen and (max-width: 1023px) {
[data-tooltip]:before {
padding: 10px 16px;
}
[data-tooltip][data-tooltip-location='bottom']:hover:before {
-webkit-transform: translate3d(-50%, 24px, 0) scale(1);
transform: translate3d(-50%, 24px, 0) scale(1);
}
[data-tooltip][data-tooltip-location='top']:hover:before {
-webkit-transform: translate3d(-50%, -24px, 0) scale(1);
transform: translate3d(-50%, -24px, 0) scale(1);
}
[data-tooltip][data-tooltip-location='left']:hover:before {
-webkit-transform: translate3d(-24px, 0, 0) scale(1);
transform: translate3d(-24px, 0, 0) scale(1);
}
[data-tooltip][data-tooltip-location='right']:hover:before {
-webkit-transform: translate3d(24px, 0, 0) scale(1);
transform: translate3d(24px, 0, 0) scale(1);
}
}
@media only screen and (max-width: 767px) {
.hidden-xs-only {
display: none !important;
}
}
@media only screen and (max-width: 1023px) {
.hidden-sm-and-down {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.hidden-sm-and-up {
display: none !important;
}
}
@media only screen and (min-width: 1024px) and (max-width) {
.hidden-md-only {
display: none !important;
}
}
@media only screen and (max-width: 1439px) {
.hidden-md-and-down {
display: none !important;
}
}
@media only screen and (min-width: 1024px) {
.hidden-md-and-up {
display: none !important;
}
}
@media only screen and (min-width: 1440px) and (max-width) {
.hidden-lg-only {
display: none !important;
}
}
@media only screen and (max-width: 1903px) {
.hidden-lg-and-down {
display: none !important;
}
}
@media only screen and (min-width: 1440px) {
.hidden-lg-and-up {
display: none !important;
}
}
@media only screen and (min-width: 1904px) {
.hidden-xl-only {
display: none !important;
}
}
.right {
float: right !important;
}
.left {
float: left !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ma-0 {
margin: 0 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pa-0 {
padding: 0 0 !important;
}
.mt-1 {
margin-top: 4px !important;
}
.mr-1 {
margin-right: 4px !important;
}
.mb-1 {
margin-bottom: 4px !important;
}
.ml-1 {
margin-left: 4px !important;
}
.mx-1 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.my-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.ma-1 {
margin: 4px 4px !important;
}
.pt-1 {
padding-top: 4px !important;
}
.pr-1 {
padding-right: 4px !important;
}
.pb-1 {
padding-bottom: 4px !important;
}
.pl-1 {
padding-left: 4px !important;
}
.px-1 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.py-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.pa-1 {
padding: 4px 4px !important;
}
.mt-2 {
margin-top: 8px !important;
}
.mr-2 {
margin-right: 8px !important;
}
.mb-2 {
margin-bottom: 8px !important;
}
.ml-2 {
margin-left: 8px !important;
}
.mx-2 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.ma-2 {
margin: 8px 8px !important;
}
.pt-2 {
padding-top: 8px !important;
}
.pr-2 {
padding-right: 8px !important;
}
.pb-2 {
padding-bottom: 8px !important;
}
.pl-2 {
padding-left: 8px !important;
}
.px-2 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pa-2 {
padding: 8px 8px !important;
}
.mt-3 {
margin-top: 16px !important;
}
.mr-3 {
margin-right: 16px !important;
}
.mb-3 {
margin-bottom: 16px !important;
}
.ml-3 {
margin-left: 16px !important;
}
.mx-3 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-3 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.ma-3 {
margin: 16px 16px !important;
}
.pt-3 {
padding-top: 16px !important;
}
.pr-3 {
padding-right: 16px !important;
}
.pb-3 {
padding-bottom: 16px !important;
}
.pl-3 {
padding-left: 16px !important;
}
.px-3 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pa-3 {
padding: 16px 16px !important;
}
.mt-4 {
margin-top: 24px !important;
}
.mr-4 {
margin-right: 24px !important;
}
.mb-4 {
margin-bottom: 24px !important;
}
.ml-4 {
margin-left: 24px !important;
}
.mx-4 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-4 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.ma-4 {
margin: 24px 24px !important;
}
.pt-4 {
padding-top: 24px !important;
}
.pr-4 {
padding-right: 24px !important;
}
.pb-4 {
padding-bottom: 24px !important;
}
.pl-4 {
padding-left: 24px !important;
}
.px-4 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-4 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pa-4 {
padding: 24px 24px !important;
}
.mt-5 {
margin-top: 48px !important;
}
.mr-5 {
margin-right: 48px !important;
}
.mb-5 {
margin-bottom: 48px !important;
}
.ml-5 {
margin-left: 48px !important;
}
.mx-5 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-5 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.ma-5 {
margin: 48px 48px !important;
}
.pt-5 {
padding-top: 48px !important;
}
.pr-5 {
padding-right: 48px !important;
}
.pb-5 {
padding-bottom: 48px !important;
}
.pl-5 {
padding-left: 48px !important;
}
.px-5 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pa-5 {
padding: 48px 48px !important;
}
@media all and (min-width: 0) {
.text-xs-left {
text-align: left !important;
}
.text-xs-center {
text-align: center !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-justify {
text-align: justify !important;
}
}
@media all and (min-width: 768px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-center {
text-align: center !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-justify {
text-align: justify !important;
}
}
@media all and (min-width: 1024px) {
.text-md-left {
text-align: left !important;
}
.text-md-center {
text-align: center !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-justify {
text-align: justify !important;
}
}
@media all and (min-width: 1440px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-center {
text-align: center !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-justify {
text-align: justify !important;
}
}
@media all and (min-width: 1904px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-center {
text-align: center !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-justify {
text-align: justify !important;
}
}
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.application {
background: #fafafa;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
min-height: initial;
}
.application .system-bar {
background-color: #e0e0e0;
color: rgba(0,0,0,0.54);
}
.application .system-bar .icon {
color: rgba(0,0,0,0.54);
}
.application .system-bar--lights-out {
background-color: rgba(255,255,255,0) !important;
}
.application .toolbar {
background-color: rgba(0,0,0,0);
color: #000;
}
.application .toolbar .btn {
color: #000;
}
.application .toolbar .btn:not(.btn--icon):focus .btn__content:before,
.application .toolbar .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application .toolbar .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application .toolbar .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application .toolbar .btn:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0);
}
.application .toolbar .btn.btn--icon,
.application .toolbar .btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application .toolbar .toolbar__item {
color: #000;
}
.application .toolbar .toolbar__item:hover {
background: rgba(0,0,0,0.12);
}
.application .navigation-drawer {
background-color: #fff;
}
.application .navigation-drawer:after {
background-color: rgba(0,0,0,0.12);
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application .navigation-drawer.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application .navigation-drawer a,
.application .navigation-drawer .subheader,
.application .navigation-drawer .list {
color: #000;
}
.application .navigation-drawer .divider {
background-color: rgba(0,0,0,0.12);
}
.application .navigation-drawer .list {
background: #fff;
}
.application .navigation-drawer .list__tile {
color: #000;
}
.application .navigation-drawer .list--group__header--active .list__tile:after,
.application .navigation-drawer .list--group__header--active + .list--group:after {
background: rgba(0,0,0,0.12);
}
.application .btn {
color: #000;
}
.application .btn:not(.btn--icon):focus .btn__content:before,
.application .btn:not(.btn--icon):hover .btn__content:before {
background-color: rgba(0,0,0,0.12);
}
.application .btn:disabled {
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: rgba(0,0,0,0.26);
pointer-events: none;
opacity: 0.4;
}
.application .btn:disabled:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0.12) !important;
}
.application .btn:not(.btn--icon):not(.btn--flat) {
background-color: rgba(0,0,0,0);
}
.application .btn.btn--icon,
.application .btn.btn--floating {
color: rgba(0,0,0,0.54);
}
.application .footer {
background-color: rgba(0,0,0,0);
}
.application .card {
background-color: #fff;
color: #000;
}
.application .icon {
color: rgba(0,0,0,0.54);
}
.application .icon:disabled {
color: rgba(0,0,0,0.38);
}
.application .divider {
background-color: rgba(0,0,0,0.12);
}
.application .input-group input,
.application .input-group textarea {
color: #000;
}
.application .input-group input:disabled,
.application .input-group textarea:disabled {
color: rgba(0,0,0,0.38);
}
.application .input-group label {
color: rgba(0,0,0,0.54);
}
.application .input-group.input-group--dirty .input-group__selections__comma {
color: #000;
}
.application .input-group:not(.input-group--focused):not(.input-group--error) .input-group__input .icon {
color: rgba(0,0,0,0.54);
}
.application .input-group .input-group__counter {
color: rgba(0,0,0,0.54);
}
.application .input-group .input-group__details {
color: rgba(0,0,0,0.54);
}
.application .input-group .input-group__details:before {
background-color: rgba(0,0,0,0.12);
}
.application .input-group.input-group--overflow .input-group__input:before,
.application .input-group.input-group--segmented .input-group__input:before,
.application .input-group.input-group--editable .input-group__input:before {
background-color: rgba(0,0,0,0.12);
}
.application .input-group.input-group--disabled input,
.application .input-group.input-group--disabled textarea {
color: rgba(0,0,0,0.54);
}
.application .input-group.input-group--disabled .input-group__details:before {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.38)), color-stop(33%, rgba(0,0,0,0.38)), color-stop(0, transparent));
background-image: -o-linear-gradient(left, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0, rgba(0,0,0,0.38) 33%, transparent 0);
}
.application .input-group .input-group--text-field__prefix,
.application .input-group .input-group--text-field__suffix {
color: rgba(0,0,0,0.54);
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
color: #009688;
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
background-color: #fafafa;
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
color: rgba(0,0,0,0.38);
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after {
background-color: #009688;
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.38);
}
.application .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active {
color: inherit;
}
.application .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after {
background-color: #bdbdbd !important;
}
.application .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle {
color: rgba(0,0,0,0.12) !important;
}
.application .input-group.input-group--selection-controls.radio,
.application .input-group.input-group--selection-controls.checkbox {
color: #009688;
}
.application .input-group.input-group--selection-controls.radio .icon,
.application .input-group.input-group--selection-controls.checkbox .icon,
.application .input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input,
.application .input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input {
color: rgba(0,0,0,0.54);
}
.application .input-group.input-group--selection-controls.radio.input-group--active .icon,
.application .input-group.input-group--selection-controls.checkbox.input-group--active .icon {
color: inherit;
}
.application .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input,
.application .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input {
color: rgba(0,0,0,0.38);
}
.application .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon,
.application .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon {
color: inherit;
}
.application .input-group--slider label {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-flex-preferred-size: 56px;
flex-basis: 56px;
color: rgba(0,0,0,0.54);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.application .input-group--slider .slider__track,
.application .input-group--slider .slider__track-fill {
background: rgba(0,0,0,0.26);
}
.application .input-group--slider .slider__track__container:after {
border: 1px solid #000;
}
.application .input-group--slider .slider__tick {
border: 1px solid #000;
}
.application .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
background: rgba(0,0,0,0.26);
}
.application .input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb {
background: #000;
}
.application .input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb {
border: 4px solid rgba(0,0,0,0.26);
}
.application .input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb {
border: 4px solid rgba(0,0,0,0.38);
}
.application .input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb {
background: rgba(0,0,0,0.26);
border: 0px solid transparent;
}
.application .input-group--slider:focus .slider__track {
background: rgba(0,0,0,0.38);
}
.application .list {
background: #fff;
}
.application .list .list__tile:not(.list__tile--active) {
color: #000;
}
.application .list .list__tile__sub-title {
color: rgba(0,0,0,0.54);
}
.application .list .subheader {
color: rgba(0,0,0,0.54);
}
.application .list .divider {
background-color: rgba(0,0,0,0.12);
}
.application .tabs .tabs__item {
color: rgba(0,0,0,0.7);
}
.application .tabs .tabs__item.tabs__item--active {
color: #ccc;
}
.application .tabs .tabs__item.tabs__item--disabled {
color: rgba(0,0,0,0.26);
}
.application .tabs .icon--left,
.application .tabs .icon--right {
color: rgba(0,0,0,0.54);
}
.application aside.navigation-drawer.navigation-drawer--temporary {
background-color: #1c2129;
}
.application aside.navigation-drawer.navigation-drawer--temporary:after {
background-color: ;
content: '';
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 1px;
}
.application aside.navigation-drawer.navigation-drawer--temporary.navigation-drawer--right:after {
left: 0;
right: initial;
}
.application aside.navigation-drawer.navigation-drawer--temporary a,
.application aside.navigation-drawer.navigation-drawer--temporary .subheader,
.application aside.navigation-drawer.navigation-drawer--temporary .list {
color: #fff;
}
.application aside.navigation-drawer.navigation-drawer--temporary .divider {
background-color: ;
}
.application aside.navigation-drawer.navigation-drawer--temporary .list {
background: #1c2129;
}
.application aside.navigation-drawer.navigation-drawer--temporary .list__tile {
color: #fff;
}
.application aside.navigation-drawer.navigation-drawer--temporary .list--group__header--active .list__tile:after,
.application aside.navigation-drawer.navigation-drawer--temporary .list--group__header--active + .list--group:after {
background: ;
}
.application aside.navigation-drawer.navigation-drawer--temporary::-webkit-scrollbar {
display: none;
}
.application .expansion-panel__header:after {
display: none;
}
.application .toolbar .toolbar__content svg {
display: inline-block;
}
.application .toolbar .toolbar__content svg.logo path {
fill: #fff;
}
.application .toolbar .toolbar__content svg.hamburger-menu-btn {
margin-left: auto;
}
@media (min-width: 1024px) {
.application .toolbar .toolbar__content svg.hamburger-menu-btn {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.application .toolbar .toolbar__content svg.hamburger-menu-btn:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.application .toolbar .toolbar__content svg.hamburger-menu-btn path {
fill: #fff;
}
.application .toolbar.toolbar--fixed + main {
padding-top: 0;
}
.application--default {
background-color: #fff;
color: #000;
}
.application--dark {
background-color: #1c2129;
color: #fff;
}
.application .overlay:before {
background: none;
opacity: 0.5;
}
.application .overlay.overlay--active:before {
opacity: 0.5;
background-color: #fff;
}
.application {
background: #1c2129;
}
.application aside {
padding: 0;
}
.application aside.navigation-drawer.navigation-drawer--open {
width: 100%;
overflow-y: hidden;
}
.application aside.navigation-drawer.navigation-drawer--temporary {
background-color: #1c2129;
z-index: 50;
}
.application.application--default footer {
background-color: #1c2129;
}
.toolbar {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (min-width: 1024px) {
.toolbar__content {
height: 5.714285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.toolbar__content {
height: 3.428571428571428rem;
}
}
.container.fluid {
padding: 0;
}
.router-view {
background: #fff;
}
.page-enter-active,
.page-leave-active {
background-color: #1c2129;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.page-enter,
.page-leave-to {
background-color: #1c2129;
opacity: 0.8;
}
@media (min-width: 1024px) {
.progress-circular__overlay {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
}
.app-report {
position: fixed;
background: rgba(28,33,41,0.8);
color: #fff;
bottom: 0;
left: 0.714285714285714rem;
padding: 0.571428571428571rem;
cursor: pointer;
z-index: 100000;
font-size: 0.857142857142857rem;
}
@media (min-width: 1024px) {
.app-report {
bottom: 1.785714285714286rem;
}
}
.sentry-error-embed-wrapper button.btn {
width: 7.142857142857143rem;
height: 2.142857142857143rem;
font-size: 0 !important;
position: relative;
}
.sentry-error-embed-wrapper button.btn:after {
display: block;
content: 'Submit';
width: 7.142857142857143rem;
height: 0.857142857142857rem;
line-height: 2.142857142857143rem;
font-size: 1.142857142857143rem;
top: 0;
left: 0;
position: absolute;
}
</style><style data-vue-ssr-id="65971e7c:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-17a8fef3 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-17a8fef3 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-17a8fef3 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-17a8fef3 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.navigation-drawer.navigation-drawer--temporary[data-v-17a8fef3] {
width: 100%;
width: 100vw;
padding-bottom: 0;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-box-shadow: none;
box-shadow: none;
will-change: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.navigation-drawer.navigation-drawer--temporary.navigation-drawer--open[data-v-17a8fef3]:not(.empty):not(.navigation-drawer--right) {
-webkit-animation-name: flipRight-data-v-17a8fef3;
animation-name: flipRight-data-v-17a8fef3;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.navigation-drawer.navigation-drawer--temporary.navigation-drawer--open.navigation-drawer--right[data-v-17a8fef3] {
-webkit-animation-name: flipLeft-data-v-17a8fef3;
animation-name: flipLeft-data-v-17a8fef3;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.navigation-drawer.navigation-drawer--temporary.navigation-drawer--close[data-v-17a8fef3]:not(.empty):not(.navigation-drawer--right) {
-webkit-animation-name: flipRightRev-data-v-17a8fef3;
animation-name: flipRightRev-data-v-17a8fef3;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.navigation-drawer.navigation-drawer--temporary.navigation-drawer--close.navigation-drawer--right[data-v-17a8fef3] {
-webkit-animation-name: flipLeftRev-data-v-17a8fef3;
animation-name: flipLeftRev-data-v-17a8fef3;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.navigation-drawer.navigation-drawer--temporary.debate-side-pane[data-v-17a8fef3] {
background: none;
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer[data-v-17a8fef3]:not(.navigation-drawer--right) {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer--right[data-v-17a8fef3] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
@-webkit-keyframes flipLeft {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes flipLeft-data-v-17a8fef3 {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes flipLeftRev {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes flipLeftRev-data-v-17a8fef3 {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes flipRight {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes flipRight-data-v-17a8fef3 {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes flipRightRev {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes flipRightRev-data-v-17a8fef3 {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
</style><style data-vue-ssr-id="4bb13732:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.hamburger-menu-btn.dark > path {
fill: #1c2129 !important;
}
</style><style data-vue-ssr-id="383a86ac:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-7fa713f3 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-7fa713f3 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-7fa713f3 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-7fa713f3 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.toolbar__content[data-v-7fa713f3] {
height: 3.571428571428572rem;
}
.compact-header[data-v-7fa713f3] {
position: fixed;
width: 100%;
z-index: 10;
will-change: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.compact-header.static-page nav.toolbar[data-v-7fa713f3] .toolbar__content {
height: 5.571428571428571rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header.static-page nav.toolbar[data-v-7fa713f3] .toolbar__content {
height: 2.857142857142857rem;
}
}
.compact-header .slim-header[data-v-7fa713f3] {
position: absolute;
margin-left: 0;
top: 0;
width: 100%;
z-index: 8;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.compact-header .slim-header .slim-header-inner[data-v-7fa713f3] {
position: relative;
z-index: 10;
margin: 0 auto;
-webkit-transition: all 0.56s;
-o-transition: all 0.56s;
transition: all 0.56s;
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@media (min-width: 1024px) {
.compact-header .slim-header .slim-header-inner[data-v-7fa713f3] {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header .slim-header .slim-header-inner[data-v-7fa713f3] {
width: 3.928571428571428rem;
height: 4.285714285714286rem;
}
}
.compact-header .slim-header .slim-header-bg-wrapper[data-v-7fa713f3] {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media (min-width: 1024px) {
.compact-header .slim-header .slim-header-bg-wrapper[data-v-7fa713f3] {
height: 7.714285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header .slim-header .slim-header-bg-wrapper[data-v-7fa713f3] {
height: 4.285714285714286rem;
}
}
.compact-header .slim-header .slim-header-bg-wrapper .slim-static-header-background[data-v-7fa713f3] {
background: #fafafa;
width: 100%;
}
@media (min-width: 1024px) {
.compact-header .slim-header .slim-header-bg-wrapper .slim-static-header-background[data-v-7fa713f3] {
height: 5.571428571428571rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header .slim-header .slim-header-bg-wrapper .slim-static-header-background[data-v-7fa713f3] {
height: 2.857142857142857rem;
}
}
.compact-header .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
margin: 0 auto;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
background: #24282e;
will-change: transform;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
@media (min-width: 1024px) {
.compact-header .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
-webkit-animation-name: desktop-header-up-data-v-7fa713f3;
animation-name: desktop-header-up-data-v-7fa713f3;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
width: 3.928571428571428rem;
height: 4.285714285714286rem;
-webkit-animation-name: mobile-header-up-data-v-7fa713f3;
animation-name: mobile-header-up-data-v-7fa713f3;
}
}
.compact-header .slim-header .slim-header-upper[data-v-7fa713f3] {
width: 100%;
z-index: 10;
position: absolute;
top: 0;
-webkit-transform: translateY(-3.571428571428572rem);
-ms-transform: translateY(-3.571428571428572rem);
transform: translateY(-3.571428571428572rem);
-webkit-transition: all 0.56s;
-o-transition: all 0.56s;
transition: all 0.56s;
}
.compact-header .slim-header.no-animation .slim-header-background[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-animation: none;
animation: none;
}
.compact-header .slim-header.no-animation .slim-header-inner[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-animation: none;
animation: none;
}
.compact-header.close .no-animation .issue-info[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.compact-header.close .header-pager[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.compact-header .header-pager[data-v-7fa713f3] {
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 0.56s;
-o-transition: all 0.56s;
transition: all 0.56s;
z-index: 10;
}
@media (min-width: 1024px) {
.compact-header .header-pager[data-v-7fa713f3] {
-webkit-transform: translateY(8.428571428571429rem);
-ms-transform: translateY(8.428571428571429rem);
transform: translateY(8.428571428571429rem);
display: block;
margin: 0 auto;
width: 50%;
height: 1.5rem;
right: 0;
left: 0;
bottom: 0;
z-index: 530;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header .header-pager[data-v-7fa713f3] {
-webkit-transform: translateY(4.285714285714286rem);
-ms-transform: translateY(4.285714285714286rem);
transform: translateY(4.285714285714286rem);
}
}
.compact-header.close nav.toolbar[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.compact-header nav.toolbar[data-v-7fa713f3] {
-webkit-box-shadow: none;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
box-shadow: none;
z-index: 15;
position: absolute;
}
.compact-header nav.toolbar > .toolbar__content > .progress-bar[data-v-7fa713f3] {
z-index: 10;
margin-left: auto;
cursor: pointer;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > .progress-bar[data-v-7fa713f3] {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.compact-header nav.toolbar > .toolbar__content > .progress-bar[data-v-7fa713f3]:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.compact-header nav.toolbar > .toolbar__content > .progress-bar.hide[data-v-7fa713f3] {
display: block;
opacity: 0;
}
.compact-header nav.toolbar > .toolbar__content > .clickable-slim-header[data-v-7fa713f3] {
top: 0;
text-align: center;
position: absolute;
width: 100%;
}
.compact-header nav.toolbar > .toolbar__content > .clickable-slim-header button[data-v-7fa713f3] {
opacity: 0;
cursor: pointer;
margin: 0;
padding: 0;
width: 8.571428571428571rem;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > .clickable-slim-header button[data-v-7fa713f3] {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > .clickable-slim-header button[data-v-7fa713f3] {
width: 3.928571428571428rem;
height: 4.285714285714286rem;
}
}
.compact-header nav.toolbar > .toolbar__content > svg[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a[data-v-7fa713f3] {
display: inline-block;
z-index: 10;
cursor: pointer;
}
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link[data-v-7fa713f3] {
fill: #fff;
margin-left: 1.142857142857143rem;
padding-top: 0.214285714285714rem;
}
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link[data-v-7fa713f3] .dark,
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link[data-v-7fa713f3] .dark {
fill: #1c2129;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link[data-v-7fa713f3] {
margin-left: 3.214285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link[data-v-7fa713f3] {
margin-left: 1.142857142857143rem;
}
}
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child,
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child {
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child,
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child {
height: 1.785714285714286rem;
width: 2.357142857142857rem;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child,
.compact-header nav.toolbar > .toolbar__content > a.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child {
height: 1.357142857142857rem;
width: 1.642857142857143rem;
}
}
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link[data-v-7fa713f3] {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
padding-top: 0.142857142857143rem;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link[data-v-7fa713f3] {
margin-left: 0.285714285714286rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link[data-v-7fa713f3] {
margin-left: 0.214285714285714rem;
}
}
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link .logo-name[data-v-7fa713f3]:not(.dark),
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link .logo-name[data-v-7fa713f3]:not(.dark) {
fill: #fff;
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link .logo-name[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link .logo-name[data-v-7fa713f3] {
margin-top: 0.5rem;
width: 7.142857142857143rem;
height: 1.357142857142857rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > svg.logo-name-link .logo-name[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.logo-name-link .logo-name[data-v-7fa713f3] {
margin-top: 0.428571428571429rem;
width: 5.142857142857143rem;
height: 1rem;
}
}
@media (min-width: 1024px) {
.compact-header nav.toolbar > .toolbar__content > svg.hamburger-menu-btn[data-v-7fa713f3]:not(.btn):not(.toolbar__title):last-child,
.compact-header nav.toolbar > .toolbar__content > a.hamburger-menu-btn[data-v-7fa713f3]:not(.btn):not(.toolbar__title):last-child {
margin-right: 3.214285714285714rem;
margin-left: 1.785714285714286rem;
width: 2.142857142857143rem;
height: 1.714285714285714rem;
}
.compact-header nav.toolbar > .toolbar__content > svg.hamburger-menu-btn:not(.btn):not(.toolbar__title):last-child.clean-margin[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.hamburger-menu-btn:not(.btn):not(.toolbar__title):last-child.clean-margin[data-v-7fa713f3] {
margin-left: auto;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.compact-header nav.toolbar > .toolbar__content > svg.hamburger-menu-btn[data-v-7fa713f3]:not(.btn):not(.toolbar__title):last-child,
.compact-header nav.toolbar > .toolbar__content > a.hamburger-menu-btn[data-v-7fa713f3]:not(.btn):not(.toolbar__title):last-child {
margin-right: 1.5rem;
margin-left: 1.071428571428571rem;
width: 1.5rem;
}
.compact-header nav.toolbar > .toolbar__content > svg.hamburger-menu-btn:not(.btn):not(.toolbar__title):last-child.clean-margin[data-v-7fa713f3],
.compact-header nav.toolbar > .toolbar__content > a.hamburger-menu-btn:not(.btn):not(.toolbar__title):last-child.clean-margin[data-v-7fa713f3] {
margin-left: auto;
}
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu[data-v-7fa713f3] {
position: fixed;
right: 5.5rem;
top: 7.142857142857143rem;
height: calc(100vh - 12.857142857142858rem);
height: calc(var(--window-height) - 12.857142857142858rem);
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu[data-v-7fa713f3]:not(.open):not(.close) {
display: none;
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu.open[data-v-7fa713f3] {
-webkit-animation-name: popup-menu-open-data-v-7fa713f3;
animation-name: popup-menu-open-data-v-7fa713f3;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu.close[data-v-7fa713f3] {
-webkit-animation-name: popup-menu-close-data-v-7fa713f3;
animation-name: popup-menu-close-data-v-7fa713f3;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu .popup-menu-upper[data-v-7fa713f3] {
z-index: 500;
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu .popup-menu-upper[data-v-7fa713f3]::before {
content: '';
background-color: #1c2129;
width: 2rem;
height: 2rem;
position: absolute;
right: 1.785714285714286rem;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.compact-header nav.toolbar > .toolbar__content > .popup-menu .popup-menu-inner[data-v-7fa713f3] {
width: 25.5rem;
height: 100%;
z-index: 501;
position: relative;
border-radius: 0.357142857142857rem;
background-image: -o-linear-gradient(-177deg, #1c2129 0%, #1f4047 100%);
background-image: -o-linear-gradient(267deg, #1c2129 0%, #1f4047 100%);
background-image: linear-gradient(-177deg, #1c2129 0%, #1f4047 100%);
}
.page-home .compact-header nav.toolbar > .toolbar__content .popup-menu-inner[data-v-7fa713f3] {
border-radius: 0.357142857142857rem 0.357142857142857rem 0 0;
}
.issue-info[data-v-7fa713f3] {
padding: 0.428571428571429rem;
text-align: center;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
}
@media (min-width: 1024px) {
.issue-info[data-v-7fa713f3] {
padding: 0.285714285714286rem 0.428571428571429rem 0.428571428571429rem 0.428571428571429rem;
}
}
.issue-info.col .edition[data-v-7fa713f3] {
color: #3ab6d0;
}
.issue-info.col .edition.archive[data-v-7fa713f3] {
color: #999;
}
.issue-info.col .edition.preview[data-v-7fa713f3] {
color: #f5fe00;
}
@media (min-width: 1024px) {
.issue-info.col .edition[data-v-7fa713f3] {
font-size: 1rem;
line-height: 1.785714285714286rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.col .edition[data-v-7fa713f3] {
font-size: 0.642857142857143rem;
line-height: 0.785714285714286rem;
}
}
.issue-info.col .date-month[data-v-7fa713f3] {
color: #fff;
}
@media (min-width: 1024px) {
.issue-info.col .date-month[data-v-7fa713f3] {
font-size: 1.857142857142857rem;
line-height: 1.714285714285714rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.col .date-month[data-v-7fa713f3] {
font-size: 1rem;
line-height: 1rem;
}
}
.issue-info.col .date-day[data-v-7fa713f3] {
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
}
@media (min-width: 1024px) {
.issue-info.col .date-day[data-v-7fa713f3] {
font-size: 3.571428571428572rem;
line-height: 3.428571428571428rem;
letter-spacing: -2px;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.col .date-day[data-v-7fa713f3] {
font-size: 2rem;
line-height: 1.714285714285714rem;
}
}
.issue-info.col .date-year[data-v-7fa713f3] {
color: #fff;
}
@media (min-width: 1024px) {
.issue-info.col .date-year[data-v-7fa713f3] {
font-size: 1.5rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.col .date-year[data-v-7fa713f3] {
font-size: 0.785714285714286rem;
}
}
@media (min-width: 1024px) {
.issue-info.row[data-v-7fa713f3] {
font-size: 1.142857142857143rem;
line-height: 2rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.row[data-v-7fa713f3] {
font-size: 1rem;
line-height: 1.428571428571429rem;
}
}
.issue-info.row > div[data-v-7fa713f3] {
display: inline-block;
}
.issue-info.row .edition[data-v-7fa713f3] {
color: #3ab6d0;
padding: 0 0.357142857142857rem;
}
.issue-info.row .edition.archive[data-v-7fa713f3] {
color: #999;
}
.issue-info.row .edition.preview[data-v-7fa713f3] {
color: #f5fe00;
}
@media (min-width: 1024px) {
.issue-info.row .edition[data-v-7fa713f3] {
line-height: 0.642857142857143rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.row .edition[data-v-7fa713f3] {
line-height: 0.642857142857143rem;
}
}
.issue-info.row .date[data-v-7fa713f3] {
padding: 0 0.357142857142857rem;
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
}
.issue-info.row .date-day[data-v-7fa713f3],
.issue-info.row .date-month[data-v-7fa713f3],
.issue-info.row .date-year[data-v-7fa713f3] {
padding: 0 0.142857142857143rem;
color: #fff;
letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
.issue-info.row .date-day[data-v-7fa713f3],
.issue-info.row .date-month[data-v-7fa713f3],
.issue-info.row .date-year[data-v-7fa713f3] {
font-size: 1.142857142857143rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.issue-info.row .date-day[data-v-7fa713f3],
.issue-info.row .date-month[data-v-7fa713f3],
.issue-info.row .date-year[data-v-7fa713f3] {
font-size: 1rem;
}
}
@media (min-width: 1024px) {
.mini nav.toolbar[data-v-7fa713f3] {
-webkit-transform: translateY(-1.142857142857143rem);
-ms-transform: translateY(-1.142857142857143rem);
transform: translateY(-1.142857142857143rem);
}
}
@media (min-width: 0) and (max-width: 1023px) {
.mini nav.toolbar[data-v-7fa713f3] {
-webkit-transform: translateY(-0.285714285714286rem);
-ms-transform: translateY(-0.285714285714286rem);
transform: translateY(-0.285714285714286rem);
}
}
@media (min-width: 1024px) {
.mini nav.toolbar > .toolbar__content > svg.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child,
.mini nav.toolbar > .toolbar__content > a.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
}
@media (min-width: 0) and (max-width: 1023px) {
.mini nav.toolbar > .toolbar__content > svg.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child,
.mini nav.toolbar > .toolbar__content > a.logo-icon-link .logo-icon[data-v-7fa713f3]:not(.btn):not(.toolbar__title):first-child {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.mini nav.toolbar > .toolbar__content > svg.logo-name-link[data-v-7fa713f3],
.mini nav.toolbar > .toolbar__content > a.logo-name-link[data-v-7fa713f3] {
opacity: 0;
}
@media (min-width: 1024px) {
.mini nav.toolbar > .toolbar__content > .clickable-slim-header button[data-v-7fa713f3] {
width: 10.357142857142858rem;
height: 3.571428571428572rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.mini nav.toolbar > .toolbar__content > .clickable-slim-header button[data-v-7fa713f3] {
width: 8.571428571428571rem;
height: 2.142857142857143rem;
}
}
.mini .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
.mini .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
-webkit-animation-name: desktop-header-down-data-v-7fa713f3;
animation-name: desktop-header-down-data-v-7fa713f3;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.mini .slim-header .slim-header-bg-wrapper .slim-header-background[data-v-7fa713f3] {
-webkit-animation-name: mobile-header-down-data-v-7fa713f3;
animation-name: mobile-header-down-data-v-7fa713f3;
}
}
.mini .slim-header .slim-header-inner[data-v-7fa713f3] {
opacity: 0;
-webkit-transform: translateY(-3.571428571428572rem);
-ms-transform: translateY(-3.571428571428572rem);
transform: translateY(-3.571428571428572rem);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.mini .slim-header .slim-header-upper[data-v-7fa713f3] {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mini .header-pager[data-v-7fa713f3] {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
@media (min-width: 1024px) {
.mini .header-pager[data-v-7fa713f3] {
-webkit-transform: translateY(1.785714285714286rem);
-ms-transform: translateY(1.785714285714286rem);
transform: translateY(1.785714285714286rem);
}
}
@media (min-width: 0) and (max-width: 1023px) {
.mini .header-pager[data-v-7fa713f3] {
-webkit-transform: translateY(1.214285714285714rem);
-ms-transform: translateY(1.214285714285714rem);
transform: translateY(1.214285714285714rem);
}
}
.close nav.toolbar[data-v-7fa713f3] {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.close nav.toolbar.no-animation[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.close .slim-header[data-v-7fa713f3] {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.close .slim-header.no-animation[data-v-7fa713f3] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.close .header-pager[data-v-7fa713f3] {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
@-webkit-keyframes ie-header-down {
0% {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
50% {
width: 7.142857142857143rem;
height: 3.571428571428572rem;
}
100% {
height: 3.571428571428572rem;
width: 100%;
}
}
@keyframes ie-header-down-data-v-7fa713f3 {
0% {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
50% {
width: 7.142857142857143rem;
height: 3.571428571428572rem;
}
100% {
height: 3.571428571428572rem;
width: 100%;
}
}
@-webkit-keyframes ie-header-up {
0% {
height: 3.571428571428572rem;
width: 100%;
}
50% {
width: 7.142857142857143rem;
height: 3.571428571428572rem;
}
100% {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
}
@keyframes ie-header-up-data-v-7fa713f3 {
0% {
height: 3.571428571428572rem;
width: 100%;
}
50% {
width: 7.142857142857143rem;
height: 3.571428571428572rem;
}
100% {
width: 7.142857142857143rem;
height: 7.714285714285714rem;
}
}
@-webkit-keyframes desktop-header-down {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.46);
transform: scaleX(1) scaleY(0.46);
}
100% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
}
}
@keyframes desktop-header-down-data-v-7fa713f3 {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.46);
transform: scaleX(1) scaleY(0.46);
}
100% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
}
}
@-webkit-keyframes desktop-header-up {
0% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.46);
transform: scaleX(1) scaleY(0.46);
}
100% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
}
@keyframes desktop-header-up-data-v-7fa713f3 {
0% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.46);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.46);
transform: scaleX(1) scaleY(0.46);
}
100% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
}
@-webkit-keyframes mobile-header-down {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.66667);
transform: scaleX(1) scaleY(0.66667);
}
100% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
}
}
@keyframes mobile-header-down-data-v-7fa713f3 {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.66667);
transform: scaleX(1) scaleY(0.66667);
}
100% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
}
}
@-webkit-keyframes mobile-header-up {
0% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.66667);
transform: scaleX(1) scaleY(0.66667);
}
100% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
}
@keyframes mobile-header-up-data-v-7fa713f3 {
0% {
-webkit-transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
transform: scaleX(var(--mobile-header-ratio)) scaleY(0.66667);
}
50% {
-webkit-transform: scaleX(1) scaleY(0.66667);
transform: scaleX(1) scaleY(0.66667);
}
100% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
}
@-webkit-keyframes popup-menu-open {
0% {
opacity: 0;
-webkit-transform: translateY(-1.428571428571429rem);
transform: translateY(-1.428571428571429rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes popup-menu-open-data-v-7fa713f3 {
0% {
opacity: 0;
-webkit-transform: translateY(-1.428571428571429rem);
transform: translateY(-1.428571428571429rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes popup-menu-close {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
99% {
opacity: 0;
-webkit-transform: translateY(-1.428571428571429rem);
transform: translateY(-1.428571428571429rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}
}
@keyframes popup-menu-close-data-v-7fa713f3 {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
99% {
opacity: 0;
-webkit-transform: translateY(-1.428571428571429rem);
transform: translateY(-1.428571428571429rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}
}
</style><style data-vue-ssr-id="e3c62fa0:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.progress-bar-widget.invisible {
visibility: hidden;
}
.progress-circular__underlay {
stroke: rgba(255,255,255,0.3) !important;
}
.progress-circular__info {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: bold;
letter-space: -0.071428571428571rem;
}
.count {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
svg.tick {
fill: #fff;
max-width: 100%;
max-height: 100%;
position: relative;
}
@media (min-width: 1024px) {
svg.tick {
width: 1.142857142857143rem;
}
}
.progress-circular.header {
color: #fff;
}
@media (min-width: 1024px) {
.progress-circular.header {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.progress-circular.header {
-webkit-transform: scale(0.83);
-ms-transform: scale(0.83);
transform: scale(0.83);
}
}
.progress-circular.header .progress-circular__info {
font-size: 0.785714285714286rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}
@media (min-width: 0) and (max-width: 1023px) {
.progress-circular.header .progress-circular__info {
bottom: -0.214285714285714rem;
width: 100%;
text-align: center;
}
.progress-circular.header .progress-circular__info svg.tick {
width: 0.928571428571429rem;
}
}
@media (min-width: 1024px) {
.progress-circular.header .progress-circular__info {
font-size: 1.071428571428571rem;
}
.progress-circular.header .progress-circular__info svg.tick {
top: 0.214285714285714rem;
}
}
.progress-circular.issue {
color: #30b3ce;
}
.progress-bar-widget.menu {
color: #fff;
}
.progress-bar-widget.menu .progress-circular__info {
font-size: 2.857142857142857rem;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
}
.progress-bar-widget.menu .progress-circular__info .tick {
vertical-align: middle;
width: 2.071428571428572rem;
}
.progress-bar-widget.menu .progress-circular__info .count {
position: relative;
top: 0.071428571428571rem;
letter-spacing: 0;
}
.progress-bar-widget.menu .progress-circular__info .count.two-digits {
left: -0.285714285714286rem;
letter-spacing: -0.357142857142857rem;
}
.progress-bar-widget.menu .progress-circular__overlay {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.progress-bar-widget.menu.completed .progress-circular__info {
height: 100%;
}
</style><style data-vue-ssr-id="784c91c4:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-3f76b5b6 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-3f76b5b6 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-3f76b5b6 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-3f76b5b6 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.issue-menu-pane[data-v-3f76b5b6] {
height: 100%;
}
.issue-menu-pane .close-wrapper[data-v-3f76b5b6] {
position: relative;
-webkit-box-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
height: 5rem;
padding: 0.714285714285714rem 0 2.857142857142857rem;
}
.issue-menu-pane .close-wrapper .close-btn[data-v-3f76b5b6] {
position: absolute;
top: 1.214285714285714rem;
right: 1.428571428571429rem;
outline: none;
}
.issue-menu-pane .close-wrapper .close-btn[data-v-3f76b5b6]:active {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.issue-menu-pane .viewed-board[data-v-3f76b5b6] {
padding: 2.857142857142857rem 2.5rem 1.571428571428571rem;
color: #fff;
border-bottom: 0.071428571428571rem solid #666;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
font-style: normal;
-webkit-box-flex: 0 1 0%;
-ms-flex: 0 1 0%;
flex: 0 1 0%;
}
.issue-menu-pane .viewed-board .progress-wrapper[data-v-3f76b5b6] {
width: 5.857142857142857rem;
display: inline-block;
text-align: left;
vertical-align: top;
}
.issue-menu-pane .viewed-board .progress-wrapper .progress-msg[data-v-3f76b5b6] {
font-size: 0.714285714285714rem;
text-transform: uppercase;
text-align: center;
width: 4.642857142857143rem;
line-height: 2rem;
}
.issue-menu-pane .viewed-board .progress-wrapper .progress-msg.hide[data-v-3f76b5b6] {
display: none;
}
.issue-menu-pane .viewed-board .progress-wrapper .progress-msg[data-v-3f76b5b6]:not(.done) {
opacity: 0.3;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper[data-v-3f76b5b6] {
display: inline-block;
width: 12.5rem;
vertical-align: top;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .today-stories[data-v-3f76b5b6] {
font-size: 0.857142857142857rem;
text-transform: uppercase;
padding-bottom: 0.357142857142857rem;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6] {
position: relative;
display: inline-block;
text-align: left;
padding-right: 0.5rem;
line-height: 2.642857142857143rem;
font-size: 1.142857142857143rem;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num .tick[data-v-3f76b5b6] {
position: absolute;
display: none;
width: 1.071428571428571rem;
top: 0.928571428571429rem;
left: 0;
fill: #fff;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num .tick[data-v-3f76b5b6]:hover {
fill: #3ab6d0;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6]::after {
content: '/';
opacity: 0.2;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6]:nth-child(5n),
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6]:last-child {
padding-right: 0;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num:nth-child(5n) a.num-link[data-v-3f76b5b6],
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num:last-child a.num-link[data-v-3f76b5b6] {
padding-right: 0;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6]:nth-child(5n)::after,
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num[data-v-3f76b5b6]:last-child::after {
display: none;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num a.num-link[data-v-3f76b5b6] {
color: #fff;
padding-right: 0.5rem;
text-decoration: none;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num a.num-link[data-v-3f76b5b6]:hover {
color: #3ab6d0;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num.viewed a.num-link span[data-v-3f76b5b6] {
opacity: 0.1;
}
.issue-menu-pane .viewed-board .article-num-list-wrapper .article-num-list .article-num.viewed .tick[data-v-3f76b5b6] {
display: block;
}
.issue-menu-pane .article-list[data-v-3f76b5b6] {
background: none;
padding: 1.928571428571429rem 0 1.571428571428571rem;
-webkit-box-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
.issue-menu-pane .article-list[data-v-3f76b5b6]::-webkit-scrollbar {
visibility: hidden;
width: 0.5rem;
background: none;
}
.issue-menu-pane .article-list[data-v-3f76b5b6]::-webkit-scrollbar-thumb {
border-radius: 0.5rem;
background: rgba(0,0,0,0.3);
}
}
.issue-menu-pane .article-list ul[data-v-3f76b5b6] {
background: none;
overflow-x: hidden;
}
.issue-menu-pane .article-list li[data-v-3f76b5b6] {
display: table;
position: relative;
width: 100%;
overflow: hidden;
}
.issue-menu-pane .article-list li > .list__tile[data-v-3f76b5b6] {
display: table !important;
background: none;
padding: 0.214285714285714rem 5.357142857142857rem 0.5rem 2.5rem;
width: 100%;
z-index: 20;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: relative;
}
.issue-menu-pane .article-list li .article-link[data-v-3f76b5b6] {
z-index: 40;
}
.issue-menu-pane .article-list li .article-link .node-teaser[data-v-3f76b5b6] {
display: inline-block;
width: 100%;
padding: 0 0 0 2.857142857142857rem;
}
.issue-menu-pane .article-list li .article-link .section-title[data-v-3f76b5b6] {
color: #30b3ce;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.714285714285714rem;
line-height: 1.785714285714286rem;
display: inline-block;
}
.issue-menu-pane .article-list li .article-link .article-num[data-v-3f76b5b6] {
color: #fff;
position: absolute;
top: 0.214285714285714rem;
left: 2.857142857142857rem;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.428571428571429rem;
line-height: 2.5rem;
width: 10%;
vertical-align: top;
}
.issue-menu-pane .article-list li .article-link .node-title[data-v-3f76b5b6] {
color: #fff;
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.071428571428571rem;
line-height: 1.285714285714286rem;
}
.issue-menu-pane .article-list li .article-link .tick-wrap[data-v-3f76b5b6] {
width: 1.5rem;
position: absolute;
top: 1.714285714285714rem;
right: 2.5rem;
display: none;
}
.issue-menu-pane .article-list li .article-link.viewed .article-num[data-v-3f76b5b6],
.issue-menu-pane .article-list li .article-link.viewed .node-title[data-v-3f76b5b6],
.issue-menu-pane .article-list li .article-link.viewed .section-title[data-v-3f76b5b6] {
opacity: 0.3;
}
.issue-menu-pane .article-list li .article-link.viewed .tick-wrap[data-v-3f76b5b6] {
display: block;
}
.issue-menu-pane .article-list li .active-bar[data-v-3f76b5b6] {
width: 0.5rem;
height: 100%;
padding: 0.928571428571429rem 0 1.071428571428571rem;
position: absolute;
top: 0;
left: 0;
z-index: 25;
opacity: 0;
}
.issue-menu-pane .article-list li .active-bar[data-v-3f76b5b6]::before {
content: ' ';
height: 100%;
background: #fff;
display: block;
z-index: 25;
}
.issue-menu-pane .article-list li.active .active-bar[data-v-3f76b5b6] {
opacity: 1;
}
.issue-menu-pane .article-list li .hover-bg[data-v-3f76b5b6] {
width: 200%;
height: 100%;
display: block;
background: none;
position: absolute;
top: 0;
left: 0;
z-index: 10;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.issue-menu-pane .article-list li .hover-bg[data-v-3f76b5b6]::before {
display: block;
content: '';
width: 50%;
height: 100%;
background: #24282e;
}
@media (min-width: 1024px) {
.issue-menu-pane .article-list li:hover .hover-bg[data-v-3f76b5b6] {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.popup-issue-menu.issue-menu-pane .close-wrapper .close-btn[data-v-3f76b5b6] {
top: 1.428571428571429rem;
right: 2rem;
}
.popup-issue-menu.issue-menu-pane .viewed-board[data-v-3f76b5b6] {
padding-top: 1rem;
}
</style><style data-vue-ssr-id="804a5680:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-a68503b4 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-a68503b4 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-a68503b4 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-a68503b4 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.pager[data-v-a68503b4] {
text-align: center;
padding-left: 0;
}
.pager .pager-item[data-v-a68503b4] {
display: inline-block;
}
@media (min-width: 1024px) {
.pager .pager-item[data-v-a68503b4] {
width: 0.928571428571429rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.pager .pager-item[data-v-a68503b4] {
width: 0.571428571428571rem;
}
}
.pager .pager-item .pager-item-dot[data-v-a68503b4] {
text-align: center;
margin: 0 auto;
background: #fff;
opacity: 0.3;
border-radius: 50%;
}
@media (min-width: 1024px) {
.pager .pager-item .pager-item-dot[data-v-a68503b4] {
width: 0.357142857142857rem;
height: 0.357142857142857rem;
}
.pager .pager-item .pager-item-dot a[data-v-a68503b4] {
display: block;
width: 100%;
height: 100%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.pager .pager-item .pager-item-dot[data-v-a68503b4] {
width: 0.285714285714286rem;
height: 0.285714285714286rem;
}
}
.pager .pager-item .pager-item-dot.issue[data-v-a68503b4] {
background: none;
border: 0.071428571428571rem solid #fff;
}
.pager .pager-item.active .pager-item-dot[data-v-a68503b4] {
opacity: 1;
}
</style><style data-vue-ssr-id="a38090e4:0">/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; }
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; }
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
</style><style data-vue-ssr-id="a38090e4:1">/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus, .pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; }
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url([object Object]); }
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; }
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden; }
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; }
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; }
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; }
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden; }
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right; } }
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; }
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; }
</style><style data-vue-ssr-id="a38090e4:2">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.pswp {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
z-index: 1000;
}
.pswp .pswp__top-bar {
background: #1c2129;
padding-bottom: 5.285714285714286rem;
background: -webkit-linear-gradient(top, rgba(28,33,41,0.85) 0%, rgba(28,33,41,0) 100%);
}
.pswp .pswp__bg {
background: #1c2129;
}
.pswp .pswp__ui {
color: #fff;
}
.pswp .pswp__ui.pswp__ui--idle .pswp__top-bar {
opacity: 1;
}
.pswp .pswp__ui.pswp__ui--hidden .pswp__bot-bar {
opacity: 0.001;
}
.pswp .pswp__ui .pswp__top-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
height: auto;
padding: 1.785714285714286rem 3.785714285714286rem 1.785714285714286rem 2.214285714285714rem;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__top-bar {
padding: 1.428571428571429rem;
}
}
.pswp .pswp__ui .pswp__top-bar .pswp__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.571428571428572rem;
height: 3.571428571428572rem;
border-radius: 50%;
border: 1px solid #fff;
}
.pswp .pswp__ui .pswp__top-bar .pswp__icon > svg {
width: 1.357142857142857rem;
height: 0.928571428571429rem;
}
.pswp .pswp__ui .pswp__top-bar .pswp__icon > svg > path {
fill: #fff;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__top-bar .pswp__icon {
width: 2.357142857142857rem;
height: 2.357142857142857rem;
}
.pswp .pswp__ui .pswp__top-bar .pswp__icon > svg {
width: 0.928571428571429rem;
height: 0.642857142857143rem;
}
}
.pswp .pswp__ui .pswp__top-bar .pswp__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
font-family: 'Overpass', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.285714285714286rem;
padding: 0 1.714285714285714rem;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__top-bar .pswp__title {
font-size: 0.928571428571429rem;
padding: 0 0.785714285714286rem;
}
}
.pswp .pswp__ui .pswp__top-bar .pswp__button.pswp__button--close {
display: block;
float: none;
padding: 0;
min-height: 100%;
height: 3.571428571428572rem;
width: 1.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: none;
opacity: 1;
}
.pswp .pswp__ui .pswp__top-bar .pswp__button.pswp__button--close > svg {
height: 1.5rem;
width: 1.5rem;
}
.pswp .pswp__ui .pswp__top-bar .pswp__button.pswp__button--close:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__top-bar .pswp__button.pswp__button--close {
height: 1.5rem;
}
}
.pswp .pswp__ui .pswp__bot-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
bottom: 0;
left: 0;
padding: 2.857142857142857rem 3.785714285714286rem 5.142857142857143rem 2.214285714285714rem;
width: 100%;
background: -webkit-linear-gradient(bottom, rgba(28,33,41,0.85) 0%, rgba(28,33,41,0) 100%);
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
-o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
opacity: 1;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__bot-bar {
padding: 1.428571428571429rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-left {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-left .pswp__caption--custom {
padding-right: 1.428571428571429rem;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.142857142857143rem;
color: #fff;
line-height: 2.071428571428572rem;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-left .pswp__caption--custom {
font-size: 0.928571428571429rem;
line-height: unset;
padding: 0;
}
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right {
-webkit-box-flex: 0;
-ms-flex: 0 0;
flex: 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right {
margin-top: 1.071428571428571rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right > div:not(.pswp__counter--custom),
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right > button:not(.pswp__counter--custom) {
display: none;
}
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--slogan {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1rem;
color: #fff;
margin-right: 2.357142857142857rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 8.214285714285714rem;
margin-right: 3.5rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div {
cursor: pointer;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div svg {
display: block;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div svg > path {
fill: #fff;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--fb,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--fb svg {
width: 0.714285714285714rem;
height: 1.5rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--twitter,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--twitter svg {
width: 1.285714285714286rem;
height: 1.071428571428571rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--email,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__share--custom > div.pswp__share--email svg {
width: 1.142857142857143rem;
height: 0.785714285714286rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
font-size: 1rem;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.428571428571429rem;
letter-spacing: -0.01em;
color: #8a8a8a;
margin-right: 0.785714285714286rem;
height: 2.857142857142857rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--separator {
width: 0.357142857142857rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--separator:after {
content: '';
height: 70%;
width: 0.071428571428571rem;
background-color: #8a8a8a;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 0) and (max-width: 1023px) {
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom {
height: auto;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--separator {
display: none;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--total {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__counter--custom .pswp__counter--total:before {
content: ' / ';
margin: 0 0.142857142857143rem;
}
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--left,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 2.857142857142857rem;
height: 2.857142857142857rem;
margin: 0;
top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #575e69;
visibility: visible;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--left:before,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--right:before {
background: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--left svg,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--right svg {
display: block;
width: 0.642857142857143rem;
height: 1.285714285714286rem;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--left svg path,
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--right svg path {
fill: #fff;
}
.pswp .pswp__ui .pswp__bot-bar .pswp__bot-right .pswp__button--arrow--left {
margin-right: 0.642857142857143rem;
}
</style><style data-vue-ssr-id="5515da9d:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.content-loading > svg > path {
fill: #30b3ce;
}
</style><style data-vue-ssr-id="01661d75:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-b0079d72 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-b0079d72 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-b0079d72 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-b0079d72 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.content-loading[data-v-b0079d72] {
width: 100vw;
height: 100vh;
opacity: 0.9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #1c2129;
}
.content-loading > svg[data-v-b0079d72] {
width: 7.142857142857143rem;
height: 7.142857142857143rem;
-webkit-animation: spinner-data-v-b0079d72 1s infinite linear;
animation: spinner-data-v-b0079d72 1s infinite linear;
}
.content-loading > svg > *[data-v-b0079d72] {
fill: #30b3ce;
}
@media (min-width: 0) and (max-width: 1023px) {
.content-loading > svg[data-v-b0079d72] {
width: 3.928571428571428rem;
height: 3.928571428571428rem;
}
}
.dynamic-content[data-v-b0079d72] {
margin: 0;
}
.swiper-wrapper[data-v-b0079d72] {
height: 100vh;
height: var(--window-height);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
@media (min-width: 1024px) {
.swiper-wrapper[data-v-b0079d72] {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
}
.swiper-wrapper.is-loading[data-v-b0079d72] {
height: 0;
}
.swiper-slide[data-v-b0079d72],
.swiper-container-android .swiper-slide[data-v-b0079d72] {
height: 100vh;
height: var(--window-height);
will-change: scroll;
overflow-y: auto;
overflow-x: hidden;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-backface-visibility: hidden;
}
@media (min-width: 1024px) {
.swiper-slide[data-v-b0079d72],
.swiper-container-android .swiper-slide[data-v-b0079d72] {
width: 100%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.swiper-slide[data-v-b0079d72],
.swiper-container-android .swiper-slide[data-v-b0079d72] {
width: 100vw;
}
}
.swiper-slide[data-slide=prev][data-v-b0079d72],
.swiper-container-android .swiper-slide[data-slide=prev][data-v-b0079d72] {
position: absolute;
left: -100%;
top: 0;
-webkit-overflow-scrolling: auto;
height: 100vh;
height: var(--window-height);
overflow: hidden;
}
.swiper-slide[data-slide=active][data-v-b0079d72],
.swiper-container-android .swiper-slide[data-slide=active][data-v-b0079d72] {
will-change: scroll;
position: absolute;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
}
.swiper-slide[data-slide=next][data-v-b0079d72],
.swiper-container-android .swiper-slide[data-slide=next][data-v-b0079d72] {
position: absolute;
left: 100%;
top: 0;
-webkit-overflow-scrolling: auto;
height: 100vh;
height: var(--window-height);
overflow: hidden;
}
.swiper-slide[data-empty][data-v-b0079d72],
.swiper-container-android .swiper-slide[data-empty][data-v-b0079d72] {
display: none;
}
.swiper-slide.disableScroll[data-v-b0079d72],
.swiper-container-android .swiper-slide.disableScroll[data-v-b0079d72] {
-webkit-overflow-scrolling: auto;
}
@-webkit-keyframes spinner {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-data-v-b0079d72 {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style><style data-vue-ssr-id="6b631179:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
*:not(img)::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
*:not(img)::selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
img::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
img::selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
*:not(img)::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
img::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
[data-style-type="daily"] *:not(img)::-moz-selection,
[data-style-type="in-number-white"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
[data-style-type="daily"] *:not(img)::selection,
[data-style-type="in-number-white"] *:not(img)::selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
[data-style-type="daily"] img::-moz-selection,
[data-style-type="in-number-white"] img::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
[data-style-type="daily"] img::selection,
[data-style-type="in-number-white"] img::selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
[data-style-type="daily"] *:not(img)::-moz-selection,
[data-style-type="in-number-white"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.99);
}
[data-style-type="daily"] img::-moz-selection,
[data-style-type="in-number-white"] img::-moz-selection {
color: inherit;
background-color: rgba(152,217,231,0.5);
}
[data-style-type="debate"] *:not(img)::-moz-selection,
[data-style-type="opinion"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(151,246,217,0.99);
}
[data-style-type="debate"] *:not(img)::selection,
[data-style-type="opinion"] *:not(img)::selection {
color: inherit;
background-color: rgba(151,246,217,0.99);
}
[data-style-type="debate"] img::-moz-selection,
[data-style-type="opinion"] img::-moz-selection {
color: inherit;
background-color: rgba(151,246,217,0.5);
}
[data-style-type="debate"] img::selection,
[data-style-type="opinion"] img::selection {
color: inherit;
background-color: rgba(151,246,217,0.5);
}
[data-style-type="debate"] *:not(img)::-moz-selection,
[data-style-type="opinion"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(151,246,217,0.99);
}
[data-style-type="debate"] img::-moz-selection,
[data-style-type="opinion"] img::-moz-selection {
color: inherit;
background-color: rgba(151,246,217,0.5);
}
[data-style-type="photo-essay"] *:not(img)::-moz-selection,
[data-style-type="in-number-black"] *:not(img)::-moz-selection,
[data-style-type="video"] *:not(img)::-moz-selection,
[data-style-type="gallery"] *:not(img)::-moz-selection,
[data-style-type="debate-side"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(59,74,83,0.99);
}
[data-style-type="photo-essay"] *:not(img)::selection,
[data-style-type="in-number-black"] *:not(img)::selection,
[data-style-type="video"] *:not(img)::selection,
[data-style-type="gallery"] *:not(img)::selection,
[data-style-type="debate-side"] *:not(img)::selection {
color: inherit;
background-color: rgba(59,74,83,0.99);
}
[data-style-type="photo-essay"] img::-moz-selection,
[data-style-type="in-number-black"] img::-moz-selection,
[data-style-type="video"] img::-moz-selection,
[data-style-type="gallery"] img::-moz-selection,
[data-style-type="debate-side"] img::-moz-selection {
color: inherit;
background-color: rgba(59,74,83,0.5);
}
[data-style-type="photo-essay"] img::selection,
[data-style-type="in-number-black"] img::selection,
[data-style-type="video"] img::selection,
[data-style-type="gallery"] img::selection,
[data-style-type="debate-side"] img::selection {
color: inherit;
background-color: rgba(59,74,83,0.5);
}
[data-style-type="photo-essay"] *:not(img)::-moz-selection,
[data-style-type="in-number-black"] *:not(img)::-moz-selection,
[data-style-type="video"] *:not(img)::-moz-selection,
[data-style-type="gallery"] *:not(img)::-moz-selection,
[data-style-type="debate-side"] *:not(img)::-moz-selection {
color: inherit;
background-color: rgba(59,74,83,0.99);
}
[data-style-type="photo-essay"] img::-moz-selection,
[data-style-type="in-number-black"] img::-moz-selection,
[data-style-type="video"] img::-moz-selection,
[data-style-type="gallery"] img::-moz-selection,
[data-style-type="debate-side"] img::-moz-selection {
color: inherit;
background-color: rgba(59,74,83,0.5);
}
</style><style data-vue-ssr-id="11463a9e:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-49a5586f {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-49a5586f {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-49a5586f {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-49a5586f {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.node-container[data-v-49a5586f] {
color: #fff;
background-color: #1c2129;
height: auto;
}
.node-container .video-block[data-v-49a5586f] {
height: 100vh;
height: var(--window-height);
}
@media (min-width: 1024px) {
.node-container .video-block[data-v-49a5586f] {
max-height: 53.57142857142857rem;
}
}
.node-container .close[data-v-49a5586f] {
display: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
@media (min-width: 1024px) {
.node-container .node-video__inner-wrapper[data-v-49a5586f] {
height: auto;
max-height: 53.57142857142857rem;
}
}
.node-container .jw-progress[data-v-49a5586f],
.node-container .jw-knob[data-v-49a5586f] {
background-color: #f0f604 !important;
}
.node-container .jwplayer[data-v-49a5586f] {
background-color: #1c2129;
background-color: #000;
}
.node-container video[data-v-49a5586f] {
-webkit-animation: video-show-data-v-49a5586f ease 0.5s;
animation: video-show-data-v-49a5586f ease 0.5s;
}
.node-container .node-video__video-desktop[data-v-49a5586f] {
max-height: 53.57142857142857rem;
overflow: hidden;
}
@media (min-width: 0) and (max-width: 1023px) {
.node-container .node-video__video-desktop .jwplayer.jw-flag-fullscreen.jw-flag-small-player .jw-display[data-v-49a5586f] {
padding-bottom: 3.142857142857143rem;
}
}
.node-container .node-video__video-desktop .jwplayer:not(.jw-flag-fullscreen) .jw-controls[data-v-49a5586f] {
max-height: 53.57142857142857rem;
max-width: 95.23809523809523rem;
margin: 0 auto;
}
.node-container .node-video__video-desktop .jwplayer:not(.jw-flag-fullscreen) video[data-v-49a5586f] {
max-height: 53.57142857142857rem;
width: auto;
margin: 0 auto;
display: block;
position: relative;
}
.node-container .node-video__body-container[data-v-49a5586f] {
background-color: #1c2129;
}
.node-container .node-video__body-wrapper[data-v-49a5586f] {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.285714285714286rem;
line-height: 1.857142857142857rem;
margin: 1.071428571428571rem 1.428571428571429rem 0 3.571428571428572rem;
}
.node-container .jw-icon.jw-icon-display.jw-reset:before[aria-label="Start playback"][data-v-49a5586f] {
display: inline-block;
-webkit-transform: scaleX(0.8);
-ms-transform: scaleX(0.8);
transform: scaleX(0.8);
}
@-webkit-keyframes video-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes video-show-data-v-49a5586f {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style><style data-vue-ssr-id="33bb03a6:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.cover-video__container {
position: relative;
}
.cover-video__container .icon-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #fff;
border-radius: 6.142857142857143rem;
height: 4.857142857142857rem;
width: 4.857142857142857rem;
cursor: pointer;
z-index: 2;
left: calc(50% - 33px);
bottom: calc(50% - 33px);
position: absolute;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.cover-video__container .icon-video.flash {
opacity: 1;
-webkit-animation: button-pop 0.4s linear;
animation: button-pop 0.4s linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
@media (min-width: 1024px) {
.cover-video__container .icon-video {
left: calc(50% - 43px);
bottom: calc(50% - 43px);
height: 6.142857142857143rem;
width: 6.142857142857143rem;
}
.cover-video__container .icon-video.flash {
opacity: 1;
-webkit-animation: button-pop 0.4s linear;
animation: button-pop 0.4s linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.cover-video__container .icon-video:hover {
background: rgba(0,0,0,0.7);
}
}
.cover-video__container .icon-video svg {
fill: #fff;
height: 1.928571428571429rem;
width: 2.357142857142857rem;
margin-left: 0.357142857142857rem;
}
@media (min-width: 1024px) {
.cover-video__container .icon-video svg {
height: 2.5rem;
width: 3rem;
}
}
.cover-video__container .icon-video.fadeout {
display: none;
-webkit-animation: fadeout 0.4s linear;
animation: fadeout 0.4s linear;
}
@media (min-width: 0) and (max-width: 1023px) {
.cover-video__container .node-video__video-mobile .jw-flag-small-player .jw-display {
padding-top: 3.142857142857143rem;
padding-bottom: 3.142857142857143rem;
}
}
@-webkit-keyframes button-pop {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes button-pop {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
</style><style data-vue-ssr-id="1b6539fc:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.cover__container .cover-image__widget {
width: 100vw;
height: 100vh;
height: var(--window-height);
overflow: hidden;
}
@media (min-width: 1024px) {
.cover__container .cover-image__widget {
max-height: 53.57142857142857rem;
}
}
.cover__container .cover-image {
width: 105%;
height: 105%;
left: -2.500000000000002%;
top: -2.500000000000002%;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
background-color: #1c2129;
background-size: cover;
background-position: center center;
position: relative;
will-change: transform;
}
.transition-in .cover__container .cover-image__widget .cover-image {
-webkit-animation-name: cover-transition;
animation-name: cover-transition;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes cover-transition {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(0.961538461538461, 0.961538461538461, 1);
transform: scale3d(0.961538461538461, 0.961538461538461, 1);
}
}
@keyframes cover-transition {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(0.961538461538461, 0.961538461538461, 1);
transform: scale3d(0.961538461538461, 0.961538461538461, 1);
}
}
</style><style data-vue-ssr-id="0cefcb57:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.cover__container {
position: relative;
}
@media (min-width: 0) and (max-width: 1023px) {
.cover__container.multi-media .cover-title__separator {
width: 3.571428571428572rem;
}
.cover__container.multi-media .cover-title__section-title {
font-size: 0.928571428571429rem;
}
}
@media (min-width: 1024px) {
.cover__container.title-center .cover-title__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
position: absolute;
max-width: none;
width: 100%;
height: 100%;
}
.cover__container.title-center .cover-title_layout {
width: 43.357142857142854rem;
}
}
.cover__container.title-center .cover-title__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cover__container.title-center .cover-title__wrapper .cover-title__inner-wrapper {
position: relative;
text-align: center;
margin: 0 5rem;
}
@media (min-width: 1024px) {
.cover__container.title-center .cover-title__wrapper .cover-title__inner-wrapper {
margin: 0;
}
}
.cover__container.title-center .cover-title__wrapper .cover-title__separator {
margin-left: auto;
margin-right: auto;
}
.cover__container.title-left .cover-title__inner-wrapper {
text-align: left;
}
@media (min-width: 0) and (max-width: 1023px) {
.cover__container.title-left .cover-title__inner-wrapper {
margin-right: 7.142857142857143rem;
}
}
@media (min-width: 1024px) and (max-width: 1300px) {
.cover__container.title-left .cover-title__inner-wrapper {
padding-left: 1.428571428571429rem;
}
}
.cover__container.title-right .cover-title__inner-wrapper {
text-align: right;
right: 0;
}
@media (min-width: 0) and (max-width: 1023px) {
.cover__container.title-right .cover-title__inner-wrapper {
margin-left: 7.142857142857143rem;
}
}
@media (min-width: 1024px) {
.cover__container.title-right .cover-title__inner-wrapper {
margin-right: 7.142857142857143rem;
}
.cover__container.title-right .cover-title__inner-wrapper .cover__title-main-title {
float: right;
}
}
.cover__container.yellow .cover-title__inner-wrapper {
color: #f5fe00;
}
.cover__container.yellow .cover-title__separator {
border-bottom: 1px solid #f5fe00;
}
.cover__container .cover-title__wrapper {
top: 0;
position: absolute;
height: 100%;
width: 100%;
}
@media (min-width: 1024px) {
.cover__container .cover-title__wrapper {
max-height: 750px;
position: relative;
}
}
.cover__container .cover-title__container {
max-width: 87.85714285714286rem;
padding: 0;
}
.cover__container .cover-title__inner-wrapper {
margin: 0.785714285714286rem 1.428571428571429rem 6.285714285714286rem 1.428571428571429rem;
bottom: 0;
position: absolute;
color: #fff;
z-index: 1;
}
@media (min-width: 1024px) {
.cover__container .cover-title__inner-wrapper {
width: 100%;
margin: 0.785714285714286rem 0 7.857142857142857rem 0;
}
}
.cover__container .cover-title__section-title {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-style: normal;
display: inline-block;
font-size: 0.857142857142857rem;
line-height: 1.142857142857143rem;
}
@media (min-width: 1024px) {
.cover__container .cover-title__section-title {
font-size: 1.071428571428571rem;
line-height: 1.071428571428571rem;
}
}
.cover__container .cover-title__separator-wrapper {
line-height: 0.785714285714286rem;
}
@media (min-width: 1024px) {
.cover__container .cover-title__separator-wrapper {
line-height: 1.428571428571429rem;
}
}
.cover__container .cover-title__separator {
border-bottom: 1px solid #fff;
vertical-align: bottom;
width: 4.357142857142857rem;
display: inline-block;
}
.cover__container .cover__title-main-title-wrapper {
margin-top: 1.071428571428571rem;
position: relative;
font-family: 'Overpass', sans-serif;
font-weight: 800;
font-style: normal;
font-size: 2.5rem;
line-height: 2.785714285714286rem;
letter-spacing: -0.04em;
}
@media (min-width: 1024px) {
.cover__container .cover__title-main-title-wrapper {
margin-top: 1.714285714285714rem;
font-size: 3.571428571428572rem;
line-height: 4rem;
letter-spacing: -0.03em;
}
}
.cover__container .cover__title-main-title-wrapper .cover__title-main-title {
max-width: 43.357142857142854rem;
}
.cover__container.in-number-white .cover-title__section-title,
.cover__container.in-number-white .cover__title-main-title {
color: #000;
}
.cover__container.in-number-white .cover-title__separator {
border-bottom-color: #000;
width: 3.571428571428572rem;
}
.cover__container.in-number-black .cover-title__section-title,
.cover__container.in-number-black .cover__title-main-title {
color: #fff;
}
.cover__container.in-number-black .cover-title__separator {
border-bottom-color: #fff;
width: 3.571428571428572rem;
}
</style><style data-vue-ssr-id="526111b8:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-c1630b72 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-c1630b72 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-c1630b72 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-c1630b72 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lift-btn__widget[data-v-c1630b72] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0.357142857142857rem;
bottom: 0.357142857142857rem;
position: absolute;
cursor: pointer;
z-index: 1;
}
@media (min-width: 1024px) {
.lift-btn__widget[data-v-c1630b72] {
left: 1.071428571428571rem;
bottom: 0.357142857142857rem;
}
}
svg.lift-btn__icon[data-v-c1630b72] {
fill: #fff;
max-width: 50%;
}
@media (min-width: 0) and (max-width: 1023px) {
svg.lift-btn__icon[data-v-c1630b72] {
padding: 0 1.285714285714286rem 1.785714285714286rem 1.071428571428571rem;
height: 0.928571428571429rem;
width: 1.285714285714286rem;
}
}
@media (min-width: 1024px) {
svg.lift-btn__icon[data-v-c1630b72] {
padding: 1.428571428571429rem;
height: 1.214285714285714rem;
width: 1.642857142857143rem;
}
}
.lift-btn__blink[data-v-c1630b72] {
-webkit-animation: blinking 1.5s infinite;
animation: blinking 1.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
</style><style data-vue-ssr-id="3c457cb9:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
[data-slide-status='first'] .icon-arrow-wrapper.left,
[data-slide-status='preview'] .icon-arrow-wrapper.left {
display: none;
}
</style><style data-vue-ssr-id="472f126a:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
[data-slide-status='last'] .icon-arrow-wrapper.right,
[data-slide-status='preview'] .icon-arrow-wrapper.right {
display: none;
}
</style><style data-vue-ssr-id="5e74d06a:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-3107ad5a {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-3107ad5a {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-3107ad5a {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-3107ad5a {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.share-btn__widget[data-v-3107ad5a] {
z-index: 1100;
opacity: 0;
display: none;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
left: calc(var(--window-width) - 60px);
bottom: 1.071428571428571rem;
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: fixed;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
will-change: transform;
}
@media (min-width: 1024px) {
.share-btn__widget[data-v-3107ad5a] {
left: calc(var(--window-width) - 135px);
bottom: 1.785714285714286rem;
}
}
.share-btn__widget.extended[data-v-3107ad5a] {
z-index: 1102;
}
.share-btn__widget.slideUp[data-v-3107ad5a] {
-webkit-animation-name: slide-up-data-v-3107ad5a;
animation-name: slide-up-data-v-3107ad5a;
}
.share-btn__widget.slideDown[data-v-3107ad5a] {
-webkit-animation-name: slide-down-data-v-3107ad5a;
animation-name: slide-down-data-v-3107ad5a;
}
.share-btn__widget.slided[data-v-3107ad5a]:not(.slideUp) {
-webkit-transform: translate(0, -70px);
-ms-transform: translate(0, -70px);
transform: translate(0, -70px);
}
.article-type__container.active .share-btn__widget[data-v-3107ad5a] {
opacity: 1;
display: block;
}
.share-btn__widget .share-btn-inner[data-v-3107ad5a] {
opacity: 0;
pointer-events: none;
height: 0;
}
.share-btn__widget .share-btn-inner .share-btn__wrapper[data-v-3107ad5a] {
margin-top: 0;
}
.share-btn__widget .share-btn-inner.animation[data-v-3107ad5a] {
-webkit-animation: slide-down-fade-out-data-v-3107ad5a ease 0.5s;
animation: slide-down-fade-out-data-v-3107ad5a ease 0.5s;
-webkit-transition-property: height, margin;
-o-transition-property: height, margin;
transition-property: height, margin;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
margin: 0;
}
.share-btn__widget .share-btn-inner.animation.init[data-v-3107ad5a] {
-webkit-animation: none;
animation: none;
}
.share-btn__widget .share-btn-inner.extended[data-v-3107ad5a] {
opacity: 1;
pointer-events: auto;
-webkit-animation: slide-up-fade-in-data-v-3107ad5a ease 0.5s;
animation: slide-up-fade-in-data-v-3107ad5a ease 0.5s;
-webkit-transition: none;
-o-transition: none;
transition: none;
margin-bottom: 0.857142857142857rem;
}
@media (min-width: 1024px) {
.share-btn__widget .share-btn-inner.extended[data-v-3107ad5a] {
height: 21.071428571428573rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.share-btn__widget .share-btn-inner.extended[data-v-3107ad5a] {
height: 17.142857142857142rem;
}
}
.share-btn__widget .share-btn-inner.extended .share-btn__wrapper[data-v-3107ad5a] {
-webkit-transition: none;
-o-transition: none;
transition: none;
margin-top: 0.714285714285714rem;
}
@media (min-width: 1024px) {
.share-btn__widget .share-btn-inner.extended .share-btn__wrapper[data-v-3107ad5a] {
margin-top: 0.357142857142857rem;
}
}
.share-btn__wrapper[data-v-3107ad5a] {
-webkit-transition-property: margin;
-o-transition-property: margin;
transition-property: margin;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.714285714285714rem;
}
@media (min-width: 1024px) {
.share-btn__wrapper[data-v-3107ad5a] {
margin-top: 0.357142857142857rem;
min-height: 5rem;
min-width: 5rem;
}
.share-btn__wrapper.whatsapp[data-v-3107ad5a] {
display: none;
}
}
.share-btn__wrapper.share[data-v-3107ad5a] {
margin: 0;
}
.share-btn__round[data-v-3107ad5a] {
height: 2.857142857142857rem;
width: 2.857142857142857rem;
border-radius: 1.428571428571429rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
fill: #fff;
cursor: pointer;
background: #f5fe00;
-webkit-transition: background-color 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out;
}
.share-btn__round.share[data-v-3107ad5a] {
fill: #111;
}
.share-btn__round.share:hover .close[data-v-3107ad5a] {
opacity: 1;
}
.share-btn__round.share.extended[data-v-3107ad5a] {
background: rgba(36,40,46,0.7);
}
.share-btn__round.share.extended[data-v-3107ad5a]:hover {
background: $$very-dark-blue;
}
.share-btn__round.share.extended svg[data-v-3107ad5a] {
fill: #fff;
}
.share-btn__round.share .close[data-v-3107ad5a] {
opacity: 0.8;
}
.share-btn__round.share.android svg[data-v-3107ad5a] {
height: 1rem;
width: 1.071428571428571rem;
}
.share-btn__round.share svg.open[data-v-3107ad5a],
.share-btn__round.share svg.close[data-v-3107ad5a] {
height: 0.928571428571429rem;
width: 1.071428571428571rem;
}
.share-btn__round.facebook[data-v-3107ad5a] {
background-color: #22467a;
}
.share-btn__round.facebook svg[data-v-3107ad5a] {
height: 1.071428571428571rem;
width: 0.5rem;
}
.share-btn__round.twitter[data-v-3107ad5a] {
background-color: #26b6eb;
}
.share-btn__round.twitter svg[data-v-3107ad5a] {
height: 0.785714285714286rem;
width: 1rem;
}
.share-btn__round.facebook-messenger[data-v-3107ad5a] {
background-color: #eee;
fill: #0084ff;
}
.share-btn__round.facebook-messenger svg[data-v-3107ad5a] {
height: 1.214285714285714rem;
width: 1.214285714285714rem;
}
.share-btn__round.whatsapp[data-v-3107ad5a] {
background-color: #25d366;
}
.share-btn__round.whatsapp svg[data-v-3107ad5a] {
height: 1.142857142857143rem;
width: 1.142857142857143rem;
}
.share-btn__round.email[data-v-3107ad5a] {
fill: #111;
}
.share-btn__round.email svg[data-v-3107ad5a] {
height: 0.714285714285714rem;
width: 0.928571428571429rem;
}
@media (min-width: 1024px) {
.share-btn__round[data-v-3107ad5a] {
height: 4.285714285714286rem;
width: 4.285714285714286rem;
border-radius: 2.142857142857143rem;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
.share-btn__round.facebook svg[data-v-3107ad5a] {
height: 1.571428571428571rem;
width: 0.714285714285714rem;
}
.share-btn__round.twitter svg[data-v-3107ad5a] {
height: 1.214285714285714rem;
width: 1.428571428571429rem;
}
.share-btn__round.facebook-messenger svg[data-v-3107ad5a] {
height: 1.785714285714286rem;
width: 1.785714285714286rem;
}
.share-btn__round.email svg[data-v-3107ad5a] {
height: 1rem;
width: 1.428571428571429rem;
}
.share-btn__round.share svg.open[data-v-3107ad5a] {
height: 1.357142857142857rem;
width: 1.571428571428571rem;
}
.share-btn__round.share svg.close[data-v-3107ad5a] {
height: 1.428571428571429rem;
width: 1.428571428571429rem;
}
.share-btn__round[data-v-3107ad5a]:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.share-btn__round[data-v-3107ad5a]:active {
height: 3.571428571428572rem;
width: 3.571428571428572rem;
border-radius: 1.785714285714286rem;
}
}
@-webkit-keyframes slide-up-fade-in {
0% {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes slide-up-fade-in-data-v-3107ad5a {
0% {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes slide-down-fade-out {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
}
@keyframes slide-down-fade-out-data-v-3107ad5a {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
}
@-webkit-keyframes slide-up {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, -70px);
transform: translate(0, -70px);
}
}
@keyframes slide-up-data-v-3107ad5a {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, -70px);
transform: translate(0, -70px);
}
}
@-webkit-keyframes slide-down {
0% {
-webkit-transform: translate(0, -70px);
transform: translate(0, -70px);
}
100% {
-webkit-transform: translate(0 0);
transform: translate(0 0);
}
}
@keyframes slide-down-data-v-3107ad5a {
0% {
-webkit-transform: translate(0, -70px);
transform: translate(0, -70px);
}
100% {
-webkit-transform: translate(0 0);
transform: translate(0 0);
}
}
</style><style data-vue-ssr-id="0a23e428:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.jwplayer {
background: #191d24 !important;
}
.add_pause_layer .jw-controls {
background: rgba(0,0,0,0.5);
}
.video-container .jw-display-icon-rewind {
display: none;
}
.video-container .jw-state-playing:not(.jw-flag-user-inactive) .jw-overlays {
background: rgba(0,0,0,0.2);
}
.video-container .jw-dock-button.jw-background-color {
opacity: 0.8;
}
</style><style data-vue-ssr-id="d1421858:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.body-loading {
padding: 1.071428571428571rem 1.428571428571429rem;
}
.body-loading svg {
height: 100%;
width: 100%;
}
.body-loading.daily,
.body-loading.opinion,
.body-loading.debate,
.body-loading.qa,
.body-loading.in-number-white {
background-color: #fff;
}
.body-loading.photo-essay,
.body-loading.in-number-black,
.body-loading.video,
.body-loading.gallery,
.body-loading.debate-side {
background-color: #1c2129;
}
.body-loading.photo-essay g,
.body-loading.in-number-black g,
.body-loading.video g,
.body-loading.gallery g,
.body-loading.debate-side g {
fill: #555;
}
@media (min-width: 1024px) {
.body-loading .body-placeholder-mobile {
display: none;
}
}
.body-loading .body-placeholder-desktop {
max-width: 102.85714285714286rem;
margin: auto;
position: relative;
display: block;
}
@media (min-width: 0) and (max-width: 1023px) {
.body-loading .body-placeholder-desktop {
display: none;
}
}
.hide {
display: none;
}
.video-wrapper {
height: 100%;
width: 100%;
position: relative;
margin-bottom: 20px;
padding-top: 56%;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.layout .flex {
padding-left: 0;
padding-right: 0;
}
.node-content {
position: relative;
max-width: 102.85714285714286rem;
margin: auto;
width: 100%;
font-size: 1.142857142857143rem;
line-height: 2rem;
padding: 0 0 1rem 0;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content {
padding: 0;
}
}
@media (min-width: 1024px) {
.node-content .body-text,
.node-content .body-author {
line-height: 2.142857142857143rem;
margin-bottom: 2.142857142857143rem;
padding-left: 0;
padding-right: 7.3%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .body-text,
.node-content .body-author {
line-height: 2rem;
margin-bottom: 1.785714285714286rem;
}
}
@media (min-width: 1024px) {
.node-content .body-image {
margin: 2.5rem 0 4.642857142857143rem;
padding-left: 0;
padding-right: 7.3%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .body-image {
margin: 1.071428571428571rem 0 2.857142857142857rem;
}
}
@media (min-width: 1024px) {
.node-content .body-blockquoteQuote {
margin: 2.5rem 1.428571428571429rem 1.785714285714286rem 3.571428571428572rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .body-blockquoteQuote {
margin: 1.785714285714286rem 1.428571428571429rem 1.785714285714286rem 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content .body-iframe {
margin: 2.5rem 0 4.642857142857143rem;
padding-left: 0;
padding-right: 7.3%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .body-iframe {
margin: 1.071428571428571rem 1.428571428571429rem 2.857142857142857rem 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content .body-translation {
margin: 2.857142857142857rem 0 5rem;
padding-left: 0;
padding-right: 7.3%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .body-subheading > div {
font-size: 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content .body-subheading {
padding-left: 0;
padding-right: 7.3%;
}
}
.node-content p,
.node-content h1,
.node-content h2,
.node-content h3,
.node-content h4,
.node-content h5,
.node-content h6,
.node-content a,
.node-content ul,
.node-content ol,
.node-content strong,
.node-content b,
.node-content em,
.node-content u {
margin: 0;
}
.node-content ol {
list-style-type: none;
counter-reset: item;
padding-left: 0.285714285714286rem;
}
.node-content ol li {
display: block;
padding-left: 1.428571428571429rem;
position: relative;
}
.node-content ol li:before {
content: counters(item, ".") " ";
counter-increment: item;
position: absolute;
left: 0;
}
.node-content iframe {
display: block;
width: 100%;
}
.node-content img {
width: 100%;
height: auto;
}
@media (min-width: 1024px) {
.node-content img {
margin: 4.285714285714286rem 0 6.071428571428571rem 0;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content img {
margin: 0 0 3.571428571428572rem 0;
}
}
.node-content .publish-date {
font-style: italic;
color: #000;
margin: 0 1.428571428571429rem 2.857142857142857rem;
}
.node-content h1 {
font-size: 1.714285714285714rem;
line-height: 2.642857142857143rem;
letter-spacing: -0.01em;
}
.node-content h2 {
font-size: 1.571428571428571rem;
line-height: 2.5rem;
letter-spacing: -0.01em;
}
.node-content h3 {
font-size: 1.428571428571429rem;
line-height: 2.357142857142857rem;
letter-spacing: -0.01em;
}
.node-content h4 {
font-size: 1.285714285714286rem;
line-height: 2.214285714285714rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: -0.01em;
}
.node-content h5 {
font-size: 1.142857142857143rem;
line-height: 2rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: -0.01em;
}
.node-content h6 {
font-size: 1rem;
line-height: 1.857142857142857rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
.node-content h1 {
font-size: 1.714285714285714rem;
line-height: 2.857142857142857rem;
}
.node-content h2 {
font-size: 1.571428571428571rem;
line-height: 2rem;
}
.node-content h3 {
font-size: 1.428571428571429rem;
line-height: 2rem;
}
.node-content h4 {
font-size: 1.285714285714286rem;
line-height: 2rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
}
.node-content h5 {
font-size: 1.142857142857143rem;
line-height: 2rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
}
.node-content h6 {
font-size: 1rem;
line-height: 2rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
}
.node-content p {
font-size: 1.285714285714286rem;
}
.node-content div {
font-size: 1.285714285714286rem;
}
}
.node-content a {
color: #30b3ce;
text-decoration: none;
}
.node-content a:hover {
text-decoration: underline;
}
.node-content ul li,
.node-content ol li {
margin-bottom: 1.285714285714286rem;
}
.node-content ol li:before {
font-size: 1.285714285714286rem;
line-height: 2.214285714285714rem;
}
.node-content ol li {
padding-left: 1.428571428571429rem;
}
.node-content address {
color: #30b3ce;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
}
.node-content strong,
.node-content b {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
}
.node-content em {
font-style: italic;
}
.node-content u {
text-decoration: underline;
}
.node-content .desktop-top-news-letter {
position: absolute;
}
@media (min-width: 1024px) {
.node-content .desktop-top-news-letter {
padding-left: 7.3%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content .desktop-top-news-letter {
padding: 0;
}
}
@media (min-width: 1024px) {
.node-content-wrapper {
padding-bottom: 4.285714285714286rem;
}
}
.node-content-wrapper.daily,
.node-content-wrapper.opinion,
.node-content-wrapper.debate,
.node-content-wrapper.qa,
.node-content-wrapper.in-number-white {
background-color: #fff;
color: #1c2129;
}
.node-content-wrapper.photo-essay,
.node-content-wrapper.in-number-black,
.node-content-wrapper.video,
.node-content-wrapper.gallery,
.node-content-wrapper.debate-side {
background-color: #1c2129;
}
.node-content-wrapper.photo-essay .colorbox-insert-image .align-left,
.node-content-wrapper.in-number-black .colorbox-insert-image .align-left,
.node-content-wrapper.video .colorbox-insert-image .align-left,
.node-content-wrapper.gallery .colorbox-insert-image .align-left,
.node-content-wrapper.debate-side .colorbox-insert-image .align-left {
margin-bottom: 2.142857142857143rem;
}
.node-content-wrapper.photo-essay p,
.node-content-wrapper.in-number-black p,
.node-content-wrapper.video p,
.node-content-wrapper.gallery p,
.node-content-wrapper.debate-side p {
color: #fff;
}
.node-content-wrapper.photo-essay .caption-img,
.node-content-wrapper.in-number-black .caption-img,
.node-content-wrapper.video .caption-img,
.node-content-wrapper.gallery .caption-img,
.node-content-wrapper.debate-side .caption-img {
background-color: #1c2129;
}
.node-content-wrapper.photo-essay .caption-img .caption-text,
.node-content-wrapper.in-number-black .caption-img .caption-text,
.node-content-wrapper.video .caption-img .caption-text,
.node-content-wrapper.gallery .caption-img .caption-text,
.node-content-wrapper.debate-side .caption-img .caption-text {
background-color: #1c2129;
color: #fff;
}
.node-content-wrapper.photo-essay .blockquote-quote,
.node-content-wrapper.in-number-black .blockquote-quote,
.node-content-wrapper.video .blockquote-quote,
.node-content-wrapper.gallery .blockquote-quote,
.node-content-wrapper.debate-side .blockquote-quote {
color: #fff;
}
.node-content-wrapper.photo-essay div address {
color: #f5fe00;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
}
.node-content-wrapper.photo-essay ol li {
margin-bottom: 0.857142857142857rem;
padding-left: 1.5rem;
}
.node-content-wrapper.photo-essay ul li {
margin-bottom: 0.857142857142857rem;
}
.node-content-wrapper.photo-essay div strong,
.node-content-wrapper.photo-essay p strong {
font-weight: 500;
}
.node-content-wrapper.in-number {
font-size: 1.142857142857143rem;
line-height: 2rem;
color: #1c2129;
margin: 0;
}
.node-content-wrapper.in-number .caption-img .caption-text {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: italic;
padding: 0;
padding-left: 1.428571428571429rem;
padding-right: 1.428571428571429rem;
}
.node-content-wrapper.in-number-black {
color: #fff;
background-color: #1c2129;
}
.node-content-wrapper.in-number-black .item-block-quote .in-number-1 {
color: #fff;
}
.node-content-wrapper.in-number-black .item-block-quote .in-number-2:before {
background: #fff;
}
.node-content-wrapper.in-number-black .item-block-quote .in-number-2 .blockquote-style-2-description {
color: #fff;
}
.node-content-wrapper.in-number-black p {
color: #fff;
}
.node-content-wrapper.in-number-black .caption-img {
background-color: #1c2129;
}
.node-content-wrapper.in-number-black .caption-img .caption-text {
background-color: #1c2129;
color: #fff;
}
.node-content-wrapper.in-number-black .blockquote-quote {
color: #fff;
}
.node-content-wrapper.opinion .opinion-author {
display: none;
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper.opinion .opinion-author {
display: block;
}
}
.node-content-wrapper.opinion .share-only {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid #999;
height: 3.928571428571428rem;
padding: 1.071428571428571rem 0;
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper.opinion .share-only {
font-size: 1.071428571428571rem;
margin: 0 1.428571428571429rem 3.571428571428572rem 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content-wrapper.opinion .share-only {
font-size: 1.428571428571429rem;
margin-bottom: 4.285714285714286rem;
margin-left: 7.3%;
margin-right: 7.3%;
max-width: 102.85714285714286rem;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper.opinion .share-margin {
margin: 0 1.428571428571429rem 3.571428571428572rem 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content-wrapper.opinion .share-margin {
margin-bottom: 4.285714285714286rem;
}
}
.node-content-wrapper .debate-side-inline-pane > div {
padding: 2.142857142857143rem 0 1.785714285714286rem;
}
.node-content-wrapper .debate-side-inline-pane > div:not(:first-child) {
border-top: 1px solid #1c2129;
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper .debate-side-inline-pane {
padding: 0 1.428571428571429rem 0 3.571428571428572rem;
}
}
@media (min-width: 1024px) {
.node-content-wrapper .debate-side-inline-pane .inside {
z-index: 1;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper .body-poll-wrapper > div {
margin: 0 1.428571428571429rem 0 1.428571428571429rem;
}
}
@media (min-width: 1024px) {
.node-content-wrapper .body-poll-wrapper {
margin: 2.5rem 0 0;
}
.node-content-wrapper .body-poll-wrapper > div {
margin-right: 7.3%;
}
}
.node-content-wrapper .bottom-author {
position: relative;
opacity: 0;
}
.node-content-wrapper .bottom-author.show {
opacity: 1;
}
.node-content-wrapper .bottom-author > .author-layout {
position: absolute;
width: 100%;
bottom: 0;
}
@media (min-width: 1024px) {
.node-content-wrapper .bottom-author > .author-layout {
width: 41%;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.node-content-wrapper .bottom-author > .author-layout {
position: relative;
}
}
</style><style data-vue-ssr-id="122fcaf9:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-36e0cf1e {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-36e0cf1e {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-36e0cf1e {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-36e0cf1e {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.up-next__widget[data-v-36e0cf1e]:not(.show) {
display: none;
}
@media (min-width: 1024px) {
.up-next__widget[data-v-36e0cf1e] {
background-image: -o-linear-gradient(160deg, #ebebeb 0%, #fff 100%);
background-image: -o-linear-gradient(200deg, #ebebeb 0%, #fff 100%);
background-image: linear-gradient(250deg, #ebebeb 0%, #fff 100%);
}
}
.up-next__container[data-v-36e0cf1e] {
max-width: none;
padding: 0 0 0.285714285714286rem 0;
}
@media (min-width: 0) and (max-width: 1023px) {
.up-next__container[data-v-36e0cf1e] {
padding-bottom: 3.571428571428572rem;
}
}
@media (min-width: 1024px) {
.up-next__container[data-v-36e0cf1e] {
padding: 0;
max-width: 1440px;
}
}
@media (min-width: 1024px) {
.layout-mobile[data-v-36e0cf1e] {
display: none;
}
}
.layout-mobile .flex[data-v-36e0cf1e] {
padding: 0;
}
.position-absolute[data-v-36e0cf1e] {
position: absolute;
}
.up-next__img.read[data-v-36e0cf1e] {
background-color: rgba(46,103,134,0.5);
}
.up-next__img.read + .up-next__img[data-v-36e0cf1e] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.up-next__link[data-v-36e0cf1e] {
display: block;
color: #1c2129;
text-decoration: none;
height: 100%;
width: 100%;
}
.layout-mobile .up-next__link[data-v-36e0cf1e]:before {
z-index: 1;
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
position: absolute;
-webkit-box-shadow: inset 0 0 0 6px #1c2129;
box-shadow: inset 0 0 0 6px #1c2129;
}
.up-next__img[data-v-36e0cf1e] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.up-next__title-wrapper[data-v-36e0cf1e] {
color: #1c2129;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.up-next__title-section[data-v-36e0cf1e] {
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.07em;
text-transform: uppercase;
font-weight: 300;
}
.up-next__title-separator[data-v-36e0cf1e] {
border-top: 1px solid #1c2129;
}
.up-next__title-main[data-v-36e0cf1e] {
font-family: 'Overpass', sans-serif;
font-weight: bold;
font-style: normal;
}
.up-next__index[data-v-36e0cf1e] {
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: -0.02em;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.up-next__label-tick[data-v-36e0cf1e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #1c2129;
}
.up-next__label-tick[data-v-36e0cf1e]:not(.show) {
display: none;
}
.up-next__label-tick svg.tick[data-v-36e0cf1e] {
stroke: #fff;
}
.my-swiper-pagination-bullet-active[data-v-36e0cf1e] {
background: #1c2129;
}
.up-next__widget .up-next__layout[data-v-36e0cf1e] {
padding: 0;
}
.up-next__widget .up-next__layout .up-next__separator[data-v-36e0cf1e] {
border-top: 1px solid #1c2129;
width: 100%;
}
.up-next__widget .up-next__layout .up-next__separator.top[data-v-36e0cf1e] {
top: 0.428571428571429rem;
position: relative;
}
.up-next__widget .up-next__layout .up-next__thumbs[data-v-36e0cf1e] {
height: 21.571428571428573rem;
position: relative;
overflow: hidden;
padding: 0;
}
.up-next__widget .up-next__layout .up-next__thumbs .overlap[data-v-36e0cf1e] {
position: absolute;
top: 0;
background-color: #2e6786;
opacity: 0.5;
width: 100%;
height: 100%;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__img.show[data-v-36e0cf1e] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__issue-date[data-v-36e0cf1e] {
z-index: 2;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__swiper-thumbs[data-v-36e0cf1e] {
margin-top: 0.571428571428571rem;
}
.up-next__widget .up-next__layout .up-next__thumbs .my-swiper-pagination[data-v-36e0cf1e] {
position: absolute;
text-align: center;
}
.up-next__widget .up-next__layout .up-next__thumbs .my-swiper-pagination-bullets[data-v-36e0cf1e] {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
left: calc(50% - 45px);
right: unset;
top: 50%;
}
.up-next__widget .up-next__layout .up-next__thumbs .my-swiper-pagination-bullet[data-v-36e0cf1e] {
width: 4px;
height: 4px;
display: block;
margin: 5px 0 5px 10px;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
.up-next__widget .up-next__layout .up-next__thumbs .my-swiper-pagination-bullet-active[data-v-36e0cf1e] {
opacity: 1;
}
.up-next__widget .up-next__layout .up-next__thumbs .swiper-wrapper[data-v-36e0cf1e] {
-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
transition: -webkit-transform 0.2s ease-in-out !important;
-o-transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
}
.up-next__widget .up-next__layout .up-next__thumbs .swiper-slide[data-v-36e0cf1e] {
max-width: 3.428571428571428rem;
width: 100%;
margin: 0 auto;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__label-tick[data-v-36e0cf1e] {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
right: calc(50% - 7px);
top: calc(50% - 7px);
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__label-tick[data-v-36e0cf1e]:not(.show) {
display: none;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__label-tick svg[data-v-36e0cf1e] {
height: 0.285714285714286rem;
width: 0.5rem;
}
.up-next__widget .up-next__layout .up-next__thumbs .swiper-slide-active .up-next__img.frame[data-v-36e0cf1e] {
display: block;
-webkit-box-shadow: inset 0 0 0 3px #30b3ce;
box-shadow: inset 0 0 0 3px #30b3ce;
top: 0;
position: absolute;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__img[data-v-36e0cf1e] {
width: 100%;
height: 3.428571428571428rem;
margin: 0 auto;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__img.frame[data-v-36e0cf1e] {
display: none;
}
.up-next__widget .up-next__layout .up-next__thumbs .up-next__index[data-v-36e0cf1e] {
color: #fff;
font-weight: 400;
font-style: italic;
font-size: 0.857142857142857rem;
right: 0.357142857142857rem;
bottom: 0;
}
.up-next__widget .up-next__layout .up-next__main[data-v-36e0cf1e] {
padding: 0 !important;
}
.up-next__widget .up-next__layout .up-next__main .overlap[data-v-36e0cf1e] {
position: absolute;
top: 0;
background-color: #2e6786;
opacity: 0.5;
width: 100%;
height: 100%;
}
.up-next__widget .up-next__layout .up-next__main .up-next__img.show[data-v-36e0cf1e] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.up-next__widget .up-next__layout .up-next__main .up-next__main-wrapper[data-v-36e0cf1e] {
margin-top: 0.428571428571429rem;
width: calc(100% - 12px);
}
.up-next__widget .up-next__layout .up-next__main .up-next__link[data-v-36e0cf1e] {
cursor: pointer;
text-decoration: none;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-wrapper[data-v-36e0cf1e] {
text-align: left;
padding: 1.857142857142857rem 0.785714285714286rem 1.785714285714286rem 1.857142857142857rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-section[data-v-36e0cf1e] {
font-size: 0.571428571428571rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-separator[data-v-36e0cf1e] {
margin-top: 0.357142857142857rem;
width: 2.142857142857143rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-main[data-v-36e0cf1e] {
margin-top: 0.428571428571429rem;
font-size: 1.285714285714286rem;
line-height: 1.5rem;
letter-spacing: -0.05em;
}
.up-next__widget .up-next__layout .up-next__main .up-next__index[data-v-36e0cf1e] {
left: 1.785714285714286rem;
bottom: 1.071428571428571rem;
font-weight: 300;
font-size: 1.285714285714286rem;
line-height: 1.928571428571429rem;
letter-spacing: -0.02em;
}
.up-next__widget .up-next__layout .up-next__main .swiper-container[data-v-36e0cf1e] {
max-height: 21.142857142857142rem;
overflow: hidden;
position: relative;
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-tick[data-v-36e0cf1e] {
height: 2.571428571428572rem;
width: 2.571428571428572rem;
border-radius: 1.285714285714286rem;
right: calc(25% - 18px);
top: calc(50% - 18px);
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-tick svg[data-v-36e0cf1e] {
height: 0.714285714285714rem;
width: 1rem;
}
.up-next__widget .up-next__layout .up-next__main .swiper-slide[data-v-36e0cf1e] {
position: relative;
}
.up-next__widget .up-next__layout .up-next__main .swiper-slide[data-v-36e0cf1e]:not(.swiper-slide-active) {
opacity: 0.5;
}
.up-next__widget .up-next__layout .up-next__main .swiper-slide[data-v-36e0cf1e]:first-child {
margin-top: 2.142857142857143rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__img[data-v-36e0cf1e] {
height: 16.5rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-round[data-v-36e0cf1e] {
height: 4.285714285714286rem;
width: 4.285714285714286rem;
border-radius: 2.142857142857143rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-style: italic;
text-align: center;
top: 1.142857142857143rem;
right: 1.142857142857143rem;
color: #1c2129;
background-color: #f0f604;
font-size: 0.857142857142857rem;
line-height: 0.857142857142857rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-round[data-v-36e0cf1e]:not(.show) {
display: none;
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-round span[data-v-36e0cf1e] {
font-weight: 100;
font-style: italic;
}
.up-next__widget .up-next__layout .up-next__main .up-next__label-round .up-next__text-upnext[data-v-36e0cf1e] {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-style: italic;
}
@media only screen and (max-width: 374px) {
.up-next__widget .up-next__layout .up-next__main .up-next__title-section[data-v-36e0cf1e] {
font-size: 0.5rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-separator[data-v-36e0cf1e] {
margin-top: 0.285714285714286rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__title-main[data-v-36e0cf1e] {
margin-top: 0.357142857142857rem;
font-size: 0.928571428571429rem;
line-height: 1.071428571428571rem;
}
.up-next__widget .up-next__layout .up-next__main .up-next__index[data-v-36e0cf1e] {
font-size: 1rem;
}
}
@media only screen and (min-width: 767px) {
.up-next__widget .up-next__layout .up-next__main .up-next__main-wrapper[data-v-36e0cf1e] {
width: calc(100% - 26px);
}
}
.up-next__widget .layout-desktop[data-v-36e0cf1e] {
text-align: left;
padding: 4rem 0;
overflow: hidden;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.up-next__widget .layout-desktop .up-next__main-container[data-v-36e0cf1e] {
max-width: 22.928571428571427rem;
margin-right: 1.071428571428571rem;
padding: 0;
}
.up-next__widget .layout-desktop .up-next__main[data-v-36e0cf1e] {
float: right;
max-width: 22.928571428571427rem;
}
.up-next__widget .layout-desktop .up-next__issue-date.inline[data-v-36e0cf1e] {
margin: 0;
float: left;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link[data-v-36e0cf1e] {
height: 21.428571428571427rem;
margin: 1.071428571428571rem auto 0 auto;
float: left;
border: 8px solid #1c2129;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link > .layout[data-v-36e0cf1e] {
margin: 0;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img-wrapper[data-v-36e0cf1e] {
position: relative;
padding-right: 0;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img[data-v-36e0cf1e] {
height: 20.285714285714285rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__label-round[data-v-36e0cf1e] {
height: 4.214285714285714rem;
width: 4.214285714285714rem;
border-radius: 2.107142857142857rem;
top: 1.071428571428571rem;
left: 1.071428571428571rem;
font-size: 0.714285714285714rem;
line-height: 0.571428571428571rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__label-round div.last[data-v-36e0cf1e] {
line-height: 0.714285714285714rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__label-round span[data-v-36e0cf1e] {
font-size: 0.5rem;
line-height: 0.714285714285714rem;
}
.up-next__widget .layout-desktop .up-next__title-wrapper[data-v-36e0cf1e] {
padding: 0;
position: relative;
height: 100%;
}
.up-next__widget .layout-desktop .up-next__title-wrapper .up-next__title-section[data-v-36e0cf1e] {
font-size: 0.714285714285714rem;
line-height: 1.071428571428571rem;
}
.up-next__widget .layout-desktop .up-next__title-wrapper .up-next__title-separator[data-v-36e0cf1e] {
margin-top: 0.428571428571429rem;
width: 1.928571428571429rem;
}
.up-next__widget .layout-desktop .up-next__title-wrapper .up-next__title-main[data-v-36e0cf1e] {
margin-top: 0.928571428571429rem;
font-size: 1.428571428571429rem;
line-height: 1.571428571428571rem;
letter-spacing: -0.03em;
}
.up-next__widget .layout-desktop .up-next__title-wrapper .up-next__index[data-v-36e0cf1e] {
left: 1.142857142857143rem;
bottom: 1.714285714285714rem;
font-size: 1.428571428571429rem;
line-height: 1.928571428571429rem;
}
.up-next__widget .layout-desktop .up-next__slave[data-v-36e0cf1e] {
max-width: 48.142857142857146rem;
margin-right: -1.142857142857143rem;
top: 4.714285714285714rem;
position: relative;
padding: 0;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__slave-wrapper[data-v-36e0cf1e] {
margin: 0;
padding-bottom: 0.357142857142857rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block[data-v-36e0cf1e] {
height: 8.642857142857142rem;
width: 17.5rem;
position: relative;
z-index: 0;
max-width: 24.071428571428573rem;
padding-right: 1.142857142857143rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block[data-v-36e0cf1e]:not(.show) {
display: none;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block.up-next__status-read .up-next__title-wrapper[data-v-36e0cf1e] {
opacity: 0.2;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block:hover .up-next__title-wrapper[data-v-36e0cf1e],
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block:hover .up-next__index[data-v-36e0cf1e],
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block:hover .up-next__img[data-v-36e0cf1e] {
opacity: 1 !important;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block:hover .up-next__img[data-v-36e0cf1e] {
-webkit-filter: none;
filter: none;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block .up-next__img-wrapper[data-v-36e0cf1e] {
right: unset;
left: 0;
width: 4.285714285714286rem;
height: 4.285714285714286rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__img-wrapper[data-v-36e0cf1e] {
right: 0;
top: 0;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__img[data-v-36e0cf1e] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
height: 4.285714285714286rem;
width: 4.285714285714286rem;
opacity: 0.2;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__label-tick[data-v-36e0cf1e] {
height: 1.428571428571429rem;
width: 1.428571428571429rem;
border-radius: 0.714285714285714rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__label-tick svg[data-v-36e0cf1e] {
height: 0.428571428571429rem;
width: 0.714285714285714rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__index[data-v-36e0cf1e] {
font-size: 1rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__title-wrapper[data-v-36e0cf1e] {
height: 8.642857142857142rem;
margin-left: 5rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__title-section[data-v-36e0cf1e] {
margin-top: 0.714285714285714rem;
font-size: 0.642857142857143rem;
line-height: 1.071428571428571rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__title-main[data-v-36e0cf1e] {
margin-top: 0.142857142857143rem;
font-size: 1.142857142857143rem;
line-height: 1.285714285714286rem;
letter-spacing: -0.03em;
font-weight: 500;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__title-separator[data-v-36e0cf1e] {
margin-top: 0;
width: 5.214285714285714rem;
}
@media only screen and (min-width: 1440px) {
.up-next__widget .layout-desktop[data-v-36e0cf1e] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 2.142857142857143rem;
}
.up-next__widget .layout-desktop .up-next__issue-date-wrapper[data-v-36e0cf1e] {
margin-right: 1.5rem;
padding: 0;
max-width: 7.785714285714286rem;
}
.up-next__widget .layout-desktop .up-next__main-container[data-v-36e0cf1e] {
max-width: 33.33%;
max-width: calc(100% / 3);
max-width: 32.214285714285715rem;
margin-right: 1.5rem;
}
.up-next__widget .layout-desktop .up-next__main[data-v-36e0cf1e] {
float: none;
max-width: none;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link[data-v-36e0cf1e] {
margin-top: 0;
float: none;
height: 28.642857142857142rem;
width: 32.214285714285715rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img-wrapper .up-next__img[data-v-36e0cf1e] {
height: 27.5rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img-wrapper .up-next__label-round[data-v-36e0cf1e] {
height: 5.714285714285714rem;
width: 5.714285714285714rem;
border-radius: 2.857142857142857rem;
top: 1.5rem;
left: 1.5rem;
font-size: 0.928571428571429rem;
line-height: 0.714285714285714rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img-wrapper .up-next__label-round span[data-v-36e0cf1e] {
font-size: 0.642857142857143rem;
line-height: 0.928571428571429rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__link .up-next__img-wrapper .up-next__label-round div.last[data-v-36e0cf1e] {
line-height: 0.928571428571429rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__title-wrapper[data-v-36e0cf1e] {
max-width: none;
padding: 4.571428571428571rem 1.428571428571429rem 1.428571428571429rem 1.428571428571429rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__title-wrapper .up-next__title-main[data-v-36e0cf1e] {
margin-top: 0.571428571428571rem;
font-size: 1.714285714285714rem;
line-height: 1.928571428571429rem;
}
.up-next__widget .layout-desktop .up-next__main .up-next__title-wrapper .up-next__index[data-v-36e0cf1e] {
font-size: 1.714285714285714rem;
bottom: 2.071428571428572rem;
left: 1.428571428571429rem;
}
.up-next__widget .layout-desktop .up-next__slave[data-v-36e0cf1e] {
max-width: 58.285714285714285rem;
top: 0;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block[data-v-36e0cf1e] {
height: 10rem;
max-width: 29.142857142857142rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block .up-next__img-wrapper[data-v-36e0cf1e] {
height: 8.571428571428571rem;
width: 8.571428571428571rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block .up-next__img[data-v-36e0cf1e] {
height: 8.571428571428571rem;
width: 8.571428571428571rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block .up-next__label-tick[data-v-36e0cf1e] {
height: 2.142857142857143rem;
width: 2.142857142857143rem;
border-radius: 1.071428571428571rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__article-block .up-next__label-tick svg[data-v-36e0cf1e] {
height: 0.642857142857143rem;
width: 1.071428571428571rem;
}
.up-next__widget .layout-desktop .up-next__slave .up-next__title-wrapper[data-v-36e0cf1e] {
margin-left: 9.642857142857142rem;
}
}
.theme-dark + .up-next__widget[data-v-36e0cf1e] {
background-color: #1c2129;
}
@media (min-width: 1024px) {
.theme-dark + .up-next__widget[data-v-36e0cf1e] {
background-image: -o-linear-gradient(160deg, #1f4047 0%, #1c2129 100%);
background-image: -o-linear-gradient(200deg, #1f4047 0%, #1c2129 100%);
background-image: linear-gradient(250deg, #1f4047 0%, #1c2129 100%);
}
}
.theme-dark + .up-next__widget .up-next__separator[data-v-36e0cf1e],
.theme-dark + .up-next__widget .up-next__title-separator[data-v-36e0cf1e] {
border-top: 1px solid #fff;
}
.theme-dark + .up-next__widget .up-next__link[data-v-36e0cf1e],
.theme-dark + .up-next__widget .up-next__title-wrapper[data-v-36e0cf1e] {
color: #fff;
}
.theme-dark + .up-next__widget .layout-mobile .my-swiper-pagination-bullet[data-v-36e0cf1e] {
background: #fff;
opacity: 0.2;
}
.theme-dark + .up-next__widget .layout-mobile .my-swiper-pagination-bullet-active[data-v-36e0cf1e] {
background: #fff;
opacity: 1;
}
.theme-dark + .up-next__widget .layout-mobile .up-next__main .up-next__link[data-v-36e0cf1e]:before {
-webkit-box-shadow: inset 0 0 0 6px #fff;
box-shadow: inset 0 0 0 6px #fff;
}
.theme-dark + .up-next__widget .layout-desktop .up-next__main .up-next__link[data-v-36e0cf1e] {
border: 8px solid #fff;
}
.theme-dark + .up-next__widget .layout-desktop .up-next__slave .up-next__img[data-v-36e0cf1e] {
opacity: 1;
}
.theme-dark + .up-next__widget .layout-desktop .up-next__slave .up-next__article-block.up-next__status-read .up-next__title-wrapper[data-v-36e0cf1e],
.theme-dark + .up-next__widget .layout-desktop .up-next__slave .up-next__article-block.up-next__status-read .up-next__index[data-v-36e0cf1e] {
opacity: 0.4;
}
</style><style data-vue-ssr-id="6af4026f:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.issue-date__widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
margin: 0 auto;
height: 4.5rem;
width: 4.5rem;
position: relative;
background-color: #1c2129;
text-transform: uppercase;
text-align: center;
font-size: 0.928571428571429rem;
letter-spacing: -0.03em;
line-height: 1rem;
}
.issue-date__widget .issue-date__edition {
color: #30b3ce;
}
.issue-date__widget .issue-date__edition.archive {
color: #999;
}
.issue-date__widget.inline {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
text-align: left;
height: 3.642857142857143rem;
width: 11.571428571428571rem;
padding-left: 1.285714285714286rem;
font-size: 1.285714285714286rem;
line-height: 1.214285714285714rem;
}
.issue-date__widget.inline .issue-date__edition {
display: inline-block;
float: left;
}
.issue-date__widget.inline .issue-date__date,
.issue-date__widget.inline .issue-date__mmm,
.issue-date__widget.inline .issue-date__dd {
display: inline-block;
float: left;
}
.issue-date__widget.inline .issue-date__mmm {
margin-left: 0.428571428571429rem;
}
.issue-date__widget.inline .issue-date__dd {
margin-left: 0.285714285714286rem;
}
.issue-date__widget.block {
height: 9.642857142857142rem;
width: 7.785714285714286rem;
}
.issue-date__widget.block .issue-date__edition {
margin-top: 0.428571428571429rem;
font-size: 1.142857142857143rem;
line-height: 1.214285714285714rem;
letter-spacing: -0.01em;
}
.issue-date__widget.block .issue-date__mmm {
margin-top: 0.357142857142857rem;
font-size: 2.285714285714286rem;
line-height: 2.285714285714286rem;
font-weight: 300;
letter-spacing: -0.05em;
}
.issue-date__widget.block .issue-date__dd {
margin-top: -0.285714285714286rem;
font-weight: 100;
font-size: 4.571428571428571rem;
line-height: 4.571428571428571rem;
letter-spacing: -0.07em;
}
.theme-dark + .up-next__widget .issue-date__widget {
border: 1px solid #fff;
}
</style><style data-vue-ssr-id="aa85d8bc:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-33701d39 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-33701d39 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-33701d39 {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-33701d39 {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.node-container[data-v-33701d39] {
margin: 0 auto;
height: auto;
}
</style><style data-vue-ssr-id="6862a750:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.icon-arrow-wrapper {
top: 26%;
position: absolute;
cursor: pointer;
padding: 1.428571428571429rem;
width: 14.285714285714286rem;
height: 28.571428571428573rem;
z-index: 110;
}
.icon-arrow-wrapper.left {
left: 0.142857142857143rem;
}
.icon-arrow-wrapper.right {
right: 0.142857142857143rem;
}
.icon-arrow-wrapper.right svg {
float: right;
}
@media (min-width: 1024px) {
.icon-arrow-wrapper:hover svg {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
}
.icon-arrow-wrapper svg {
position: relative;
top: 10.714285714285714rem;
fill: #fff;
max-height: 26px;
max-width: 13px;
height: 26px;
width: 13px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.transition-title-wrapper {
will-change: opacity, transform;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
opacity: 0;
}
.transition-in .cover__container .transition-title-wrapper {
-webkit-animation-name: title-transition;
animation-name: title-transition;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
@-webkit-keyframes title-transition {
0% {
-webkit-transform: translate3d(1.428571428571429rem, 0, 0);
transform: translate3d(1.428571428571429rem, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes title-transition {
0% {
-webkit-transform: translate3d(1.428571428571429rem, 0, 0);
transform: translate3d(1.428571428571429rem, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
</style><style data-vue-ssr-id="517ca992:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.landscape-cover {
display: none;
}
.landscape-cover.active:not([data-video-play="true"]) {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background: #1c2129;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.landscape-cover.active:not([data-video-play="true"]) img {
width: 8.928571428571429rem;
height: 9.214285714285714rem;
}
.landscape-cover.active:not([data-video-play="true"]) .remind-message {
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
margin-top: 2.928571428571428rem;
}
</style><style data-vue-ssr-id="14451d83:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* Standard syntax */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes enlargeFadeIn {
0% {
opacity: 1;
}
50% {
opacity: 1;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
100% {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
.success-overlay {
top: 0;
right: 0;
left: 0;
bottom: 0;
position: fixed;
z-index: 401;
width: 100vw;
height: 100vh;
background-color: #1c2129;
opacity: 0.9;
overflow: hidden;
}
.dialog__content {
z-index: 402;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
@media (min-width: 1024px) {
.dialog__content {
position: fixed;
}
}
.dialog--fullscreen {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
width: auto;
height: auto;
overflow-x: hidden;
overflow-y: auto;
opacity: 0.94;
background: #30b3ce /* For browsers that do not support gradients */;
background: -o-linear-gradient(#3cf0a5, #30b3ce) /* For Opera 11.1 to 12.0 */;
background: -webkit-gradient(linear, left top, left bottom, from(#3cf0a5), to(#30b3ce)) /* Standard syntax (must be last) */;
background: -o-linear-gradient(#3cf0a5, #30b3ce) /* Standard syntax (must be last) */;
background: linear-gradient(#3cf0a5, #30b3ce) /* Standard syntax (must be last) */;
}
@media (min-width: 1024px) {
.dialog--fullscreen {
width: 60%;
max-width: 84.14285714285714rem;
min-width: 62.857142857142854rem;
height: 77%;
max-height: 53.57142857142857rem;
left: auto;
top: 6.071428571428571rem;
right: auto;
bottom: auto;
}
}
.dialog-wrapper {
poistion: relative;
overflow: hidden;
height: 100%;
}
.dialog-container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
}
.dialog-container .close-button {
position: absolute;
top: 1.785714285714286rem;
right: 1.785714285714286rem;
cursor: pointer;
}
.dialog-container .close-button svg {
width: 1.5rem;
height: 1.5rem;
}
@media (min-width: 1024px) {
.dialog-container .close-button svg {
width: 2.142857142857143rem;
height: 2.142857142857143rem;
}
}
.dialog-container .close-button svg g {
stroke: #000;
}
.dialog-container .icon-wrapper {
display: inline-block;
position: relative;
}
.dialog-container .icon-wrapper .finish-icon-spin {
color: #fff;
position: static;
top: 0;
height: 9.285714285714286rem;
width: 9.285714285714286rem;
}
.dialog-container .icon-wrapper .finish-icon {
position: absolute;
top: 0;
height: 9.285714285714286rem;
width: 9.285714285714286rem;
border-radius: 50%;
background-color: #fff;
opacity: 0;
}
.dialog-container .icon-wrapper .finish-icon.done {
-webkit-animation: enlargeFadeIn 0.3s linear 0.7s;
animation: enlargeFadeIn 0.3s linear 0.7s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.dialog-container .icon-wrapper .finish-icon svg.tick {
padding: 2.857142857142857rem;
height: 100%;
width: 100%;
fill: #3cf0a5;
}
.dialog-container .text-wrapper {
min-height: 21.428571428571427rem;
overflow: hidden;
text-align: center;
}
.dialog-container .line-one-wrapper {
max-width: 45vw;
height: 0.785714285714286rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 2.857142857142857rem auto 0;
}
@media (min-width: 1024px) {
.dialog-container .line-one-wrapper {
height: 1.357142857142857rem;
}
}
.dialog-container .divider {
background-color: #000;
width: 8vw;
min-width: 0.571428571428571rem;
max-width: 2.142857142857143rem;
-ms-flex-item-align: center;
align-self: center;
height: 1px;
}
@media (min-width: 1024px) {
.dialog-container .divider {
max-width: 3.571428571428572rem;
}
}
.dialog-container .line-one {
margin: 0 0.571428571428571rem;
padding: 0;
font-size: 0.714285714285714rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.04em;
color: #000;
max-width: 40vw;
min-width: 8.571428571428571rem;
white-space: nowrap;
overflow: hidden;
}
@media (min-width: 1024px) {
.dialog-container .line-one {
margin: 0 1.571428571428571rem;
font-size: 1rem;
}
}
.dialog-container .line-two {
color: #1c2129;
font-size: 5.142857142857143rem;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
line-height: 5.714285714285714rem;
letter-spacing: -0.07em;
width: 60vw;
height: 5.714285714285714rem;
margin: 1.357142857142857rem auto 0;
white-space: nowrap;
overflow: hidden;
}
@media (min-width: 1024px) {
.dialog-container .line-two {
font-size: 7.142857142857143rem;
line-height: 5.714285714285714rem;
letter-spacing: 0em;
height: 5.714285714285714rem;
margin: 2.142857142857143rem auto 0;
}
}
.dialog-container .line-three {
color: #1c2129;
font-size: 1rem;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.571428571428571rem;
width: 55vw;
height: auto;
margin: 1.5rem auto 0;
}
@media (min-width: 1024px) {
.dialog-container .line-three {
font-size: 1.285714285714286rem;
line-height: 1.571428571428571rem;
margin: 3.214285714285714rem auto 0;
}
}
.dialog-container .line-four {
margin: 4.071428571428571rem auto 0;
padding: 0 7.142857142857143rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60vw;
}
@-webkit-keyframes enlargeFadeIn {
0% {
opacity: 1;
}
50% {
opacity: 1;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
100% {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
@keyframes enlargeFadeIn {
0% {
opacity: 1;
}
50% {
opacity: 1;
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
100% {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
</style><style data-vue-ssr-id="1362427f:0">
@-webkit-keyframes blinking {
0%, 100% {
opacity: 0.99;
}
50% {
opacity: 0.01;
}
}
@-webkit-keyframes slide-in-from-left {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-data-v-f17c9e8e {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-data-v-f17c9e8e {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-left-longer {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-left-longer-data-v-f17c9e8e {
0% {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-from-right-longer {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-from-right-longer-data-v-f17c9e8e {
0% {
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* Animation */
/* Helper class */
.theme-blue[data-v-f17c9e8e] {
color: #1c2129;
background-color: #67e3fd;
}
.theme-dark[data-v-f17c9e8e] {
color: #fff;
background-color: #000;
}
.text-center[data-v-f17c9e8e] {
text-align: center;
}
.no-underline[data-v-f17c9e8e] {
text-decoration: none;
}
.messages__icon-arrow-right[data-v-f17c9e8e] {
float: right;
height: 1rem;
width: 0.928571428571429rem;
margin-top: 0.285714285714286rem;
}
/* Widget start */
.messages__widget[data-v-f17c9e8e] {
z-index: 1100;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: normal;
width: 100%;
bottom: 0vh;
position: fixed;
cursor: pointer;
}
.navigation-drawer--open ~ main .messages__widget[data-v-f17c9e8e],
.success-widget ~ .messages__widget[data-v-f17c9e8e] {
display: none;
}
.messages__widget .messages__wrapper[data-v-f17c9e8e] {
display: none;
font-size: 1rem;
padding: 0.571428571428571rem 1.071428571428571rem;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e] {
display: block;
}
@media (min-width: 0) and (max-width: 1023px) {
.messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e] {
-webkit-animation: slide-up-data-v-f17c9e8e ease 0.5s;
animation: slide-up-data-v-f17c9e8e ease 0.5s;
}
.messages__widget .messages__wrapper.animation-ready.show[data-v-f17c9e8e] {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-animation: slide-down-data-v-f17c9e8e ease 0.5s;
animation: slide-down-data-v-f17c9e8e ease 0.5s;
}
}
@media (min-width: 1024px) {
.messages__widget[data-v-f17c9e8e] {
right: 2.5rem;
top: 5.642857142857143rem;
left: unset;
bottom: unset;
width: auto;
}
.messages__widget .messages__wrapper[data-v-f17c9e8e] {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
float: right;
height: 4.428571428571429rem;
width: 23.714285714285715rem;
border-radius: 0.357142857142857rem;
padding: 1.428571428571429rem;
font-size: 1.142857142857143rem;
-webkit-box-shadow: 2px 2px 10px 0px #000;
box-shadow: 2px 2px 10px 0px #000;
}
.messages__widget .messages__wrapper[data-v-f17c9e8e]:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e] {
-webkit-animation: slide-from-right-show-data-v-f17c9e8e ease 0.5s;
animation: slide-from-right-show-data-v-f17c9e8e ease 0.5s;
}
.messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e]:not(.show) {
opacity: 0;
-webkit-animation: slide-from-left-hide-data-v-f17c9e8e ease 0.5s;
animation: slide-from-left-hide-data-v-f17c9e8e ease 0.5s;
}
.page-home .messages__widget[data-v-f17c9e8e],
.page-archive .messages__widget[data-v-f17c9e8e] {
right: unset;
top: unset;
left: 3.214285714285714rem;
bottom: 5.5rem;
bottom: 6.357142857142857rem;
}
.page-home .messages__widget .messages__wrapper[data-v-f17c9e8e],
.page-archive .messages__widget .messages__wrapper[data-v-f17c9e8e] {
float: none;
}
.page-home .messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e],
.page-archive .messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e] {
-webkit-animation: slide-from-left-show-data-v-f17c9e8e ease 0.5s;
animation: slide-from-left-show-data-v-f17c9e8e ease 0.5s;
}
.page-home .messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e]:not(.show),
.page-archive .messages__widget .messages__wrapper.animation-ready[data-v-f17c9e8e]:not(.show) {
opacity: 0;
-webkit-animation: slide-from-right-hide-data-v-f17c9e8e ease 0.5s;
animation: slide-from-right-hide-data-v-f17c9e8e ease 0.5s;
}
}
@-webkit-keyframes slide-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slide-up-data-v-f17c9e8e {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes slide-down {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-down-data-v-f17c9e8e {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-from-left-show {
0% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-from-left-show-data-v-f17c9e8e {
0% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slide-from-right-hide {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@keyframes slide-from-right-hide-data-v-f17c9e8e {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@-webkit-keyframes slide-from-right-show {
0% {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-from-right-show-data-v-f17c9e8e {
0% {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slide-from-left-hide {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(5%);
transform: translateX(5%);
transform: translateX(5%);
}
}
@keyframes slide-from-left-hide-data-v-f17c9e8e {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(5%);
transform: translateX(5%);
transform: translateX(5%);
}
}
</style></head>
<body>
<noscript id="deferred-styles"></noscript>
<div data-app="true" data-server-rendered="true" id="app" class="application application--default" style="--window-width:100vw;--window-height:100vh;"><!----><aside class="navigation-drawer navigation-drawer--is-booted navigation-drawer navigation-drawer--close navigation-drawer--temporary theme--light empty" style="height:100%;" data-v-17a8fef3><!----></aside><div class="compact-header" data-v-7fa713f3><nav class="toolbar toolbar--fixed main-nav" data-v-7fa713f3><div class="toolbar__content"><a href="/" class="logo-icon-link router-link-active" data-v-7fa713f3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.52 21.34" class="logo-icon" data-v-7fa713f3><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="6.93" y1="1168" x2="6.93" y2="1181.14" gradientTransform="translate(0 -1168)"><stop stop-color="#FFF" offset="0"></stop><stop stop-color="#FFF" offset=".5"></stop><stop offset="1" stop-color="#FFF" stop-opacity="0"></stop></linearGradient></defs><path fill="url(#a)" d="M5.64 0h2.57v13.14H5.64z"></path><path fill="#fff" d="M9.87 1.66v2.2h1.78v15.27H2.2V3.86H4v-2.2H0v19.68h25.52V1.66H9.87zM23.3 19.13h-9.45V3.86h9.45v15.27z"></path></svg></a><a href="/" class="logo-name-link router-link-active" data-v-7fa713f3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.18 15.28" class="logo-name" data-v-7fa713f3><path fill="#fff" d="M1.84 3.01a1.73 1.73 0 0 0 1.88.37 1.73 1.73 0 0 0 0-3.17A1.7 1.7 0 0 0 1.35 1.8a1.72 1.72 0 0 0 .5 1.22zM22.97 8.5h-.91V0h-4.5v2.64h1.54v9.73H17V8.79c0-1.3-.32-2.28-.97-2.95-.65-.67-1.58-1-2.78-1a4.72 4.72 0 0 0-3.04 1.05v-.87H5.67v2.64H7.1v4.71H4.5V5.02H0v2.64h1.5v4.71H0v2.64h11.86v-2.64h-1.62V8.52c.32-.4.65-.68 1-.83s.67-.22 1-.22c.5 0 .89.16 1.18.48.3.31.45.75.45 1.31v5.75h9.22v-2.64h-1.03v-1.23h.9L25.89 15h3.12v-2.64h-1.66l-1.9-2.56 1.86-2.15h1.7V5.02H25.9l-2.92 3.47zm57.21 1.67l-.03-.48a6.33 6.33 0 0 0-.37-2c-.23-.62-.55-1.16-.97-1.62s-.93-.83-1.53-1.09c-.61-.26-1.3-.39-2.1-.39a5.07 5.07 0 0 0-5.26 5.3 6 6 0 0 0 .37 2.09 5 5 0 0 0 2.75 2.88c.68.28 1.45.43 2.32.43a9 9 0 0 0 1.22-.08 5.57 5.57 0 0 0 1.9-.61c.3-.16.64-.35 1.01-.58l-1.06-1.98c-.24.1-.47.18-.7.26a8.55 8.55 0 0 1-1.48.36c-.26.03-.53.05-.82.05-.3 0-.58-.04-.86-.11-.28-.08-.54-.19-.77-.33s-.44-.34-.6-.55c-.18-.22-.3-.48-.37-.77l-.03-.3h7.37l.01-.48zM72.9 8.6c.06-.22.14-.42.24-.61a1.8 1.8 0 0 1 1.06-.87c.25-.09.56-.13.92-.13.34 0 .63.04.85.13a1.59 1.59 0 0 1 .92.86c.08.2.14.4.19.62H72.9zm-4.41.18c0-1.3-.33-2.27-.98-2.95s-1.57-1-2.78-1a4.72 4.72 0 0 0-3.04 1.06v-.88h-4.55v2.64h1.45v4.71H57.1V15h6.21v-2.64H61.7V8.52c.32-.4.66-.68 1-.83s.68-.22 1-.22c.5 0 .89.16 1.19.48.3.31.44.75.44 1.31v5.75h4.56v-2.64h-1.41V8.8zm-30.4 1.15c-.27-.26-.62-.48-1.07-.68s-1-.35-1.65-.48l-1.81-.35a1.72 1.72 0 0 1-.44-.13.98.98 0 0 1-.27-.18c-.06-.07-.1-.14-.13-.2s-.03-.15-.03-.23c0-.15.04-.28.13-.38.09-.1.2-.18.33-.23s.27-.1.43-.12a4.27 4.27 0 0 1 1.38.06c.28.06.52.15.71.25.13.08.24.16.32.25h2.76V5h-2.28a3.52 3.52 0 0 0-.57-.22 5.97 5.97 0 0 0-1.93-.26c-.59 0-1.14.07-1.66.23-.52.15-.97.37-1.36.65-.38.28-.69.62-.91 1.01-.23.4-.34.84-.34 1.32 0 .82.3 1.5.89 2.02.59.53 1.47.9 2.63 1.13l1.85.4c.33.07.56.17.69.3s.2.3.2.48c0 .24-.14.44-.4.59s-.69.22-1.27.22c-.25 0-.49-.02-.71-.07a2.27 2.27 0 0 1-.6-.21c-.18-.1-.33-.22-.43-.36a.75.75 0 0 1-.09-.13h-2.82V15h2.9a6.47 6.47 0 0 0 3.4.03 4.97 4.97 0 0 0 1.46-.64c.44-.3.79-.65 1.06-1.08.26-.43.4-.93.4-1.5 0-.37-.06-.71-.18-1.03a2.3 2.3 0 0 0-.59-.86zm17.15-3.67a5.18 5.18 0 0 0-3.83-1.54 5.43 5.43 0 0 0-3.82 1.54 5.16 5.16 0 0 0-1.5 3.72c0 .73.13 1.42.38 2.06a4.98 4.98 0 0 0 2.75 2.8c.66.28 1.38.42 2.19.42.8 0 1.52-.14 2.18-.42a5.06 5.06 0 0 0 3.14-4.86 5.34 5.34 0 0 0-1.49-3.72zm-1.61 4.77c-.12.32-.3.6-.5.83a2.2 2.2 0 0 1-.77.53 2.38 2.38 0 0 1-1.9 0 2.4 2.4 0 0 1-1.29-1.37 2.88 2.88 0 0 1 0-2.13c.13-.31.3-.59.53-.81a2.28 2.28 0 0 1 1.7-.69c.35 0 .67.05.96.17.3.12.55.3.76.52.22.22.39.5.5.82.13.32.2.68.2 1.08 0 .38-.07.73-.2 1.05zM45.3 12.9c-.19.04-.4.07-.65.07a1.2 1.2 0 0 1-.36-.05.56.56 0 0 1-.26-.18c-.08-.1-.13-.21-.17-.36s-.06-.35-.06-.6l.02-4.22h2.02V5.02h-2l.02-3.82-3 1.42-.02 2.4h-1.45v2.53h1.44l-.03 4.42c0 .55.07 1.03.23 1.44.16.42.38.76.65 1.03s.58.48.94.61.73.2 1.12.2a4.47 4.47 0 0 0 2.53-.67l-.41-1.86-.56.17z"></path></svg></a><div class="clickable-slim-header" data-v-7fa713f3><button data-v-7fa713f3></button></div><div gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Open" gtm-event-label="Read Count Menu/Open" class="progress-circular progress-bar-widget progress-bar header hidden-md-and-up header" style="height:0px;width:0px;" data-v-7fa713f3><svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="transform:rotate(-90deg);"><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0" class="progress-circular__underlay"></circle><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0px" class="progress-circular__overlay"></circle></svg><div class="progress-circular__info"></div></div><div gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Open" gtm-event-label="Read Count Menu/Open" class="progress-circular progress-bar-widget progress-bar header hidden-sm-and-down header" style="height:0px;width:0px;" data-v-7fa713f3><svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="transform:rotate(-90deg);"><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0" class="progress-circular__underlay"></circle><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0px" class="progress-circular__overlay"></circle></svg><div class="progress-circular__info"></div></div><div class="popup-menu hidden-sm-and-down" data-v-7fa713f3><div class="popup-menu-upper" data-v-7fa713f3></div><div class="popup-menu-inner" data-v-7fa713f3><div class="layout issue-menu-pane column ma-0 popup-issue-menu" data-v-3f76b5b6 data-v-3f76b5b6 data-v-7fa713f3><div class="flex close-wrapper" data-v-3f76b5b6 data-v-3f76b5b6><button class="close-btn" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Close" gtm-event-label="Read Count Menu/Close" class="close-btn" data-v-3f76b5b6><svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" data-v-3f76b5b6><title>close button</title><g stroke="#FFF" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M.552.478L20.108 20.18M20.448.478L.892 20.18"></path></g></svg></button></div><div class="flex viewed-board" data-v-3f76b5b6 data-v-3f76b5b6><div class="progress-wrapper" data-v-3f76b5b6><div class="progress-circular progress-bar-widget menu" style="height:0px;width:0px;" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="transform:rotate(-90deg);"><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0" class="progress-circular__underlay"></circle><circle fill="transparent" cx="0" cy="0" r="0" stroke-width="0" stroke-dasharray="0" stroke-dashoffset="0px" class="progress-circular__overlay"></circle></svg><div class="progress-circular__info"></div></div><div class="progress-msg" data-v-3f76b5b6>More to go</div><div class="progress-msg done hide" data-v-3f76b5b6>All done</div></div><div class="article-num-list-wrapper" data-v-3f76b5b6><div class="today-stories" data-v-3f76b5b6>Today’s stories</div><div class="today-stories" style="display:none;" data-v-3f76b5b6>Stories in this archive</div><div class="article-num-list" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/politics/five-key-dates-missing-bookseller-saga/article/2130292" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>01</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>02</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>03</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/china/baptist-university/article/2130291" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/baptist-university/article/2130291" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>04</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>05</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>06</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div><div class="article-num" data-v-3f76b5b6><a href="/inside-classic-hong-kong-tea-house/article/2129950" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/inside-classic-hong-kong-tea-house/article/2129950" class="num-link" data-v-3f76b5b6><span data-v-3f76b5b6>07</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></a></div></div></div></div><div class="flex article-list" data-v-3f76b5b6 data-v-3f76b5b6><ul data-uid="10666" class="list" data-v-3f76b5b6><li data-v-3f76b5b6><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/politics/five-key-dates-missing-bookseller-saga/article/2130292" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>01</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>POLITICS</div><div class="node-title" data-v-3f76b5b6>Five key dates in the missing bookseller saga</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>02</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>CHINA</div><div class="node-title" data-v-3f76b5b6>Four takeaways of the 19th Party Congress</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>03</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>CHINA</div><div class="node-title" data-v-3f76b5b6>Hip hop, you don’t stop? Not if China has anything to do with it </div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/china/baptist-university/article/2130291" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/baptist-university/article/2130291" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>04</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>CHINA</div><div class="node-title" data-v-3f76b5b6>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>05</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>INKSTONE</div><div class="node-title" data-v-3f76b5b6>Why Hong Kong is getting steamed up about a high-speed railway</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>06</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>CHINA</div><div class="node-title" data-v-3f76b5b6>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li><li data-v-3f76b5b6><a href="/inside-classic-hong-kong-tea-house/article/2129950" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Read Count Menu/Click" gtm-event-label="/inside-classic-hong-kong-tea-house/article/2129950" class="list__tile" data-v-3f76b5b6><div class="article-link" data-v-3f76b5b6><div class="article-num" data-v-3f76b5b6>07</div><div class="node-teaser" data-v-3f76b5b6><div class="section-title" data-v-3f76b5b6>INKSTONE</div><div class="node-title" data-v-3f76b5b6>Inside a classic Hong Kong tea house</div></div><div class="tick-wrap" data-v-3f76b5b6><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick" data-v-3f76b5b6><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div></a><div class="active-bar" data-v-3f76b5b6></div><div class="hover-bg" data-v-3f76b5b6></div></li></ul></div></div></div></div><svg width="21" height="17" viewBox="0 0 21 17" xmlns="http://www.w3.org/2000/svg" gtm-on="click" gtm-event-category="Menu" gtm-event-action="Menu/Open" gtm-event-label="Menu/Open" class="hamburger-menu-btn" data-v-7fa713f3><title>hamburger</title><path d="M0 14h21v3H0v-3zm0-7h21v3H0V7zm0-7h21v3H0V0z" fill="#FFF" fill-rule="evenodd"></path></svg></div></nav><div row class="header-pager" style="display:;" data-v-7fa713f3><ul class="pager" data-v-a68503b4 data-v-7fa713f3></ul></div><div class="slim-header no-animation" data-v-7fa713f3><div class="slim-header-bg-wrapper" data-v-7fa713f3><div class="slim-header-background" data-v-7fa713f3></div></div><div class="slim-header-inner col" data-v-7fa713f3><div class="issue-info col" data-v-7fa713f3><div class="edition" data-v-7fa713f3>edition</div><div class="date-month" data-v-7fa713f3>Jan</div><div class="date-day" data-v-7fa713f3>24</div></div></div><div class="slim-header-upper" data-v-7fa713f3><div class="issue-info row" data-v-7fa713f3><span class="edition" data-v-7fa713f3>edition</span><span class="date" data-v-7fa713f3>Jan 24</span></div></div></div></div><main class="page-node"><div class="container fluid"><div tabindex="-1" role="dialog" aria-hidden="true" class="pswp"><div class="pswp__bg"></div><div class="pswp__scroll-wrap"><div class="pswp__container"><div class="pswp__item"></div><div class="pswp__item"></div><div class="pswp__item"></div></div><div class="pswp__ui pswp__ui--hidden"><div class="pswp__top-bar"><div class="pswp__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14"><title>hp icon - gallery</title><path d="M4 13h15V4H4v9zm16 1H3V3h17v11zM0 0h17v1H1v10H0V0z"></path></svg></div><div class="pswp__title"></div><button title="Close (Esc)" class="pswp__button pswp__button--close"><svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><title>close button</title><g stroke="#FFF" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M.552.478L20.108 20.18M20.448.478L.892 20.18"></path></g></svg></button></div><div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"><div class="pswp__share-tooltip"></div></div><div class="pswp__caption"><div class="pswp__caption__center"></div></div><div class="pswp__bot-bar"><div class="pswp__bot-left"><div class="pswp__caption--custom"></div></div><div class="pswp__bot-right"><div class="pswp__share--slogan">
SHARE
</div><div class="pswp__share--custom"><div class="pswp__share--fb"><a gtm-on="click" gtm-event-action="Facebook/Click"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17"><title>FB</title><path d="M5.2 5.3h2.6l-.3 2.8H5.2v8.1H1.7V8.1H0V5.3h1.7V3.6c0-1.2.3-2.1.9-2.7C3.2.3 4.2 0 5.5 0h2.3v2.8H6.4c-.3 0-.5 0-.6.1-.2 0-.3.1-.4.2 0 .1-.1.2-.1.3v1.9z"></path></svg></a></div><div class="pswp__share--twitter"><a gtm-on="click" gtm-event-action="Twitter/Click"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13"><title>TW</title><path d="M15.7 1.5c-.5.7-1 1.2-1.6 1.6v.4c0 .9-.1 1.8-.4 2.5-.3.9-.6 1.6-1.2 2.4-.4.7-1 1.4-1.8 2.1-.8.6-1.6 1.1-2.6 1.4-1 .4-2 .5-3.2.5-1.8 0-3.4-.5-5-1.4.3 0 .6.1.8.1 1.5 0 2.8-.4 4-1.3-.7 0-1.3-.2-1.9-.6-.6-.4-.9-.9-1.2-1.5.3 0 .5.1.6.1.3 0 .6 0 .8-.1-.7-.1-1.3-.5-1.8-1-.5-.6-.7-1.2-.7-2 .5.2 1 .4 1.5.4-.4-.3-.8-.6-1-1.1-.3-.4-.4-.9-.4-1.5S.7 1.4 1 .9c.8 1 1.8 1.7 2.9 2.3 1.2.6 2.4.9 3.7 1-.1-.3-.1-.5-.1-.7 0-.9.3-1.6.9-2.2S9.8.4 10.7.4c.9 0 1.7.3 2.3 1 .7-.1 1.4-.4 2.1-.7-.2.7-.7 1.3-1.4 1.7.7-.5 1.3-.7 2-.9z"></path></svg></a></div><div class="pswp__share--email"><a href gtm-on="click" gtm-event-action="Email/Click"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11"><title>email</title><path d="M0 9V1.1C0 .8.1.5.3.3.5.1.8 0 1.1 0h11.7c.3 0 .6.1.8.3.2.2.3.5.3.8V9c0 .3-.1.6-.3.8-.2.2-.5.3-.8.3H1.1c-.3 0-.6-.1-.8-.3C.1 9.6 0 9.3 0 9zm4.3-3.9L1.6 7.7c-.3.3-.3.5 0 .8.2.3.5.3.8 0l2.7-2.7 1 1c.3.2.6.4 1 .4.3 0 .6-.1.9-.4l1-1 2.7 2.7c.3.3.5.3.8 0 .2-.3.2-.5 0-.8L9.8 5.1l2.7-2.7c.2-.3.2-.5 0-.8-.3-.2-.5-.2-.8 0L7.4 5.9c-.2.2-.4.2-.6 0L2.5 1.6c-.3-.2-.6-.2-.8 0-.2.3-.2.6 0 .8l2.6 2.7z"></path></svg></a></div></div><div class="pswp__counter--custom"><div class="pswp__counter--current"></div><div class="pswp__counter--separator"></div><div class="pswp__counter--total"></div></div><button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow left</title><path d="M.2 14c0-.2 0-.4.2-.5l13-13c.3-.3.8-.3 1 0s.4.8 0 1L2.2 14l12.5 12.5c.3.3.3.8 0 1-.3.4-.8.4-1 0l-13-13c-.2 0-.3-.3-.3-.5z"></path></svg></button><button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow right</title><path d="M15 13.8c0-.2 0-.4-.2-.5L1.8.3C1.5 0 1 0 .8.3c-.4.3-.4.8 0 1L13 14 .7 26.3c-.3.3-.3.8 0 1 .3.4.8.4 1 0l13-13 .3-.5z"></path></svg></button></div></div></div></div></div><div nid="2130223" tid="326265" url="china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="router-view swiper-container" data-v-b0079d72><!----><div class="swiper-wrapper" data-v-b0079d72><div data-slide="prev" class="swiper-slide dynamic-content" data-v-b0079d72><!----><div data-style-type="video" class="article-type__container article-type-video-tid" data-v-b0079d72><div class="layout column ma-0 pa-0 theme-dark" data-v-49a5586f data-v-49a5586f><div class="flex node-container xs12" data-v-49a5586f data-v-49a5586f><div class="layout video-block row ma-0 pa-0" data-v-49a5586f data-v-49a5586f><div class="flex node-video__inner-wrapper xs12" data-v-49a5586f data-v-49a5586f><div id="cover-2118563" class="cover-video__container cover__container" data-v-49a5586f><div class="cover-image__widget"><div class="cover-image mobile hidden-sm-and-up" style="background-image:url(https://cdn2.i-scmp.com/sites/default/files/styles/portrait/public/2017/11/09/demo_pic02_0.jpg?itok=A9h5blAT);"></div><div class="cover-image desktop hidden-xs-only" style="background-image:url(https://cdn4.i-scmp.com/sites/default/files/styles/landscape/public/2017/11/09/demo_pic02_0.jpg?itok=wYCFETl9);"></div></div><div class="icon-video mobile round-border hidden-md-and-up transition-title-wrapper fadeout"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 15" class="text-xs-center"><title>Triangle</title><path d="M11.6 7L0 14.3V0"></path></svg></div><div class="icon-video desktop round-border hidden-sm-and-down transition-title-wrapper fadeout"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 15" class="text-xs-center"><title>Triangle</title><path d="M11.6 7L0 14.3V0"></path></svg></div><div class="container cover-title__container grid-list-md cover__container yellow title-left cover-nid-2118563"><div class="layout cover-title_layout row wrap"><div class="flex xs12"><div class="cover-title__wrapper"><div class="cover-title__inner-wrapper transition-title-wrapper"><div class="cover-title__section-title">CHINA</div><div class="cover-title__separator-wrapper"><div class="cover-title__separator"></div></div><div class="cover__title-main-title-wrapper"><div class="cover__title-main-title">Four takeaways of the 19th Party Congress</div></div></div></div></div></div></div><div class="lift-btn__widget" data-v-c1630b72><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13" class="lift-btn__icon lift-btn__blink" data-v-c1630b72><title>Triangle 4</title><path d="M9 13l9-13H0z"></path></svg></div><div class="icon-arrow-wrapper left hidden-sm-and-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow left</title><path d="M.2 14c0-.2 0-.4.2-.5l13-13c.3-.3.8-.3 1 0s.4.8 0 1L2.2 14l12.5 12.5c.3.3.3.8 0 1-.3.4-.8.4-1 0l-13-13c-.2 0-.3-.3-.3-.5z"></path></svg></div><div class="icon-arrow-wrapper right hidden-sm-and-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow right</title><path d="M15 13.8c0-.2 0-.4-.2-.5L1.8.3C1.5 0 1 0 .8.3c-.4.3-.4.8 0 1L13 14 .7 26.3c-.3.3-.3.8 0 1 .3.4.8.4 1 0l13-13 .3-.5z"></path></svg></div><div class="share-btn__widget btn-share" data-v-3107ad5a><div class="share-btn-inner init" data-v-3107ad5a><div class="share-btn__wrapper facebook" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Facebook/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17" class="share-btn__icon" data-v-3107ad5a><title>FB</title><path d="M5.2 5.3h2.6l-.3 2.8H5.2v8.1H1.7V8.1H0V5.3h1.7V3.6c0-1.2.3-2.1.9-2.7C3.2.3 4.2 0 5.5 0h2.3v2.8H6.4c-.3 0-.5 0-.6.1-.2 0-.3.1-.4.2 0 .1-.1.2-.1.3v1.9z"></path></svg></a></div><div class="share-btn__wrapper twitter" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Twitter/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round twitter elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M15.7 1.5c-.5.7-1 1.2-1.6 1.6v.4c0 .9-.1 1.8-.4 2.5-.3.9-.6 1.6-1.2 2.4-.4.7-1 1.4-1.8 2.1-.8.6-1.6 1.1-2.6 1.4-1 .4-2 .5-3.2.5-1.8 0-3.4-.5-5-1.4.3 0 .6.1.8.1 1.5 0 2.8-.4 4-1.3-.7 0-1.3-.2-1.9-.6-.6-.4-.9-.9-1.2-1.5.3 0 .5.1.6.1.3 0 .6 0 .8-.1-.7-.1-1.3-.5-1.8-1-.5-.6-.7-1.2-.7-2 .5.2 1 .4 1.5.4-.4-.3-.8-.6-1-1.1-.3-.4-.4-.9-.4-1.5S.7 1.4 1 .9c.8 1 1.8 1.7 2.9 2.3 1.2.6 2.4.9 3.7 1-.1-.3-.1-.5-.1-.7 0-.9.3-1.6.9-2.2S9.8.4 10.7.4c.9 0 1.7.3 2.3 1 .7-.1 1.4-.4 2.1-.7-.2.7-.7 1.3-1.4 1.7.7-.5 1.3-.7 2-.9z"></path></svg></a></div><div class="share-btn__wrapper facebook-messenger" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Messanger/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook-messenger elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M8 0C3.6 0 0 3.3 0 7.4c0 2.3 1.2 4.4 3 5.8V16l2.7-1.5c.7.2 1.5.3 2.3.3 4.4 0 8-3.3 8-7.4S12.3 0 8 0zm.7 10l-2-2.2-4 2.2L7 5.4l2 2.2 4-2.2L8.7 10z"></path></svg></a></div><div class="share-btn__wrapper whatsapp" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/WhatsApp/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round whatsapp elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon whatsapp" data-v-3107ad5a><title>TW</title><path d="M8 0c1 0 2 .2 3 .6 1 .4 1.8 1 2.6 1.7.7.7 1.3 1.5 1.7 2.5.4 1 .6 2 .6 3s-.3 2-.7 3c-.4 1-1 1.8-1.7 2.5S12 14.5 11 15c-1 .4-2 .6-3 .6-1.2 0-2.5-.3-3.7-1L0 16l1.4-4.2c-.7-1.2-1-2.5-1-4 0-1 0-2 .5-3 .3-1 1-1.8 1.6-2.5C3.3 1.6 4 1 5 .6 6 .2 7 0 8 0zm0 14.3c1 0 1.8-.2 2.6-.5s1.5-.8 2-1.4c.7-.6 1.2-1.3 1.5-2 .4-.8.6-1.7.6-2.6 0-1-.2-1.7-.5-2.5-.2-.8-.7-1.5-1.3-2-.5-.6-1.2-1-2-1.5-1-.3-1.8-.5-2.6-.5-.7 0-1.6.2-2.4.5-1 .4-1.6.8-2 1.4-.7.6-1 1.3-1.5 2C2 6 1.7 7 1.7 8c0 1.4.4 2.7 1.2 3.8L2 14l2.5-.8c1 .7 2.3 1 3.6 1zm2.2-5.5l1 .5 1 .5-.3 1-.8.6-1 .3c-.5 0-1-.2-2-.6-.8-.2-1.4-.6-1.8-1L5 8c-.7-1-1-1.5-1-2v-.2c0-.6.3-1.2.8-1.6l.5-.2H6l.2.4v.4l.3.6.2.7-.4.7-.4.4v.2c.3.6.6 1 1 1.4.5.4 1 .8 1.7 1v.2c.2 0 .4-.2.6-.5l.6-.5z"></path></svg></a></div><div class="share-btn__wrapper email" data-v-3107ad5a><a href="mailto:?subject=: Four%20takeaways%20of%20the%2019th%20Party%20Congress&amp;body=From inkstone testing:%0D%0A%0D%0AFour%20takeaways%20of%20the%2019th%20Party%20Congress%0D%0A%0D%0AXi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism%0D%0A%0D%0Ahttps%3A%2F%2Fsc.mp%2F2zCFk7N" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Email/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round email elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="share-btn__icon email" data-v-3107ad5a><title>email</title><path d="M0 9V1S0 .6.3.4C.5 0 .8 0 1 0h12c.3 0 .6 0 .8.3.2.2.3.5.3.8v8c0 .3-.2.6-.4.8-.2.2-.5.3-.8.3H1c-.2 0-.5 0-.7-.2C0 9.6 0 9.3 0 9zm4.3-4L1.6 7.8c-.3.3-.3.5 0 .8.2.3.5.3.8 0L5 5.8l1 1c.4.2.7.4 1 .4.4 0 .7 0 1-.4l1-1 2.7 2.7c.3.3.5.3.8 0 .2-.3.2-.5 0-.8L9.8 5l2.7-2.6c.2-.3.2-.5 0-.8-.3-.2-.5-.2-.8 0L7.4 6h-.6L2.5 1.5c-.3-.2-.6-.2-.8 0-.2.3-.2.6 0 .8L4.3 5z"></path></svg></a></div></div><div class="share-btn__wrapper share" data-v-3107ad5a><a gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round share generic elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14" class="share-btn__icon open" data-v-3107ad5a><title>u</title><path d="M14.7 4.7V5l-4.3 4.3h-.7L9.5 9V6.7H6.3L5 7.2l-1 .4c-.4 0-.7.3-1 .6l-.7.8-.4 1c-.2.6-.2 1-.2 1.6V13h-.4v-.2l-.2-.3v-.2c-.8-1.5-1-2.8-1-3.7 0-1 0-2 .3-2.7 1-2.3 3.3-3.4 7.2-3.4h1.8v-2c0-.3 0-.4.2-.5h.7l4.2 4.3v.4z"></path></svg></a></div></div></div><div class="video-container node-video__video-mobile close" data-v-49a5586f><div id="jwplayer-2118563-0k3n2p"></div></div><!----></div></div><div data-v-49a5586f><div></div><div class="body-loading video"><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile"><g fill="#555" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile" style="display:none;"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop"><g fill="#555" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop" style="display:none;"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg></div></div></div></div><div class="up-next__widget show" data-v-36e0cf1e><div class="container up-next__container grid-list-md" data-v-36e0cf1e data-v-36e0cf1e><div class="layout hidden-lg-and-up up-next__layout layout-mobile row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__separator top" data-v-36e0cf1e></div><div class="flex up-next__thumbs xs3 sm2" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date square" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date">Jan 24</div></div></div><div class="up-next__swiper-thumbs" data-v-36e0cf1e><div class="swiper-wrapper" style="transform:translateY(0px);" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div></div><div class="my-swiper-pagination my-swiper-pagination-bullets" data-v-36e0cf1e><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span></div></div></div><div class="flex up-next__main xs9 sm10" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__main-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e><div class="swiper-wrapper" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/24/causewaybooks_0.jpg?itok=2r-TXJcj');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><!----></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square/public/2017/11/09/demo_pic02_0.jpg?itok=64-wRdTZ');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=TlVvgWpw');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/hkbu_stand-off_0.jpg?itok=4ga_EW-5');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/12/fasttrainxinhua_0.jpg?itok=k6z352nO');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square/public/2018/01/16/kimi_2.jpg?itok=6ltBt23s');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_8/public/2018/01/22/1_0.jpg?itok=seObUrPX');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div></div></div></div></div><div class="up-next__separator bottom" data-v-36e0cf1e></div></div><div class="layout hidden-sm-and-down up-next__layout layout-desktop row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex hidden-md-and-down up-next__issue-date-wrapper xs1" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date block" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div></div><div class="flex up-next__main-container xs4 md4 lg4" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__main" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget hidden-lg-and-up up-next__issue-date inline" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex up-next__img-wrapper xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/portrait_4/public/2018/01/24/causewaybooks_0.jpg?itok=Sz4Khsij');" data-v-36e0cf1e></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div></div></a></div></div><div class="flex up-next__slave xs7 md8 lg7" data-v-36e0cf1e data-v-36e0cf1e><div class="layout up-next__slave-wrapper row xs12 wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__article-block xs6" data-v-36e0cf1e data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index" data-v-36e0cf1e>01</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index" data-v-36e0cf1e>02</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index" data-v-36e0cf1e>03</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index" data-v-36e0cf1e>04</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index" data-v-36e0cf1e>05</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index" data-v-36e0cf1e>06</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index" data-v-36e0cf1e>07</div></div></a></div></div></div></div></div></div></div></div><div data-slide="active" class="swiper-slide dynamic-content" data-v-b0079d72><!----><div data-style-type="daily" class="article-type__container article-type-daily-tid active transition-in" data-v-b0079d72><div class="layout column ma-0 pa-0" data-v-33701d39 data-v-33701d39><div class="flex node-container xs12" data-v-33701d39 data-v-33701d39><div nid="2130223" class="cover__container title-left" data-v-33701d39><!----><div class="cover-image__widget"><div class="cover-image mobile hidden-sm-and-up" style="background-image:url(https://cdn3.i-scmp.com/sites/default/files/styles/portrait_6/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=TtAhrHGv);"></div><div class="cover-image desktop hidden-xs-only" style="background-image:url(https://cdn1.i-scmp.com/sites/default/files/styles/landscape_6/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=_V_ZDftV);"></div></div><div class="container cover-title__container grid-list-md"><div class="layout cover-title_layout row wrap"><div class="flex xs12"><div class="cover-title__wrapper"><div class="cover-title__inner-wrapper transition-title-wrapper"><div class="cover-title__section-title">CHINA</div><div class="cover-title__separator-wrapper"><div class="cover-title__separator"></div></div><div class="cover__title-main-title-wrapper"><div class="cover__title-main-title">Hip hop, you don’t stop? Not if China has anything to do with it </div></div></div></div></div></div></div><div class="lift-btn__widget" data-v-c1630b72><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13" class="lift-btn__icon lift-btn__blink" data-v-c1630b72><title>Triangle 4</title><path d="M9 13l9-13H0z"></path></svg></div><div class="icon-arrow-wrapper left hidden-xs-only"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow left</title><path d="M.2 14c0-.2 0-.4.2-.5l13-13c.3-.3.8-.3 1 0s.4.8 0 1L2.2 14l12.5 12.5c.3.3.3.8 0 1-.3.4-.8.4-1 0l-13-13c-.2 0-.3-.3-.3-.5z"></path></svg></div><div class="icon-arrow-wrapper right hidden-xs-only"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow right</title><path d="M15 13.8c0-.2 0-.4-.2-.5L1.8.3C1.5 0 1 0 .8.3c-.4.3-.4.8 0 1L13 14 .7 26.3c-.3.3-.3.8 0 1 .3.4.8.4 1 0l13-13 .3-.5z"></path></svg></div><div class="share-btn__widget btn-share" data-v-3107ad5a><div class="share-btn-inner init" data-v-3107ad5a><div class="share-btn__wrapper facebook" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Facebook/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17" class="share-btn__icon" data-v-3107ad5a><title>FB</title><path d="M5.2 5.3h2.6l-.3 2.8H5.2v8.1H1.7V8.1H0V5.3h1.7V3.6c0-1.2.3-2.1.9-2.7C3.2.3 4.2 0 5.5 0h2.3v2.8H6.4c-.3 0-.5 0-.6.1-.2 0-.3.1-.4.2 0 .1-.1.2-.1.3v1.9z"></path></svg></a></div><div class="share-btn__wrapper twitter" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Twitter/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round twitter elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M15.7 1.5c-.5.7-1 1.2-1.6 1.6v.4c0 .9-.1 1.8-.4 2.5-.3.9-.6 1.6-1.2 2.4-.4.7-1 1.4-1.8 2.1-.8.6-1.6 1.1-2.6 1.4-1 .4-2 .5-3.2.5-1.8 0-3.4-.5-5-1.4.3 0 .6.1.8.1 1.5 0 2.8-.4 4-1.3-.7 0-1.3-.2-1.9-.6-.6-.4-.9-.9-1.2-1.5.3 0 .5.1.6.1.3 0 .6 0 .8-.1-.7-.1-1.3-.5-1.8-1-.5-.6-.7-1.2-.7-2 .5.2 1 .4 1.5.4-.4-.3-.8-.6-1-1.1-.3-.4-.4-.9-.4-1.5S.7 1.4 1 .9c.8 1 1.8 1.7 2.9 2.3 1.2.6 2.4.9 3.7 1-.1-.3-.1-.5-.1-.7 0-.9.3-1.6.9-2.2S9.8.4 10.7.4c.9 0 1.7.3 2.3 1 .7-.1 1.4-.4 2.1-.7-.2.7-.7 1.3-1.4 1.7.7-.5 1.3-.7 2-.9z"></path></svg></a></div><div class="share-btn__wrapper facebook-messenger" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Messanger/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook-messenger elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M8 0C3.6 0 0 3.3 0 7.4c0 2.3 1.2 4.4 3 5.8V16l2.7-1.5c.7.2 1.5.3 2.3.3 4.4 0 8-3.3 8-7.4S12.3 0 8 0zm.7 10l-2-2.2-4 2.2L7 5.4l2 2.2 4-2.2L8.7 10z"></path></svg></a></div><div class="share-btn__wrapper whatsapp" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/WhatsApp/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round whatsapp elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon whatsapp" data-v-3107ad5a><title>TW</title><path d="M8 0c1 0 2 .2 3 .6 1 .4 1.8 1 2.6 1.7.7.7 1.3 1.5 1.7 2.5.4 1 .6 2 .6 3s-.3 2-.7 3c-.4 1-1 1.8-1.7 2.5S12 14.5 11 15c-1 .4-2 .6-3 .6-1.2 0-2.5-.3-3.7-1L0 16l1.4-4.2c-.7-1.2-1-2.5-1-4 0-1 0-2 .5-3 .3-1 1-1.8 1.6-2.5C3.3 1.6 4 1 5 .6 6 .2 7 0 8 0zm0 14.3c1 0 1.8-.2 2.6-.5s1.5-.8 2-1.4c.7-.6 1.2-1.3 1.5-2 .4-.8.6-1.7.6-2.6 0-1-.2-1.7-.5-2.5-.2-.8-.7-1.5-1.3-2-.5-.6-1.2-1-2-1.5-1-.3-1.8-.5-2.6-.5-.7 0-1.6.2-2.4.5-1 .4-1.6.8-2 1.4-.7.6-1 1.3-1.5 2C2 6 1.7 7 1.7 8c0 1.4.4 2.7 1.2 3.8L2 14l2.5-.8c1 .7 2.3 1 3.6 1zm2.2-5.5l1 .5 1 .5-.3 1-.8.6-1 .3c-.5 0-1-.2-2-.6-.8-.2-1.4-.6-1.8-1L5 8c-.7-1-1-1.5-1-2v-.2c0-.6.3-1.2.8-1.6l.5-.2H6l.2.4v.4l.3.6.2.7-.4.7-.4.4v.2c.3.6.6 1 1 1.4.5.4 1 .8 1.7 1v.2c.2 0 .4-.2.6-.5l.6-.5z"></path></svg></a></div><div class="share-btn__wrapper email" data-v-3107ad5a><a href="mailto:?subject=: Hip%20hop%2C%20you%20don%E2%80%99t%20stop%3F%20Not%20if%20China%20has%20anything%20to%20do%20with%20it%20&amp;body=From inkstone testing:%0D%0A%0D%0AHip%20hop%2C%20you%20don%E2%80%99t%20stop%3F%20Not%20if%20China%20has%20anything%20to%20do%20with%20it%20%0D%0A%0D%0AState censors ban hip hop from TV but artists say it will only drive the genre underground%0D%0A%0D%0Ahttps%3A%2F%2Fsc.mp%2F2DAyVQE" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Email/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round email elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="share-btn__icon email" data-v-3107ad5a><title>email</title><path d="M0 9V1S0 .6.3.4C.5 0 .8 0 1 0h12c.3 0 .6 0 .8.3.2.2.3.5.3.8v8c0 .3-.2.6-.4.8-.2.2-.5.3-.8.3H1c-.2 0-.5 0-.7-.2C0 9.6 0 9.3 0 9zm4.3-4L1.6 7.8c-.3.3-.3.5 0 .8.2.3.5.3.8 0L5 5.8l1 1c.4.2.7.4 1 .4.4 0 .7 0 1-.4l1-1 2.7 2.7c.3.3.5.3.8 0 .2-.3.2-.5 0-.8L9.8 5l2.7-2.6c.2-.3.2-.5 0-.8-.3-.2-.5-.2-.8 0L7.4 6h-.6L2.5 1.5c-.3-.2-.6-.2-.8 0-.2.3-.2.6 0 .8L4.3 5z"></path></svg></a></div></div><div class="share-btn__wrapper share" data-v-3107ad5a><a gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round share generic elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14" class="share-btn__icon open" data-v-3107ad5a><title>u</title><path d="M14.7 4.7V5l-4.3 4.3h-.7L9.5 9V6.7H6.3L5 7.2l-1 .4c-.4 0-.7.3-1 .6l-.7.8-.4 1c-.2.6-.2 1-.2 1.6V13h-.4v-.2l-.2-.3v-.2c-.8-1.5-1-2.8-1-3.7 0-1 0-2 .3-2.7 1-2.3 3.3-3.4 7.2-3.4h1.8v-2c0-.3 0-.4.2-.5h.7l4.2 4.3v.4z"></path></svg></a></div></div></div><div data-v-33701d39><div></div><div class="body-loading daily"><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile" style="display:none;"><g fill="#555" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop" style="display:none;"><g fill="#555" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg></div></div></div></div><div class="up-next__widget show" data-v-36e0cf1e><div class="container up-next__container grid-list-md" data-v-36e0cf1e data-v-36e0cf1e><div class="layout hidden-lg-and-up up-next__layout layout-mobile row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__separator top" data-v-36e0cf1e></div><div class="flex up-next__thumbs xs3 sm2" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date square" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date">Jan 24</div></div></div><div class="up-next__swiper-thumbs" data-v-36e0cf1e><div class="swiper-wrapper" style="transform:translateY(0px);" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div></div><div class="my-swiper-pagination my-swiper-pagination-bullets" data-v-36e0cf1e><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span></div></div></div><div class="flex up-next__main xs9 sm10" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__main-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e><div class="swiper-wrapper" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/24/causewaybooks_0.jpg?itok=2r-TXJcj');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><!----></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square/public/2017/11/09/demo_pic02_0.jpg?itok=64-wRdTZ');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=TlVvgWpw');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/hkbu_stand-off_0.jpg?itok=4ga_EW-5');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/12/fasttrainxinhua_0.jpg?itok=k6z352nO');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square/public/2018/01/16/kimi_2.jpg?itok=6ltBt23s');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_8/public/2018/01/22/1_0.jpg?itok=seObUrPX');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div></div></div></div></div><div class="up-next__separator bottom" data-v-36e0cf1e></div></div><div class="layout hidden-sm-and-down up-next__layout layout-desktop row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex hidden-md-and-down up-next__issue-date-wrapper xs1" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date block" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div></div><div class="flex up-next__main-container xs4 md4 lg4" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__main" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget hidden-lg-and-up up-next__issue-date inline" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex up-next__img-wrapper xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/portrait_4/public/2018/01/24/causewaybooks_0.jpg?itok=Sz4Khsij');" data-v-36e0cf1e></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div></div></a></div></div><div class="flex up-next__slave xs7 md8 lg7" data-v-36e0cf1e data-v-36e0cf1e><div class="layout up-next__slave-wrapper row xs12 wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__article-block xs6" data-v-36e0cf1e data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index" data-v-36e0cf1e>01</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index" data-v-36e0cf1e>02</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index" data-v-36e0cf1e>03</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index" data-v-36e0cf1e>04</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index" data-v-36e0cf1e>05</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index" data-v-36e0cf1e>06</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index" data-v-36e0cf1e>07</div></div></a></div></div></div></div></div></div></div><div class="appending-list" data-v-b0079d72></div></div><div data-slide="next" class="swiper-slide dynamic-content" data-v-b0079d72><!----><div data-style-type="daily" class="article-type__container article-type-daily-tid" data-v-b0079d72><div class="layout column ma-0 pa-0" data-v-33701d39 data-v-33701d39><div class="flex node-container xs12" data-v-33701d39 data-v-33701d39><div nid="2130291" class="cover__container title-left" data-v-33701d39><!----><div class="cover-image__widget"><div class="cover-image mobile hidden-sm-and-up" style="background-image:url(https://cdn1.i-scmp.com/sites/default/files/styles/portrait_6/public/2018/01/24/hkbu_stand-off_0.jpg?itok=uX9yshIm);"></div><div class="cover-image desktop hidden-xs-only" style="background-image:url(https://cdn1.i-scmp.com/sites/default/files/styles/landscape_5/public/2018/01/24/hkbu_stand-off.jpg?itok=OIzPA7RA);"></div></div><div class="container cover-title__container grid-list-md"><div class="layout cover-title_layout row wrap"><div class="flex xs12"><div class="cover-title__wrapper"><div class="cover-title__inner-wrapper transition-title-wrapper"><div class="cover-title__section-title">CHINA</div><div class="cover-title__separator-wrapper"><div class="cover-title__separator"></div></div><div class="cover__title-main-title-wrapper"><div class="cover__title-main-title">Potty-mouthed student protest highlights Hong Kong's linguistic divide</div></div></div></div></div></div></div><div class="lift-btn__widget" data-v-c1630b72><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13" class="lift-btn__icon lift-btn__blink" data-v-c1630b72><title>Triangle 4</title><path d="M9 13l9-13H0z"></path></svg></div><div class="icon-arrow-wrapper left hidden-xs-only"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow left</title><path d="M.2 14c0-.2 0-.4.2-.5l13-13c.3-.3.8-.3 1 0s.4.8 0 1L2.2 14l12.5 12.5c.3.3.3.8 0 1-.3.4-.8.4-1 0l-13-13c-.2 0-.3-.3-.3-.5z"></path></svg></div><div class="icon-arrow-wrapper right hidden-xs-only"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 28"><title>arrow right</title><path d="M15 13.8c0-.2 0-.4-.2-.5L1.8.3C1.5 0 1 0 .8.3c-.4.3-.4.8 0 1L13 14 .7 26.3c-.3.3-.3.8 0 1 .3.4.8.4 1 0l13-13 .3-.5z"></path></svg></div><div class="share-btn__widget btn-share" data-v-3107ad5a><div class="share-btn-inner init" data-v-3107ad5a><div class="share-btn__wrapper facebook" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Facebook/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17" class="share-btn__icon" data-v-3107ad5a><title>FB</title><path d="M5.2 5.3h2.6l-.3 2.8H5.2v8.1H1.7V8.1H0V5.3h1.7V3.6c0-1.2.3-2.1.9-2.7C3.2.3 4.2 0 5.5 0h2.3v2.8H6.4c-.3 0-.5 0-.6.1-.2 0-.3.1-.4.2 0 .1-.1.2-.1.3v1.9z"></path></svg></a></div><div class="share-btn__wrapper twitter" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Twitter/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round twitter elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M15.7 1.5c-.5.7-1 1.2-1.6 1.6v.4c0 .9-.1 1.8-.4 2.5-.3.9-.6 1.6-1.2 2.4-.4.7-1 1.4-1.8 2.1-.8.6-1.6 1.1-2.6 1.4-1 .4-2 .5-3.2.5-1.8 0-3.4-.5-5-1.4.3 0 .6.1.8.1 1.5 0 2.8-.4 4-1.3-.7 0-1.3-.2-1.9-.6-.6-.4-.9-.9-1.2-1.5.3 0 .5.1.6.1.3 0 .6 0 .8-.1-.7-.1-1.3-.5-1.8-1-.5-.6-.7-1.2-.7-2 .5.2 1 .4 1.5.4-.4-.3-.8-.6-1-1.1-.3-.4-.4-.9-.4-1.5S.7 1.4 1 .9c.8 1 1.8 1.7 2.9 2.3 1.2.6 2.4.9 3.7 1-.1-.3-.1-.5-.1-.7 0-.9.3-1.6.9-2.2S9.8.4 10.7.4c.9 0 1.7.3 2.3 1 .7-.1 1.4-.4 2.1-.7-.2.7-.7 1.3-1.4 1.7.7-.5 1.3-.7 2-.9z"></path></svg></a></div><div class="share-btn__wrapper facebook-messenger" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Messanger/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round facebook-messenger elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon" data-v-3107ad5a><title>TW</title><path d="M8 0C3.6 0 0 3.3 0 7.4c0 2.3 1.2 4.4 3 5.8V16l2.7-1.5c.7.2 1.5.3 2.3.3 4.4 0 8-3.3 8-7.4S12.3 0 8 0zm.7 10l-2-2.2-4 2.2L7 5.4l2 2.2 4-2.2L8.7 10z"></path></svg></a></div><div class="share-btn__wrapper whatsapp" data-v-3107ad5a><a target="_blank" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/WhatsApp/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round whatsapp elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="share-btn__icon whatsapp" data-v-3107ad5a><title>TW</title><path d="M8 0c1 0 2 .2 3 .6 1 .4 1.8 1 2.6 1.7.7.7 1.3 1.5 1.7 2.5.4 1 .6 2 .6 3s-.3 2-.7 3c-.4 1-1 1.8-1.7 2.5S12 14.5 11 15c-1 .4-2 .6-3 .6-1.2 0-2.5-.3-3.7-1L0 16l1.4-4.2c-.7-1.2-1-2.5-1-4 0-1 0-2 .5-3 .3-1 1-1.8 1.6-2.5C3.3 1.6 4 1 5 .6 6 .2 7 0 8 0zm0 14.3c1 0 1.8-.2 2.6-.5s1.5-.8 2-1.4c.7-.6 1.2-1.3 1.5-2 .4-.8.6-1.7.6-2.6 0-1-.2-1.7-.5-2.5-.2-.8-.7-1.5-1.3-2-.5-.6-1.2-1-2-1.5-1-.3-1.8-.5-2.6-.5-.7 0-1.6.2-2.4.5-1 .4-1.6.8-2 1.4-.7.6-1 1.3-1.5 2C2 6 1.7 7 1.7 8c0 1.4.4 2.7 1.2 3.8L2 14l2.5-.8c1 .7 2.3 1 3.6 1zm2.2-5.5l1 .5 1 .5-.3 1-.8.6-1 .3c-.5 0-1-.2-2-.6-.8-.2-1.4-.6-1.8-1L5 8c-.7-1-1-1.5-1-2v-.2c0-.6.3-1.2.8-1.6l.5-.2H6l.2.4v.4l.3.6.2.7-.4.7-.4.4v.2c.3.6.6 1 1 1.4.5.4 1 .8 1.7 1v.2c.2 0 .4-.2.6-.5l.6-.5z"></path></svg></a></div><div class="share-btn__wrapper email" data-v-3107ad5a><a href="mailto:?subject=: Potty-mouthed%20student%20protest%20highlights%20Hong%20Kong's%20linguistic%20divide&amp;body=From inkstone testing:%0D%0A%0D%0APotty-mouthed%20student%20protest%20highlights%20Hong%20Kong's%20linguistic%20divide%0D%0A%0D%0AAn unpopular mandatory Mandarin test at a public university has drawn attention to one of the semi-autonomous city's most divisive issues: language%0D%0A%0D%0Ahttps%3A%2F%2Fsc.mp%2F2DAL4Fn" gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share button/Email/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round email elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="share-btn__icon email" data-v-3107ad5a><title>email</title><path d="M0 9V1S0 .6.3.4C.5 0 .8 0 1 0h12c.3 0 .6 0 .8.3.2.2.3.5.3.8v8c0 .3-.2.6-.4.8-.2.2-.5.3-.8.3H1c-.2 0-.5 0-.7-.2C0 9.6 0 9.3 0 9zm4.3-4L1.6 7.8c-.3.3-.3.5 0 .8.2.3.5.3.8 0L5 5.8l1 1c.4.2.7.4 1 .4.4 0 .7 0 1-.4l1-1 2.7 2.7c.3.3.5.3.8 0 .2-.3.2-.5 0-.8L9.8 5l2.7-2.6c.2-.3.2-.5 0-.8-.3-.2-.5-.2-.8 0L7.4 6h-.6L2.5 1.5c-.3-.2-.6-.2-.8 0-.2.3-.2.6 0 .8L4.3 5z"></path></svg></a></div></div><div class="share-btn__wrapper share" data-v-3107ad5a><a gtm-on="click" gtm-event-category="Share button" gtm-event-action="Share/Click" gtm-event-label="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" class="share-btn__round share generic elevation-6" data-v-3107ad5a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14" class="share-btn__icon open" data-v-3107ad5a><title>u</title><path d="M14.7 4.7V5l-4.3 4.3h-.7L9.5 9V6.7H6.3L5 7.2l-1 .4c-.4 0-.7.3-1 .6l-.7.8-.4 1c-.2.6-.2 1-.2 1.6V13h-.4v-.2l-.2-.3v-.2c-.8-1.5-1-2.8-1-3.7 0-1 0-2 .3-2.7 1-2.3 3.3-3.4 7.2-3.4h1.8v-2c0-.3 0-.4.2-.5h.7l4.2 4.3v.4z"></path></svg></a></div></div></div><div data-v-33701d39><div></div><div class="body-loading daily"><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile" style="display:none;"><g fill="#555" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="335" height="574" viewBox="0 0 335 574" class="body-placeholder-mobile"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M0 50h335v1H0zM229 0v35h-1V0zM30 98h300v18H30zM30 154h294v18H30zM30 126h291v18H30zM30 182h300v18H30zM30 238h257v18H30zM30 210h276v18H30z"></path><g><path d="M30 302h285v18H30zM30 358h274v18H30zM30 330h300v18H30zM30 386h293v18H30zM30 472h257v18H30zM30 556h198v18H30zM30 500h285v18H30zM30 528h300v18H30zM30 444h276v18H30z"></path></g><path d="M244 10h91v15h-91zM3 2h135v15H3zM22 21h86v15H22z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop" style="display:none;"><g fill="#555" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="1230" height="759" viewBox="0 0 1230 759" class="body-placeholder-desktop"><g fill="#EFEFEF" fill-rule="evenodd"><path d="M1108 21h122v20h-122zM0 71h1230v1H0zM0 21h340v20H0zM535 141h695v20H535zM535 176h654v20H535zM535 211h417v20H535zM535 289h683v20H535zM535 319h671v20H535zM535 349h680v20H535zM535 379h695v20H535zM535 409h654v20H535zM535 439h617v20H535zM535 469h282v20H535zM535 529h671v20H535zM535 559h683v20H535zM535 589h617v20H535zM535 619h122v20H535zM535 679h654v20H535zM535 709h671v20H535zM535 739h530v20H535zM1065.5 0v56h-.5V0z"></path></g></svg></div></div></div></div><div class="up-next__widget show" data-v-36e0cf1e><div class="container up-next__container grid-list-md" data-v-36e0cf1e data-v-36e0cf1e><div class="layout hidden-lg-and-up up-next__layout layout-mobile row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__separator top" data-v-36e0cf1e></div><div class="flex up-next__thumbs xs3 sm2" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date square" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date">Jan 24</div></div></div><div class="up-next__swiper-thumbs" data-v-36e0cf1e><div class="swiper-wrapper" style="transform:translateY(0px);" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="swiper-slide" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__img frame" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div></div><div class="my-swiper-pagination my-swiper-pagination-bullets" data-v-36e0cf1e><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span><span class="my-swiper-pagination-bullet " data-v-36e0cf1e></span></div></div></div><div class="flex up-next__main xs9 sm10" data-v-36e0cf1e data-v-36e0cf1e><div class="up-next__main-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e><div class="swiper-wrapper" data-v-36e0cf1e><div class="swiper-slide" data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/24/causewaybooks_0.jpg?itok=2r-TXJcj');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><!----></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index position-absolute" data-v-36e0cf1e>02</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/square/public/2017/11/09/demo_pic02_0.jpg?itok=64-wRdTZ');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index position-absolute" data-v-36e0cf1e>03</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=TlVvgWpw');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index position-absolute" data-v-36e0cf1e>04</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_6/public/2018/01/24/hkbu_stand-off_0.jpg?itok=4ga_EW-5');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index position-absolute" data-v-36e0cf1e>05</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square_4/public/2018/01/12/fasttrainxinhua_0.jpg?itok=k6z352nO');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index position-absolute" data-v-36e0cf1e>06</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/square/public/2018/01/16/kimi_2.jpg?itok=6ltBt23s');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div><div class="swiper-slide" data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index position-absolute" data-v-36e0cf1e>07</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/square_8/public/2018/01/22/1_0.jpg?itok=seObUrPX');" data-v-36e0cf1e></div><div class="overlap" style="display:none;" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div><!----><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div></div></a></div></div></div></div></div><div class="up-next__separator bottom" data-v-36e0cf1e></div></div><div class="layout hidden-sm-and-down up-next__layout layout-desktop row wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex hidden-md-and-down up-next__issue-date-wrapper xs1" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget up-next__issue-date block" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div></div><div class="flex up-next__main-container xs4 md4 lg4" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__main" data-v-36e0cf1e data-v-36e0cf1e><div class="issue-date__widget hidden-lg-and-up up-next__issue-date inline" data-v-36e0cf1e><div class="issue-date__wrapper"><div class="issue-date__edition">edition</div><div class="issue-date__date"><div class="issue-date__mmm">Jan</div><div class="issue-date__dd">24</div></div></div></div><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="layout row xs12" data-v-36e0cf1e><div class="flex up-next__img-wrapper xs6" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/portrait_4/public/2018/01/24/causewaybooks_0.jpg?itok=Sz4Khsij');" data-v-36e0cf1e></div><div class="up-next__label-round position-absolute show" data-v-36e0cf1e><div class="text-wrapper" data-v-36e0cf1e><div data-v-36e0cf1e>START</div><div data-v-36e0cf1e><span data-v-36e0cf1e>from</span></div><div data-v-36e0cf1e>THE TOP</div></div></div><div class="up-next__label-round position-absolute" data-v-36e0cf1e><div class="text-wrapper up-next__text-upnext" data-v-36e0cf1e>UP NEXT</div></div></div><div class="flex xs6" data-v-36e0cf1e><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index position-absolute" data-v-36e0cf1e>01</div></div></div></div></a></div></div><div class="flex up-next__slave xs7 md8 lg7" data-v-36e0cf1e data-v-36e0cf1e><div class="layout up-next__slave-wrapper row xs12 wrap" data-v-36e0cf1e data-v-36e0cf1e><div class="flex up-next__article-block xs6" data-v-36e0cf1e data-v-36e0cf1e><a href="/politics/five-key-dates-missing-bookseller-saga/article/2130292" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn4.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/causewaybooks_0.jpg?itok=5Q5aCBM3');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>POLITICS</div><div class="up-next__title-main" data-v-36e0cf1e>Five key dates in the missing bookseller saga</div><div class="up-next__index" data-v-36e0cf1e>01</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/testing-2-four-takeaways-19th-party-congress/article/2118563" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2017/11/09/demo_pic02_0.jpg?itok=51dB016c');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Four takeaways of the 19th Party Congress</div><div class="up-next__index" data-v-36e0cf1e>02</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/hip-hop-dont-stop-it-will-if-china-has-anything-do-it/article/2130223" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop_0.jpg?itok=-_Wow0yx');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Hip hop, you don’t stop? Not if China has anything to do with it </div><div class="up-next__index" data-v-36e0cf1e>03</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/baptist-university/article/2130291" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/24/hkbu_stand-off_0.jpg?itok=LPL2PU0Z');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>Potty-mouthed student protest highlights Hong Kong's linguistic divide</div><div class="up-next__index" data-v-36e0cf1e>04</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/why-hong-kong-getting-steamed-over-its-high-speed-rail-link/article/2127935" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn3.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/12/fasttrainxinhua_0.jpg?itok=jSLt3v5a');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Why Hong Kong is getting steamed up about a high-speed railway</div><div class="up-next__index" data-v-36e0cf1e>05</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/china/smoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks/article/2127904" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn2.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/16/kimi_2.jpg?itok=i8YIPhVG');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>CHINA</div><div class="up-next__title-main" data-v-36e0cf1e>'Smoking cats': a new way for young Chinese animal lovers to get their kicks</div><div class="up-next__index" data-v-36e0cf1e>06</div></div></a></div><div class="flex up-next__article-block xs6 show" data-v-36e0cf1e data-v-36e0cf1e><a href="/inside-classic-hong-kong-tea-house/article/2129950" target="" class="up-next__link" data-v-36e0cf1e><div class="up-next__img-wrapper position-absolute" data-v-36e0cf1e><div class="up-next__img" style="background-image:url('https://cdn1.i-scmp.com/sites/default/files/styles/300x300/public/2018/01/22/1_0.jpg?itok=5lVjoKnw');" data-v-36e0cf1e></div><div class="up-next__label-tick round-icon position-absolute" data-v-36e0cf1e><svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg" class="tick" data-v-36e0cf1e><title>Line</title><path d="M1 3.4l4.7 5 8-8.2" fill="none"></path></svg></div></div><div class="up-next__title-wrapper" data-v-36e0cf1e><div class="up-next__title-separator" data-v-36e0cf1e></div><div class="up-next__title-section" data-v-36e0cf1e>INKSTONE</div><div class="up-next__title-main" data-v-36e0cf1e>Inside a classic Hong Kong tea house</div><div class="up-next__index" data-v-36e0cf1e>07</div></div></a></div></div></div></div></div></div></div></div></div></div></div><div class="landscape-cover"><img src="/public/img/rotate_icon.21aaf9a.png"><div class="remind-message">Please rotate for best experience.</div></div><div class="layout row justify-center" style="position:relative;"><!----><div class="dialog__container" style="display:block;"><div class="dialog__content"><div class="dialog dialog--fullscreen dialog--scrollable" style="display:none;"><div class="dialog-wrapper"><div class="dialog-container"><div class="close-button"><svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><title>close button</title><g stroke="#FFF" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M.552.478L20.108 20.18M20.448.478L.892 20.18"></path></g></svg></div><div class="icon-wrapper"><div class="progress-circular finish-icon-spin" style="height:130px;width:130px;"><svg xmlns="http://www.w3.org/2000/svg" height="130" width="130" style="transform:rotate(-90deg);"><circle fill="transparent" cx="65" cy="65" r="64" stroke-width="2" stroke-dasharray="402.124" stroke-dashoffset="0" class="progress-circular__underlay"></circle><circle fill="transparent" cx="65" cy="65" r="64" stroke-width="2" stroke-dasharray="402.124" stroke-dashoffset="402.1238596594935px" class="progress-circular__overlay"></circle></svg><div class="progress-circular__info"></div></div><div class="finish-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 21" class="tick"><title>hp tick</title><path d="M1.4 7.8l-.8.7 11.5 12.2L31.4 1.4l-.8-.8-18.5 18.7z"></path></svg></div></div><div class="text-wrapper"><div class="line-one-wrapper"><div class="divider"></div><div class="line-one">
ALL DONE FOR THIS ISSUE
</div><div class="divider"></div></div><div class="line-two">
GREAT!
</div><div class="line-three">
You're all caught up...
time for that well deserved coffee.
</div><div class="line-four"></div></div></div></div></div></div></div></div><div class="messages__widget" data-v-f17c9e8e><a href="/" class="no-underline router-link-active" data-v-f17c9e8e><div class="messages__wrapper messages__text-edition theme-blue" data-v-f17c9e8e><span data-v-f17c9e8e>New Edition Available</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" class="messages__icon-arrow-right" data-v-f17c9e8e><title>Page 1</title><path d="M5.2 0l-.5.5 5.1 5.1H0v.7h9.8l-5.1 5.1.5.5 6-5.9z"></path></svg></div></a></div></main></div><script>window.__INITIAL_STATE__={"node":{"2118563":{"nid":"2118563","type":"article","status":"1","title":"Four takeaways of the 19th Party Congress","default_head":"(testing) 2. Four takeaways of the 19th Party Congress","social_head":"Four takeaways of the 19th Party Congress","subheading":"Xi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism","created":"2017-11-06T12:43:49+08:00","updated":"2018-02-22T15:03:21+08:00","published":"2017-11-06T12:45:45+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325060","type":"article_type","title":"Video","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fvideo","relative_url":"\u002Farticle-type\u002Fvideo"},{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325468","type":"section","title":"China","name":"China","updated":"2017-11-06T11:22:26+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fchina","relative_url":"\u002Finkstone\u002Fchina"}]],"authors":[{"tid":"302930","type":"author","title":"Thomas Yau","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fthomas-yau","relative_url":"\u002Fauthor\u002Fthomas-yau"}],"images":[{"slideshow":1,"type":"cover_mobile","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=dBvAkZPc","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=wYCFETl9","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=A9h5blAT","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=64-wRdTZ","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=6d6JMI1p","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=YDTD54sO","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=ez0XuTCl","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=uViD1ZGl","style_780x510":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=IO6sj3oG","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=9pvQCrXq","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=JkaPvOzo","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=rSx8Mupz","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=QuzwbAFj","style_460x287":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=E4ayAuJ0","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=7uSVXnc3","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=51dB016c","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=VF2kTGfp","style_220x137":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=iDJsMUwc","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=HXQnD52_","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=IYm7SIh8","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=yrUldDwf","style_650w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=wfBFTLQ8","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg","width":"1080","height":"1920"}],"display_slideshow":true,"sponsor_type":"","plain_text_summary":"At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.","body":"\u003Cp\u003EAt the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563","relative_url":"\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563","shorten_url":"https:\u002F\u002Fsc.mp\u002F2zCFk7N","issue":{"tid":"326265","type":"issue","title":"Jan 24, 2018","relative_url":"\u002F2018\u002F01\u002F24\u002Farchive","finish_message":{"headline":"ALL DONE FOR THIS ISSUE","subhead":"GREAT!","body":"You're all caught up...\r\ntime for that well deserved coffee."},"issue_date":"2018-01-24T17:00:00+08:00","enabled":true,"applications":[{"name":"Inkstone","tid":"324860"}]},"weight":1,"applications":[{"name":"Inkstone","tid":"324860"}],"related_video":[{"nid":"2118562","type":"video","status":"0","title":"(testing) Four takeaways of the 19th Party Congress","created":"2017-11-06T12:43:07+08:00","updated":"2017-11-06T12:43:07+08:00","published":"2017-11-06T12:45:00+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"images":[{"title":"At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.\r\n\r\n(Photo: AFP)\r\n\r\n&nbsp;","alt":"At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.\r\n\r\n(Photo: AFP)\r\n\r\n&nbsp;","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=9KCErnHF","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=6k-y686q","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=mScz8dx1","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=PNXWkOHt","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=hb6pXj3c","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=CD4ksbiW","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=sHd1LsQy","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=kRfygivi","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=LcXNoT33","style_700x400":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=EEIrSQT0","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=UGxAKPyy","style_540x360":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=pVdED3Lo","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=Bn6KW0bh","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=uuZZNlnd","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=Qa7UqKuJ","style_300x300":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=-eSYDDOo","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=gjGFRAuu","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=-XSUO6Um","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=vQRDp4IM","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=xJ0EFRyl","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=omXiKt1D","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg?itok=qurRa6Tk","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fvideo\u002Fthumbnail\u002F0_p_1509943388.jpg"}],"video_id":"0k3n2p","orientation":"landscape","plain_text_summary":"At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.\r\n\r\n(Photo: AFP)\r\n\r\n&nbsp;","body":"\u003Cp\u003E&lt;p&gt;At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.&lt;\u002Fp&gt;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&lt;p&gt;(Photo: AFP)&lt;\u002Fp&gt;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&lt;p&gt;&amp;nbsp;&lt;\u002Fp&gt;\u003C\u002Fp\u003E\r\n","authors":[{"tid":"302930","type":"author","title":"Thomas Yau","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fthomas-yau","relative_url":"\u002Fauthor\u002Fthomas-yau"}],"commenting":"open","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002F2017\u002F11\u002F06\u002Ftesting-four-takeaways-19th-party-congress","relative_url":"\u002F2017\u002F11\u002F06\u002Ftesting-four-takeaways-19th-party-congress","shorten_url":"http:\u002F\u002Fsc.mp\u002FiQPveT"}],"timeline":[{}],"contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EAt the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.\u003C\u002Fp\u003E","text":"At the conclusion of the 19th Communist Party National Congress, here are four biggest takeaways.","tag":"p","attr":{}}},{"id":0,"type":"newsLetter","content":""}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, China","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Thomas Yau","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2017-11-06T12:43:49+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-02-22T15:03:21+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2017-11-06T12:45:45+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"Xi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"Four takeaways of the 19th Party Congress","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=IYm7SIh8","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"Xi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism","vmid":"name_description"},{"name":"keywords","content":"Inkstone,China,Four takeaways of the 19th Party Congress","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,China,Four takeaways of the 19th Party Congress","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563?entity=node&amp;type=article&amp;id=2118563","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563?entity=node&amp;type=article&amp;id=2118563","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"Xi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=9pvQCrXq","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"Four takeaways of the 19th Party Congress - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563?entity=node&amp;type=article&amp;id=2118563","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563?entity=node&amp;type=article&amp;id=2118563","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Thomas Yau","vmid":"property_og:article:author"},{"property":"og:description","content":"Xi Jinping’s jettisoning of specific GDP goals post 2020 might soothe those who fear a growth-at-all-costs culture, but without such targets, local governments may lose their dynamism","vmid":"property_og:description"},{"property":"og:image","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2017\u002F11\u002F09\u002Fdemo_pic02_0.jpg?itok=9pvQCrXq","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"Four takeaways of the 19th Party Congress - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fchina\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563","vmid":"rel_canonical"}],"nodePath":"china\u002Ftesting-2-four-takeaways-19th-party-congress\u002Farticle\u002F2118563"},"viewed":false}},"2127904":{"nid":"2127904","type":"article","status":"1","title":"'Smoking cats': a new way for young Chinese animal lovers to get their kicks","default_head":"‘Smoking cats’: a new way for young Chinese animal lovers to get their kicks","social_head":"'Smoking cats': a new way for young Chinese animal lovers to get their kicks","subheading":"Many millennials are discovering the joy of cat ownership for the first time after coming of age in an increasingly affluent society","created":"2018-01-24T15:01:23+08:00","updated":"2018-03-01T17:19:49+08:00","published":"2018-01-24T15:00:30+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325468","type":"section","title":"China","name":"China","updated":"2017-11-06T11:22:26+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fchina","relative_url":"\u002Finkstone\u002Fchina"}]],"authors":[{"tid":"322889","type":"author","title":"Viola Zhou","bio":"Viola Zhou is a China reporter at the South China Morning Post. She graduated from Hong Kong Baptist University with a degree in international journalism.","links":{"email":"viola.zhou@scmp.com","twitter":"https:\u002F\u002Ftwitter.com\u002Fviolazhouyi"},"images":[{"style_140x140":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fviola1.jpg?itok=wde3lZHV","style_500x500":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fviola1.jpg?itok=pqaQi9-s","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fviola1.jpg?itok=4j_ydG-m","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fviola1.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fviola-zhou","relative_url":"\u002Fauthor\u002Fviola-zhou"}],"images":[{"slideshow":1,"title":"Shanghai cat Kimi","alt":"Shanghai cat Kimi","type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=eyN9SXQV","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=EiKoegQY","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=ggVbpXMc","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=OaB_pxzN","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=SM-Oc67K","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=64ndu0t8","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=p-IcjeDJ","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=8-jzy6B6","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=Glo1vIht","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=VUf_ZwYt","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=Tv1_awu8","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=axJMZkbA","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=dYm8si7R","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=TRojJW6d","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=W1MDRO-m","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=MWlMoMqy","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=A-GZln-W","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=-TM3MIxh","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=fRsB8PMf","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=zqFPNeDc","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=Sky9lhsw","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=huDicH3Z","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg","width":"1280","height":"960"},{"slideshow":1,"title":"Shanghai cat Kimi","alt":"Shanghai cat Kimi","type":"cover_mobile","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=q542EbMG","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=Z33xdNqH","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=usZQc4PJ","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=6ltBt23s","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=uPFkJWJ7","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=FT-wUKD3","style_1400x320":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=da0cg1ip","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=d4V5lpY5","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=OKRbMu6j","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=L7HHsQyX","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=jv56uPXv","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=A7bDPdlE","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=Uz4x5lAI","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=l34tEZ7d","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=E7261i5K","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=i8YIPhVG","style_244x152":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=cr3wiclm","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=naH2rDWJ","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=4u8tMFWU","style_140x87":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=EK7Sg44N","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=e5ieFulR","style_650w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg?itok=ZpkGkmUX","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fkimi_2.jpg","width":"1280","height":"960"},{"slideshow":1,"title":"Shenzhen IT worker Li Yuhang's pet Ruby, which he regards as his 'daughter'","alt":"Shenzhen IT worker Li Yuhang's pet Ruby, which he regards as his 'daughter'","type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=qez4VOk7","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=O-jX4bNg","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=RkQlb9yO","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=be23Mii7","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=McPFvWcZ","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=1g4qtCm7","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=eYzNaJVE","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=IN7PeiiA","style_780x510":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=zjqhVw3z","style_700x400":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=TQJ92WUo","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=c8hUDgHZ","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=i4qio8xo","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=zNRvvEAN","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=3c3eWLOa","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=NswQz4c7","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=U-4qA-Ka","style_244x152":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=QkZnbmp-","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=mebnNnn_","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=KgGyEY8h","style_140x87":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=5-TSxpon","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=l3_Qn7s7","style_650w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=D79n63fN","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fruby_1.jpg","width":"1226","height":"1079"},{"slideshow":1,"title":"Shen Xiaojie and her cat Kimi pose for a selfie","alt":"Shen Xiaojie and her cat Kimi pose for a selfie","type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=zPfIqjGT","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=P4Z6uE64","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=fNpjpfU-","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=ekan2yae","style_2000x792":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=DjIYqW7o","style_1920x1080":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=SiA0IBdQ","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=KED1iO_W","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=eLZtMlsE","style_780x510":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=PujJkCF1","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=ry-yNYPL","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=HSQBTsry","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=BBHciPWk","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=fx7DZL1Q","style_460x287":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=fgYd7fnf","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=X8O4zTz3","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=DTTsGPSG","style_244x152":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=0fbV80jn","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=6yGrGSKD","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=Qo-STmRP","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=z-kaUnAI","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=DFVqhzzX","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=xQ8XmUZ_","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg","width":"1228","height":"920"},{"slideshow":1,"title":"For some pet owners, no amount of pampering is enough for their animals. ","alt":"For some pet owners, no amount of pampering is enough for their animals. ","type":"default","source":"Garfun Chan","writer":"Handout","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=jVcvZQQl","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=aJNXrmJ1","style_portrait":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=RereeVlb","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=YOzZlbv9","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=7TTlEGI9","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=SW26in95","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=Q4zlQ60w","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=EqFEbyE-","style_780x510":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=HMcY9_Ml","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=0yz2j29-","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=QZR-iHw4","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=LdPS2ScK","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=wcZdO2eL","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=GnKz7xHh","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=XeE-THiM","style_300x300":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=yuipGTgD","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=0HlFlRLZ","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=KPdjxj-3","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=XRbUesJT","style_140x87":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=OiQM-PPN","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=-bhltKdY","style_650w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=fYfH8dkk","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg","width":"750","height":"562"},{"slideshow":1,"title":"Themed snacks on sale at a Beijing cat cafe","alt":"Themed snacks on sale at a Beijing cat cafe","type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=Vta0LF5L","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=vBOVPJFI","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=DdJx8Hwj","style_square":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=fjGoQ-ZS","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=Ig2D0CwT","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=QtvYf7ZG","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=0ujrk7BH","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=wjLmuUp0","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=eQHmGKbK","style_700x400":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=XQGMFJaY","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=Ir-uEqac","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=qxHww1I-","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=h4gPg1oh","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=6lAxnwak","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=sJWCihaR","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=P8dXqM1T","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=Kjp88fAK","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=r15c10AP","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=wScEMGjH","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=kHB2fJdc","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=EXDYtPhj","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=PDSsIb6F","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg","width":"5184","height":"3456"},{"slideshow":1,"title":"Xi Shuting's cafes offer a range of cat-themed snacks and refreshments","alt":"Xi Shuting's cafes offer a range of cat-themed snacks and refreshments","type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=NJ7ZgtfN","style_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=uWwlCFAs","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=5nnZF_Iv","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=g7r4EIUJ","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=l4bPmdyn","style_1920x1080":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=z4HPlOem","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=wB4QKMIA","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=y85ZarYA","style_780x510":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=Zh7hrOee","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=geFFnwih","style_600x600":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=7Rk6E8_o","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=IJN_7eIE","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=nwbSpJ0p","style_460x287":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=CVZyVhOt","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=v19crRt1","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=BIYCeoNZ","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=PgjR9Tpj","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=Ls5lthXd","style_200w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=K-JxsuJd","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=XSdVeeS5","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=6i_vnxT4","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=Ey8h0jw5","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg","width":"1728","height":"2592"},{"slideshow":1,"title":"Social media + cats = a winning formula wherever you are in the world. ","alt":"Social media + cats = a winning formula wherever you are in the world. ","type":"default","source":"Zheng Bowen","writer":"Handout","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=nOq1qQSw","style_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=ZNfFvUGC","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=5cVlVlmJ","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=uCOZ-Bc2","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=FZ02AOFX","style_1920x1080":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=6zuYqOr7","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=z7IGQuMZ","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=kf-wZc70","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=GIyHopz6","style_700x400":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=GDaTE30q","style_600x600":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=l8Envf3x","style_540x360":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=xShdcbVN","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=zWJ0FBZ3","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=YBSq1fdD","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=PfumkPjE","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=hN89TaNK","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=f7xhbs6g","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=9bzivWT7","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=tqMl1wwb","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=HEpgO90N","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=y7t3K1w0","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=rIJE7ZpB","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg","width":"1333","height":"1325"},{"slideshow":1,"type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=ycXzXz-q","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=_ci91voK","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=yzVOs2Ao","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=d4I-mSa1","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=QrZoyEMQ","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=_unyrvZh","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=6yB_siXl","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=MVPQaJpL","style_780x510":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=0FiaMuQ7","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=NkXO1pb0","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=UtB3LAzS","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=yfxY_Pvr","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=027UyD0d","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=w5ocrDZj","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=C2edfqjf","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=PdCmhJV2","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=sXHRYN63","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=SWk7uk_R","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=Zc_EZfkp","style_140x87":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=knR5wZdy","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=Qb3uamEp","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=DlyjzwIP","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg","width":"600","height":"475"}],"display_slideshow":true,"sponsor_type":"","plain_text_summary":"When 24-year-old Li Yuhang finishes a long shift at the IT firm where he works, he knows something warm and fluffy is waiting at home - his Siamese cat.\r...","body":"\u003Cp\u003EWhen 24-year-old Li Yuhang finishes a long shift at the IT firm where he works, he knows something warm and fluffy is waiting at home - his Siamese cat.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe programmer likes to &ldquo;smoke cat&rdquo; &ndash; a term Chinese millennials use to describe their obsession with petting, playing with, snuggling or simply enjoying the smell of their pets.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ELi, who lives in a shared apartment in Shenzhen, a city often described as China&rsquo;s Silicon Valley, bought the cat last year and named it Ruby after a &quot;beautiful&quot; programming language.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&ldquo;It would be lonely living in this city by myself,&rdquo; Li says. &ldquo;Ruby is like my daughter.&rdquo;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=l3_Qn7s7\" title=\"Shenzhen IT worker Li Yuhang's pet Ruby, which he regards as his 'daughter'.\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EHaving grown up in a China where pets were considered a luxury, young people are increasingly seeking companionship from animals as they navigate the stresses of urban life.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EMany find cats a perfect match with their long working hours and cramped housing.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe independent nature of cats is one of the reasons why Shanghai resident Shen Xiaojie, 23, became a &ldquo;cat smoker&rdquo;.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EFor her, &ldquo;cat smoking&rdquo; means coming home after a hard day, hearing welcoming meows, holding her fluffy cat in her arms and burying her face in its long white fur.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=DFVqhzzX\" title=\"Shen Xiaojie and her cat Kimi pose for a selfie\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe cat named Kimi carries the fragrance of the shower gel used to wash it, a smell that reminds her of pillows and bed sheets.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EShen says Kimi makes her life meaningful. &ldquo;I realized I had been wasting time in the past. Now I&rsquo;m devoting my time to the cat, and it ends up loving me more.&rdquo;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIn China&rsquo;s poorer years, people largely regarded dogs and cats as herders, guards or mouse catchers &ndash; or even as a source of food. The Communist authorities used to ban pet ownership in many places as a bourgeois pastime.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut following the rapid economic growth of recent decades, pet ownership is booming.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=EXDYtPhj\" title=\"Themed snacks on sale at a Beijing cat cafe\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThere is no official data on the number of pet cats, but market watchers have noted a fast-expanding kitten economy.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe volume of cat food sold is set to rise at an average 28 percent annually reaching 346,000 tons by 2022, according to market researchers&nbsp;Euromonitor.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThere are concerns that not all owners can take good care of their animals. Mary Peng, founder of the International Center for Veterinary Services in Beijing, said Chinese millennials grew up at a time when few of their neighbors and friends could afford pets.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-486w caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F486w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=losXScbY\" width=\"486\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&ldquo;If you grow up as a child in the United States, you just get this education from society,&rdquo; Peng said. &ldquo;We don&rsquo;t have this yet.&rdquo;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWhile enjoying the fun parts, &ldquo;cat smokers&rdquo; like Shen and Li are also learning how to take care of the animals.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-source=\"Zheng Bowen\" data-style-type=\"default\" data-writer=\"Handout\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=y7t3K1w0\" title=\"Social media + cats = a winning formula wherever you are in the world. \" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWhen he first bought Ruby, Li used to return home on his breaks to cook it chicken breast because it refused to eat cold food. He also learned&nbsp;that if the kitten needed the toilet in the middle of the night, he would have to get up to help it find it.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut Peng said Li&rsquo;s generation is beginning to experience the companionship and love of pets.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&ldquo;This country is really having a huge love affair with animals,&rdquo; she said.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-source=\"Garfun Chan\" data-style-type=\"default\" data-writer=\"Handout\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=-bhltKdY\" title=\"For some pet owners, no amount of pampering is enough for their animals. \" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ECat videos and photos are every bit as popular on Chinese social media as they are in other parts of the world. Many fans are known as &ldquo;cloud cat smokers&rdquo; &shy;&ndash; because they can only appreciate the cuteness of kittens via the internet.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut even they can enjoy some real-life &ldquo;cat smoking&rdquo; thanks to the growing number of cat cafes.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EXi Shuting, 28, runs three such businesses in Beijing, hosting more than 100 cats.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EMany customers are students or young professionals, who are not able to keep cats of their own.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=6i_vnxT4\" title=\"Xi Shuting's cafes offer a range of cat-themed snacks and refreshments\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe cafes are so popular that people form long queues on weekends to enjoy snacks such as sushi shaped like cats&rsquo; ears or tea with paw-shaped milk foam.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EXi plans expand to other cities next year.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&ldquo;Chinese people used to think the only job for cats was to catch mice,&rdquo; the entrepreneur says. &ldquo;Now they know cats also offer companionship and comfort.&rdquo;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E&nbsp;\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904","relative_url":"\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904","shorten_url":"https:\u002F\u002Fsc.mp\u002F2n7VJvX","issue":{"tid":"326265","type":"issue","title":"Jan 24, 2018","relative_url":"\u002F2018\u002F01\u002F24\u002Farchive","finish_message":{"headline":"ALL DONE FOR THIS ISSUE","subhead":"GREAT!","body":"You're all caught up...\r\ntime for that well deserved coffee."},"issue_date":"2018-01-24T17:00:00+08:00","enabled":true,"applications":[{"name":"Inkstone","tid":"324860"}]},"weight":5,"breakout_position":"left","applications":[{"name":"Inkstone","tid":"324860"}],"timeline":[{}],"contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EWhen 24-year-old Li Yuhang finishes a long shift at the IT firm where he works, he knows something warm and fluffy is waiting at home - his Siamese cat.\u003C\u002Fp\u003E","text":"When 24-year-old Li Yuhang finishes a long shift at the IT firm where he works, he knows something warm and fluffy is waiting at home - his Siamese cat.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EThe programmer likes to &#x201C;smoke cat&#x201D; &#x2013; a term Chinese millennials use to describe their obsession with petting, playing with, snuggling or simply enjoying the smell of their pets.\u003C\u002Fp\u003E","text":"The programmer likes to “smoke cat” – a term Chinese millennials use to describe their obsession with petting, playing with, snuggling or simply enjoying the smell of their pets.","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003ELi, who lives in a shared apartment in Shenzhen, a city often described as China&#x2019;s Silicon Valley, bought the cat last year and named it Ruby after a &quot;beautiful&quot; programming language.\u003C\u002Fp\u003E","text":"Li, who lives in a shared apartment in Shenzhen, a city often described as China’s Silicon Valley, bought the cat last year and named it Ruby after a \"beautiful\" programming language.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003E&#x201C;It would be lonely living in this city by myself,&#x201D; Li says. &#x201C;Ruby is like my daughter.&#x201D;\u003C\u002Fp\u003E","text":"“It would be lonely living in this city by myself,” Li says. “Ruby is like my daughter.”","tag":"p","attr":{}}},{"id":4,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fruby_1.jpg?itok=l3_Qn7s7","caption":"Shenzhen IT worker Li Yuhang's pet Ruby, which he regards as his 'daughter'.","style":"default"}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003EHaving grown up in a China where pets were considered a luxury, young people are increasingly seeking companionship from animals as they navigate the stresses of urban life.\u003C\u002Fp\u003E","text":"Having grown up in a China where pets were considered a luxury, young people are increasingly seeking companionship from animals as they navigate the stresses of urban life.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EMany find cats a perfect match with their long working hours and cramped housing.\u003C\u002Fp\u003E","text":"Many find cats a perfect match with their long working hours and cramped housing.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003EThe independent nature of cats is one of the reasons why Shanghai resident Shen Xiaojie, 23, became a &#x201C;cat smoker&#x201D;.\u003C\u002Fp\u003E","text":"The independent nature of cats is one of the reasons why Shanghai resident Shen Xiaojie, 23, became a “cat smoker”.","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EFor her, &#x201C;cat smoking&#x201D; means coming home after a hard day, hearing welcoming meows, holding her fluffy cat in her arms and burying her face in its long white fur.\u003C\u002Fp\u003E","text":"For her, “cat smoking” means coming home after a hard day, hearing welcoming meows, holding her fluffy cat in her arms and burying her face in its long white fur.","tag":"p","attr":{}}},{"id":10,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fshen_xiaojie_and_kimi.jpg?itok=DFVqhzzX","caption":"Shen Xiaojie and her cat Kimi pose for a selfie","style":"default"}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EThe cat named Kimi carries the fragrance of the shower gel used to wash it, a smell that reminds her of pillows and bed sheets.\u003C\u002Fp\u003E","text":"The cat named Kimi carries the fragrance of the shower gel used to wash it, a smell that reminds her of pillows and bed sheets.","tag":"p","attr":{}}},{"id":12,"type":"text","content":{"html":"\u003Cp \u003EShen says Kimi makes her life meaningful. &#x201C;I realized I had been wasting time in the past. Now I&#x2019;m devoting my time to the cat, and it ends up loving me more.&#x201D;\u003C\u002Fp\u003E","text":"Shen says Kimi makes her life meaningful. “I realized I had been wasting time in the past. Now I’m devoting my time to the cat, and it ends up loving me more.”","tag":"p","attr":{}}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003EIn China&#x2019;s poorer years, people largely regarded dogs and cats as herders, guards or mouse catchers &#x2013; or even as a source of food. The Communist authorities used to ban pet ownership in many places as a bourgeois pastime.\u003C\u002Fp\u003E","text":"In China’s poorer years, people largely regarded dogs and cats as herders, guards or mouse catchers – or even as a source of food. The Communist authorities used to ban pet ownership in many places as a bourgeois pastime.","tag":"p","attr":{}}},{"id":14,"type":"text","content":{"html":"\u003Cp \u003EBut following the rapid economic growth of recent decades, pet ownership is booming.\u003C\u002Fp\u003E","text":"But following the rapid economic growth of recent decades, pet ownership is booming.","tag":"p","attr":{}}},{"id":15,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe3.jpg?itok=EXDYtPhj","caption":"Themed snacks on sale at a Beijing cat cafe","style":"default"}},{"id":16,"type":"text","content":{"html":"\u003Cp \u003EThere is no official data on the number of pet cats, but market watchers have noted a fast-expanding kitten economy.\u003C\u002Fp\u003E","text":"There is no official data on the number of pet cats, but market watchers have noted a fast-expanding kitten economy.","tag":"p","attr":{}}},{"id":17,"type":"text","content":{"html":"\u003Cp \u003EThe volume of cat food sold is set to rise at an average 28 percent annually reaching 346,000 tons by 2022, according to market researchers&#xA0;Euromonitor.\u003C\u002Fp\u003E","text":"The volume of cat food sold is set to rise at an average 28 percent annually reaching 346,000 tons by 2022, according to market researchers Euromonitor.","tag":"p","attr":{}}},{"id":18,"type":"text","content":{"html":"\u003Cp \u003EThere are concerns that not all owners can take good care of their animals. Mary Peng, founder of the International Center for Veterinary Services in Beijing, said Chinese millennials grew up at a time when few of their neighbors and friends could afford pets.\u003C\u002Fp\u003E","text":"There are concerns that not all owners can take good care of their animals. Mary Peng, founder of the International Center for Veterinary Services in Beijing, said Chinese millennials grew up at a time when few of their neighbors and friends could afford pets.","tag":"p","attr":{}}},{"id":19,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F486w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fpet-food-1301.jpg?itok=losXScbY","style":"default"}},{"id":20,"type":"text","content":{"html":"\u003Cp \u003E&#x201C;If you grow up as a child in the United States, you just get this education from society,&#x201D; Peng said. &#x201C;We don&#x2019;t have this yet.&#x201D;\u003C\u002Fp\u003E","text":"“If you grow up as a child in the United States, you just get this education from society,” Peng said. “We don’t have this yet.”","tag":"p","attr":{}}},{"id":21,"type":"text","content":{"html":"\u003Cp \u003EWhile enjoying the fun parts, &#x201C;cat smokers&#x201D; like Shen and Li are also learning how to take care of the animals.\u003C\u002Fp\u003E","text":"While enjoying the fun parts, “cat smokers” like Shen and Li are also learning how to take care of the animals.","tag":"p","attr":{}}},{"id":22,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat3.jpg?itok=y7t3K1w0","caption":"Social media + cats = a winning formula wherever you are in the world. ","photoBy":"Zheng Bowen","style":"default"}},{"id":23,"type":"text","content":{"html":"\u003Cp \u003EWhen he first bought Ruby, Li used to return home on his breaks to cook it chicken breast because it refused to eat cold food. He also learned&#xA0;that if the kitten needed the toilet in the middle of the night, he would have to get up to help it find it.\u003C\u002Fp\u003E","text":"When he first bought Ruby, Li used to return home on his breaks to cook it chicken breast because it refused to eat cold food. He also learned that if the kitten needed the toilet in the middle of the night, he would have to get up to help it find it.","tag":"p","attr":{}}},{"id":24,"type":"text","content":{"html":"\u003Cp \u003EBut Peng said Li&#x2019;s generation is beginning to experience the companionship and love of pets.\u003C\u002Fp\u003E","text":"But Peng said Li’s generation is beginning to experience the companionship and love of pets.","tag":"p","attr":{}}},{"id":25,"type":"text","content":{"html":"\u003Cp \u003E&#x201C;This country is really having a huge love affair with animals,&#x201D; she said.\u003C\u002Fp\u003E","text":"“This country is really having a huge love affair with animals,” she said.","tag":"p","attr":{}}},{"id":26,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fweibo-cat1.jpg?itok=-bhltKdY","caption":"For some pet owners, no amount of pampering is enough for their animals. ","photoBy":"Garfun Chan","style":"default"}},{"id":27,"type":"text","content":{"html":"\u003Cp \u003ECat videos and photos are every bit as popular on Chinese social media as they are in other parts of the world. Many fans are known as &#x201C;cloud cat smokers&#x201D; &#xAD;&#x2013; because they can only appreciate the cuteness of kittens via the internet.\u003C\u002Fp\u003E","text":"Cat videos and photos are every bit as popular on Chinese social media as they are in other parts of the world. Many fans are known as “cloud cat smokers” ­– because they can only appreciate the cuteness of kittens via the internet.","tag":"p","attr":{}}},{"id":28,"type":"text","content":{"html":"\u003Cp \u003EBut even they can enjoy some real-life &#x201C;cat smoking&#x201D; thanks to the growing number of cat cafes.\u003C\u002Fp\u003E","text":"But even they can enjoy some real-life “cat smoking” thanks to the growing number of cat cafes.","tag":"p","attr":{}}},{"id":29,"type":"text","content":{"html":"\u003Cp \u003EXi Shuting, 28, runs three such businesses in Beijing, hosting more than 100 cats.\u003C\u002Fp\u003E","text":"Xi Shuting, 28, runs three such businesses in Beijing, hosting more than 100 cats.","tag":"p","attr":{}}},{"id":30,"type":"text","content":{"html":"\u003Cp \u003EMany customers are students or young professionals, who are not able to keep cats of their own.\u003C\u002Fp\u003E","text":"Many customers are students or young professionals, who are not able to keep cats of their own.","tag":"p","attr":{}}},{"id":31,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F16\u002Fcat_cafe2.jpg?itok=6i_vnxT4","caption":"Xi Shuting's cafes offer a range of cat-themed snacks and refreshments","style":"default"}},{"id":32,"type":"text","content":{"html":"\u003Cp \u003EThe cafes are so popular that people form long queues on weekends to enjoy snacks such as sushi shaped like cats&#x2019; ears or tea with paw-shaped milk foam.\u003C\u002Fp\u003E","text":"The cafes are so popular that people form long queues on weekends to enjoy snacks such as sushi shaped like cats’ ears or tea with paw-shaped milk foam.","tag":"p","attr":{}}},{"id":33,"type":"text","content":{"html":"\u003Cp \u003EXi plans expand to other cities next year.\u003C\u002Fp\u003E","text":"Xi plans expand to other cities next year.","tag":"p","attr":{}}},{"id":34,"type":"text","content":{"html":"\u003Cp \u003E&#x201C;Chinese people used to think the only job for cats was to catch mice,&#x201D; the entrepreneur says. &#x201C;Now they know cats also offer companionship and comfort.&#x201D;\u003C\u002Fp\u003E","text":"“Chinese people used to think the only job for cats was to catch mice,” the entrepreneur says. “Now they know cats also offer companionship and comfort.”","tag":"p","attr":{}}},{"id":35,"type":"text","content":{"html":"\u003Cp \u003E&#xA0;\u003C\u002Fp\u003E","text":" ","tag":"p","attr":{}}},{"id":36,"type":"text","content":{"html":"\u003Cp \u003E&#xA0;\u003C\u002Fp\u003E","text":" ","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, China","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Viola Zhou","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-24T15:01:23+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-03-01T17:19:49+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-24T15:00:30+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"Many millennials are discovering the joy of cat ownership for the first time after coming of age in an increasingly affluent society","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"&#39;Smoking cats&#39;: a new way for young Chinese animal lovers to get their kicks","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=zqFPNeDc","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"Many millennials are discovering the joy of cat ownership for the first time after coming of age in an increasingly affluent society","vmid":"name_description"},{"name":"keywords","content":"Inkstone,China,&#39;Smoking cats&#39;: a new way for young Chinese animal lovers to get their kicks","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,China,&#39;Smoking cats&#39;: a new way for young Chinese animal lovers to get their kicks","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904?entity=node&amp;type=article&amp;id=2127904","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904?entity=node&amp;type=article&amp;id=2127904","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"Many millennials are discovering the joy of cat ownership for the first time after coming of age in an increasingly affluent society","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=VUf_ZwYt","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"&#39;Smoking cats&#39;: a new way for young Chinese animal lovers to get their kicks - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904?entity=node&amp;type=article&amp;id=2127904","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904?entity=node&amp;type=article&amp;id=2127904","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Viola Zhou","vmid":"property_og:article:author"},{"property":"og:description","content":"Many millennials are discovering the joy of cat ownership for the first time after coming of age in an increasingly affluent society","vmid":"property_og:description"},{"property":"og:image","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F16\u002Fkimi_1.jpg?itok=VUf_ZwYt","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"&#39;Smoking cats&#39;: a new way for young Chinese animal lovers to get their kicks - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fchina\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904","vmid":"rel_canonical"}],"nodePath":"china\u002Fsmoking-cats-new-way-young-chinese-animal-lovers-get-their-kicks\u002Farticle\u002F2127904"},"viewed":false}},"2127935":{"nid":"2127935","type":"article","status":"1","title":"Why Hong Kong is getting steamed up about a high-speed railway","default_head":"Why Hong Kong is getting steamed up over its high-speed rail link","social_head":"Why Hong Kong is getting steamed up about a high-speed railway","subheading":"A new line linking the city to mainland China will slash journey times but has provoked a heated debate about the political implications","created":"2018-01-18T10:30:11+08:00","updated":"2018-03-01T17:19:37+08:00","published":"2018-01-18T10:30:15+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325057","type":"article_type","title":"Debate","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fdebate","relative_url":"\u002Farticle-type\u002Fdebate"},{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"}]],"authors":[{"tid":"324456","type":"author","title":"Alkira Reinfrank","bio":"Alkira is a production editor with the South China Morning Post where she specializes in multiplatform storytelling for the Culture Desk. Before moving to Hong Kong, Alkira worked as a multiplatform reporter and digital producer with the Australian Broadcasting Corporation (ABC News) in Canberra, where she focused on current affairs for the under 30s demographic.","links":{"twitter":"https:\u002F\u002Ftwitter.com\u002Falkirareinfrank"},"images":[{"style_140x140":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F15\u002Falkira_reinfrank.jpg?itok=ogT1agO7","style_500x500":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F15\u002Falkira_reinfrank.jpg?itok=YNAb862P","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F15\u002Falkira_reinfrank.jpg?itok=I0JhhsJ-","full":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F15\u002Falkira_reinfrank.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Falkira-reinfrank","relative_url":"\u002Fauthor\u002Falkira-reinfrank"}],"related_articles":[{"nid":"2130128","type":"article","status":"1","title":"This is the practical and convenient way to do things","created":"2018-01-23T13:20:08+08:00","updated":"2018-01-24T13:06:41+08:00","published":"2018-01-23T13:15:15+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"},{"tid":"325057","type":"article_type","title":"Debate","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fdebate","relative_url":"\u002Farticle-type\u002Fdebate"},{"tid":"324882","type":"article_type","title":"Opinion1","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fopinion1","relative_url":"\u002Farticle-type\u002Fopinion1"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325470","type":"section","title":"Opinion","name":"Opinion","updated":"2017-11-06T11:22:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fopinion","relative_url":"\u002Finkstone\u002Fopinion"}]],"authors":[{"tid":"322425","type":"author","title":"Holden Chow","images":[{"style_140x140":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=b-g5f3tC","style_500x500":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=nzIb0BjD","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=YaQjIGaH","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fholden-chow-0","relative_url":"\u002Fauthor\u002Fholden-chow-0"}],"display_slideshow":true,"body":"\u003Cp\u003EThe plan for a joint customs and immigration checkpoint in Hong Kong&rsquo;s rail terminus is consistent with the Basic Law, the city&rsquo;s mini-constitution, and will maximize the efficiency of the new high-speed rail line.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means&nbsp;people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe joint checkpoint plan, or the &ldquo;co-location&rdquo; arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ELegally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong&rsquo;s Basic Law, which allows the city to operate semi-autonomously under the&nbsp;&ldquo;one country, two systems&rdquo; framework.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People&rsquo;s Congress Standing Committee -&nbsp;the top legislative body in China -&nbsp;handed down an important decision endorsing the plan.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EAs for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its &ldquo;state property,&rdquo; entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate&nbsp;joint border stations.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EAlthough our situation&nbsp;is not quite&nbsp;the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt all boils down to trust between the two sides.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Hong Kong government&nbsp;believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won&rsquo;t do any good for our city.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOutside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWe simply want to speed up the entire transportation process, offering people convenience and nothing more.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cem\u003EHolden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fopinion\u002Fpractical-and-convenient-way-do-things\u002Farticle\u002F2130128","relative_url":"\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","for_against_color":"#efefef","contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EThe plan for a joint customs and immigration checkpoint in Hong Kong&#x2019;s rail terminus is consistent with the Basic Law, the city&#x2019;s mini-constitution, and will maximize the efficiency of the new high-speed rail line.\u003C\u002Fp\u003E","text":"The plan for a joint customs and immigration checkpoint in Hong Kong’s rail terminus is consistent with the Basic Law, the city’s mini-constitution, and will maximize the efficiency of the new high-speed rail line.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EIt is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means&#xA0;people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.\u003C\u002Fp\u003E","text":"It is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003EThe joint checkpoint plan, or the &#x201C;co-location&#x201D; arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.\u003C\u002Fp\u003E","text":"The joint checkpoint plan, or the “co-location” arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003ELegally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong&#x2019;s Basic Law, which allows the city to operate semi-autonomously under the&#xA0;&#x201C;one country, two systems&#x201D; framework.\u003C\u002Fp\u003E","text":"Legally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong’s Basic Law, which allows the city to operate semi-autonomously under the “one country, two systems” framework.","tag":"p","attr":{}}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EThe Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People&#x2019;s Congress Standing Committee -&#xA0;the top legislative body in China -&#xA0;handed down an important decision endorsing the plan.\u003C\u002Fp\u003E","text":"The Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People’s Congress Standing Committee - the top legislative body in China - handed down an important decision endorsing the plan.","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003EAs for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its &#x201C;state property,&#x201D; entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.\u003C\u002Fp\u003E","text":"As for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its “state property,” entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EThis type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate&#xA0;joint border stations.\u003C\u002Fp\u003E","text":"This type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate joint border stations.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003EAlthough our situation&#xA0;is not quite&#xA0;the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?\u003C\u002Fp\u003E","text":"Although our situation is not quite the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EIt all boils down to trust between the two sides.\u003C\u002Fp\u003E","text":"It all boils down to trust between the two sides.","tag":"p","attr":{}}},{"id":10,"type":"text","content":{"html":"\u003Cp \u003EThe Hong Kong government&#xA0;believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won&#x2019;t do any good for our city.\u003C\u002Fp\u003E","text":"The Hong Kong government believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won’t do any good for our city.","tag":"p","attr":{}}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EOutside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.\u003C\u002Fp\u003E","text":"Outside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.","tag":"p","attr":{}}},{"id":12,"type":"text","content":{"html":"\u003Cp \u003EWe simply want to speed up the entire transportation process, offering people convenience and nothing more.\u003C\u002Fp\u003E","text":"We simply want to speed up the entire transportation process, offering people convenience and nothing more.","tag":"p","attr":{}}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003E\u003Cem\u003EHolden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E","text":"Holden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, Opinion","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Holden Chow","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-23T13:20:08+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-01-24T13:06:41+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-23T13:15:15+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"This is the practical and convenient way to do things","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Opinion,This is the practical and convenient way to do things","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Opinion,This is the practical and convenient way to do things","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"This is the practical and convenient way to do things - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Holden Chow","vmid":"property_og:article:author"},{"property":"og:description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"property_og:description"},{"property":"og:image","content":"","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"This is the practical and convenient way to do things - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","vmid":"rel_canonical"}],"nodePath":"why-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882"}}},{"nid":"2128598","type":"article","status":"1","title":"Beijing is railroading through a hidden agenda","created":"2018-01-17T13:08:36+08:00","updated":"2018-01-24T11:00:09+08:00","published":"2018-01-17T13:15:30+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"},{"tid":"325057","type":"article_type","title":"Debate","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fdebate","relative_url":"\u002Farticle-type\u002Fdebate"},{"tid":"324881","type":"article_type","title":"Opinion2","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fopinion2","relative_url":"\u002Farticle-type\u002Fopinion2"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325470","type":"section","title":"Opinion","name":"Opinion","updated":"2017-11-06T11:22:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fopinion","relative_url":"\u002Finkstone\u002Fopinion"}]],"authors":[{"tid":"326264","type":"author","title":"Eric Cheung","images":[{"style_140x140":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=2Y5jKO-e","style_500x500":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=ewuFWg0Z","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=98ZOhaWl","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Feric-cheung-0","relative_url":"\u002Fauthor\u002Feric-cheung-0"}],"display_slideshow":true,"body":"\u003Cp\u003EIn the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&rsquo;s semi-autonomous legal system and its mini-constitution, the Basic Law.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut in recent years China&rsquo;s central government has increasingly emphasized its comprehensive governing power over Hong Kong. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ESo my biggest worry about co-location is that Beijing&rsquo;s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EHong Kong is part of China but has its own legal system.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong&rsquo;s West Kowloon terminus, known as &ldquo;the Mainland Port Area&rdquo;.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThose powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWithin the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ENor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIf a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ESuch an arrangement clearly violates several express provisions of the Basic Law.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThese include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EI see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThere is no separation of power under mainland China&rsquo;s legal system and the law is seen only as a tool to constrain the people, not the authorities. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ENo mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut under Hong Kong&rsquo;s common law system, our courts can overturn any government actions or local legislation that violates the law. &nbsp;&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EChina&rsquo;s top legislative body endorsed the co-location agreement in December, saying it offered an &ldquo;unchallengeable&rdquo; legal foundation and Hong Kong courts had no jurisdiction to contest this &ldquo;act of state&rdquo;. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIf necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong&rsquo;s courts that they have no power to strike down any local legislation endorsed by the central government.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOnce such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation &mdash; even if it contravenes rights guaranteed under the Basic Law. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOur rule of law will be irreparably compromised, and it will become rule by authority.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cem\u003EEric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fopinion\u002Fbeijings-railroading-through-hidden-agenda\u002Farticle\u002F2128598","relative_url":"\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","for_against_color":"#30eeb4","contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EIn the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&#x2019;s semi-autonomous legal system and its mini-constitution, the Basic Law.\u003C\u002Fp\u003E","text":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city’s semi-autonomous legal system and its mini-constitution, the Basic Law.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EBut in recent years China&#x2019;s central government has increasingly emphasized its comprehensive governing power over Hong Kong. &#xA0;\u003C\u002Fp\u003E","text":"But in recent years China’s central government has increasingly emphasized its comprehensive governing power over Hong Kong. ","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003ESo my biggest worry about co-location is that Beijing&#x2019;s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.\u003C\u002Fp\u003E","text":"So my biggest worry about co-location is that Beijing’s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003EHong Kong is part of China but has its own legal system.\u003C\u002Fp\u003E","text":"Hong Kong is part of China but has its own legal system.","tag":"p","attr":{}}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EBut under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong&#x2019;s West Kowloon terminus, known as &#x201C;the Mainland Port Area&#x201D;.\u003C\u002Fp\u003E","text":"But under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong’s West Kowloon terminus, known as “the Mainland Port Area”.","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003EThose powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.\u003C\u002Fp\u003E","text":"Those powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EWithin the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.\u003C\u002Fp\u003E","text":"Within the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003ENor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.\u003C\u002Fp\u003E","text":"Nor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EIf a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.\u003C\u002Fp\u003E","text":"If a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.","tag":"p","attr":{}}},{"id":10,"type":"text","content":{"html":"\u003Cp \u003ESuch an arrangement clearly violates several express provisions of the Basic Law.\u003C\u002Fp\u003E","text":"Such an arrangement clearly violates several express provisions of the Basic Law.","tag":"p","attr":{}}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EThese include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.\u003C\u002Fp\u003E","text":"These include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.","tag":"p","attr":{}}},{"id":12,"type":"text","content":{"html":"\u003Cp \u003EI see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts\u003C\u002Fp\u003E","text":"I see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts","tag":"p","attr":{}}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003EThere is no separation of power under mainland China&#x2019;s legal system and the law is seen only as a tool to constrain the people, not the authorities. &#xA0;\u003C\u002Fp\u003E","text":"There is no separation of power under mainland China’s legal system and the law is seen only as a tool to constrain the people, not the authorities. ","tag":"p","attr":{}}},{"id":14,"type":"text","content":{"html":"\u003Cp \u003ENo mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.\u003C\u002Fp\u003E","text":"No mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.","tag":"p","attr":{}}},{"id":15,"type":"text","content":{"html":"\u003Cp \u003EBut under Hong Kong&#x2019;s common law system, our courts can overturn any government actions or local legislation that violates the law. &#xA0;&#xA0;\u003C\u002Fp\u003E","text":"But under Hong Kong’s common law system, our courts can overturn any government actions or local legislation that violates the law. ","tag":"p","attr":{}}},{"id":16,"type":"text","content":{"html":"\u003Cp \u003EChina&#x2019;s top legislative body endorsed the co-location agreement in December, saying it offered an &#x201C;unchallengeable&#x201D; legal foundation and Hong Kong courts had no jurisdiction to contest this &#x201C;act of state&#x201D;. &#xA0;\u003C\u002Fp\u003E","text":"China’s top legislative body endorsed the co-location agreement in December, saying it offered an “unchallengeable” legal foundation and Hong Kong courts had no jurisdiction to contest this “act of state”. ","tag":"p","attr":{}}},{"id":17,"type":"text","content":{"html":"\u003Cp \u003EIf necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong&#x2019;s courts that they have no power to strike down any local legislation endorsed by the central government.\u003C\u002Fp\u003E","text":"If necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong’s courts that they have no power to strike down any local legislation endorsed by the central government.","tag":"p","attr":{}}},{"id":18,"type":"text","content":{"html":"\u003Cp \u003EOnce such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation &#x2014; even if it contravenes rights guaranteed under the Basic Law. &#xA0;\u003C\u002Fp\u003E","text":"Once such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation — even if it contravenes rights guaranteed under the Basic Law. ","tag":"p","attr":{}}},{"id":19,"type":"text","content":{"html":"\u003Cp \u003EThis means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.\u003C\u002Fp\u003E","text":"This means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.","tag":"p","attr":{}}},{"id":20,"type":"text","content":{"html":"\u003Cp \u003EOur rule of law will be irreparably compromised, and it will become rule by authority.\u003C\u002Fp\u003E","text":"Our rule of law will be irreparably compromised, and it will become rule by authority.","tag":"p","attr":{}}},{"id":21,"type":"text","content":{"html":"\u003Cp \u003E\u003Cem\u003EEric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E","text":"Eric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, Opinion","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Eric Cheung","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-17T13:08:36+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-01-24T11:00:09+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-17T13:15:30+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"Beijing is railroading through a hidden agenda","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Opinion,Beijing is railroading through a hidden agenda","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Opinion,Beijing is railroading through a hidden agenda","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"Beijing is railroading through a hidden agenda - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Eric Cheung","vmid":"property_og:article:author"},{"property":"og:description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"property_og:description"},{"property":"og:image","content":"","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"Beijing is railroading through a hidden agenda - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","vmid":"rel_canonical"}],"nodePath":"why-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881"}}}],"images":[{"slideshow":1,"title":"The new line from Hong Kong will link up with China's vast high-speed network","alt":"The new line from Hong Kong will link up with China's vast high-speed network","type":"cover","writer":"Staff","style_type":"default","effect_type":"effect_type_4","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=Hp53qYb5","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=VKExNJdq","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=N6ic9IQd","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=fmLqDFdd","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=TaZflLZS","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=_hlxxlPn","style_1400x320":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=zidOwQX7","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=pNbtO_ML","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=C2b6Z3Lu","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=p0yfgWXo","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=u__NNoaL","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=yYjHRSlD","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=ibyxXIoL","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=yQz96hIU","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=njEKv80_","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=H8ZDTd50","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=9M58OlFc","style_220x137":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=MLRklZg7","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=iXx1p64B","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=qqDBigN6","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=u9PGT4xh","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=jeSVnUU4","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg","width":"1024","height":"542"},{"slideshow":1,"title":"The new line from Hong Kong will link up with China's vast high-speed network","alt":"The new line from Hong Kong will link up with China's vast high-speed network","type":"cover_mobile","writer":"Staff","style_type":"default","effect_type":"effect_type_4","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=-lyrz0FM","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=5urG9FdF","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=_UEip1Et","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare_4\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=k6z352nO","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=YDQuhCry","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=VbwthRZ4","style_1400x320":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=3nyKgyAF","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=rHV5jfTQ","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=UW1nUF2G","style_700x400":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=XowjiQQG","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=Lef-YF5T","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=6pDjaGYj","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=axjw6Sqn","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=cW2Q3zzN","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=rxSvugsU","style_300x300":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=jSLt3v5a","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=oahRN_uU","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=e2BZ3X7h","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=JZEnQmA4","style_140x87":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=PKbGNamI","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=_oKxvJDL","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg?itok=S_RG7AJ_","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua_0.jpg","width":"1024","height":"542"},{"slideshow":1,"type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=T9tgpyb_","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=aClAyl_H","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=vMnAOGIT","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=KIevHIPe","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=xg6e5eoM","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=JlFkKFPA","style_1400x320":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=rELJKZBB","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=UYlK7bQJ","style_780x510":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=xlRz1IPi","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=mgqhKx9e","style_600x600":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=cBfE5SUb","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=GDxY_5mg","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=DV-Isdfl","style_460x287":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=Zs_MKX4y","style_300x187":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=LXx3grV7","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=3bLm7bAs","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=IyvFc_k4","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=o7e-Jx9n","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=vHore0ha","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=GAKYAjuH","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=2ZxhaluV","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=LmqyLJVu","full":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg","width":"600","height":"591"},{"slideshow":1,"title":"A rally in Hong Kong to commemorate Liu Xiaobo, something that would be unthinkable in mainland China. ","alt":"A rally in Hong Kong to commemorate Liu Xiaobo, something that would be unthinkable in mainland China. ","type":"default","source":"Kyodo","writer":"Wire","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=7xNKDhCU","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=6rvmy0rw","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=dJBZXXLm","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=5QP3Zz8z","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=gamqK2bK","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=SEQxZyB5","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=-pd_QAZF","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Jxg3erYL","style_780x510":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=DxYt6h_G","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=4fShQADG","style_600x600":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Uyalnu9-","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=WLmvPb3E","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=fnVOxR3g","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Uem5O3xA","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=4hLooZcj","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=iO0ysJMG","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=isR-femV","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=e_qY9F7H","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=nTypJ_Ty","style_140x87":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=pR1WYruG","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Mjd1ABBH","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=coKuK9oz","full":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg","width":"772","height":"1024"},{"slideshow":1,"title":"The project is expected to have finished by the end of the year. ","alt":"The project is expected to have finished by the end of the year. ","type":"default","copyright":"1","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=kde89MJx","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=aqIR3gCz","style_portrait":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=RflU-GlI","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=3MXYny9v","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=xQdCtsQr","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=CY9IQFuU","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=Tp0rdOh_","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=1QHaqGtq","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=hgXX0H4R","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=GJKj3EJ0","style_600x600":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=kD5fj2Y-","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=MdtVId1S","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=hTd317pJ","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=iYxv7Yg9","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=v_MCfIvH","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=TY3P9Sl5","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=PBGyTfXe","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=gpGifEFC","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=z2UpeH7v","style_140x87":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=83Uk8Nyq","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=hZBkrLRd","style_650w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=cqCopXpV","full":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg","width":"1024","height":"622"},{"slideshow":1,"type":"default","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=0ys7JMWi","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=T4-PKzOm","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=Fzgdt7kw","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=bZKKVS5c","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=bBihT6cu","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=04ItHpF_","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=HYhMeQhX","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=MauL1_y9","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=CKYfktEp","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=DWWnHZYh","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=mAiz-2xr","style_540x360":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=6I7Zlo6e","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=j90cy01Y","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=2N1WK3yH","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=EEIwvMpO","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=HAy2RzfI","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=TksFOD78","style_220x137":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=hT0REdyi","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=bQpoEMbr","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=--z9qGcN","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=oBA1F1Na","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif?itok=Kb7fuqxE","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif","width":"1200","height":"922"}],"display_slideshow":true,"sponsor_type":"","plain_text_summary":"Traveling 80 miles in under an hour sounds like a dream. But that’s exactly what a new high-speed train line that’s set to open this year between China and Hong Kong is promising.\r...","body":"\u003Cp\u003ETraveling 80 miles in under an hour sounds like a dream.&nbsp;But that&rsquo;s exactly what a new high-speed train line that&rsquo;s set to open this year between China and Hong Kong is promising.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EPassengers can travel between Hong Kong and the nearest Chinese city, Shenzhen, in just 15 minutes, compared with the current journey that takes over an hour.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe overland route is one of the busiest in the world, with about 400,000 passengers making this trip every day in 2016.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt&rsquo;s also, historically and legally, something of an oddity.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EHong Kong&rsquo;s special legal status means it is part of China, but it is largely self-run. It has a separate legal and administrative system and civil liberties not available in China (such as access to Facebook and Google).\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ETravelers between Hong Kong and the rest of China must also go through immigration when crossing this border as if traveling to a different country. You might think speeding up this popular journey would be welcomed by everyone.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut, rising tensions between Hong Kong and mainland China have made this high-speed train a political hot potato.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIs it a boon for travelers, or a Trojan horse allowing China to extend its political and legal influence in Hong Kong?\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cstrong\u003EWhat exactly is this train?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Express Rail Link is a superfast rail line that is intended to connect Hong Kong to the rest of China&rsquo;s 12,400-mile high-speed network, the largest in the world.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt&rsquo;s expected that the much-delayed project will see the first&nbsp;train hurtling down the tracks by the end of the year, at a cost of US$10.8 billion (almost double the initial estimate). &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=hZBkrLRd\" title=\"The project is expected to have finished by the end of the year. \" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EEach train will be able to seat 579 people, and the carriages will be fitted with power sockets and shared TV screens. It is expected that about 110,000 people will use it on a daily basis.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe physical railway network is nearly finished. But the political debate is just beginning.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cstrong\u003EWhat are the touted benefits of the train?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIts speed and convenience. The train will massively improve the connectivity between Hong Kong and Chinese cities, no doubt boosting trade and tourism.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EHitting speeds of up to 125 miles per hour, passengers leaving Hong Kong could be could be eating dumplings in Beijing in less than nine hours. That&rsquo;s roughly equivalent to traveling from San Diego to Seattle in that time.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"China high-speed rail\" src=\"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif\" title=\"China high-speed rail\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EInstead of passengers having to go through immigration at the start and end of their journey, plans have been put in place to streamline the process with a &ldquo;one-stop&rdquo; immigration checkpoint.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIn effect, passengers will have their documents checked by both sets of officials inside the Hong Kong terminal, ensuring a seamless trip across the border.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut that&rsquo;s where things get a little hairy.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cstrong\u003EWhy is it so controversial?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe legal and administrative changes the plan requires in Hong Kong are unacceptable to some&nbsp;people in the city.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EChinese immigration officials will have to work inside the terminal, which means that they will be able to enforce mainland Chinese laws on Hong Kong soil. For the first time.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis&nbsp;includes the Chinese section of customs and immigration, all passageways and a departure lounge, as well as all trains and platforms.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Hong Kong and Beijing governments say this arrangement is completely legal.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut critics of the plan have asked what would happen if, for example, a passenger turned up carrying books that are banned in China or wearing a t-shirt carrying the image of a prominent dissident like Nobel peace prize winner Liu Xiaobo, who died in jail last year.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt is not even clear whether travelers will be allowed to browse Facebook, which is banned in China, while waiting for their train.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-source=\"Kyodo\" data-style-type=\"default\" data-writer=\"Wire\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Mjd1ABBH\" title=\"A rally in Hong Kong to commemorate Liu Xiaobo. \" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ESome believe allowing the Chinese authorities to operate in the heart of the city violates the &ldquo;one country, two systems&rdquo; agreement under which the British handed back their former colony 20 years ago.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe agreement stated that Hong Kong would carry on having a high degree of autonomy and keep its own laws at least until 2047.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ERegardless, people are pretty freaked out because this is an unprecedented move that strengthens the belief that China is increasing its influence in Hong Kong.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-486w caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"479\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F486w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=ghp01TV6\" width=\"486\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EQuestions still remain over the arrangement&rsquo;s legality but the Hong Kong government has already agreed to the deal. Below,&nbsp;two of Hong Kong&#39;s leading legal and political figures give their views on the joint checkpoints.\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935","relative_url":"\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935","shorten_url":"https:\u002F\u002Fsc.mp\u002F2mHEAcw","issue":{"tid":"326265","type":"issue","title":"Jan 24, 2018","relative_url":"\u002F2018\u002F01\u002F24\u002Farchive","finish_message":{"headline":"ALL DONE FOR THIS ISSUE","subhead":"GREAT!","body":"You're all caught up...\r\ntime for that well deserved coffee."},"issue_date":"2018-01-24T17:00:00+08:00","enabled":true,"applications":[{"name":"Inkstone","tid":"324860"}]},"weight":4,"applications":[{"name":"Inkstone","tid":"324860"}],"timeline":[{}],"forArticle":{"nid":"2128598","type":"article","status":"1","title":"Beijing is railroading through a hidden agenda","created":"2018-01-17T13:08:36+08:00","updated":"2018-01-24T11:00:09+08:00","published":"2018-01-17T13:15:30+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"},{"tid":"325057","type":"article_type","title":"Debate","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fdebate","relative_url":"\u002Farticle-type\u002Fdebate"},{"tid":"324881","type":"article_type","title":"Opinion2","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fopinion2","relative_url":"\u002Farticle-type\u002Fopinion2"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325470","type":"section","title":"Opinion","name":"Opinion","updated":"2017-11-06T11:22:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fopinion","relative_url":"\u002Finkstone\u002Fopinion"}]],"authors":[{"tid":"326264","type":"author","title":"Eric Cheung","images":[{"style_140x140":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=2Y5jKO-e","style_500x500":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=ewuFWg0Z","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg?itok=98ZOhaWl","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fericcheung_2.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Feric-cheung-0","relative_url":"\u002Fauthor\u002Feric-cheung-0"}],"display_slideshow":true,"body":"\u003Cp\u003EIn the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&rsquo;s semi-autonomous legal system and its mini-constitution, the Basic Law.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut in recent years China&rsquo;s central government has increasingly emphasized its comprehensive governing power over Hong Kong. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ESo my biggest worry about co-location is that Beijing&rsquo;s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EHong Kong is part of China but has its own legal system.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong&rsquo;s West Kowloon terminus, known as &ldquo;the Mainland Port Area&rdquo;.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThose powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWithin the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ENor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIf a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ESuch an arrangement clearly violates several express provisions of the Basic Law.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThese include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EI see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThere is no separation of power under mainland China&rsquo;s legal system and the law is seen only as a tool to constrain the people, not the authorities. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ENo mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBut under Hong Kong&rsquo;s common law system, our courts can overturn any government actions or local legislation that violates the law. &nbsp;&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EChina&rsquo;s top legislative body endorsed the co-location agreement in December, saying it offered an &ldquo;unchallengeable&rdquo; legal foundation and Hong Kong courts had no jurisdiction to contest this &ldquo;act of state&rdquo;. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIf necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong&rsquo;s courts that they have no power to strike down any local legislation endorsed by the central government.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOnce such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation &mdash; even if it contravenes rights guaranteed under the Basic Law. &nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOur rule of law will be irreparably compromised, and it will become rule by authority.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cem\u003EEric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fopinion\u002Fbeijings-railroading-through-hidden-agenda\u002Farticle\u002F2128598","relative_url":"\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","for_against_color":"#30eeb4","contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EIn the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&#x2019;s semi-autonomous legal system and its mini-constitution, the Basic Law.\u003C\u002Fp\u003E","text":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city’s semi-autonomous legal system and its mini-constitution, the Basic Law.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EBut in recent years China&#x2019;s central government has increasingly emphasized its comprehensive governing power over Hong Kong. &#xA0;\u003C\u002Fp\u003E","text":"But in recent years China’s central government has increasingly emphasized its comprehensive governing power over Hong Kong. ","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003ESo my biggest worry about co-location is that Beijing&#x2019;s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.\u003C\u002Fp\u003E","text":"So my biggest worry about co-location is that Beijing’s hidden agenda is to use the arrangement to establish absolute control over Hong Kong.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003EHong Kong is part of China but has its own legal system.\u003C\u002Fp\u003E","text":"Hong Kong is part of China but has its own legal system.","tag":"p","attr":{}}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EBut under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong&#x2019;s West Kowloon terminus, known as &#x201C;the Mainland Port Area&#x201D;.\u003C\u002Fp\u003E","text":"But under co-location, mainland Chinese officials will enforce mainland Chinese laws within a designated area of Hong Kong’s West Kowloon terminus, known as “the Mainland Port Area”.","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003EThose powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.\u003C\u002Fp\u003E","text":"Those powers will also apply on board the cross-border high-speed train while it is running in Hong Kong.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EWithin the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.\u003C\u002Fp\u003E","text":"Within the Mainland Port Area, people will not be able to claim protection for exercising freedom of expression and assembly guaranteed by our mini-constitution.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003ENor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.\u003C\u002Fp\u003E","text":"Nor can they seek help from the Hong Kong courts to challenge the legality of any coercive powers exercised by mainland Chinese officials.","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EIf a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.\u003C\u002Fp\u003E","text":"If a crime happens in the Mainland Port Area, it will be dealt with by a mainland court.","tag":"p","attr":{}}},{"id":10,"type":"text","content":{"html":"\u003Cp \u003ESuch an arrangement clearly violates several express provisions of the Basic Law.\u003C\u002Fp\u003E","text":"Such an arrangement clearly violates several express provisions of the Basic Law.","tag":"p","attr":{}}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EThese include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.\u003C\u002Fp\u003E","text":"These include the provisions that Hong Kong laws instead of mainland Chinese laws shall apply in Hong Kong; Hong Kong courts can try all cases in Hong Kong except over matters such as defence and foreign affairs; all mainland Chinese officials stationed in Hong Kong must abide by Hong Kong laws; and fundamental rights guaranteed under the Basic Law cannot be taken away by local legislation.","tag":"p","attr":{}}},{"id":12,"type":"text","content":{"html":"\u003Cp \u003EI see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts\u003C\u002Fp\u003E","text":"I see no objection to leasing out the Mainland Port Area to mainland China, but because it remains part of Hong Kong, Hong Kong laws should continue to apply and people should be able to seek legal protection from our independent courts","tag":"p","attr":{}}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003EThere is no separation of power under mainland China&#x2019;s legal system and the law is seen only as a tool to constrain the people, not the authorities. &#xA0;\u003C\u002Fp\u003E","text":"There is no separation of power under mainland China’s legal system and the law is seen only as a tool to constrain the people, not the authorities. ","tag":"p","attr":{}}},{"id":14,"type":"text","content":{"html":"\u003Cp \u003ENo mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.\u003C\u002Fp\u003E","text":"No mainland Chinese judge dares to disregard the opinion of top officials, let alone a decision by the top legislative body.","tag":"p","attr":{}}},{"id":15,"type":"text","content":{"html":"\u003Cp \u003EBut under Hong Kong&#x2019;s common law system, our courts can overturn any government actions or local legislation that violates the law. &#xA0;&#xA0;\u003C\u002Fp\u003E","text":"But under Hong Kong’s common law system, our courts can overturn any government actions or local legislation that violates the law. ","tag":"p","attr":{}}},{"id":16,"type":"text","content":{"html":"\u003Cp \u003EChina&#x2019;s top legislative body endorsed the co-location agreement in December, saying it offered an &#x201C;unchallengeable&#x201D; legal foundation and Hong Kong courts had no jurisdiction to contest this &#x201C;act of state&#x201D;. &#xA0;\u003C\u002Fp\u003E","text":"China’s top legislative body endorsed the co-location agreement in December, saying it offered an “unchallengeable” legal foundation and Hong Kong courts had no jurisdiction to contest this “act of state”. ","tag":"p","attr":{}}},{"id":17,"type":"text","content":{"html":"\u003Cp \u003EIf necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong&#x2019;s courts that they have no power to strike down any local legislation endorsed by the central government.\u003C\u002Fp\u003E","text":"If necessary, Beijing will make an interpretation of the Basic Law binding Hong Kong’s courts that they have no power to strike down any local legislation endorsed by the central government.","tag":"p","attr":{}}},{"id":18,"type":"text","content":{"html":"\u003Cp \u003EOnce such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation &#x2014; even if it contravenes rights guaranteed under the Basic Law. &#xA0;\u003C\u002Fp\u003E","text":"Once such an endorsement procedure is established, in future Beijing can exercise its comprehensive governing power over Hong Kong by requiring our government to pass any legislation — even if it contravenes rights guaranteed under the Basic Law. ","tag":"p","attr":{}}},{"id":19,"type":"text","content":{"html":"\u003Cp \u003EThis means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.\u003C\u002Fp\u003E","text":"This means we can no longer rely on our independent courts to enforce the rights guaranteed under the Basic Law against any exercise of power by Beijing.","tag":"p","attr":{}}},{"id":20,"type":"text","content":{"html":"\u003Cp \u003EOur rule of law will be irreparably compromised, and it will become rule by authority.\u003C\u002Fp\u003E","text":"Our rule of law will be irreparably compromised, and it will become rule by authority.","tag":"p","attr":{}}},{"id":21,"type":"text","content":{"html":"\u003Cp \u003E\u003Cem\u003EEric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E","text":"Eric Cheung Tat-ming is a principal law lecturer at the University of Hong Kong.","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, Opinion","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Eric Cheung","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-17T13:08:36+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-01-24T11:00:09+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-17T13:15:30+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"Beijing is railroading through a hidden agenda","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Opinion,Beijing is railroading through a hidden agenda","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Opinion,Beijing is railroading through a hidden agenda","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"Beijing is railroading through a hidden agenda - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881?entity=node&amp;type=article&amp;id=2128598","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Eric Cheung","vmid":"property_og:article:author"},{"property":"og:description","content":"In the early years following the 1997 handover of Hong Kong from Britain to China, Beijing chose to respect the city&amp;rsquo;s semi-autonomous legal system and its mini-constitution, the Basic…","vmid":"property_og:description"},{"property":"og:image","content":"","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"Beijing is railroading through a hidden agenda - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881","vmid":"rel_canonical"}],"nodePath":"why-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324881"}}},"agstArticle":{"nid":"2130128","type":"article","status":"1","title":"This is the practical and convenient way to do things","created":"2018-01-23T13:20:08+08:00","updated":"2018-01-24T13:06:41+08:00","published":"2018-01-23T13:15:15+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"},{"tid":"325057","type":"article_type","title":"Debate","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fdebate","relative_url":"\u002Farticle-type\u002Fdebate"},{"tid":"324882","type":"article_type","title":"Opinion1","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fopinion1","relative_url":"\u002Farticle-type\u002Fopinion1"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325470","type":"section","title":"Opinion","name":"Opinion","updated":"2017-11-06T11:22:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fopinion","relative_url":"\u002Finkstone\u002Fopinion"}]],"authors":[{"tid":"322425","type":"author","title":"Holden Chow","images":[{"style_140x140":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=b-g5f3tC","style_500x500":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=nzIb0BjD","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg?itok=YaQjIGaH","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fholdenchow_cropped_0.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fholden-chow-0","relative_url":"\u002Fauthor\u002Fholden-chow-0"}],"display_slideshow":true,"body":"\u003Cp\u003EThe plan for a joint customs and immigration checkpoint in Hong Kong&rsquo;s rail terminus is consistent with the Basic Law, the city&rsquo;s mini-constitution, and will maximize the efficiency of the new high-speed rail line.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means&nbsp;people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe joint checkpoint plan, or the &ldquo;co-location&rdquo; arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ELegally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong&rsquo;s Basic Law, which allows the city to operate semi-autonomously under the&nbsp;&ldquo;one country, two systems&rdquo; framework.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People&rsquo;s Congress Standing Committee -&nbsp;the top legislative body in China -&nbsp;handed down an important decision endorsing the plan.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EAs for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its &ldquo;state property,&rdquo; entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate&nbsp;joint border stations.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EAlthough our situation&nbsp;is not quite&nbsp;the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EIt all boils down to trust between the two sides.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe Hong Kong government&nbsp;believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won&rsquo;t do any good for our city.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOutside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EWe simply want to speed up the entire transportation process, offering people convenience and nothing more.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cem\u003EHolden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fopinion\u002Fpractical-and-convenient-way-do-things\u002Farticle\u002F2130128","relative_url":"\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","for_against_color":"#efefef","contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EThe plan for a joint customs and immigration checkpoint in Hong Kong&#x2019;s rail terminus is consistent with the Basic Law, the city&#x2019;s mini-constitution, and will maximize the efficiency of the new high-speed rail line.\u003C\u002Fp\u003E","text":"The plan for a joint customs and immigration checkpoint in Hong Kong’s rail terminus is consistent with the Basic Law, the city’s mini-constitution, and will maximize the efficiency of the new high-speed rail line.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EIt is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means&#xA0;people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.\u003C\u002Fp\u003E","text":"It is of paramount importance to Hong Kong to speed up transportation to the mainland, given the clear social and economic benefits for the city. The link means people will be able to travel from Hong Kong to Shenzhen in just 15 minutes.","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003EThe joint checkpoint plan, or the &#x201C;co-location&#x201D; arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.\u003C\u002Fp\u003E","text":"The joint checkpoint plan, or the “co-location” arrangement, will allow the border-crossing process to be smooth and efficient. Making different customs and immigration arrangements would require passengers to get on and off the trains to undergo checks, defeating the whole purpose of the high-speed railway.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003ELegally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong&#x2019;s Basic Law, which allows the city to operate semi-autonomously under the&#xA0;&#x201C;one country, two systems&#x201D; framework.\u003C\u002Fp\u003E","text":"Legally speaking, the arrangement is consistent with both the Chinese constitution and Hong Kong’s Basic Law, which allows the city to operate semi-autonomously under the “one country, two systems” framework.","tag":"p","attr":{}}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EThe Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People&#x2019;s Congress Standing Committee -&#xA0;the top legislative body in China -&#xA0;handed down an important decision endorsing the plan.\u003C\u002Fp\u003E","text":"The Hong Kong government has already signed a cooperation agreement for the co-location plan with the mainland, and the National People’s Congress Standing Committee - the top legislative body in China - handed down an important decision endorsing the plan.","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003EAs for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its &#x201C;state property,&#x201D; entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.\u003C\u002Fp\u003E","text":"As for the Basic Law, Article 7 of the constitution allows the Hong Kong government to manage its “state property,” entitling it to earmark or lease out any part of the rail terminus to other parties, including to the Chinese central government.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EThis type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate&#xA0;joint border stations.\u003C\u002Fp\u003E","text":"This type of arrangement exists in other parts of the world. In Europe, Britain and France have established joint checkpoints at either end of Eurostar high-speed railway. Canada and the US also operate joint border stations.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003EAlthough our situation&#xA0;is not quite&#xA0;the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?\u003C\u002Fp\u003E","text":"Although our situation is not quite the same, if two completely different countries can reach a consensus that improves efficiency for both sides, why can we not do this for Hong Kong and the mainland when we are part of the same country?","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EIt all boils down to trust between the two sides.\u003C\u002Fp\u003E","text":"It all boils down to trust between the two sides.","tag":"p","attr":{}}},{"id":10,"type":"text","content":{"html":"\u003Cp \u003EThe Hong Kong government&#xA0;believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won&#x2019;t do any good for our city.\u003C\u002Fp\u003E","text":"The Hong Kong government believes the mainland officials assigned to the port area will be purely carrying out customs and immigration duties. The opposition are scaring people by saying that they will carry out cross-border legal enforcement in Hong Kong, which is simply against the Basic Law. These scare tactics won’t do any good for our city.","tag":"p","attr":{}}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EOutside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.\u003C\u002Fp\u003E","text":"Outside opinion polls show that the majority of people in Hong Kong agree, since they want a more convenient way to travel to the mainland.","tag":"p","attr":{}}},{"id":12,"type":"text","content":{"html":"\u003Cp \u003EWe simply want to speed up the entire transportation process, offering people convenience and nothing more.\u003C\u002Fp\u003E","text":"We simply want to speed up the entire transportation process, offering people convenience and nothing more.","tag":"p","attr":{}}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003E\u003Cem\u003EHolden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.\u003C\u002Fem\u003E\u003C\u002Fp\u003E","text":"Holden Chow Ho-ding is a member of the Hong Kong Legislative Council and a member of the Democratic Alliance for the Betterment and Progress of Hong Kong.","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone, Opinion","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Holden Chow","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-23T13:20:08+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-01-24T13:06:41+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-23T13:15:15+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"This is the practical and convenient way to do things","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Opinion,This is the practical and convenient way to do things","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Opinion,This is the practical and convenient way to do things","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"This is the practical and convenient way to do things - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882?entity=node&amp;type=article&amp;id=2130128","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Holden Chow","vmid":"property_og:article:author"},{"property":"og:description","content":"The plan for a joint customs and immigration checkpoint in Hong Kong&amp;rsquo;s rail terminus is consistent with the Basic Law, the city&amp;rsquo;s mini-constitution, and will maximize the…","vmid":"property_og:description"},{"property":"og:image","content":"","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"This is the practical and convenient way to do things - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882","vmid":"rel_canonical"}],"nodePath":"why-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?tid=324882"}}},"pollable":true,"contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003ETraveling 80 miles in under an hour sounds like a dream.&#xA0;But that&#x2019;s exactly what a new high-speed train line that&#x2019;s set to open this year between China and Hong Kong is promising.\u003C\u002Fp\u003E","text":"Traveling 80 miles in under an hour sounds like a dream. But that’s exactly what a new high-speed train line that’s set to open this year between China and Hong Kong is promising.","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EPassengers can travel between Hong Kong and the nearest Chinese city, Shenzhen, in just 15 minutes, compared with the current journey that takes over an hour.\u003C\u002Fp\u003E","text":"Passengers can travel between Hong Kong and the nearest Chinese city, Shenzhen, in just 15 minutes, compared with the current journey that takes over an hour.","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003EThe overland route is one of the busiest in the world, with about 400,000 passengers making this trip every day in 2016.\u003C\u002Fp\u003E","text":"The overland route is one of the busiest in the world, with about 400,000 passengers making this trip every day in 2016.","tag":"p","attr":{}}},{"id":3,"type":"text","content":{"html":"\u003Cp \u003EIt&#x2019;s also, historically and legally, something of an oddity.\u003C\u002Fp\u003E","text":"It’s also, historically and legally, something of an oddity.","tag":"p","attr":{}}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EHong Kong&#x2019;s special legal status means it is part of China, but it is largely self-run. It has a separate legal and administrative system and civil liberties not available in China (such as access to Facebook and Google).\u003C\u002Fp\u003E","text":"Hong Kong’s special legal status means it is part of China, but it is largely self-run. It has a separate legal and administrative system and civil liberties not available in China (such as access to Facebook and Google).","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"text","content":{"html":"\u003Cp \u003ETravelers between Hong Kong and the rest of China must also go through immigration when crossing this border as if traveling to a different country. You might think speeding up this popular journey would be welcomed by everyone.\u003C\u002Fp\u003E","text":"Travelers between Hong Kong and the rest of China must also go through immigration when crossing this border as if traveling to a different country. You might think speeding up this popular journey would be welcomed by everyone.","tag":"p","attr":{}}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EBut, rising tensions between Hong Kong and mainland China have made this high-speed train a political hot potato.\u003C\u002Fp\u003E","text":"But, rising tensions between Hong Kong and mainland China have made this high-speed train a political hot potato.","tag":"p","attr":{}}},{"id":8,"type":"text","content":{"html":"\u003Cp \u003EIs it a boon for travelers, or a Trojan horse allowing China to extend its political and legal influence in Hong Kong?\u003C\u002Fp\u003E","text":"Is it a boon for travelers, or a Trojan horse allowing China to extend its political and legal influence in Hong Kong?","tag":"p","attr":{}}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003E\u003Cstrong\u003EWhat exactly is this train?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E","text":"What exactly is this train?","tag":"p","attr":{}}},{"id":10,"type":"text","content":{"html":"\u003Cp \u003EThe Express Rail Link is a superfast rail line that is intended to connect Hong Kong to the rest of China&#x2019;s 12,400-mile high-speed network, the largest in the world.\u003C\u002Fp\u003E","text":"The Express Rail Link is a superfast rail line that is intended to connect Hong Kong to the rest of China’s 12,400-mile high-speed network, the largest in the world.","tag":"p","attr":{}}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003EIt&#x2019;s expected that the much-delayed project will see the first&#xA0;train hurtling down the tracks by the end of the year, at a cost of US$10.8 billion (almost double the initial estimate). &#xA0;\u003C\u002Fp\u003E","text":"It’s expected that the much-delayed project will see the first train hurtling down the tracks by the end of the year, at a cost of US$10.8 billion (almost double the initial estimate). ","tag":"p","attr":{}}},{"id":12,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhsrail-scmp.jpg?itok=hZBkrLRd","caption":"The project is expected to have finished by the end of the year. ","style":"default"}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003EEach train will be able to seat 579 people, and the carriages will be fitted with power sockets and shared TV screens. It is expected that about 110,000 people will use it on a daily basis.\u003C\u002Fp\u003E","text":"Each train will be able to seat 579 people, and the carriages will be fitted with power sockets and shared TV screens. It is expected that about 110,000 people will use it on a daily basis.","tag":"p","attr":{}}},{"id":14,"type":"text","content":{"html":"\u003Cp \u003EThe physical railway network is nearly finished. But the political debate is just beginning.\u003C\u002Fp\u003E","text":"The physical railway network is nearly finished. But the political debate is just beginning.","tag":"p","attr":{}}},{"id":15,"type":"text","content":{"html":"\u003Cp \u003E\u003Cstrong\u003EWhat are the touted benefits of the train?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E","text":"What are the touted benefits of the train?","tag":"p","attr":{}}},{"id":16,"type":"text","content":{"html":"\u003Cp \u003EIts speed and convenience. The train will massively improve the connectivity between Hong Kong and Chinese cities, no doubt boosting trade and tourism.\u003C\u002Fp\u003E","text":"Its speed and convenience. The train will massively improve the connectivity between Hong Kong and Chinese cities, no doubt boosting trade and tourism.","tag":"p","attr":{}}},{"id":17,"type":"text","content":{"html":"\u003Cp \u003EHitting speeds of up to 125 miles per hour, passengers leaving Hong Kong could be could be eating dumplings in Beijing in less than nine hours. That&#x2019;s roughly equivalent to traveling from San Diego to Seattle in that time.\u003C\u002Fp\u003E","text":"Hitting speeds of up to 125 miles per hour, passengers leaving Hong Kong could be could be eating dumplings in Beijing in less than nine hours. That’s roughly equivalent to traveling from San Diego to Seattle in that time.","tag":"p","attr":{}}},{"id":18,"type":"text","content":{"html":"\u003Cp \u003E\u003Cimg alt=\"China high-speed rail\" src=\"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F18\u002Fhigh_speed-rail.gif\" title=\"China high-speed rail\"\u003E\u003C\u002Fp\u003E","text":"","tag":"p","attr":{}}},{"id":19,"type":"text","content":{"html":"\u003Cp \u003EInstead of passengers having to go through immigration at the start and end of their journey, plans have been put in place to streamline the process with a &#x201C;one-stop&#x201D; immigration checkpoint.\u003C\u002Fp\u003E","text":"Instead of passengers having to go through immigration at the start and end of their journey, plans have been put in place to streamline the process with a “one-stop” immigration checkpoint.","tag":"p","attr":{}}},{"id":20,"type":"text","content":{"html":"\u003Cp \u003EIn effect, passengers will have their documents checked by both sets of officials inside the Hong Kong terminal, ensuring a seamless trip across the border.\u003C\u002Fp\u003E","text":"In effect, passengers will have their documents checked by both sets of officials inside the Hong Kong terminal, ensuring a seamless trip across the border.","tag":"p","attr":{}}},{"id":21,"type":"text","content":{"html":"\u003Cp \u003EBut that&#x2019;s where things get a little hairy.\u003C\u002Fp\u003E","text":"But that’s where things get a little hairy.","tag":"p","attr":{}}},{"id":22,"type":"text","content":{"html":"\u003Cp \u003E\u003Cstrong\u003EWhy is it so controversial?\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E","text":"Why is it so controversial?","tag":"p","attr":{}}},{"id":23,"type":"text","content":{"html":"\u003Cp \u003EThe legal and administrative changes the plan requires in Hong Kong are unacceptable to some&#xA0;people in the city.\u003C\u002Fp\u003E","text":"The legal and administrative changes the plan requires in Hong Kong are unacceptable to some people in the city.","tag":"p","attr":{}}},{"id":24,"type":"text","content":{"html":"\u003Cp \u003EChinese immigration officials will have to work inside the terminal, which means that they will be able to enforce mainland Chinese laws on Hong Kong soil. For the first time.&#xA0;\u003C\u002Fp\u003E","text":"Chinese immigration officials will have to work inside the terminal, which means that they will be able to enforce mainland Chinese laws on Hong Kong soil. For the first time. ","tag":"p","attr":{}}},{"id":25,"type":"text","content":{"html":"\u003Cp \u003EThis&#xA0;includes the Chinese section of customs and immigration, all passageways and a departure lounge, as well as all trains and platforms.\u003C\u002Fp\u003E","text":"This includes the Chinese section of customs and immigration, all passageways and a departure lounge, as well as all trains and platforms.","tag":"p","attr":{}}},{"id":26,"type":"text","content":{"html":"\u003Cp \u003EThe Hong Kong and Beijing governments say this arrangement is completely legal.\u003C\u002Fp\u003E","text":"The Hong Kong and Beijing governments say this arrangement is completely legal.","tag":"p","attr":{}}},{"id":27,"type":"text","content":{"html":"\u003Cp \u003EBut critics of the plan have asked what would happen if, for example, a passenger turned up carrying books that are banned in China or wearing a t-shirt carrying the image of a prominent dissident like Nobel peace prize winner Liu Xiaobo, who died in jail last year.\u003C\u002Fp\u003E","text":"But critics of the plan have asked what would happen if, for example, a passenger turned up carrying books that are banned in China or wearing a t-shirt carrying the image of a prominent dissident like Nobel peace prize winner Liu Xiaobo, who died in jail last year.","tag":"p","attr":{}}},{"id":28,"type":"text","content":{"html":"\u003Cp \u003EIt is not even clear whether travelers will be allowed to browse Facebook, which is banned in China, while waiting for their train.\u003C\u002Fp\u003E","text":"It is not even clear whether travelers will be allowed to browse Facebook, which is banned in China, while waiting for their train.","tag":"p","attr":{}}},{"id":29,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F17\u002Fliu-hk.jpg?itok=Mjd1ABBH","caption":"A rally in Hong Kong to commemorate Liu Xiaobo. ","photoBy":"Kyodo","style":"default"}},{"id":30,"type":"text","content":{"html":"\u003Cp \u003ESome believe allowing the Chinese authorities to operate in the heart of the city violates the &#x201C;one country, two systems&#x201D; agreement under which the British handed back their former colony 20 years ago.\u003C\u002Fp\u003E","text":"Some believe allowing the Chinese authorities to operate in the heart of the city violates the “one country, two systems” agreement under which the British handed back their former colony 20 years ago.","tag":"p","attr":{}}},{"id":31,"type":"text","content":{"html":"\u003Cp \u003EThe agreement stated that Hong Kong would carry on having a high degree of autonomy and keep its own laws at least until 2047.\u003C\u002Fp\u003E","text":"The agreement stated that Hong Kong would carry on having a high degree of autonomy and keep its own laws at least until 2047.","tag":"p","attr":{}}},{"id":32,"type":"text","content":{"html":"\u003Cp \u003ERegardless, people are pretty freaked out because this is an unprecedented move that strengthens the belief that China is increasing its influence in Hong Kong.\u003C\u002Fp\u003E","text":"Regardless, people are pretty freaked out because this is an unprecedented move that strengthens the belief that China is increasing its influence in Hong Kong.","tag":"p","attr":{}}},{"id":33,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F486w\u002Fpublic\u002F2018\u002F01\u002F17\u002Fhigh-speed-rail-distance_0.jpg?itok=ghp01TV6","style":"default"}},{"id":34,"type":"text","content":{"html":"\u003Cp \u003EQuestions still remain over the arrangement&#x2019;s legality but the Hong Kong government has already agreed to the deal. Below,&#xA0;two of Hong Kong&apos;s leading legal and political figures give their views on the joint checkpoints.\u003C\u002Fp\u003E","text":"Questions still remain over the arrangement’s legality but the Hong Kong government has already agreed to the deal. Below, two of Hong Kong's leading legal and political figures give their views on the joint checkpoints.","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Alkira Reinfrank","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-18T10:30:11+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-03-01T17:19:37+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-18T10:30:15+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"A new line linking the city to mainland China will slash journey times but has provoked a heated debate about the political implications","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"Why Hong Kong is getting steamed up about a high-speed railway","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=qqDBigN6","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"A new line linking the city to mainland China will slash journey times but has provoked a heated debate about the political implications","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Why Hong Kong is getting steamed up about a high-speed railway","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Why Hong Kong is getting steamed up about a high-speed railway","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?entity=node&amp;type=article&amp;id=2127935","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?entity=node&amp;type=article&amp;id=2127935","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"A new line linking the city to mainland China will slash journey times but has provoked a heated debate about the political implications","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=p0yfgWXo","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"Why Hong Kong is getting steamed up about a high-speed railway - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?entity=node&amp;type=article&amp;id=2127935","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935?entity=node&amp;type=article&amp;id=2127935","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Alkira Reinfrank","vmid":"property_og:article:author"},{"property":"og:description","content":"A new line linking the city to mainland China will slash journey times but has provoked a heated debate about the political implications","vmid":"property_og:description"},{"property":"og:image","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F12\u002Ffasttrainxinhua.jpg?itok=p0yfgWXo","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"Why Hong Kong is getting steamed up about a high-speed railway - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Fwhy-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935","vmid":"rel_canonical"}],"nodePath":"why-hong-kong-getting-steamed-over-its-high-speed-rail-link\u002Farticle\u002F2127935"},"viewed":false}},"2129950":{"nid":"2129950","type":"article","status":"1","title":"Inside a classic Hong Kong tea house","default_head":"Inside a classic Hong Kong tea house","social_head":"Inside a classic Hong Kong tea house","subheading":"We take a tour of one of the city's traditional dim sum joints","created":"2018-01-23T15:28:47+08:00","updated":"2018-03-01T17:19:55+08:00","published":"2018-01-23T15:30:45+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325059","type":"article_type","title":"Photo Essay","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Fphoto-essay","relative_url":"\u002Farticle-type\u002Fphoto-essay"},{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"}]],"authors":[{"tid":"326291","type":"author","title":"Calvin Guan","bio":"Calvin Guan is an intern at Inkstone. He is also studying for a master’s degree in journalism at the University of Hong Kong with a focus on visual content production.","images":[{"style_140x140":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fcalvinguan.jpg?itok=R7Nf4DLd","style_500x500":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fcalvinguan.jpg?itok=9a5lYOku","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fcalvinguan.jpg?itok=MG0DYF5h","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fimages\u002Fauthor\u002Fpic\u002F2018\u002F01\u002F24\u002Fcalvinguan.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fcalvin-guan","relative_url":"\u002Fauthor\u002Fcalvin-guan"}],"images":[{"slideshow":1,"title":"The century-old Lin Heung Tea House is one of Hong Kong's best-known dim sum restaurants, attracting both locals and tourists. ","alt":"The century-old Lin Heung Tea House is one of Hong Kong's best-known dim sum restaurants, attracting both locals and tourists. ","type":"cover","writer":"Staff","style_type":"default","effect_type":"effect_type_8","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=SaNT7V26","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=K1fKxnar","style_portrait":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=3mYynJo1","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=cGjRYA8g","style_2000x792":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=bZqcKUM4","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=qsNrxe3W","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=CmIx8Y6x","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=NzYyAjhi","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=6_GoEgo0","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=ZNqM9aLI","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=yopBQca4","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=WXBEC3V4","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=XhEs4WWP","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=mBVOJg_8","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=0CfrXlE1","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=3sGvwl4n","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=hpFghuUm","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=6Zz8MdS0","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=fKlYIKw0","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=YEZxeRxn","style_660x385":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=J5HLt3Jk","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=6cQK61Rk","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F1.jpg","width":"4573","height":"3049"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=sPDylv3v","style_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=jm9YhaSo","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=qrSZJeg3","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=Co9D1x-P","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=fiX5uthp","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=jVekdYot","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=wAwOVyw3","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=JMRLdt22","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=GDOYxxZR","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=FK1NsUPL","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=bI5rl7zU","style_540x360":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=CRVpNbA8","style_460x323":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=p93wz56C","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=hcNhYp7L","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=_jXn6lMc","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=rzLxHYfb","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=Bpd3xXIl","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=CM7FON2E","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=H0UgJ9wn","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=rFSvzo1H","style_660x385":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=aLdcJxWF","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=wdx0Bvj_","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F2.jpg","width":"5184","height":"3456"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=Mhl9Rjlb","style_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=eMNiVfuY","style_portrait":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=sY9qL6jc","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=VTnihk5T","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=A8R6jC9B","style_1920x1080":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=PniEHDQq","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=WW7v890v","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=LC5_HHAj","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=htM6FZS5","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=Pw8wdJjY","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=JgCQNdeh","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=WzWl76Dq","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=fZMiN9cC","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=lL4FK62u","style_300x187":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=0NXMAOOR","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=gs3AJ0Qf","style_244x152":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=kaITBwMb","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=76jQHNCi","style_200w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=MCNil5U6","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=vK0Wafp6","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=deFZpfgY","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=y4k6jybb","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F3.jpg","width":"4175","height":"2783"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=1Sz8x0s6","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=Li4Qty-m","style_portrait":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=CkGjPkzs","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=pPA4qMTN","style_2000x792":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=bsSCwg1q","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=V_U3fLgI","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=B6igDMXt","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=lFTER7Im","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=eemylS8l","style_700x400":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=80jDwIGI","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=XcxIWnEA","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=FUn7vVLE","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=3DQGxBqX","style_460x287":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=ROozIoAO","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=LT7vr3sE","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=WeFktDpZ","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=ftTg4vSx","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=yWzMbmVz","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=c_74ph6M","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=orjJI1jl","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=YJ7WssYj","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=oA1RcC0r","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F4.jpg","width":"4958","height":"3305"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=5t3V--Tt","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=Ds_Hsjps","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=ApmNvJf8","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=YDI-Ocqq","style_2000x792":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=ZP7Ed6as","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=eMgQNnCB","style_1400x320":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=LeGmiu6B","style_940w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=4WNHONwk","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=DjrNbTaw","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=dITBZOnU","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=CUfffz76","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=Q1zNmFWi","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=1if2lF6e","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=F1gCAZMJ","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=sGh49C_D","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=NacBfs_G","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=HeoAh9uT","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=RCkFA2gp","style_200w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=4-3hR61V","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=PekSVHez","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=NvLLMhWS","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=lzRdI9Mi","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F5.jpg","width":"5184","height":"3456"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=tYOrIeo-","style_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=7PzjTwEY","style_portrait":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=Q6ilIHI4","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=7xkHtIwg","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=67B0xW3v","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=dChsnG9K","style_1400x320":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=g4ufqjLu","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=tyskL3i7","style_780x510":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=eKEJTnmV","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=BxWB11WU","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=KGVDj4eh","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=mUXQwUWa","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=-bye9yYx","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=5bT0eNJV","style_300x187":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=L4Pqm8rY","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=tejx-Yhg","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=b1M_z0oV","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=-EIqcCFa","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=I4zP16T9","style_140x87":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=U7h_-o3J","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=yEWBtSAv","style_650w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=x0JxWIgI","full":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F6.jpg","width":"4870","height":"3247"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=D5WEh_71","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=3pkPPWI1","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=_8QHlNLq","style_square":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=1T7NHT2U","style_2000x792":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=55sYb9Sv","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=1O4EOpF9","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=tX6K6-pf","style_940w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=YtYOlHGU","style_780x510":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=MYh1WDc3","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=0B_Ln7Fm","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=0ItfPCmW","style_540x360":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=Zfl4bsfr","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=Xp1eFGxU","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=G51z0O4r","style_300x187":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=3OhhME_w","style_300x300":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=KOrzY1su","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=xWjyk5QO","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=qyewvSqU","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=AjtnNppI","style_140x87":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=oWNHRhrf","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=yzhWb5Dw","style_650w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=-V4NHQiS","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F8.jpg","width":"4980","height":"3320"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=KSNi4LMs","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=VxQYqxar","style_portrait":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=B4Fa9fxT","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=IlF5txHa","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=XhDfplJc","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=mtguhGKz","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=UjU2GqNH","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=MqsB0i_v","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=T8S-HSuc","style_700x400":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=T3semCmN","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=FOL8MzAz","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=G2VnKl2r","style_460x323":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=nWltnmrk","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=qR2Gcn2t","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=CpkGSdbq","style_300x300":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=oXCrrTVc","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=T3jzDL7q","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=sokOciPB","style_200w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=kQtgJ7di","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=9ALFkvHC","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=hqfJKIsG","style_650w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=1jSZS5EQ","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F7.jpg","width":"5027","height":"3351"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=sVLHaRHM","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=KZgylxDI","style_portrait":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=WvrRGyoo","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=3A5IakHM","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=M78Ec7lR","style_1920x1080":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=TdtH7AkH","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=TbnAhW_G","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=gqniGfr6","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=PMGnfGep","style_700x400":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=qCwUMDb0","style_600x600":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=3wb2QV0A","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=9m-ayDlT","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=tbUjpAak","style_460x287":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=l7v3YaBd","style_300x187":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=xIFzF6A_","style_300x300":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=xW67rNxJ","style_244x152":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=t6xD8kXG","style_220x137":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=rVGb5FIH","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=6yoeXV90","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=fdEUiwhL","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=iIIlUwDw","style_650w":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=uYsweFmp","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F9.jpg","width":"4499","height":"2999"},{"slideshow":1,"type":"gallery","writer":"Staff","style_type":"default","effect_type":"default","style_wide_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=dErLKOAa","style_landscape":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=XDbx6BjT","style_portrait":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=79ZQdzHO","style_square":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=cSIS-EKv","style_2000x792":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=ZMJWBbdL","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=JxhXMk5D","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=x4yPq_H3","style_940w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=2oZvSy6F","style_780x510":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=UgTMg251","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=zfeBMb1G","style_600x600":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=7ne7-9NL","style_540x360":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=Z6LNsgbh","style_460x323":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=HX6t3rP7","style_460x287":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=sbH4gIHm","style_300x187":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=1k4_wDnY","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=x-phfBut","style_244x152":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=UNg3IsN0","style_220x137":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=o4HmIsNw","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=lRt5CL-Q","style_140x87":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=LGCwAxyc","style_660x385":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=Uganyq1t","style_650w":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=JDnZhbOW","full":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F10.jpg","width":"4548","height":"3032"},{"slideshow":1,"type":"cover_mobile","writer":"Staff","style_type":"default","effect_type":"effect_type_8","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=cWU52e9M","style_landscape":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=isM419lJ","style_portrait":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=QPZGsfBk","style_square":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare_8\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=seObUrPX","style_2000x792":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=NrVUOMTU","style_1920x1080":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=cyNw0Gl1","style_1400x320":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1400x320\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=ofOaUmXt","style_940w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F940w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=jyo0QRtY","style_780x510":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F780x510\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=7a7lmUuk","style_700x400":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=QgRp2J8P","style_600x600":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F600x600\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=wKb2eFoH","style_540x360":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F540x360\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=QTWPMSMd","style_460x323":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x323\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=HAhbH15L","style_460x287":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F460x287\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=gjUU6XBl","style_300x187":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x187\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=3fkO3tel","style_300x300":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F300x300\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=5lVjoKnw","style_244x152":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F244x152\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=VbaSHBWs","style_220x137":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F220x137\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=cwApReXn","style_200w":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F200w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=0ijqIe5S","style_140x87":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=xUnk62cl","style_660x385":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=P-IDjW21","style_650w":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F650w\u002Fpublic\u002F2018\u002F01\u002F22\u002F1_0.jpg?itok=d1sbU4Ws","full":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002F2018\u002F01\u002F22\u002F1_0.jpg","width":"4573","height":"3049"}],"display_slideshow":true,"sponsor_type":"","plain_text_summary":"For a true taste of Hong Kong you can't beat dimsum. People across southern China have been enjoying tea with steamed dumplings, buns and other classics for centuries and some places still serve it the traditional way from trolleys loaded with bamboo baskets. \r...","body":"\u003Cp\u003EFor a true taste of Hong Kong you can&#39;t beat dimsum. People across southern China have been enjoying tea with steamed dumplings, buns and other classics for centuries and some places still serve it the traditional way from trolleys loaded with bamboo baskets.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EOne local favorite is the Lin Heung Tea House, which arrived in Hong Kong&nbsp;in 1918 from mainland China and is one of the few places that still does things the traditional way. Diners share tables and have to have to fight to grab their favorite dishes from trolleys as they pass.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ERecently it emerged that the building, located&nbsp;in the bustling central business&nbsp;district, may be forced to move to close for redevelopment. The news prompted an influx of loyal fans - locals and tourists alike -&nbsp;and we went along to enjoy some traditional favorites.&nbsp;&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=aLdcJxWF\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EAt Lin Heung, which means &quot;the fragrance of lotus&quot;, diners squeeze around 20 or so tables waiting for trolleys stacked with bamboo steamers to be wheeled out.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=deFZpfgY\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EEvery trolley draws a crowd of dimsum lovers anxious to grab their preferred delicacies - the basket becomes yours once the staff put a stamp on your order card.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=YJ7WssYj\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EChinese tea is a vital part of the experience, served in traditional porcelain bowls. Local etiquette demands that you tap your fingers on the table to say thank you when someone pours your tea.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=NvLLMhWS\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ERetired worker Cheung Wah, 72, has been a loyal customer for over 15 years. The noisy tea house and the tasty shrimp dumplings remind him of the old Hong Kong.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=yEWBtSAv\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EBritish tourists Annabel and Mike Inos, both in their 60s, came to Lin Heung on their Hong Kong food tour. &quot;It&#39;s chaotic, but we are having great fun,&quot; Annabel says.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=yzhWb5Dw\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EServers in blue uniforms wheel trolleys across the floor to distribute dimsum and also collect empty baskets.\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=hqfJKIsG\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003ELin Heung does not serve a wide variety of dimsum like many modern restaurants, but diners say the signature dishes - such as the steamed beef balls - are of high quality.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=iIIlUwDw\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThe fight over the most popular dishes can be intense, with dozens of hot steamers taken off the trolley within minutes.&nbsp;\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003E\u003Cimg alt=\"\" class=\"image-660x385 caption\" data-style-type=\"default\" data-writer=\"Staff\" height=\"385\" src=\"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=Uganyq1t\" width=\"660\" \u002F\u003E\u003C\u002Fp\u003E\r\n\r\n\u003Cp\u003EThis diner has successfully claimed two plates of traditional Cantonese dessert - sponge cake and egg pudding.&nbsp;\u003C\u002Fp\u003E\r\n","url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950","relative_url":"\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950","shorten_url":"https:\u002F\u002Fsc.mp\u002F2DwrpWW","issue":{"tid":"326265","type":"issue","title":"Jan 24, 2018","relative_url":"\u002F2018\u002F01\u002F24\u002Farchive","finish_message":{"headline":"ALL DONE FOR THIS ISSUE","subhead":"GREAT!","body":"You're all caught up...\r\ntime for that well deserved coffee."},"issue_date":"2018-01-24T17:00:00+08:00","enabled":true,"applications":[{"name":"Inkstone","tid":"324860"}]},"weight":6,"applications":[{"name":"Inkstone","tid":"324860"}],"timeline":[{}],"contentList":[{"id":0,"type":"text","content":{"html":"\u003Cp \u003EFor a true taste of Hong Kong you can&apos;t beat dimsum. People across southern China have been enjoying tea with steamed dumplings, buns and other classics for centuries and some places still serve it the traditional way from trolleys loaded with bamboo baskets.&#xA0;\u003C\u002Fp\u003E","text":"For a true taste of Hong Kong you can't beat dimsum. People across southern China have been enjoying tea with steamed dumplings, buns and other classics for centuries and some places still serve it the traditional way from trolleys loaded with bamboo baskets. ","tag":"p","attr":{}}},{"id":1,"type":"text","content":{"html":"\u003Cp \u003EOne local favorite is the Lin Heung Tea House, which arrived in Hong Kong&#xA0;in 1918 from mainland China and is one of the few places that still does things the traditional way. Diners share tables and have to have to fight to grab their favorite dishes from trolleys as they pass.&#xA0;\u003C\u002Fp\u003E","text":"One local favorite is the Lin Heung Tea House, which arrived in Hong Kong in 1918 from mainland China and is one of the few places that still does things the traditional way. Diners share tables and have to have to fight to grab their favorite dishes from trolleys as they pass. ","tag":"p","attr":{}}},{"id":2,"type":"text","content":{"html":"\u003Cp \u003ERecently it emerged that the building, located&#xA0;in the bustling central business&#xA0;district, may be forced to move to close for redevelopment. The news prompted an influx of loyal fans - locals and tourists alike -&#xA0;and we went along to enjoy some traditional favorites.&#xA0;&#xA0;\u003C\u002Fp\u003E","text":"Recently it emerged that the building, located in the bustling central business district, may be forced to move to close for redevelopment. The news prompted an influx of loyal fans - locals and tourists alike - and we went along to enjoy some traditional favorites. ","tag":"p","attr":{}}},{"id":3,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F2.jpg?itok=aLdcJxWF","style":"default"}},{"id":4,"type":"text","content":{"html":"\u003Cp \u003EAt Lin Heung, which means &quot;the fragrance of lotus&quot;, diners squeeze around 20 or so tables waiting for trolleys stacked with bamboo steamers to be wheeled out.&#xA0;\u003C\u002Fp\u003E","text":"At Lin Heung, which means \"the fragrance of lotus\", diners squeeze around 20 or so tables waiting for trolleys stacked with bamboo steamers to be wheeled out. ","tag":"p","attr":{}}},{"id":5,"type":"newsLetter","content":""},{"id":6,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F3.jpg?itok=deFZpfgY","style":"default"}},{"id":7,"type":"text","content":{"html":"\u003Cp \u003EEvery trolley draws a crowd of dimsum lovers anxious to grab their preferred delicacies - the basket becomes yours once the staff put a stamp on your order card.&#xA0;\u003C\u002Fp\u003E","text":"Every trolley draws a crowd of dimsum lovers anxious to grab their preferred delicacies - the basket becomes yours once the staff put a stamp on your order card. ","tag":"p","attr":{}}},{"id":8,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F4.jpg?itok=YJ7WssYj","style":"default"}},{"id":9,"type":"text","content":{"html":"\u003Cp \u003EChinese tea is a vital part of the experience, served in traditional porcelain bowls. Local etiquette demands that you tap your fingers on the table to say thank you when someone pours your tea.&#xA0;\u003C\u002Fp\u003E","text":"Chinese tea is a vital part of the experience, served in traditional porcelain bowls. Local etiquette demands that you tap your fingers on the table to say thank you when someone pours your tea. ","tag":"p","attr":{}}},{"id":10,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F5.jpg?itok=NvLLMhWS","style":"default"}},{"id":11,"type":"text","content":{"html":"\u003Cp \u003ERetired worker Cheung Wah, 72, has been a loyal customer for over 15 years. The noisy tea house and the tasty shrimp dumplings remind him of the old Hong Kong.&#xA0;\u003C\u002Fp\u003E","text":"Retired worker Cheung Wah, 72, has been a loyal customer for over 15 years. The noisy tea house and the tasty shrimp dumplings remind him of the old Hong Kong. ","tag":"p","attr":{}}},{"id":12,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F6.jpg?itok=yEWBtSAv","style":"default"}},{"id":13,"type":"text","content":{"html":"\u003Cp \u003EBritish tourists Annabel and Mike Inos, both in their 60s, came to Lin Heung on their Hong Kong food tour. &quot;It&apos;s chaotic, but we are having great fun,&quot; Annabel says.&#xA0;\u003C\u002Fp\u003E","text":"British tourists Annabel and Mike Inos, both in their 60s, came to Lin Heung on their Hong Kong food tour. \"It's chaotic, but we are having great fun,\" Annabel says. ","tag":"p","attr":{}}},{"id":14,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F8.jpg?itok=yzhWb5Dw","style":"default"}},{"id":15,"type":"text","content":{"html":"\u003Cp \u003EServers in blue uniforms wheel trolleys across the floor to distribute dimsum and also collect empty baskets.\u003C\u002Fp\u003E","text":"Servers in blue uniforms wheel trolleys across the floor to distribute dimsum and also collect empty baskets.","tag":"p","attr":{}}},{"id":16,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F7.jpg?itok=hqfJKIsG","style":"default"}},{"id":17,"type":"text","content":{"html":"\u003Cp \u003ELin Heung does not serve a wide variety of dimsum like many modern restaurants, but diners say the signature dishes - such as the steamed beef balls - are of high quality.&#xA0;\u003C\u002Fp\u003E","text":"Lin Heung does not serve a wide variety of dimsum like many modern restaurants, but diners say the signature dishes - such as the steamed beef balls - are of high quality. ","tag":"p","attr":{}}},{"id":18,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F9.jpg?itok=iIIlUwDw","style":"default"}},{"id":19,"type":"text","content":{"html":"\u003Cp \u003EThe fight over the most popular dishes can be intense, with dozens of hot steamers taken off the trolley within minutes.&#xA0;\u003C\u002Fp\u003E","text":"The fight over the most popular dishes can be intense, with dozens of hot steamers taken off the trolley within minutes. ","tag":"p","attr":{}}},{"id":20,"type":"image","content":{"src":"http:\u002F\u002Fwww.scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F660x385\u002Fpublic\u002F2018\u002F01\u002F22\u002F10.jpg?itok=Uganyq1t","style":"default"}},{"id":21,"type":"text","content":{"html":"\u003Cp \u003EThis diner has successfully claimed two plates of traditional Cantonese dessert - sponge cake and egg pudding.&#xA0;\u003C\u002Fp\u003E","text":"This diner has successfully claimed two plates of traditional Cantonese dessert - sponge cake and egg pudding. ","tag":"p","attr":{}}}],"@meta":{"metatags":{"data":[{"itemprop":"articleSection","content":"Inkstone","vmid":"itemprop_articleSection"},{"itemprop":"author","content":"Calvin Guan","vmid":"itemprop_author"},{"itemprop":"dateCreated","content":"2018-01-23T15:28:47+08:00","vmid":"itemprop_dateCreated"},{"itemprop":"dateModified","content":"2018-03-01T17:19:55+08:00","vmid":"itemprop_dateModified"},{"itemprop":"datePublished","content":"2018-01-23T15:30:45+08:00","vmid":"itemprop_datePublished"},{"itemprop":"description","content":"We take a tour of one of the city&#39;s traditional dim sum joints","vmid":"itemprop_description"},{"itemprop":"genre","content":"Article","vmid":"itemprop_genre"},{"itemprop":"headline","content":"Inside a classic Hong Kong tea house","vmid":"itemprop_headline"},{"itemprop":"inLanguage","content":"en-GB","vmid":"itemprop_inLanguage"},{"itemprop":"thumbnailUrl","content":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x87\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=YEZxeRxn","vmid":"itemprop_thumbnailUrl"},{"name":"description","content":"We take a tour of one of the city&#39;s traditional dim sum joints","vmid":"name_description"},{"name":"keywords","content":"Inkstone,Inside a classic Hong Kong tea house","vmid":"name_keywords"},{"name":"news_keywords","content":"Inkstone,Inside a classic Hong Kong tea house","vmid":"name_news_keywords"},{"name":"thumbnail_height","content":"118","vmid":"name_thumbnail_height"},{"name":"thumbnail_width","content":"118","vmid":"name_thumbnail_width"},{"name":"twitter:app:id:iphone","content":"1321278840","vmid":"name_twitter:app:id:iphone"},{"name":"twitter:app:name:iphone","content":"inkstone","vmid":"name_twitter:app:name:iphone"},{"name":"twitter:app:url:googleplay","content":"inkstone:\u002F\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950?entity=node&amp;type=article&amp;id=2129950","vmid":"name_twitter:app:url:googleplay"},{"name":"twitter:app:url:iphone","content":"inkstone:\u002F\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950?entity=node&amp;type=article&amp;id=2129950","vmid":"name_twitter:app:url:iphone"},{"name":"twitter:card","content":"summary_large_image","vmid":"name_twitter:card"},{"name":"twitter:description","content":"We take a tour of one of the city&#39;s traditional dim sum joints","vmid":"name_twitter:description"},{"name":"twitter:image:src","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=ZNqM9aLI","vmid":"name_twitter:image:src"},{"name":"twitter:site","content":"InkstoneNews","vmid":"name_twitter:site"},{"name":"twitter:title","content":"Inside a classic Hong Kong tea house - inkstone","vmid":"name_twitter:title"},{"property":"al:android:app_name","content":"inkstone","vmid":"property_al:android:app_name"},{"property":"al:android:package","content":"com.scmp.inkstone","vmid":"property_al:android:package"},{"property":"al:android:url","content":"inkstone:\u002F\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950?entity=node&amp;type=article&amp;id=2129950","vmid":"property_al:android:url"},{"property":"al:ios:app_name","content":"inkstone","vmid":"property_al:ios:app_name"},{"property":"al:ios:app_store_id","content":"1321278840","vmid":"property_al:ios:app_store_id"},{"property":"al:ios:url","content":"inkstone:\u002F\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950?entity=node&amp;type=article&amp;id=2129950","vmid":"property_al:ios:url"},{"property":"og:article:author","content":"Calvin Guan","vmid":"property_og:article:author"},{"property":"og:description","content":"We take a tour of one of the city&#39;s traditional dim sum joints","vmid":"property_og:description"},{"property":"og:image","content":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F700x400\u002Fpublic\u002F2018\u002F01\u002F22\u002F1.jpg?itok=ZNqM9aLI","vmid":"property_og:image"},{"property":"og:image:height","content":"400","vmid":"property_og:image:height"},{"property":"og:image:width","content":"700","vmid":"property_og:image:width"},{"property":"og:site_name","content":"inkstone","vmid":"property_og:site_name"},{"property":"og:title","content":"Inside a classic Hong Kong tea house - inkstone","vmid":"property_og:title"},{"property":"og:type","content":"article","vmid":"property_og:type"},{"property":"og:url","content":"http:\u002F\u002Flocalhost:8081\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950","vmid":"property_og:url"},{"rel":"canonical","href":"http:\u002F\u002Flocalhost:8081\u002Finside-classic-hong-kong-tea-house\u002Farticle\u002F2129950","vmid":"rel_canonical"}],"nodePath":"inside-classic-hong-kong-tea-house\u002Farticle\u002F2129950"},"viewed":false}},"2130223":{"nid":"2130223","type":"article","status":"1","title":"Hip hop, you don’t stop? Not if China has anything to do with it ","subheading":"State censors ban hip hop from TV but artists say it will only drive the genre underground","created":"2018-01-24T12:25:20+08:00","updated":"2018-03-01T17:01:55+08:00","published":"2018-01-24T12:30:15+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"commenting":"closed","copyright":0,"article_type":[{"tid":"325056","type":"article_type","title":"Inkstone","color":"color0","color_info":{"key":"color0","value":"None","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Farticle-type\u002Finkstone","relative_url":"\u002Farticle-type\u002Finkstone"}],"sections":[[{"tid":"325212","type":"section","title":"Inkstone","name":"Inkstone","updated":"2017-12-21T15:08:38+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone","relative_url":"\u002Finkstone"},{"tid":"325468","type":"section","title":"China","name":"China","updated":"2017-11-06T11:22:26+08:00","color":"default","color_info":{"key":"default","value":"","hex":"#006391"},"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Finkstone\u002Fchina","relative_url":"\u002Finkstone\u002Fchina"}]],"authors":[{"tid":"322889","type":"author","title":"Viola Zhou","bio":"Viola Zhou is a China reporter at the South China Morning Post. She graduated from Hong Kong Baptist University with a degree in international journalism.","links":{"email":"viola.zhou@scmp.com","twitter":"https:\u002F\u002Ftwitter.com\u002Fviolazhouyi"},"images":[{"style_140x140":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F140x140\u002Fpublic\u002Fviola1.jpg?itok=wde3lZHV","style_500x500":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F500x500\u002Fpublic\u002Fviola1.jpg?itok=pqaQi9-s","style_square":"https:\u002F\u002Fcdn2.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare\u002Fpublic\u002Fviola1.jpg?itok=4j_ydG-m","full":"https:\u002F\u002Fcdn4.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fviola1.jpg"}],"url":"https:\u002F\u002Fstaging-lift.product-web.dev.scmp.tech\u002Fauthor\u002Fviola-zhou","relative_url":"\u002Fauthor\u002Fviola-zhou"}],"images":[{"slideshow":1,"type":"cover","writer":"Staff","style_type":"default","effect_type":"effect_type_6","style_wide_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fwide_landscape_6\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=kDepYO-M","style_landscape":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Flandscape_6\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=_V_ZDftV","style_portrait":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fportrait_6\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=n_gOFiO5","style_square":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002Fsquare_6\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=zOofaLlj","style_2000x792":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F2000x792\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=1jtuG0pE","style_1920x1080":"https:\u002F\u002Fcdn3.i-scmp.com\u002Fsites\u002Fdefault\u002Ffiles\u002Fstyles\u002F1920x1080\u002Fpublic\u002F2018\u002F01\u002F24\u002F2018-01-22t100137z_745991429_rc193e5228d0_rtrmadp_3_china-censorship-hiphop.jpg?itok=_kI5qnLD","style_1400x320":"https:\u002F\u002Fcdn1.i-scmp.com\u002Fsit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment