.mobile-documentation{padding:16px;min-width:0;overflow-wrap:anywhere}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}:root{--site-mobile-page-header-safe-area-top: constant(safe-area-inset-top);--site-mobile-page-header-safe-area-top: env(safe-area-inset-top, 0px)}body{margin:0;padding:0;min-height:100vh;font-size:16px;font-family:Roboto,sans-serif;-webkit-tap-highlight-color:transparent;background:var(--site-config-color-mobile-body);color:var(--site-config-color-text);transition:background-color .25s,color .25s}::-webkit-scrollbar{display:none;width:0;background:transparent}.app-type{width:100%;padding:15px 0;color:var(--site-config-color-sub-text);font-size:14px;min-height:50px}.mobile-page-header{position:fixed;top:0;left:0;z-index:99;width:100%;padding-top:var(--site-mobile-page-header-safe-area-top);font-weight:700;background:var(--site-config-color-app-bar)}.site-menu-enter-from,.site-menu-leave-to{transform:translateY(-10px);opacity:0}.site-menu-enter-active,.site-menu-leave-active{transition-property:opacity,transform;transition-duration:.25s}.settings{position:fixed;z-index:200;top:calc(48px + var(--site-mobile-page-header-safe-area-top));right:5px;background:var(--site-config-color-bar)}.theme-settings{position:fixed;z-index:200;top:calc(48px + var(--site-mobile-page-header-safe-area-top));right:68px;background:var(--site-config-color-bar)}.router-view__block{padding:calc(55px + var(--site-mobile-page-header-safe-area-top)) 15px 15px}.router-view__block>section[data-demo]{padding-bottom:28px}.router-view__block>section[data-demo]+section[data-demo]{padding-top:20px;border-top:1px solid var(--mp-color-border-1)}.mobile-demo-group-heading{margin:28px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--mp-color-border-1);color:var(--mp-color-text-1);font-size:var(--mp-font-size-lg);font-weight:600}.mobile-demo-group-heading:first-child{margin-top:0}html[lang=en-US] .mobile-demo-group-heading>[lang=zh-CN],html:not([lang=en-US]) .mobile-demo-group-heading>[lang=en-US],html[lang=en-US] .mobile-demo-case-heading>[lang=zh-CN],html:not([lang=en-US]) .mobile-demo-case-heading>[lang=en-US]{display:none}.mobile-language-cell{color:var(--site-config-color-text)!important;background:var(--site-config-color-bar)!important;cursor:pointer!important}.mobile-language-cell--active{color:var(--site-config-color-mobile-language-active)!important;background:var(--site-config-color-mobile-language-active-background)!important}.mobile-theme-cell{color:var(--site-config-color-text)!important;background:var(--site-config-color-bar)!important;cursor:pointer!important}.mobile-theme-cell--active{color:var(--site-config-color-mobile-theme-active)!important;background:var(--site-config-color-mobile-theme-active-background)!important}.arrow-left,.github{font-size:28px!important}.i18n,.palette{font-size:24px!important}.arrow-down{font-size:22px!important}.i18n-button,.theme-button{padding-right:6px!important;margin-right:4px;padding-left:12px!important}.app-bar{--mp-page-header-title-color: #fff;--mp-page-header-subtitle-color: rgba(255, 255, 255, .72);--mp-page-header-back-color: #fff;background:var(--site-config-color-app-bar)!important}.app-bar .mp-page-header{min-height:54px;padding:0 6px}.app-bar .mp-page-header__main{flex:1}.app-bar .mp-page-header__back{width:42px;height:54px;margin-left:-6px}.app-bar .mp-page-header__extra{display:flex;align-items:center;height:54px;margin-left:0}.mobile-documentation-sections[data-v-e64ae6c9]{margin-top:calc(55px + var(--site-mobile-page-header-safe-area-top));padding:12px 16px;border-bottom:1px solid var(--site-config-color-border)}.mobile-documentation-sections+.router-view__block[data-v-e64ae6c9]{padding-top:15px}