From 88ebb2319cbf80a84f4334be5a9495975ef9d54c Mon Sep 17 00:00:00 2001 From: HandsomeFishYin <346107057@qq.com> Date: Fri, 17 May 2024 10:32:47 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=B0=8F=E7=A8=8B?= =?UTF-8?q?=E5=BA=8Fapi=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81=20(#2?= =?UTF-8?q?4)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore: code format * chore: code format * wip: 官方demo调整 * wip: api demo * feat: api demo * feat: api demo * feat: api demo * feat: api demo * feat: api demo * feat: api demo * feat: i18n * fix: 多语言 --------- Co-authored-by: xiangling --- .prettierrc.js | 14 + app.json | 25 +- app.less | 10 +- common.less | 4475 ++++++++++++++++ components/customComponent/index.js | 2 - components/ff-chart/index.rjs | 2 +- i18n/strings.json | 85 +- package.json | 8 +- pages/components/animation/index.tyml | 14 +- pages/components/button/index.tyml | 2 +- pages/components/camera/index.css | 6 +- .../camera/{index.xml => index.tyml} | 12 +- pages/components/canvas/index.tyml | 8 +- pages/components/checkbox/index.tyml | 2 +- pages/components/eventChannel1/index.tyml | 14 +- pages/components/eventChannel2/index.tyml | 2 +- pages/components/form/index.tyml | 29 +- pages/components/icon/index.tyml | 2 +- pages/components/image/index.tyml | 13 +- pages/components/index.less | 1 + pages/components/input/index.tyml | 24 +- pages/components/io/index.tyml | 8 +- pages/components/io/index.tyss | 6 +- pages/components/ipc-player/index.tyml | 44 +- pages/components/label/index.tyml | 38 +- pages/components/map/index.tyml | 9 +- pages/components/movable/index.tyml | 17 +- pages/components/navigationBar/index.tyml | 26 +- pages/components/navigator/index.tyml | 34 +- pages/components/pagecontainer/index.tyml | 31 +- pages/components/picker/index.tyml | 54 +- pages/components/picker/index.tyss | 10 +- pages/components/pickerview/index.tyml | 31 +- pages/components/progress/index.tyml | 34 +- pages/components/radio/index.tyml | 10 +- pages/components/radio/index.tyss | 6 +- pages/components/redux1/index.tyml | 23 +- pages/components/redux2/index.tyml | 6 +- pages/components/richText/index.tyml | 133 +- pages/components/scrollView/index.tyml | 22 +- pages/components/slider/index.tyml | 56 +- pages/components/swiper/index.tyml | 46 +- pages/components/swiper/index.tyss | 4 +- pages/components/switch/index.tyml | 17 +- pages/components/switch/index.tyss | 6 +- pages/components/text/index.tyml | 5 +- pages/components/textarea/index.tyml | 17 +- pages/components/video/index.tyml | 25 +- pages/components/view/index.tyml | 6 +- .../actionSheetEx/index.tyml | 12 +- pages/componentsExtension/badge/index.tyml | 23 +- pages/componentsExtension/basic/index.tyml | 7 +- pages/componentsExtension/cell/index.tyml | 34 +- .../componentsExtension/checkboxEx/index.tyml | 19 +- pages/componentsExtension/dialog/index.tyml | 20 +- pages/componentsExtension/drag/index.tyml | 54 +- pages/componentsExtension/flex/index.tyml | 2 +- pages/componentsExtension/footer/index.tyml | 2 +- pages/componentsExtension/formEx/index.tyml | 79 +- pages/componentsExtension/formpage/index.tyml | 19 +- pages/componentsExtension/gallery/index.tyml | 13 +- pages/componentsExtension/gesture/index.tyml | 2 +- pages/componentsExtension/grid/index.tyml | 2 +- .../halfScreenDialog/index.tyml | 22 +- pages/componentsExtension/iconEx/index.tyml | 2 +- pages/componentsExtension/loading/index.tyml | 10 +- pages/componentsExtension/loadmore/index.tyml | 6 +- pages/componentsExtension/msg/index.tyml | 2 +- pages/componentsExtension/msgFail/index.tyml | 5 +- .../componentsExtension/msgSuccess/index.tyml | 4 +- pages/componentsExtension/msgText/index.tyml | 5 +- .../msgTextPrimary/index.tyml | 5 +- .../navigationBarEx/index.tyml | 32 +- pages/componentsExtension/photo/index.tyml | 13 +- .../propagation/index.tyml | 13 +- .../recycleview/index.tyml | 7 +- .../requireFailure/index.tyml | 14 +- .../componentsExtension/searchbar/index.tyml | 8 +- .../componentsExtension/selectText/index.tyml | 6 +- .../componentsExtension/slideview/index.tyml | 2 +- pages/componentsExtension/tabbar/index.tyml | 2 +- pages/componentsExtension/tabs/index.tyml | 4 +- pages/componentsExtension/topTips/index.tyml | 6 +- pages/componentsExtension/vlist/index.tyml | 5 +- pages/componentsExtension/vtabs/index.tyml | 16 +- pages/pageAPI/actionSheet/index.tyml | 2 +- pages/pageAPI/actionSheet/index.tyss | 4457 ---------------- pages/pageAPI/addContact/index.js | 20 - pages/pageAPI/addContact/index.json | 3 - pages/pageAPI/addContact/index.tyml | 38 - pages/pageAPI/addContact/index.tyss | 4470 ---------------- pages/pageAPI/audio/index.js | 34 - pages/pageAPI/audio/index.json | 4 - pages/pageAPI/audio/index.tyml | 8 - pages/pageAPI/audio/index.tyss | 1 - pages/pageAPI/clipboardData/index.tyml | 10 +- pages/pageAPI/clipboardData/index.tyss | 4457 ---------------- pages/pageAPI/downloadFile/index.js | 2 +- pages/pageAPI/downloadFile/index.tyml | 5 +- pages/pageAPI/downloadFile/index.tyss | 4464 ---------------- pages/pageAPI/getAccountInfo/index.js | 28 + pages/pageAPI/getAccountInfo/index.json | 3 + pages/pageAPI/getAccountInfo/index.tyml | 16 + pages/pageAPI/getAccountInfo/index.tyss | 0 pages/pageAPI/getAppInfo/index.js | 15 + pages/pageAPI/getAppInfo/index.json | 3 + pages/pageAPI/getAppInfo/index.tyml | 15 + pages/pageAPI/getAppInfo/index.tyss | 0 pages/pageAPI/getBatteryInfo/index.js | 21 - pages/pageAPI/getBatteryInfo/index.json | 4 - pages/pageAPI/getBatteryInfo/index.tyml | 34 - pages/pageAPI/getBatteryInfo/index.tyss | 4457 ---------------- pages/pageAPI/getConnectedWifi/index.js | 16 + pages/pageAPI/getConnectedWifi/index.json | 3 + pages/pageAPI/getConnectedWifi/index.tyml | 15 + pages/pageAPI/getConnectedWifi/index.tyss | 0 pages/pageAPI/getLangContent/index.js | 27 + pages/pageAPI/getLangContent/index.json | 3 + pages/pageAPI/getLangContent/index.tyml | 16 + pages/pageAPI/getLangContent/index.tyss | 0 pages/pageAPI/getLocation/index.js | 13 +- pages/pageAPI/getLocation/index.tyml | 26 +- pages/pageAPI/getLocation/index.tyss | 4463 ---------------- .../getMenuButtonBoundingClientRect/index.js | 21 + .../index.json | 3 + .../index.tyml | 16 + .../index.tyss | 0 pages/pageAPI/getNetworkType/index.tyml | 4 - pages/pageAPI/getNetworkType/index.tyss | 4457 ---------------- pages/pageAPI/getSystemInfo/index.tyml | 10 +- pages/pageAPI/getSystemSetting/index.js | 15 + pages/pageAPI/getSystemSetting/index.json | 3 + pages/pageAPI/getSystemSetting/index.tyml | 15 + pages/pageAPI/getSystemSetting/index.tyss | 0 pages/pageAPI/getUserInfo/index.js | 15 + pages/pageAPI/getUserInfo/index.json | 3 + pages/pageAPI/getUserInfo/index.tyml | 15 + pages/pageAPI/getUserInfo/index.tyss | 0 pages/pageAPI/getWifiList/index.js | 19 + pages/pageAPI/getWifiList/index.json | 3 + pages/pageAPI/getWifiList/index.tyml | 15 + pages/pageAPI/getWifiList/index.tyss | 0 pages/pageAPI/hideHomeButton/index.js | 16 + pages/pageAPI/hideHomeButton/index.json | 3 + pages/pageAPI/hideHomeButton/index.tyml | 14 + pages/pageAPI/hideHomeButton/index.tyss | 0 pages/pageAPI/images/index.js | 65 - pages/pageAPI/images/index.json | 3 - pages/pageAPI/images/index.tyml | 66 - pages/pageAPI/images/index.tyss | 4425 ---------------- pages/pageAPI/index.js | 175 +- pages/pageAPI/index.tyml | 34 +- pages/pageAPI/index.tyss | 1 + pages/pageAPI/makePhoneCall/index.tyml | 2 +- pages/pageAPI/makePhoneCall/index.tyss | 4472 ---------------- pages/pageAPI/modal/index.js | 2 + pages/pageAPI/modal/index.tyml | 2 +- pages/pageAPI/modal/index.tyss | 4457 ---------------- pages/pageAPI/navigationBarLoading/index.tyml | 8 +- pages/pageAPI/navigationBarLoading/index.tyss | 4472 ---------------- pages/pageAPI/navigators/index.tyml | 12 +- pages/pageAPI/navigators/index.tyss | 4472 ---------------- pages/pageAPI/networkRequest/index.tyml | 6 +- pages/pageAPI/networkRequest/index.tyss | 4458 ---------------- pages/pageAPI/scanCode/index.tyml | 6 +- pages/pageAPI/scanCode/index.tyss | 4463 ---------------- pages/pageAPI/screenBrightness/index.tyml | 14 +- pages/pageAPI/screenBrightness/index.tyss | 4466 ---------------- pages/pageAPI/showLoading/index.js | 24 + pages/pageAPI/showLoading/index.json | 3 + pages/pageAPI/showLoading/index.tyml | 16 + pages/pageAPI/showLoading/index.tyss | 0 pages/pageAPI/showMenuButton/index.js | 20 + pages/pageAPI/showMenuButton/index.json | 3 + pages/pageAPI/showMenuButton/index.tyml | 16 + pages/pageAPI/showMenuButton/index.tyss | 0 pages/pageAPI/showStatusBar/index.js | 30 + pages/pageAPI/showStatusBar/index.json | 3 + pages/pageAPI/showStatusBar/index.tyml | 15 + pages/pageAPI/showStatusBar/index.tyss | 0 pages/pageAPI/startPullDownRefresh/index.js | 26 + pages/pageAPI/startPullDownRefresh/index.json | 4 + pages/pageAPI/startPullDownRefresh/index.tyml | 20 + pages/pageAPI/startPullDownRefresh/index.tyss | 0 pages/pageAPI/storage/index.js | 15 +- pages/pageAPI/storage/index.tyml | 21 +- pages/pageAPI/storage/index.tyss | 4450 ---------------- pages/pageAPI/toast/index.tyml | 2 +- pages/pageAPI/toast/index.tyss | 4457 ---------------- pages/pageAPI/updateVolume/index.js | 21 + pages/pageAPI/updateVolume/index.json | 3 + pages/pageAPI/updateVolume/index.tyml | 14 + pages/pageAPI/updateVolume/index.tyss | 0 pages/pageAPI/uploadFile/index.tyml | 3 - pages/pageAPI/uploadFile/index.tyss | 4552 ----------------- pages/pageAPI/vibrate/index.tyss | 4466 ---------------- pages/pageAPI/voice/index.js | 159 - pages/pageAPI/voice/index.json | 3 - pages/pageAPI/voice/index.tyml | 71 - pages/pageAPI/voice/index.tyss | 4505 ---------------- project.tuya.json | 10 +- 201 files changed, 6206 insertions(+), 90558 deletions(-) rename pages/components/camera/{index.xml => index.tyml} (78%) delete mode 100644 pages/pageAPI/addContact/index.js delete mode 100644 pages/pageAPI/addContact/index.json delete mode 100644 pages/pageAPI/addContact/index.tyml delete mode 100644 pages/pageAPI/addContact/index.tyss delete mode 100644 pages/pageAPI/audio/index.js delete mode 100644 pages/pageAPI/audio/index.json delete mode 100644 pages/pageAPI/audio/index.tyml delete mode 100644 pages/pageAPI/audio/index.tyss create mode 100644 pages/pageAPI/getAccountInfo/index.js create mode 100644 pages/pageAPI/getAccountInfo/index.json create mode 100644 pages/pageAPI/getAccountInfo/index.tyml create mode 100644 pages/pageAPI/getAccountInfo/index.tyss create mode 100644 pages/pageAPI/getAppInfo/index.js create mode 100644 pages/pageAPI/getAppInfo/index.json create mode 100644 pages/pageAPI/getAppInfo/index.tyml create mode 100644 pages/pageAPI/getAppInfo/index.tyss delete mode 100644 pages/pageAPI/getBatteryInfo/index.js delete mode 100644 pages/pageAPI/getBatteryInfo/index.json delete mode 100644 pages/pageAPI/getBatteryInfo/index.tyml delete mode 100644 pages/pageAPI/getBatteryInfo/index.tyss create mode 100644 pages/pageAPI/getConnectedWifi/index.js create mode 100644 pages/pageAPI/getConnectedWifi/index.json create mode 100644 pages/pageAPI/getConnectedWifi/index.tyml create mode 100644 pages/pageAPI/getConnectedWifi/index.tyss create mode 100644 pages/pageAPI/getLangContent/index.js create mode 100644 pages/pageAPI/getLangContent/index.json create mode 100644 pages/pageAPI/getLangContent/index.tyml create mode 100644 pages/pageAPI/getLangContent/index.tyss create mode 100644 pages/pageAPI/getMenuButtonBoundingClientRect/index.js create mode 100644 pages/pageAPI/getMenuButtonBoundingClientRect/index.json create mode 100644 pages/pageAPI/getMenuButtonBoundingClientRect/index.tyml create mode 100644 pages/pageAPI/getMenuButtonBoundingClientRect/index.tyss create mode 100644 pages/pageAPI/getSystemSetting/index.js create mode 100644 pages/pageAPI/getSystemSetting/index.json create mode 100644 pages/pageAPI/getSystemSetting/index.tyml create mode 100644 pages/pageAPI/getSystemSetting/index.tyss create mode 100644 pages/pageAPI/getUserInfo/index.js create mode 100644 pages/pageAPI/getUserInfo/index.json create mode 100644 pages/pageAPI/getUserInfo/index.tyml create mode 100644 pages/pageAPI/getUserInfo/index.tyss create mode 100644 pages/pageAPI/getWifiList/index.js create mode 100644 pages/pageAPI/getWifiList/index.json create mode 100644 pages/pageAPI/getWifiList/index.tyml create mode 100644 pages/pageAPI/getWifiList/index.tyss create mode 100644 pages/pageAPI/hideHomeButton/index.js create mode 100644 pages/pageAPI/hideHomeButton/index.json create mode 100644 pages/pageAPI/hideHomeButton/index.tyml create mode 100644 pages/pageAPI/hideHomeButton/index.tyss delete mode 100644 pages/pageAPI/images/index.js delete mode 100644 pages/pageAPI/images/index.json delete mode 100644 pages/pageAPI/images/index.tyml delete mode 100644 pages/pageAPI/images/index.tyss create mode 100644 pages/pageAPI/showLoading/index.js create mode 100644 pages/pageAPI/showLoading/index.json create mode 100644 pages/pageAPI/showLoading/index.tyml create mode 100644 pages/pageAPI/showLoading/index.tyss create mode 100644 pages/pageAPI/showMenuButton/index.js create mode 100644 pages/pageAPI/showMenuButton/index.json create mode 100644 pages/pageAPI/showMenuButton/index.tyml create mode 100644 pages/pageAPI/showMenuButton/index.tyss create mode 100644 pages/pageAPI/showStatusBar/index.js create mode 100644 pages/pageAPI/showStatusBar/index.json create mode 100644 pages/pageAPI/showStatusBar/index.tyml create mode 100644 pages/pageAPI/showStatusBar/index.tyss create mode 100644 pages/pageAPI/startPullDownRefresh/index.js create mode 100644 pages/pageAPI/startPullDownRefresh/index.json create mode 100644 pages/pageAPI/startPullDownRefresh/index.tyml create mode 100644 pages/pageAPI/startPullDownRefresh/index.tyss create mode 100644 pages/pageAPI/updateVolume/index.js create mode 100644 pages/pageAPI/updateVolume/index.json create mode 100644 pages/pageAPI/updateVolume/index.tyml create mode 100644 pages/pageAPI/updateVolume/index.tyss delete mode 100644 pages/pageAPI/voice/index.js delete mode 100644 pages/pageAPI/voice/index.json delete mode 100644 pages/pageAPI/voice/index.tyml delete mode 100644 pages/pageAPI/voice/index.tyss diff --git a/.prettierrc.js b/.prettierrc.js index a9c1764..052bcc3 100644 --- a/.prettierrc.js +++ b/.prettierrc.js @@ -7,13 +7,27 @@ module.exports = { trailingComma: 'es5', bracketSpacing: true, jsxBracketSameLine: false, + singleAttributePerLine: false, arrowParens: 'always', + htmlWhitespaceSensitivity: 'css', overrides: [ + { + files: '*.rjs', + options: { + parser: 'babel', + }, + }, { files: '*.tyss', options: { parser: 'css', }, }, + { + files: '*.tyml', + options: { + parser: 'html', + }, + }, ], } diff --git a/app.json b/app.json index 8009c43..34cf3bd 100644 --- a/app.json +++ b/app.json @@ -38,26 +38,35 @@ "pages/pageAPI/getNetworkType/index", "pages/pageAPI/storage/index", "pages/pageAPI/getSystemInfo/index", - "pages/pageAPI/images/index", "pages/pageAPI/makePhoneCall/index", "pages/pageAPI/screenBrightness/index", "pages/pageAPI/clipboardData/index", - "pages/pageAPI/addContact/index", "pages/pageAPI/vibrate/index", "pages/pageAPI/networkRequest/index", - "pages/pageAPI/audio/index", "pages/pageAPI/downloadFile/index", "pages/pageAPI/uploadFile/index", "pages/pageAPI/scanCode/index", "pages/pageAPI/getLocation/index", - "pages/pageAPI/getBatteryInfo/index", - "pages/pageAPI/voice/index", "pages/pageAPI/pullDownRefresh/index", "pages/pageAPI/navigationBarLoading/index", "pages/pageAPI/actionSheet/index", "pages/pageAPI/toast/index", "pages/pageAPI/modal/index", "pages/pageAPI/navigators/index", + "pages/pageAPI/getUserInfo/index", + "pages/pageAPI/getWifiList/index", + "pages/pageAPI/getSystemSetting/index", + "pages/pageAPI/getAccountInfo/index", + "pages/pageAPI/getAppInfo/index", + "pages/pageAPI/getConnectedWifi/index", + "pages/pageAPI/getLangContent/index", + "pages/pageAPI/getMenuButtonBoundingClientRect/index", + "pages/pageAPI/showStatusBar/index", + "pages/pageAPI/hideHomeButton/index", + "pages/pageAPI/showLoading/index", + "pages/pageAPI/updateVolume/index", + "pages/pageAPI/showMenuButton/index", + "pages/pageAPI/startPullDownRefresh/index", "pages/components/pickerview/index", "pages/components/picker/index", "pages/panelDemo/index", @@ -125,19 +134,19 @@ "list": [ { "pagePath": "pages/components/index", - "text": "组件", + "text": "Component", "iconPath": "@iconPath1", "selectedIconPath": "@selectedIconPath1" }, { "pagePath": "pages/pageAPI/index", - "text": "接口", + "text": "API", "iconPath": "@iconPath3", "selectedIconPath": "@selectedIconPath3" }, { "pagePath": "pages/panelDemo/index", - "text": "面板", + "text": "Panel", "iconPath": "@iconPath4", "selectedIconPath": "@selectedIconPath4" } diff --git a/app.less b/app.less index d2219af..ae72c35 100644 --- a/app.less +++ b/app.less @@ -1,7 +1,7 @@ @import './common.less'; :root { - --main-bg-color: rgb(254, 254, 254); /* 浅色背景 */ + --main-bg-color: rgb(250, 250, 250); /* 浅色背景 */ --main-text-color: rgb(54, 54, 54); /* 深色文字 */ --main-arrow-color: #999; --main-border-color: rgba(0, 0, 0, 0.05); @@ -21,7 +21,13 @@ background-color: #2f2f2f; color: var(--main-text-color); } - +page { + background: var(--plus-BG-0); + padding: 16px; +} +button { + margin: 16px 0; +} .l-r-padding, .px-20 { padding-left: 20px; diff --git a/common.less b/common.less index 91cbb6a..570b202 100644 --- a/common.less +++ b/common.less @@ -117,3 +117,4478 @@ image { width: 100%; padding: 0 15px; } + +.page-body-info { + padding: 5px; + height: 100px; + overflow: scroll-y; + text-align: left; +} + +/*! + * tyui v2.3.0 (https://github.com/tyui/plus-wxss) + * Copyright 2020 Tencent, Inc. + * Licensed under the MIT license + */ + +.page-head { + padding: 30px 25px 40px; + text-align: center; +} +.page-head-title { + display: inline-block; + padding: 0 20px 10px 20px; + font-size: 16px; +} +.page-head-line { + margin: 0 auto; + width: 75px; + height: 1px; + background-color: rgba(0, 0, 0, 0.5); +} + +.page-body-info { + display: flex; + flex-direction: column; + align-items: center; + background-color: #fff; + width: 100%; + padding: 25px 0 75px 0; +} + +.page-body-title { + margin-bottom: 50px; + font-size: 16px; +} + +.page-body-text { + font-size: 15px; + line-height: 26px; + color: rgba(0, 0, 0, 0.3); +} + +.btn-area { + margin-top: 30px; + box-sizing: border-box; + width: 100%; + padding: 0 15px; +} + +[data-plus-theme='light'], +page { + --plus-BTN-DISABLED-FONT-COLOR: rgba(0, 0, 0, 0.2); +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BTN-DISABLED-FONT-COLOR: hsla(0, 0%, 100%, 0.2); + } +} + +[data-plus-theme='light'], +page { + --plus-BTN-DEFAULT-BG: #f2f2f2; +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BTN-DEFAULT-BG: hsla(0, 0%, 100%, 0.08); + } +} + +[data-plus-theme='light'], +page { + --plus-BTN-DEFAULT-COLOR: #06ae56; +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BTN-DEFAULT-COLOR: hsla(0, 0%, 100%, 0.8); + } +} + +[data-plus-theme='light'], +page { + --plus-BTN-DEFAULT-ACTIVE-BG: #e6e6e6; +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BTN-DEFAULT-ACTIVE-BG: hsla(0, 0%, 100%, 0.126); + } +} + +[data-plus-theme='light'], +page { + --plus-DIALOG-LINE-COLOR: rgba(0, 0, 0, 0.1); +} + +@media (prefers-color-scheme: dark) { + page { + --plus-DIALOG-LINE-COLOR: hsla(0, 0%, 100%, 0.1); + } +} + +page { + line-height: 1.6; + font-family: + -apple-system-font, + Helvetica Neue, + sans-serif; +} + +icon { + vertical-align: middle; +} + +[data-plus-theme='light'], +page { + --plus-BG-0: #ededed; + --plus-BG-1: #f7f7f7; + --plus-BG-2: #fff; + --plus-BG-3: #f7f7f7; + --plus-BG-4: #4c4c4c; + --plus-BG-5: #fff; + --plus-FG-0: rgba(0, 0, 0, 0.9); + --plus-FG-HALF: rgba(0, 0, 0, 0.9); + --plus-FG-1: rgba(0, 0, 0, 0.5); + --plus-FG-2: rgba(0, 0, 0, 0.3); + --plus-FG-3: rgba(0, 0, 0, 0.1); + --plus-RED: #fa5151; + --plus-ORANGE: #fa9d3b; + --plus-YELLOW: #ffc300; + --plus-GREEN: #91d300; + --plus-LIGHTGREEN: #95ec69; + --plus-BRAND: #017aff; + --plus-BLUE: #10aeff; + --plus-INDIGO: #1485ee; + --plus-PURPLE: #6467f0; + --plus-WHITE: #fff; + --plus-LINK: #576b95; + --plus-TEXTGREEN: #06ae56; + --plus-FG: #000; + --plus-BG: #fff; + --plus-TAG-TEXT-ORANGE: #fa9d3b; + --plus-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, 0.1); + --plus-TAG-TEXT-GREEN: #06ae56; + --plus-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, 0.1); + --plus-TAG-TEXT-BLUE: #10aeff; + --plus-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, 0.1); + --plus-TAG-TEXT-BLACK: rgba(0, 0, 0, 0.5); + --plus-TAG-BACKGROUND-BLACK: rgba(0, 0, 0, 0.05); +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BG-0: #191919; + --plus-BG-1: #1f1f1f; + --plus-BG-2: #232323; + --plus-BG-3: #2f2f2f; + --plus-BG-4: #606060; + --plus-BG-5: #2c2c2c; + --plus-FG-0: hsla(0, 0%, 100%, 0.8); + --plus-FG-HALF: hsla(0, 0%, 100%, 0.6); + --plus-FG-1: hsla(0, 0%, 100%, 0.5); + --plus-FG-2: hsla(0, 0%, 100%, 0.3); + --plus-FG-3: hsla(0, 0%, 100%, 0.05); + --plus-RED: #fa5151; + --plus-ORANGE: #c87d2f; + --plus-YELLOW: #cc9c00; + --plus-GREEN: #74a800; + --plus-LIGHTGREEN: #28b561; + --plus-BRAND: #017aff; + --plus-BLUE: #10aeff; + --plus-INDIGO: #1196ff; + --plus-PURPLE: #8183ff; + --plus-WHITE: hsla(0, 0%, 100%, 0.8); + --plus-LINK: #7d90a9; + --plus-TEXTGREEN: #259c5c; + --plus-FG: #fff; + --plus-BG: #000; + --plus-TAG-TEXT-ORANGE: rgba(250, 157, 59, 0.6); + --plus-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, 0.1); + --plus-TAG-TEXT-GREEN: rgba(6, 174, 86, 0.6); + --plus-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, 0.1); + --plus-TAG-TEXT-BLUE: rgba(16, 174, 255, 0.6); + --plus-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, 0.1); + --plus-TAG-TEXT-BLACK: hsla(0, 0%, 100%, 0.5); + --plus-TAG-BACKGROUND-BLACK: hsla(0, 0%, 100%, 0.05); + } +} + +[data-plus-theme='light'], +page { + --plus-BG-COLOR-ACTIVE: #ececec; +} + +@media (prefers-color-scheme: dark) { + page { + --plus-BG-COLOR-ACTIVE: #373737; + } +} + +[class*=' plus-icon-'], +[class^='plus-icon-'] { + display: inline-block; + vertical-align: middle; + width: 24px; + height: 24px; + -webkit-mask-position: 50% 50%; + mask-position: 50% 50%; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; +} + +.plus-icon-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-download { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-info { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-safe-success { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-safe-warn { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-success { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-success-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-success-no-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-waiting { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-waiting-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-warn { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-info-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-cancel { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); +} + +.plus-icon-search { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-clear { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-back { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-delete { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-success-no-circle-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-arrow { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-arrow-bold { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-back-arrow { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-back-arrow-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-close { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2010.586l5.657-5.657%201.414%201.414L13.414%2012l5.657%205.657-1.414%201.414L12%2013.414l-5.657%205.657-1.414-1.414L10.586%2012%204.929%206.343%206.343%204.93%2012%2010.586z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2010.586l5.657-5.657%201.414%201.414L13.414%2012l5.657%205.657-1.414%201.414L12%2013.414l-5.657%205.657-1.414-1.414L10.586%2012%204.929%206.343%206.343%204.93%2012%2010.586z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-close-thin { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-back-circle { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-icon-success { + color: var(--plus-BRAND); +} + +.plus-icon-waiting { + color: var(--plus-BLUE); +} + +.plus-icon-warn { + color: var(--plus-RED); +} + +.plus-icon-info { + color: var(--plus-BLUE); +} + +.plus-icon-success-circle, +.plus-icon-success-no-circle, +.plus-icon-success-no-circle-thin { + color: var(--plus-BRAND); +} + +.plus-icon-waiting-circle { + color: var(--plus-BLUE); +} + +.plus-icon-circle { + color: var(--plus-FG-2); +} + +.plus-icon-download { + color: var(--plus-BRAND); +} + +.plus-icon-info-circle { + color: var(--plus-FG-2); +} + +.plus-icon-safe-success { + color: var(--plus-BRAND); +} + +.plus-icon-safe-warn { + color: var(--plus-YELLOW); +} + +.plus-icon-cancel { + color: var(--plus-RED); +} + +.plus-icon-search { + color: var(--plus-FG-1); +} + +.plus-icon-clear { + color: var(--plus-FG-2); +} + +.plus-icon-clear:active { + color: var(--plus-FG-1); +} + +.plus-icon-delete.plus-icon_gallery-delete { + color: var(--plus-WHITE); +} + +.plus-icon-arrow, +.plus-icon-arrow-bold, +.plus-icon-back-arrow, +.plus-icon-back-arrow-thin { + width: 12px; +} + +.plus-icon-arrow, +.plus-icon-arrow-bold { + color: var(--plus-FG-2); +} + +.plus-icon-back, +.plus-icon-back-arrow, +.plus-icon-back-arrow-thin, +.plus-icon-back-circle { + color: var(--plus-FG-0); +} + +.plus-icon_msg { + width: 64px; + height: 64px; +} + +.plus-icon_msg.plus-icon-warn { + color: var(--plus-RED); +} + +.plus-icon_msg-primary { + width: 64px; + height: 64px; +} + +.plus-icon_msg-primary.plus-icon-warn { + color: var(--plus-YELLOW); +} + +.plus-link { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-link, +.plus-link:visited { + color: var(--plus-LINK); +} + +.plus-btn { + position: relative; + display: block; + width: 184px; + margin-left: auto; + margin-right: auto; + padding: 8px 24px; + box-sizing: border-box; + font-weight: 700; + font-size: 17px; + text-align: center; + text-decoration: none; + color: #fff; + line-height: 1.41176471; + border-radius: 4px; + overflow: hidden; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-btn_block { + width: auto; +} + +.plus-btn_inline { + display: inline-block; +} + +.plus-btn_default { + background-color: var(--plus-BTN-DEFAULT-BG); +} + +.plus-btn_default, +.plus-btn_default:not(.plus-btn_disabled):visited { + color: var(--plus-BTN-DEFAULT-COLOR); +} + +.plus-btn_default:not(.plus-btn_disabled):active { + background-color: var(--plus-BTN-DEFAULT-ACTIVE-BG); +} + +.plus-btn_primary { + background-color: var(--plus-BRAND); +} + +.plus-btn_primary:not(.plus-btn_disabled):visited { + color: #fff; +} + +.plus-btn_primary:not(.plus-btn_disabled):active { + background-color: var(--plus-TAG-TEXT-GREEN); +} + +.plus-btn_warn { + background-color: var(--plus-BTN-DEFAULT-BG); +} + +.plus-btn_warn, +.plus-btn_warn:not(.plus-btn_disabled):visited { + color: var(--plus-RED); +} + +.plus-btn_warn:not(.plus-btn_disabled):active { + background-color: var(--plus-BTN-DEFAULT-ACTIVE-BG); +} + +.plus-btn_disabled { + color: var(--plus-BTN-DISABLED-FONT-COLOR); + background-color: var(--plus-BTN-DEFAULT-BG); +} + +.plus-btn_loading .plus-loading { + margin: -0.2em 0.34em 0 0; +} + +.plus-btn_loading.plus-btn_primary { + background-color: var(--plus-TAG-TEXT-GREEN); + color: var(--plus-WHITE); +} + +.plus-btn_loading.plus-btn_default, +.plus-btn_loading.plus-btn_warn { + background-color: var(--plus-BTN-DEFAULT-ACTIVE-BG); +} + +.plus-btn_cell { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + box-sizing: border-box; + font-size: 17px; + text-align: center; + text-decoration: none; + color: #fff; + line-height: 1.41176471; + padding: 16px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + overflow: hidden; + background-color: var(--plus-BG-5); +} + +.plus-btn_cell + .plus-btn_cell { + margin-top: 16px; +} + +.plus-btn_cell:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-btn_cell__icon { + display: inline-block; + vertical-align: middle; + width: 24px; + height: 24px; + margin: -0.2em 0.34em 0 0; +} + +.plus-btn_cell-default { + color: var(--plus-FG-0); +} + +.plus-btn_cell-primary { + color: var(--plus-LINK); +} + +.plus-btn_cell-warn { + color: var(--plus-RED); +} + +button.plus-btn, +input.plus-btn { + border-width: 0; + outline: 0; + -webkit-appearance: none; +} + +button.plus-btn:focus, +input.plus-btn:focus { + outline: 0; +} + +button.plus-btn_inline, +button.plus-btn_mini, +input.plus-btn_inline, +input.plus-btn_mini { + width: auto; +} + +.plus-btn_mini { + display: inline-block; + width: auto; + padding: 0 0.75em; + line-height: 2; + font-size: 16px; +} + +.plus-btn:not(.plus-btn_mini) + .plus-btn:not(.plus-btn_mini) { + margin-top: 16px; +} + +.plus-btn.plus-btn_inline + .plus-btn.plus-btn_inline { + margin-top: auto; + margin-left: 16px; +} + +.plus-btn-area { + margin: 48px 16px 8px; +} + +.plus-btn-area_inline { + display: -webkit-box; + display: -webkit-flex; + display: flex; +} + +.plus-btn-area_inline .plus-btn { + margin-top: auto; + margin-right: 16px; + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-btn-area_inline .plus-btn:last-child { + margin-right: 0; +} + +.plus-btn_reset { + background: transparent; + border: 0; + padding: 0; + outline: 0; +} + +.plus-btn_icon { + font-size: 0; +} + +.plus-btn_icon:active [class*='plus-icon-'] { + color: var(--plus-FG-1); +} + +.plus-cells { + margin-top: 8px; + background-color: var(--plus-BG-2); + line-height: 1.41176471; + font-size: 17px; + overflow: hidden; + position: relative; +} + +.plus-cells:before { + top: 0; + border-top: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-cells:after, +.plus-cells:before { + content: ' '; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--plus-FG-3); + z-index: 2; +} + +.plus-cells:after { + bottom: 0; + border-bottom: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-cells__title { + margin-top: 16px; + margin-bottom: 3px; + padding-left: 16px; + padding-right: 16px; + color: var(--plus-FG-1); + font-size: 14px; + line-height: 1.4; +} + +.plus-cells__title + .plus-cells { + margin-top: 0; +} + +.plus-cells__tips { + margin-top: 8px; + color: var(--plus-FG-1); + padding-left: 16px; + padding-right: 16px; + font-size: 14px; + line-height: 1.4; +} + +.plus-cells__tips a, +.plus-cells__tips navigator { + color: var(--plus-LINK); +} + +.plus-cells__tips navigator { + display: inline; +} + +.plus-cell { + padding: 16px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-cell:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + left: 16px; + z-index: 2; +} + +.plus-cell:first-child:before { + display: none; +} + +.plus-cell_active:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-cell_primary { + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; +} + +.plus-cell__bd { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-cell__ft { + text-align: right; + color: var(--plus-FG-1); +} + +.plus-cell_swiped { + display: block; + padding: 0; +} + +.plus-cell_swiped > .plus-cell__bd { + position: relative; + z-index: 1; + background-color: var(--plus-BG-2); +} + +.plus-cell_swiped > .plus-cell__ft { + position: absolute; + right: 0; + top: 0; + bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + color: #fff; +} + +.plus-swiped-btn { + display: block; + padding: 16px 1em; + line-height: 1.41176471; + color: inherit; +} + +.plus-swiped-btn_default { + background-color: var(--plus-BG-0); +} + +.plus-swiped-btn_warn { + background-color: var(--plus-RED); +} + +.plus-cell_access { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + color: inherit; +} + +.plus-cell_access:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-cell_access .plus-cell__ft { + padding-right: 22px; + position: relative; +} + +.plus-cell_access .plus-cell__ft:after { + content: ' '; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--plus-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 0; + margin-top: -12px; +} + +.plus-cell_link { + color: var(--plus-LINK); + font-size: 17px; +} + +.plus-cell_link:first-child:before { + display: block; +} + +.plus-check__label { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-check__label:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-check { + position: absolute; + left: -9999px; +} + +.plus-cells_radio .plus-cell__ft { + padding-left: 16px; + font-size: 0; +} + +.plus-cells_radio .plus-check + .plus-icon-checked { + min-width: 16px; + color: transparent; +} + +.plus-cells_radio .plus-check:checked + .plus-icon-checked, +.plus-cells_radio .plus-check[aria-checked='true'] + .plus-icon-checked { + color: var(--plus-BRAND); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-cells_checkbox .plus-check__label:before { + left: 55px; +} + +.plus-cells_checkbox .plus-cell__hd { + padding-right: 16px; + font-size: 0; +} + +.plus-cells_checkbox .plus-icon-checked { + color: var(--plus-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-cells_checkbox .plus-check:checked + .plus-icon-checked, +.plus-cells_checkbox .plus-check[aria-checked='true'] + .plus-icon-checked { + color: var(--plus-BRAND); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); +} + +.plus-label { + display: block; + width: 105px; + word-wrap: break-word; + word-break: break-all; +} + +.plus-input { + width: 100%; + border: 0; + outline: 0; + -webkit-appearance: none; + background-color: transparent; + font-size: inherit; + color: inherit; + height: 1.41176471em; + line-height: 1.41176471; +} + +.plus-input::-webkit-inner-spin-button, +.plus-input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.plus-input:focus:not(:placeholder-shown) + .plus-btn_input-clear { + display: inline; +} + +.plus-input::-webkit-input-placeholder, +.plus-input__placeholder { + color: var(--plus-FG-2); +} + +.plus-input::placeholder, +.plus-input__placeholder { + color: var(--plus-FG-2); +} + +.plus-textarea { + display: block; + border: 0; + resize: none; + background: transparent; + width: 100%; + color: inherit; + font-size: 1em; + line-height: inherit; + outline: 0; +} + +.plus-textarea-counter { + color: var(--plus-FG-2); + text-align: right; + font-size: 14px; +} + +.plus-cell_warn .plus-textarea-counter { + color: var(--plus-RED); +} + +.plus-cells_form .plus-cell_disabled:active, +.plus-cells_form .plus-cell_readonly:active, +.plus-cells_form .plus-cell_switch:active, +.plus-cells_form .plus-cell_vcode:active { + background-color: transparent; +} + +.plus-cells_form .plus-cell__ft { + font-size: 0; +} + +.plus-cells_form .plus-icon-warn { + display: none; +} + +.plus-cells_form input, +.plus-cells_form label[for], +.plus-cells_form textarea { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-cell_warn { + color: var(--plus-RED); +} + +.plus-cell_warn .plus-icon-warn { + display: inline-block; +} + +.plus-cell_disabled .plus-input:disabled, +.plus-cell_disabled .plus-textarea:disabled, +.plus-cell_readonly .plus-input:disabled, +.plus-cell_readonly .plus-textarea:disabled { + opacity: 1; + -webkit-text-fill-color: var(--plus-FG-1); +} + +.plus-cell_disabled .plus-input[disabled], +.plus-cell_disabled .plus-input[readonly], +.plus-cell_disabled .plus-textarea[disabled], +.plus-cell_disabled .plus-textarea[readonly], +.plus-cell_readonly .plus-input[disabled], +.plus-cell_readonly .plus-input[readonly], +.plus-cell_readonly .plus-textarea[disabled], +.plus-cell_readonly .plus-textarea[readonly] { + color: var(--plus-FG-1); +} + +.plus-btn_input-clear { + display: none; + padding-left: 8px; +} + +.plus-btn_input-clear [class*='plus-icon-'] { + width: 18px; +} + +.plus-form-preview { + position: relative; + background-color: var(--plus-BG-2); +} + +.plus-form-preview:before { + top: 0; + border-top: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-form-preview:after, +.plus-form-preview:before { + content: ' '; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--plus-FG-3); +} + +.plus-form-preview:after { + bottom: 0; + border-bottom: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-form-preview__hd { + position: relative; + padding: 16px; + text-align: right; + line-height: 2.5em; +} + +.plus-form-preview__hd:after { + content: ' '; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + left: 16px; +} + +.plus-form-preview__hd .plus-form-preview__value { + font-style: normal; + font-size: 1.6em; +} + +.plus-form-preview__bd { + padding: 16px; + font-size: 0.9em; + text-align: right; + color: var(--plus-FG-1); + line-height: 2; +} + +.plus-form-preview__ft { + position: relative; + line-height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: flex; +} + +.plus-form-preview__ft:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-DIALOG-LINE-COLOR); + color: var(--plus-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-form-preview__item { + overflow: hidden; +} + +.plus-form-preview__label { + float: left; + margin-right: 1em; + min-width: 4em; + color: var(--plus-FG-1); + text-align: justify; + text-align-last: justify; +} + +.plus-form-preview__value { + display: block; + overflow: hidden; + word-break: normal; + word-wrap: break-word; + color: var(--plus-FG-0); +} + +.plus-form-preview__btn { + position: relative; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + color: var(--plus-LINK); + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +button.plus-form-preview__btn { + background-color: transparent; + border: 0; + outline: 0; + line-height: inherit; + font-size: inherit; +} + +.plus-form-preview__btn:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-form-preview__btn:after { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--plus-DIALOG-LINE-COLOR); + color: var(--plus-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-form-preview__btn:first-child:after { + display: none; +} + +.plus-form-preview__btn_default { + color: var(--plus-FG-HALF); +} + +.plus-form-preview__btn_primary { + color: var(--plus-LINK); +} + +.plus-cell_select { + padding: 0; +} + +.plus-cell_select .plus-select { + padding-right: 30px; +} + +.plus-cell_select .plus-cell__bd:after { + content: ' '; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--plus-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 16px; + margin-top: -12px; +} + +.plus-select { + -webkit-appearance: none; + border: 0; + outline: 0; + background-color: transparent; + width: 100%; + font-size: inherit; + height: 56px; + line-height: 56px; + position: relative; + z-index: 1; + padding-left: 16px; + color: var(--plus-FG-0); +} + +.plus-cell_select-before { + padding-right: 16px; +} + +.plus-cell_select-before .plus-select { + width: 105px; + box-sizing: border-box; +} + +.plus-cell_select-before .plus-cell__hd { + position: relative; +} + +.plus-cell_select-before .plus-cell__hd:after { + content: ' '; + position: absolute; + right: 0; + top: 0; + width: 1px; + bottom: 0; + border-right: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-cell_select-before .plus-cell__hd:before { + content: ' '; + width: 12px; + height: 24px; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + background-color: currentColor; + color: var(--plus-FG-2); + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); + position: absolute; + top: 50%; + right: 16px; + margin-top: -12px; +} + +.plus-cell_select-before .plus-cell__bd { + padding-left: 16px; +} + +.plus-cell_select-before .plus-cell__bd:after { + display: none; +} + +.plus-cell_select-before.plus-cell_access .plus-cell__hd { + line-height: 56px; + padding-left: 32px; +} + +.plus-cell_select-after { + padding-left: 16px; +} + +.plus-cell_select-after .plus-select { + padding-left: 0; +} + +.plus-cell_select-after.plus-cell_access .plus-cell__bd { + line-height: 56px; +} + +.plus-cell_vcode { + padding-top: 0; + padding-right: 0; + padding-bottom: 0; +} + +.plus-vcode-btn, +.plus-vcode-img { + margin-left: 5px; + height: 56px; + vertical-align: middle; +} + +.plus-vcode-btn { + display: inline-block; + padding: 0 0.6em 0 0.7em; + line-height: 56px; + font-size: 17px; + color: var(--plus-LINK); + position: relative; +} + +.plus-vcode-btn:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +button.plus-vcode-btn { + background-color: transparent; + border: 0; + outline: 0; +} + +.plus-vcode-btn:active { + color: #767676; +} + +.plus-gallery { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #000; + z-index: 1000; +} + +.plus-gallery__img, +.plus-gallery__opr { + position: absolute; + left: 0; + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + right: 0; + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right); +} + +.plus-gallery__img { + top: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + bottom: 60px; + bottom: calc(60px + constant(safe-area-inset-bottom)); + bottom: calc(60px + env(safe-area-inset-bottom)); + background: 50% no-repeat; + background-size: contain; +} + +.plus-gallery__opr { + position: absolute; + bottom: 0; + padding-bottom: 0; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + background-color: #0d0d0d; + color: var(--plus-WHITE); + line-height: 60px; + text-align: center; +} + +.plus-gallery__del { + display: block; +} + +.plus-cell_switch { + padding-top: 12px; + padding-bottom: 12px; +} + +.plus-switch { + -webkit-appearance: none; + appearance: none; +} + +.plus-switch, +.plus-switch-cp__box { + position: relative; + width: 52px; + height: 32px; + border: 2px solid var(--plus-FG-3); + outline: 0; + border-radius: 16px; + box-sizing: border-box; + -webkit-transition: + background-color 0.1s, + border 0.1s; + transition: + background-color 0.1s, + border 0.1s; +} + +.plus-switch-cp__box:before, +.plus-switch:before { + content: ' '; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border-radius: 15px; + background-color: var(--plus-BG-3); + -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); + transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); + transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); + transition: + transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), + -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); +} + +.plus-switch-cp__box:after, +.plus-switch:after { + content: ' '; + position: absolute; + top: 0; + left: 0; + width: 28px; + height: 28px; + border-radius: 15px; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); + transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); + transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); + transition: + transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), + -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); +} + +.plus-switch-cp__input:checked + .plus-switch-cp__box, +.plus-switch-cp__input[aria-checked='true'] + .plus-switch-cp__box, +.plus-switch:checked { + border-color: var(--plus-BRAND); + background-color: var(--plus-BRAND); +} + +.plus-switch-cp__input:checked + .plus-switch-cp__box:before, +.plus-switch-cp__input[aria-checked='true'] + .plus-switch-cp__box:before, +.plus-switch:checked:before { + -webkit-transform: scale(0); + transform: scale(0); +} + +.plus-switch-cp__input:checked + .plus-switch-cp__box:after, +.plus-switch-cp__input[aria-checked='true'] + .plus-switch-cp__box:after, +.plus-switch:checked:after { + -webkit-transform: translateX(20px); + transform: translateX(20px); +} + +.plus-switch-cp__input { + position: absolute; + left: -9999px; +} + +.plus-switch-cp__box { + display: block; +} + +.plus-uploader { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-uploader__hd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + padding-bottom: 16px; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-uploader__title { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-uploader__info { + color: var(--plus-FG-2); +} + +.plus-uploader__bd { + margin-bottom: -8px; + margin-right: -8px; + overflow: hidden; +} + +.plus-uploader__files { + list-style: none; +} + +.plus-uploader__file { + float: left; + margin-right: 8px; + margin-bottom: 8px; + width: 96px; + height: 96px; + background: no-repeat 50%; + background-size: cover; +} + +.plus-uploader__file_status { + position: relative; +} + +.plus-uploader__file_status:before { + content: ' '; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); +} + +.plus-uploader__file_status .plus-uploader__file-content { + display: block; +} + +.plus-uploader__file-content { + display: none; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: var(--plus-WHITE); +} + +.plus-uploader__file-content .plus-icon-warn { + display: inline-block; +} + +.plus-uploader__input-box { + float: left; + position: relative; + margin-right: 8px; + margin-bottom: 8px; + width: 96px; + height: 96px; + box-sizing: border-box; + background-color: #ededed; +} + +@media (prefers-color-scheme: dark) { + .plus-uploader__input-box { + background-color: #2e2e2e; + } +} + +.plus-uploader__input-box:after, +.plus-uploader__input-box:before { + content: ' '; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: #a3a3a3; +} + +@media (prefers-color-scheme: dark) { + .plus-uploader__input-box:after, + .plus-uploader__input-box:before { + background-color: #6d6d6d; + } +} + +.plus-uploader__input-box:before { + width: 2px; + height: 32px; +} + +.plus-uploader__input-box:after { + width: 32px; + height: 2px; +} + +.plus-uploader__input-box:active:after, +.plus-uploader__input-box:active:before { + opacity: 0.7; +} + +.plus-uploader__input { + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-msg { + padding-top: 48px; + padding: calc(48px + constant(safe-area-inset-top)) constant(safe-area-inset-right) + constant(safe-area-inset-bottom) constant(safe-area-inset-left); + padding: calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) + env(safe-area-inset-bottom) env(safe-area-inset-left); + text-align: center; + line-height: 1.4; + min-height: 100%; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + background-color: var(--plus-BG-2); +} + +.plus-msg a:not(.plus-btn) { + color: var(--plus-LINK); + display: inline-block; + vertical-align: baseline; +} + +.plus-msg__icon-area { + margin-bottom: 32px; +} + +.plus-msg__text-area { + margin-bottom: 32px; + padding: 0 32px; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + line-height: 1.6; +} + +.plus-msg__text-area:first-child { + padding-top: 96px; +} + +.plus-msg__title { + font-weight: 700; + font-size: 22px; +} + +.plus-msg__desc, +.plus-msg__title { + margin-bottom: 16px; + color: var(--plus-FG-0); + word-wrap: break-word; + word-break: break-all; +} + +.plus-msg__desc { + font-size: 17px; +} + +.plus-msg__desc-primary { + font-size: 14px; + color: var(--plus-FG-1); + word-wrap: break-word; + word-break: break-all; + margin-bottom: 16px; +} + +.plus-msg__opr-area { + margin-bottom: 16px; +} + +.plus-msg__opr-area .plus-btn-area { + margin: 0; +} + +.plus-msg__opr-area .plus-btn + .plus-btn { + margin-bottom: 16px; +} + +.plus-msg__opr-area:last-child { + margin-bottom: 96px; +} + +.plus-msg__opr-area + .plus-msg__extra-area { + margin-top: 48px; +} + +.plus-msg__tips-area { + margin-bottom: 16px; + padding: 0 40px; +} + +.plus-msg__opr-area + .plus-msg__tips-area { + margin-bottom: 48px; +} + +.plus-msg__tips-area:last-child { + margin-bottom: 64px; +} + +.plus-msg__extra-area, +.plus-msg__tips { + font-size: 12px; + color: var(--plus-FG-1); +} + +.plus-msg__extra-area { + margin-bottom: 24px; +} + +.plus-msg__extra-area a, +.plus-msg__extra-area navigator { + color: var(--plus-LINK); +} + +.plus-msg__extra-area navigator { + display: inline; +} + +.plus-cells__group_form:first-child .plus-cells__title { + margin-top: 0; +} + +.plus-cells__group_form .plus-cells__title { + margin-top: 24px; + margin-bottom: 8px; + padding: 0 32px; +} + +.plus-cells__group_form .plus-cell:before, +.plus-cells__group_form .plus-cells:before { + left: 32px; + right: 32px; +} + +.plus-cells__group_form .plus-cells_checkbox .plus-check__label:before { + left: 72px; +} + +.plus-cells__group_form .plus-cells:after { + left: 32px; + right: 32px; +} + +.plus-cells__group_form .plus-cell { + padding: 16px 32px; +} + +.plus-cells__group_form .plus-cell:not(.plus-cell_link) { + color: var(--plus-FG-0); +} + +.plus-cells__group_form .plus-cell__hd { + padding-right: 16px; +} + +.plus-cells__group_form .plus-cell__ft { + padding-left: 16px; +} + +.plus-cells__group_form .plus-cell_warn input { + color: var(--plus-RED); +} + +.plus-cells__group_form .plus-label { + max-width: 5em; + margin-right: 8px; +} + +.plus-cells__group_form .plus-cells__tips { + margin-top: 8px; + padding: 0 32px; + color: rgba(0, 0, 0, 0.3); +} + +.plus-cells__group_form .plus-cells__tips a { + font-weight: 700; +} + +.plus-cells__group_form .plus-cell_vcode { + padding: 12px 32px; +} + +.plus-cells__group_form .plus-vcode-btn { + font-size: 16px; + padding: 0 12px; + margin-left: 0; + height: auto; + width: auto; + line-height: 2em; + color: var(--plus-BTN-DEFAULT-COLOR); + background-color: var(--plus-BTN-DEFAULT-BG); +} + +.plus-cells__group_form .plus-vcode-btn:before { + display: none; +} + +.plus-cells__group_form .plus-cell_select { + padding: 0; +} + +.plus-cells__group_form .plus-cell_select .plus-select { + padding: 0 32px; +} + +.plus-cells__group_form .plus-cell_select .plus-cell__bd:after { + right: 32px; +} + +.plus-cells__group_form .plus-cell_select-before .plus-label { + margin-right: 24px; +} + +.plus-cells__group_form .plus-cell_select-before .plus-select { + padding-right: 24px; + box-sizing: initial; +} + +.plus-cells__group_form .plus-cell_select-after { + padding-left: 32px; +} + +.plus-cells__group_form .plus-cell_select-after .plus-select { + padding-left: 0; +} + +.plus-cells__group_form .plus-cell_switch { + padding: 12px 32px; +} + +.plus-form { + padding: 56px 0 0; + padding: calc(56px + constant(safe-area-inset-top)) constant(safe-area-inset-right) + constant(safe-area-inset-bottom) constant(safe-area-inset-left); + padding: calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) + env(safe-area-inset-bottom) env(safe-area-inset-left); + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + line-height: 1.4; + min-height: 100%; + box-sizing: border-box; + background-color: var(--plus-BG-2); +} + +.plus-form .plus-footer, +.plus-form .plus-footer__link { + font-size: 14px; +} + +.plus-form .plus-agree { + padding: 0; +} + +.plus-form__text-area { + padding: 0 32px; + color: var(--plus-FG-0); + text-align: center; +} + +.plus-form__control-area { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + margin: 48px 0; +} + +.plus-form__tips-area { + overflow: hidden; +} + +.plus-form__extra-area, +.plus-form__tips-area { + margin-bottom: 24px; + text-align: center; +} + +.plus-form__opr-area { + margin-bottom: 64px; +} + +.plus-form__opr-area:last-child { + margin-bottom: 96px; +} + +.plus-form__title { + font-size: 22px; + font-weight: 700; + line-height: 1.36; +} + +.plus-form__desc { + font-size: 17px; + margin-top: 16px; +} + +.plus-form__tips { + color: var(--plus-FG-1); + font-size: 14px; +} + +.plus-form__tips a, +.plus-form__tips navigator { + color: var(--plus-LINK); +} + +.plus-form__tips navigator { + display: inline; +} + +.plus-article { + padding: 24px 16px; + padding: 24px calc(16px + constant(safe-area-inset-right)) + calc(24px + constant(safe-area-inset-bottom)) calc(16px + constant(safe-area-inset-left)); + padding: 24px calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) + calc(16px + env(safe-area-inset-left)); + font-size: 17px; + color: var(--plus-FG-0); +} + +.plus-article__section { + margin-bottom: 1.5em; +} + +.plus-article__h1 { + font-size: 22px; + font-weight: 700; + margin-bottom: 0.9em; + line-height: 1.4; +} + +.plus-article__h2 { + font-size: 17px; +} + +.plus-article__h2, +.plus-article__h3 { + font-weight: 700; + margin-bottom: 0.34em; + line-height: 1.4; +} + +.plus-article__h3 { + font-size: 15px; +} + +.plus-article__p { + margin: 0 0 0.8em; +} + +.plus-tabbar { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + z-index: 500; + background-color: var(--plus-BG-1); +} + +.plus-tabbar:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-tabbar__item { + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + padding: 8px 0; + padding-bottom: calc(8px + constant(safe-area-inset-bottom)); + padding-bottom: calc(8px + env(safe-area-inset-bottom)); + font-size: 0; + color: var(--plus-FG-1); + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-tabbar__item:first-child { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); +} + +.plus-tabbar__item:last-child { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); +} + +.plus-tabbar__item.plus-bar__item_on .plus-tabbar__icon, +.plus-tabbar__item.plus-bar__item_on .plus-tabbar__icon > i, +.plus-tabbar__item.plus-bar__item_on .plus-tabbar__label { + color: var(--plus-BRAND); +} + +.plus-tabbar__icon { + display: inline-block; + width: 28px; + height: 28px; + margin-bottom: 2px; +} + +.plus-tabbar__icon > i, +i.plus-tabbar__icon { + font-size: 24px; + color: var(--plus-FG-1); +} + +.plus-tabbar__icon img { + width: 100%; + height: 100%; +} + +.plus-tabbar__label { + color: var(--plus-FG-0); + font-size: 10px; + line-height: 1.4; +} + +.plus-navbar { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + z-index: 500; + background-color: var(--plus-BG-2); + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} + +.plus-navbar:after { + content: ' '; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-navbar + .plus-tab__panel { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} + +.plus-navbar__item { + position: relative; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + padding: 16px 0; + padding-top: calc(16px + constant(safe-area-inset-top)); + padding-top: calc(16px + env(safe-area-inset-top)); + text-align: center; + font-size: 17px; + line-height: 1.41176471; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-navbar__item.plus-bar__item_on, +.plus-navbar__item:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-navbar__item:after { + content: ' '; + position: absolute; + right: 0; + top: 0; + width: 1px; + bottom: 0; + border-right: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-navbar__item:first-child { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); +} + +.plus-navbar__item:last-child { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); +} + +.plus-navbar__item:last-child:after { + display: none; +} + +.plus-tab { + display: -webkit-box; + display: -webkit-flex; + display: flex; + height: 100%; + box-sizing: border-box; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; +} + +.plus-tab__panel { + box-sizing: border-box; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +.plus-tab__content { + display: none; +} + +.plus-progress { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-progress__bar { + background-color: var(--plus-BG-0); + height: 3px; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-progress__inner-bar { + width: 0; + height: 100%; + background-color: var(--plus-BRAND); +} + +.plus-progress__opr { + display: block; + margin-left: 15px; + font-size: 0; +} + +.plus-panel { + background-color: var(--plus-BG-2); + margin-top: 10px; + position: relative; + overflow: hidden; +} + +.plus-panel:first-child { + margin-top: 0; +} + +.plus-panel:before { + top: 0; + border-top: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-panel:after, +.plus-panel:before { + content: ' '; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--plus-FG-3); +} + +.plus-panel:after { + bottom: 0; + border-bottom: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-panel__hd { + padding: 16px 16px 13px; + color: var(--plus-FG-0); + font-size: 15px; + font-weight: 700; + position: relative; +} + +.plus-panel__hd:after { + content: ' '; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + left: 15px; +} + +.plus-media-box { + padding: 16px; + position: relative; +} + +.plus-media-box:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + left: 16px; +} + +.plus-media-box:first-child:before { + display: none; +} + +a.plus-media-box { + color: #000; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +a.plus-media-box:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-media-box__title { + font-weight: 400; + font-size: 17px; + color: var(--plus-FG-0); + width: auto; + white-space: nowrap; + word-wrap: normal; + word-wrap: break-word; + word-break: break-all; +} + +.plus-media-box__desc, +.plus-media-box__title { + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; +} + +.plus-media-box__desc { + color: var(--plus-FG-2); + font-size: 14px; + padding-top: 4px; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.plus-media-box__info { + margin-top: 16px; + padding-bottom: 4px; + font-size: 13px; + color: var(--plus-FG-2); + line-height: 1em; + list-style: none; + overflow: hidden; +} + +.plus-media-box__info__meta { + float: left; + padding-right: 1em; +} + +.plus-media-box__info__meta_extra { + padding-left: 1em; + border-left: 1px solid var(--plus-FG-2); +} + +.plus-media-box_appmsg { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-media-box_appmsg .plus-media-box__hd { + margin-right: 16px; + width: 60px; + height: 60px; + line-height: 60px; + text-align: center; +} + +.plus-media-box_appmsg .plus-media-box__thumb { + width: 100%; + max-height: 100%; + vertical-align: top; +} + +.plus-media-box_appmsg .plus-media-box__bd { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; +} + +.plus-media-box_small-appmsg { + padding: 0; +} + +.plus-media-box_small-appmsg .plus-cells { + margin-top: 0; +} + +.plus-media-box_small-appmsg .plus-cells:before { + display: none; +} + +.plus-grids { + position: relative; + overflow: hidden; +} + +.plus-grids:before { + right: 0; + height: 1px; + border-top: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-grids:after, +.plus-grids:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + color: var(--plus-FG-3); +} + +.plus-grids:after { + width: 1px; + bottom: 0; + border-left: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-grid { + position: relative; + float: left; + padding: 20px 10px; + width: 33.33333333%; + box-sizing: border-box; +} + +.plus-grid:before { + top: 0; + width: 1px; + border-right: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-grid:after, +.plus-grid:before { + content: ' '; + position: absolute; + right: 0; + bottom: 0; + color: var(--plus-FG-3); +} + +.plus-grid:after { + left: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-grid:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-grid__icon { + width: 28px; + height: 28px; + margin: 0 auto; +} + +.plus-grid__icon img { + display: block; + width: 100%; + height: 100%; +} + +.plus-grid__icon + .plus-grid__label { + margin-top: 4px; +} + +.plus-grid__label { + display: block; + color: var(--plus-FG-0); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.plus-footer, +.plus-grid__label { + text-align: center; + font-size: 14px; +} + +.plus-footer { + color: var(--plus-FG-2); + line-height: 1.4; +} + +.plus-footer a, +.plus-footer navigator { + color: var(--plus-LINK); +} + +.plus-footer navigator { + display: inline; +} + +.plus-footer_fixed-bottom { + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding-top: 16px; + padding-bottom: 16px; + padding-bottom: calc(16px + constant(safe-area-inset-bottom)); + padding-bottom: calc(16px + env(safe-area-inset-bottom)); + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right); +} + +.plus-footer__links { + font-size: 0; +} + +.plus-footer__link { + display: inline-block; + vertical-align: top; + margin: 0 8px; + position: relative; + font-size: 14px; +} + +.plus-footer__link:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); + left: -8px; + top: 0.36em; + bottom: 0.36em; +} + +.plus-footer__link:first-child:before { + display: none; +} + +.plus-footer__text { + padding: 0 16px; + font-size: 12px; +} + +.plus-flex { + display: -webkit-box; + display: -webkit-flex; + display: flex; +} + +.plus-flex__item { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-dialog { + position: fixed; + z-index: 5000; + top: 50%; + left: 16px; + right: 16px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--plus-BG-2); + text-align: center; + border-radius: 12px; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + max-height: 90%; +} + +.plus-dialog__hd { + padding: 32px 24px 16px; +} + +.plus-dialog__title { + font-weight: 700; + font-size: 17px; + line-height: 1.4; +} + +.plus-dialog__bd { + overflow-y: auto; + -webkit-overflow-scrolling: touch; + padding: 0 24px; + margin-bottom: 32px; + font-size: 17px; + line-height: 1.4; + word-wrap: break-word; + -webkit-hyphens: auto; + hyphens: auto; + color: var(--plus-FG-1); +} + +.plus-dialog__bd:first-child { + min-height: 40px; + padding: 32px 24px 0; + font-weight: 700; + color: var(--plus-FG-0); + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; +} + +.plus-dialog__bd:first-child, +.plus-dialog__ft { + display: -webkit-box; + display: -webkit-flex; + display: flex; +} + +.plus-dialog__ft { + position: relative; + line-height: 56px; + min-height: 56px; + font-size: 17px; +} + +.plus-dialog__ft:after { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-DIALOG-LINE-COLOR); + color: var(--plus-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-dialog__btn { + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + color: var(--plus-LINK); + font-weight: 700; + text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + position: relative; +} + +.plus-dialog__btn:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-dialog__btn:after { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid var(--plus-DIALOG-LINE-COLOR); + color: var(--plus-DIALOG-LINE-COLOR); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-dialog__btn:first-child:after { + display: none; +} + +.plus-dialog__btn_default { + color: var(--plus-FG-HALF); +} + +.plus-skin_android .plus-dialog { + text-align: left; + box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); +} + +.plus-skin_android .plus-dialog__title { + font-size: 22px; + line-height: 1.4; +} + +.plus-skin_android .plus-dialog__hd { + text-align: left; +} + +.plus-skin_android .plus-dialog__bd { + color: var(--plus-FG-1); + text-align: left; +} + +.plus-skin_android .plus-dialog__bd:first-child { + color: var(--plus-FG-0); +} + +.plus-skin_android .plus-dialog__ft { + display: block; + text-align: right; + line-height: 40px; + min-height: 40px; + padding: 0 24px 16px; +} + +.plus-skin_android .plus-dialog__ft:after { + display: none; +} + +.plus-skin_android .plus-dialog__btn { + display: inline-block; + vertical-align: top; + padding: 0 0.8em; +} + +.plus-skin_android .plus-dialog__btn:after { + display: none; +} + +.plus-skin_android .plus-dialog__btn:last-child { + margin-right: -0.8em; +} + +.plus-skin_android .plus-dialog__btn_default { + color: var(--plus-FG-HALF); +} + +@media screen and (min-width: 352px) { + .plus-dialog { + width: 320px; + margin: 0 auto; + } +} + +.plus-half-screen-dialog { + position: fixed; + left: 0; + right: 0; + bottom: 0; + max-height: 75%; + z-index: 5000; + line-height: 1.4; + background-color: var(--plus-BG-2); + border-top-left-radius: 12px; + border-top-right-radius: 12px; + overflow: hidden; + padding: 0 24px; + padding: 0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) + calc(24px + constant(safe-area-inset-left)); + padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) + calc(24px + env(safe-area-inset-left)); +} + +@media only screen and (max-height: 558px) { + .plus-half-screen-dialog { + max-height: none; + } +} + +.plus-half-screen-dialog__hd { + font-size: 8px; + height: 8em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-half-screen-dialog__hd .plus-icon-btn { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.plus-half-screen-dialog__hd .plus-icon-btn:active { + opacity: 0.5; +} + +.plus-half-screen-dialog__hd__side { + position: relative; + left: -8px; +} + +.plus-half-screen-dialog__hd__main { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-half-screen-dialog__hd__side + .plus-half-screen-dialog__hd__main { + text-align: center; + padding: 0 40px; +} + +.plus-half-screen-dialog__hd__main + .plus-half-screen-dialog__hd__side { + right: -8px; + left: auto; +} + +.plus-half-screen-dialog__hd__main + .plus-half-screen-dialog__hd__side .plus-icon-btn { + right: 0; +} + +.plus-half-screen-dialog__title { + display: block; + color: var(--plus-FG-0); + font-weight: 700; + font-size: 15px; +} + +.plus-half-screen-dialog__subtitle { + display: block; + color: var(--plus-FG-1); + font-size: 10px; +} + +.plus-half-screen-dialog__bd { + word-wrap: break-word; + -webkit-hyphens: auto; + hyphens: auto; + overflow-y: auto; + padding-top: 4px; + padding-bottom: 40px; + font-size: 14px; + color: var(--plus-FG-0); +} + +.plus-half-screen-dialog__desc { + font-size: 17px; + font-weight: 700; + color: var(--plus-FG-0); + line-height: 1.4; +} + +.plus-half-screen-dialog__tips { + padding-top: 16px; + font-size: 14px; + color: var(--plus-FG-2); + line-height: 1.4; +} + +.plus-half-screen-dialog__ft { + padding: 0 24px 32px; + text-align: center; +} + +.plus-half-screen-dialog__ft .plus-btn:nth-last-child(n + 2), +.plus-half-screen-dialog__ft .plus-btn:nth-last-child(n + 2) + .plus-btn { + display: inline-block; + vertical-align: top; + margin: 0 8px; + width: 120px; +} + +.plus-icon-btn { + outline: 0; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + border-width: 0; + background-color: transparent; + color: var(--plus-FG-0); + font-size: 0; +} + +.plus-icon-more { + width: 24px; + -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") + no-repeat 50% 50%; + mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") + no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; +} + +.plus-icon-btn_goback, +.plus-icon-more { + display: inline-block; + vertical-align: middle; + height: 24px; + background-color: currentColor; + color: var(--plus-FG-0); +} + +.plus-icon-btn_goback { + width: 12px; + -webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') + no-repeat 50% 50%; + mask: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') + no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; +} + +.plus-icon-btn_close { + color: var(--plus-FG-0); + display: inline-block; + vertical-align: middle; + width: 14px; + height: 24px; + -webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') + no-repeat 50% 50%; + mask: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') + no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; + background-color: currentColor; +} + +.plus-toast { + position: fixed; + z-index: 5000; + width: 120px; + height: 120px; + top: 40%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + border-radius: 5px; + color: hsla(0, 0%, 100%, 0.9); + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + background-color: #4c4c4c; +} + +@media (prefers-color-scheme: dark) { + .plus-toast { + background-color: #606060; + } +} + +.plus-icon_toast { + display: block; +} + +.plus-icon_toast.plus-icon-success-no-circle { + color: hsla(0, 0%, 100%, 0.9); + width: 55px; + height: 55px; +} + +.plus-icon_toast.plus-loading { + margin: 8px 0; + width: 38px; + height: 38px; + vertical-align: baseline; +} + +.plus-toast__content { + font-size: 14px; +} + +.plus-mask { + background: rgba(0, 0, 0, 0.6); +} + +.plus-mask, +.plus-mask_transparent { + position: fixed; + z-index: 1000; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.plus-actionsheet { + position: fixed; + left: 0; + bottom: 0; + -webkit-transform: translateY(100%); + transform: translateY(100%); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 5000; + width: 100%; + background-color: var(--plus-BG-1); + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + overflow: hidden; +} + +.plus-actionsheet__title { + position: relative; + height: 56px; + padding: 0 24px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + text-align: center; + font-size: 12px; + color: var(--plus-FG-1); + line-height: 1.4; + background: var(--plus-BG-2); +} + +.plus-actionsheet__title:before { + content: ' '; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-actionsheet__title .plus-actionsheet__title-text { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.plus-actionsheet__menu { + color: var(--plus-FG-0); + background-color: var(--plus-BG-2); +} + +.plus-actionsheet__action { + margin-top: 8px; + background-color: var(--plus-BG-2); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} + +.plus-actionsheet__cell { + position: relative; + padding: 16px; + text-align: center; + font-size: 17px; + line-height: 1.41176471; +} + +.plus-actionsheet__cell:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + right: 0; + height: 1px; + border-top: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-actionsheet__cell:active { + background-color: var(--plus-BG-COLOR-ACTIVE); +} + +.plus-actionsheet__cell:first-child:before { + display: none; +} + +.plus-actionsheet__cell_warn { + color: var(--plus-RED); +} + +.plus-skin_android .plus-actionsheet { + position: fixed; + left: 50%; + top: 50%; + bottom: auto; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 274px; + box-sizing: border-box; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: transparent; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.plus-skin_android .plus-actionsheet__action { + display: none; +} + +.plus-skin_android .plus-actionsheet__menu { + border-radius: 2px; + box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); +} + +.plus-skin_android .plus-actionsheet__cell { + padding: 16px; + font-size: 17px; + line-height: 1.41176471; + color: var(--plus-FG-0); + text-align: left; +} + +.plus-skin_android .plus-actionsheet__cell:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.plus-skin_android .plus-actionsheet__cell:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.plus-actionsheet_toggle { + -webkit-transform: translate(0); + transform: translate(0); +} + +.plus-loadmore { + width: 65%; + margin: 1.5em auto; + line-height: 1.6em; + font-size: 14px; + text-align: center; +} + +.plus-loadmore__tips { + display: inline-block; + vertical-align: middle; + color: var(--plus-FG-0); +} + +.plus-loadmore_line { + border-top: 1px solid var(--plus-FG-3); + margin-top: 2.4em; +} + +.plus-loadmore_line .plus-loadmore__tips { + position: relative; + top: -0.9em; + padding: 0 0.55em; + background-color: var(--plus-BG-2); + color: var(--plus-FG-1); +} + +.plus-loadmore_dot .plus-loadmore__tips { + padding: 0 0.16em; +} + +.plus-loadmore_dot .plus-loadmore__tips:before { + content: ' '; + width: 4px; + height: 4px; + border-radius: 50%; + background-color: var(--plus-FG-3); + display: inline-block; + position: relative; + vertical-align: 0; + top: -0.16em; +} + +.plus-badge { + display: inline-block; + padding: 0.15em 0.4em; + min-width: 8px; + border-radius: 18px; + background-color: var(--plus-RED); + color: #fff; + line-height: 1.2; + text-align: center; + font-size: 12px; + vertical-align: middle; +} + +.plus-badge_dot { + padding: 0.4em; + min-width: 0; +} + +.plus-toptips { + display: none; + position: fixed; + -webkit-transform: translateZ(0); + transform: translateZ(0); + top: 8px; + left: 8px; + right: 8px; + padding: 10px; + border-radius: 8px; + font-size: 14px; + text-align: center; + color: #fff; + z-index: 5000; + word-wrap: break-word; + word-break: break-all; +} + +.plus-toptips_warn { + background-color: var(--plus-RED); +} + +.plus-search-bar { + position: relative; + padding: 8px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + box-sizing: border-box; + background-color: var(--plus-BG-0); + -webkit-text-size-adjust: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-search-bar.plus-search-bar_focusing .plus-search-bar__cancel-btn { + display: block; +} + +.plus-search-bar.plus-search-bar_focusing .plus-search-bar__label { + display: none; +} + +.plus-search-bar .plus-icon-search { + width: 16px; + height: 16px; +} + +.plus-search-bar__form { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: auto; + flex: auto; + background-color: var(--plus-BG-2); + border-radius: 4px; +} + +.plus-search-bar__box { + position: relative; + padding-left: 28px; + padding-right: 32px; + height: 100%; + width: 100%; + box-sizing: border-box; + z-index: 1; +} + +.plus-search-bar__box .plus-search-bar__input { + padding: 8px 0; + width: 100%; + height: 1.14285714em; + border: 0; + font-size: 14px; + line-height: 1.14285714em; + box-sizing: content-box; + background: transparent; + caret-color: var(--plus-BRAND); + color: var(--plus-FG-0); +} + +.plus-search-bar__box .plus-search-bar__input:focus { + outline: none; +} + +.plus-search-bar__box .plus-icon-search { + position: absolute; + top: 50%; + left: 8px; + margin-top: -8px; +} + +.plus-search-bar__box .plus-icon-clear { + position: absolute; + top: 50%; + right: 0; + margin-top: -16px; + padding: 8px; + width: 16px; + height: 16px; + -webkit-mask-size: 16px; + mask-size: 16px; +} + +.plus-search-bar__label { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + font-size: 0; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: var(--plus-FG-1); + background: var(--plus-BG-2); +} + +.plus-search-bar__label span { + display: inline-block; + font-size: 14px; + vertical-align: middle; +} + +.plus-search-bar__label .plus-icon-search { + margin-right: 4px; +} + +.plus-search-bar__cancel-btn { + display: none; + margin-left: 8px; + line-height: 28px; + color: var(--plus-LINK); + white-space: nowrap; +} + +.plus-search-bar__input:not(:valid) + .plus-icon-clear { + display: none; +} + +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration, +input[type='search']::-webkit-search-results-button, +input[type='search']::-webkit-search-results-decoration { + display: none; +} + +.plus-picker { + position: fixed; + width: 100%; + box-sizing: border-box; + left: 0; + bottom: 0; + z-index: 5000; + background-color: var(--plus-BG-2); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; +} + +.plus-picker__hd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + padding: 16px; + padding: 16px calc(16px + constant(safe-area-inset-right)) 16px + calc(16px + constant(safe-area-inset-left)); + padding: 16px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); + position: relative; + text-align: center; + font-size: 17px; + line-height: 1.4; +} + +.plus-picker__hd:after { + content: ' '; + position: absolute; + left: 0; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid var(--plus-FG-3); + color: var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-picker__bd { + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: relative; + background-color: var(--plus-BG-2); + height: 240px; + overflow: hidden; +} + +.plus-picker__group { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + position: relative; + height: 100%; +} + +.plus-picker__group:first-child .plus-picker__item { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); +} + +.plus-picker__group:last-child .plus-picker__item { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); +} + +.plus-picker__mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0 auto; + z-index: 3; + background-image: + -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)), + -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)); + background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)), + linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)); + background-position: top, bottom; + background-size: 100% 92px; + background-repeat: no-repeat; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} + +@media (prefers-color-scheme: dark) { + .plus-picker__mask { + background-image: + -webkit-linear-gradient(top, rgba(35, 35, 35, 0.95), rgba(35, 35, 35, 0.6)), + -webkit-linear-gradient(bottom, rgba(35, 35, 35, 0.95), rgba(35, 35, 35, 0.6)); + background-image: linear-gradient(180deg, rgba(35, 35, 35, 0.95), rgba(35, 35, 35, 0.6)), + linear-gradient(0deg, rgba(35, 35, 35, 0.95), rgba(35, 35, 35, 0.6)); + } +} + +.plus-picker__indicator { + width: 100%; + height: 56px; + position: absolute; + left: 0; + top: 92px; + z-index: 3; +} + +.plus-picker__indicator:before { + top: 0; + border-top: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-picker__indicator:after, +.plus-picker__indicator:before { + content: ' '; + position: absolute; + left: 0; + right: 0; + height: 1px; + color: var(--plus-FG-3); +} + +.plus-picker__indicator:after { + bottom: 0; + border-bottom: 1px solid var(--plus-FG-3); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} + +.plus-picker__content { + position: absolute; + top: 0; + left: 0; + width: 100%; +} + +.plus-picker__item { + height: 48px; + line-height: 48px; + text-align: center; + color: var(--plus-FG-0); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.plus-picker__item_disabled { + color: var(--plus-FG-1); +} + +@-webkit-keyframes a { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes a { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.plus-animate-slide-up { + -webkit-animation: a ease 0.3s forwards; + animation: a ease 0.3s forwards; +} + +@-webkit-keyframes b { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes b { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.plus-animate-slide-down { + -webkit-animation: b ease 0.3s forwards; + animation: b ease 0.3s forwards; +} + +@-webkit-keyframes c { + 0% { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes c { + 0% { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.plus-animate-fade-in { + -webkit-animation: c ease 0.3s forwards; + animation: c ease 0.3s forwards; +} + +@-webkit-keyframes d { + 0% { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes d { + 0% { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.plus-animate-fade-out { + -webkit-animation: d ease 0.3s forwards; + animation: d ease 0.3s forwards; +} + +.plus-agree { + display: block; + padding: 8px 15px 0; + font-size: 14px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.plus-agree a, +.plus-agree navigator { + color: var(--plus-LINK); +} + +.plus-agree navigator { + display: inline; +} + +.plus-agree__text { + color: var(--plus-FG-1); + margin-left: 2px; +} + +.plus-agree__checkbox { + -webkit-appearance: none; + appearance: none; + display: inline-block; + border: 0; + outline: 0; + vertical-align: middle; + background-color: currentColor; + -webkit-mask-position: 0 0; + mask-position: 0 0; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask-size: 100%; + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E); + color: var(--plus-FG-2); + width: 1em; + height: 1em; + font-size: 17px; + margin-top: -0.2em; +} + +.plus-agree__checkbox-check { + position: absolute; + left: -9999px; +} + +.plus-agree__checkbox-check[aria-checked='true'] + .plus-agree__checkbox, +.plus-agree__checkbox:checked { + -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E); + color: var(--plus-BRAND); +} + +.plus-agree_animate { + -webkit-animation: e 0.3s 1; + animation: e 0.3s 1; +} + +@-webkit-keyframes e { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 16% { + -webkit-transform: translateX(-8px); + transform: translateX(-8px); + } + + 28% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); + } + + 44% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 59% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); + } + + 73% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 82% { + -webkit-transform: translateX(16px); + transform: translateX(16px); + } + + 94% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + + to { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes e { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 16% { + -webkit-transform: translateX(-8px); + transform: translateX(-8px); + } + + 28% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); + } + + 44% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 59% { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); + } + + 73% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 82% { + -webkit-transform: translateX(16px); + transform: translateX(16px); + } + + 94% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + + to { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.plus-loading { + width: 20px; + height: 20px; + display: inline-block; + vertical-align: middle; + -webkit-animation: f 1s steps(12) infinite; + animation: f 1s steps(12) infinite; + background: transparent + url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") + no-repeat; + background-size: 100%; +} + +.plus-btn_loading.plus-btn_primary .plus-loading, +.plus-loading.plus-loading_transparent { + background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E"); +} + +@-webkit-keyframes f { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn); + } +} + +@keyframes f { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn); + } +} + +.plus-slider { + padding: 15px 18px; + -webkit-user-select: none; + user-select: none; +} + +.plus-slider__inner { + position: relative; + height: 2px; + background-color: var(--plus-FG-3); +} + +.plus-slider__track { + height: 2px; + background-color: var(--plus-BRAND); + width: 0; +} + +.plus-slider__handler { + position: absolute; + left: 0; + top: 50%; + width: 28px; + height: 28px; + margin-left: -14px; + margin-top: -14px; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 0 4px var(--plus-FG-3); +} + +.plus-slider-box { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-slider-box .plus-slider { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; +} + +.plus-slider-box__value { + margin-left: 0.5em; + min-width: 24px; + color: var(--plus-FG-1); + text-align: center; + font-size: 14px; +} + +.wx_dot_loading, +.wx_dot_loading:after, +.wx_dot_loading:before { + display: inline-block; + vertical-align: middle; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.3); + font-size: 0; + -webkit-animation: h 1.6s step-start infinite; + animation: h 1.6s step-start infinite; +} + +.wx_dot_loading { + position: relative; +} + +.wx_dot_loading:before { + content: ''; + position: absolute; + left: -12px; + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: g 1.6s step-start infinite; + animation: g 1.6s step-start infinite; +} + +.wx_dot_loading:after { + content: ''; + position: absolute; + right: -12px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-animation: i 1.6s step-start infinite; + animation: i 1.6s step-start infinite; +} + +@-webkit-keyframes g { + 0%, + to { + background-color: rgba(0, 0, 0, 0.1); + } + + 30% { + background-color: rgba(0, 0, 0, 0.5); + } + + 60% { + background-color: rgba(0, 0, 0, 0.3); + } +} + +@keyframes g { + 0%, + to { + background-color: rgba(0, 0, 0, 0.1); + } + + 30% { + background-color: rgba(0, 0, 0, 0.5); + } + + 60% { + background-color: rgba(0, 0, 0, 0.3); + } +} + +@-webkit-keyframes h { + 0%, + to { + background-color: rgba(0, 0, 0, 0.3); + } + + 30% { + background-color: rgba(0, 0, 0, 0.1); + } + + 60% { + background-color: rgba(0, 0, 0, 0.5); + } +} + +@keyframes h { + 0%, + to { + background-color: rgba(0, 0, 0, 0.3); + } + + 30% { + background-color: rgba(0, 0, 0, 0.1); + } + + 60% { + background-color: rgba(0, 0, 0, 0.5); + } +} + +@-webkit-keyframes i { + 0%, + to { + background-color: rgba(0, 0, 0, 0.5); + } + + 30% { + background-color: rgba(0, 0, 0, 0.3); + } + + 60% { + background-color: rgba(0, 0, 0, 0.1); + } +} + +@keyframes i { + 0%, + to { + background-color: rgba(0, 0, 0, 0.5); + } + + 30% { + background-color: rgba(0, 0, 0, 0.3); + } + + 60% { + background-color: rgba(0, 0, 0, 0.1); + } +} + +.wx_dot_loading_white { + background-color: hsla(0, 0%, 100%, 0.3); + -webkit-animation: k 1.6s step-start infinite; + animation: k 1.6s step-start infinite; +} + +.wx_dot_loading_white:before { + background-color: hsla(0, 0%, 100%, 0.5); + -webkit-animation: j 1.6s step-start infinite; + animation: j 1.6s step-start infinite; +} + +.wx_dot_loading_white:after { + background-color: hsla(0, 0%, 100%, 0.1); + -webkit-animation: l 1.6s step-start infinite; + animation: l 1.6s step-start infinite; +} + +@-webkit-keyframes j { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.5); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.1); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.3); + } +} + +@keyframes j { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.5); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.1); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.3); + } +} + +@-webkit-keyframes k { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.3); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.5); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.1); + } +} + +@keyframes k { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.3); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.5); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.1); + } +} + +@-webkit-keyframes l { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.1); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.3); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.5); + } +} + +@keyframes l { + 0%, + to { + background-color: hsla(0, 0%, 100%, 0.1); + } + + 30% { + background-color: hsla(0, 0%, 100%, 0.3); + } + + 60% { + background-color: hsla(0, 0%, 100%, 0.5); + } +} + +:host { + width: 100%; +} + +.plus-slideview { + position: relative; + overflow: hidden; +} + +.plus-slideview__left { + position: relative; + z-index: 10; +} + +.plus-slideview__right { + position: absolute; + z-index: 1; + left: 100%; + top: 0; + height: 100%; +} + +.plus-slideview__btn__wrp { + position: absolute; + left: 0; + bottom: 0; + text-align: center; + min-width: 69px; + height: 100%; + white-space: nowrap; +} + +.plus-slideview__btn { + color: #fff; + padding: 0 17px; +} + +.plus-slideview__btn-group_default .plus-slideview__btn { + background: #c7c7cc; +} + +@media (prefers-color-scheme: dark) { + .plus-slideview__btn-group_default .plus-slideview__btn { + background: var(--plus-BG-4); + } +} + +.plus-slideview__btn-group_default ~ .plus-slideview__btn-group_default:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid #fff; + color: #fff; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +@media (prefers-color-scheme: dark) { + .plus-slideview__btn-group_default ~ .plus-slideview__btn-group_default:before { + border-left-color: var(--plus-FG-3); + } +} + +.plus-slideview__btn-group_default:first-child:before { + display: none; +} + +.plus-slideview__btn-group_warn .plus-slideview__btn { + background: #fe3b30; +} + +.plus-slideview__btn-group_warn ~ .plus-slideview__btn-group_warn:before { + content: ' '; + position: absolute; + left: 0; + top: 0; + width: 1px; + bottom: 0; + border-left: 1px solid #fff; + color: #fff; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} + +.plus-slideview__btn-group_warn:first-child:before { + display: none; +} + +.plus-slideview_icon .plus-slideview__btn__wrp { + background: transparent; + font-size: 0; +} + +.plus-slideview_icon .plus-slideview__btn__wrp:first-child { + padding-left: 16px; +} + +.plus-slideview_icon .plus-slideview__btn__wrp:last-child { + padding-right: 8px; +} + +.plus-slideview_icon .plus-slideview__btn { + width: 48px; + height: 48px; + line-height: 48px; + padding: 0; + display: inline-block; + vertical-align: middle; + border-radius: 50%; + background-color: #fff; +} + +@media (prefers-color-scheme: dark) { + .plus-slideview_icon .plus-slideview__btn { + background-color: var(--plus-BG-4); + } +} + +.plus-slideview_icon .plus-slideview__btn__icon { + display: inline-block; + vertical-align: middle; + width: 22px; + height: 22px; +} + +page { + --height: 44px; + --right: 95px; +} + +.plus-navigation-bar { + overflow: hidden; + color: var(--plus-FG-0); +} + +.plus-navigation-bar .android { + --height: 48px; + --right: 221px; +} + +.plus-navigation-bar__inner { + position: fixed; + top: 0; + left: 0; + z-index: 5001; + height: var(--height); + padding-right: var(--right); + width: calc(100% - var(--right)); +} + +.plus-navigation-bar__inner, +.plus-navigation-bar__inner .plus-navigation-bar__left { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-navigation-bar__inner .plus-navigation-bar__left { + position: relative; + width: var(--right); + padding-left: 16px; +} + +.plus-navigation-bar__inner .plus-navigation-bar__left .plus-navigation-bar__btn { + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat; +} + +.plus-navigation-bar__inner .plus-navigation-bar__left .plus-navigation-bar__btn_goback { + font-size: 12px; + width: 1em; + height: 2em; + -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") + no-repeat 50% 50%; + mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") + no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; + background-color: currentColor; +} + +.plus-navigation-bar__inner .plus-navigation-bar__left .plus-navigation-bar__btn_goback:active { + opacity: 0.5; +} + +.plus-navigation-bar__inner .plus-navigation-bar__center { + font-size: 17px; + text-align: center; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; +} + +.plus-navigation-bar__inner .plus-navigation-bar__loading { + margin-right: 4px; + font-size: 0; +} + +.plus-navigation-bar__inner .plus-navigation-bar__loading .plus-loading { + margin-left: 0; +} + +.plus-navigation-bar__inner .plus-navigation-bar__right { + margin-right: 16px; +} + +.plus-navigation-bar__placeholder { + height: var(--height); + background: var(--plus-BG-1); + position: relative; + z-index: 50; +} + +.plus-uploader__hd { + display: block; +} + +.plus-uploader__overview { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; +} + +.plus-uploader__tips { + color: var(--plus-FG-2); + font-size: 14px; + line-height: 1.4; + padding-top: 4px; +} + +.plus-uploader__img { + display: block; + width: 100%; + height: 100%; +} + +.plus-gallery { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.plus-gallery__info { + color: #fff; + font-size: 17px; + line-height: 60px; + min-height: 60px; + text-align: center; +} + +.plus-gallery__img__wrp { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + position: relative; + font-size: 0; +} + +.plus-gallery__img { + position: absolute; + width: 100%; + height: 100%; +} + +.plus-gallery__opr { + position: static; +} + +.plus-search-bar .plus-search-bar__box .plus-search-bar__input { + height: inherit; + line-height: inherit; +} + +.plus-search-bar .plus-search-bar__box .plus-icon-clear { + display: block; +} + +.plus-loadmore .plus-loading { + margin-right: 0.3em; +} + +.plus-btn_input-clear { + display: block; +} diff --git a/components/customComponent/index.js b/components/customComponent/index.js index fad0bb3..4d4f0f4 100644 --- a/components/customComponent/index.js +++ b/components/customComponent/index.js @@ -1,5 +1,3 @@ -const app = getApp() - Component({ options: { addGlobalClass: true, diff --git a/components/ff-chart/index.rjs b/components/ff-chart/index.rjs index 33da152..1c88aab 100644 --- a/components/ff-chart/index.rjs +++ b/components/ff-chart/index.rjs @@ -1,6 +1,6 @@ // index.rjs import F2 from '@antv/f2' -import {documentAdapter } from '@tuya-miniapp/rjs-adapter' +import { documentAdapter } from '@tuya-miniapp/rjs-adapter' documentAdapter() let chart export default Render({ diff --git a/i18n/strings.json b/i18n/strings.json index d7d789d..504f57e 100644 --- a/i18n/strings.json +++ b/i18n/strings.json @@ -1,5 +1,6 @@ { "en": { + "getLocation": "getLocation", "input_number": "digital input input", "pc_center": "central pop-up", "pc_has_mask": "set with mask", @@ -19,6 +20,7 @@ "nav_4": "Modify the background color", "cell_2": "list item with description", "cell_1": "list", + "showStatusBar": "Display status bar", "cell_4": "instructions", "cell_3": "title text", "cell_6": "list item with jump", @@ -29,7 +31,9 @@ "nav_2": "trigger loading", "nav_1": "Mini program custom navigation bar", "ipc_mute": "turn on mute", + "downloadFile": "downloadFile", "icon_text_error": "It is used to indicate the negative result caused by the user; it is also used to indicate that the operation will cause irreparable and serious consequences", + "getAccountInfo": "getAccountInfo", "picker_date": "date picker", "form_option2": "option two", "form_option1": "option one", @@ -39,14 +43,22 @@ "swiper_time2": "Autoplay interval time (ms)", "icon_text_warn": "It is used to express the situation that will cause certain consequences after the operation; it is also used to express the negative result caused by the system", "map_dialog": "show popup", + "getAppInfo": "getAppInfo", + "showLoading": "showLoading", "radio_recommend": "Recommended display style", "picker_single": "common selector", "pc_round": "Pop-up rounded corners", + "uploadFile": "uploadFile", + "getLangContent": "getLangContent", "icon_text_success": "Used to indicate the successful completion of an operation", + "scanCode_1": "Result", + "scanCode_2": "scan code", "base_component": "Basic components", "gallery_title": "gallery", + "apiShowStatusBar": "Show or hide the status bar", "swiper_vertical": "swiper_vertical", "canvas_com_anim": "Animations within components", + "screenBrightness": "screenBrightness", "ipc_hd": "HD playback", "anim_then_all": "Show all in order", "icon_title_errmsg": "Error message", @@ -68,6 +80,7 @@ "icon_title_wait": "wait", "movable_30": "Click to move to (30px, 30px)", "amin_move": "move", + "stopPullDownRefresh": "stopPullDownRefresh", "swiper_dot": "cue point", "icon_title_success": "success", "swiper_circular": "Articulation and sliding", @@ -90,6 +103,7 @@ "msg_2": "Success Tips Page", "msg_4": "No Icon Prompt Page", "api_4": "page jump", + "showMenuButton": "showMenuButton", "api_3": "Set TabBar", "api_2": "Title bar loading animation", "msg_1": "prompt page", @@ -101,8 +115,8 @@ "pc_set_round": "set rounded corners", "ipc_sd": "SD playback", "picker_objarr": "Normal objectArray selector", - "api_8": "equipment", - "api_7": "Show message box", + "api_8": "Equipment and information", + "api_7": "1", "api_6": "Show modal popup", "api_5": "show action menu", "ipc_cut_pic": "The captured video image is as follows:", @@ -114,8 +128,10 @@ "camera_view_pic": "preview photo", "getSystemInfo_8": "not obtained", "getSystemInfo_6": "Get phone system information", + "hideStatusBar": "Hide status bar", "getSystemInfo_7": "Obtain mobile phone system information/synchronization method", "getSystemInfo_4": "screen width", + "scanCode": "scanCode", "getSystemInfo_5": "screen height", "pc_right": "right side pop up", "dialog_5": "Here is the content, the excess will automatically wrap to a new line. Here is the content, the excess part will wrap automatically", @@ -124,6 +140,7 @@ "dialog_2": "only confirm button", "dialog_1": "confirm cancel button", "pc_bottom": "Bottom pop up", + "location": "location", "map_content": "map", "dialog_confirm": "confirm", "extend_component": "Extensions", @@ -131,6 +148,7 @@ "movable_beyond": "Can be out of bounds", "amin_spin": "spin", "icon_title_error": "strong warning", + "hideHomeButton": "hideHomeButton", "gesture_content": "gesture library", "picker_20": "slug", "form_6": "bottom caption", @@ -162,12 +180,14 @@ "io_show": "ball appears", "picker_22": "Crustacean", "picker_21": "insect", + "networkRequest": "networkRequest", "eventchannel_text2": "1. The url carries parameters, page 2 can be obtained from the option parameter of the onLoad lifecycle", "eventchannel_text1": "Routing jumps from page 1 to page 2", "camera_props": "props", "picker_time": "time picker", "input_focus": "Input that can be auto-focused", "eventchannel_text4": "3. Page 2 transmits information to page 1 in onLoad", + "getConnectedWifi": "getConnectedWifi", "eventchannel_text3": "2. Page 1 transmits information to Page 2 in the routing success callback", "icon_text_wait": "Used to indicate waiting, to inform the user that the result needs to wait", "eventchannel_text6": "Here is the page of page2", @@ -194,10 +214,15 @@ "img_text5": "aspectFill: Keep the aspect ratio to zoom the picture, only ensure that the short side of the picture can be fully displayed", "img_text6": "top: Do not zoom the image, only display the top area of the image", "ipc_sound": "turn off mute", + "screenBrightness_1": "Current screen brightness", + "screenBrightness_2": "Set screen brightness", "io_hidden": "ball disappears", "img_text9": "left: Do not zoom the image, only display the left area of the image", "amin_all": "Show all at once", "dialog_title": "dialog", + "getNetworkType": "getNetworkType", + "hideLoading": "hideLoading", + "getUserInfo": "getUserInfo", "picker_multi": "multi-column selector", "map_la_lo": "set latitude and longitude", "api_11": "clipboard", @@ -208,6 +233,8 @@ "api_15": "remove tab logo", "amin_tilt": "tilt", "api_14": "set tab logo", + "updateVolume": "updateVolume", + "vibrate": "vibrate", "api_17": "remove red dot", "api_16": "show red dot", "api_19": "remove custom styles", @@ -217,6 +244,7 @@ "icon_title_hint": "hint", "pc_position": "popup position", "label_2": "label uses for to identify form components", + "hideMenuButton": "hideMenuButton", "label_1": "The form component is inside the label", "anim_spin_then_zoom": "Scale after rotation", "movable_moveto": "Click to move to", @@ -227,6 +255,7 @@ "ipc_objectFit": "objectFit toggle", "movable_move": "movable function", "pc_blur_mask": "blur mask", + "startPullDownRefresh": "startPullDownRefresh", "ipc_earpiece": "earpiece playback", "nav_content": "navigation", "pc_top": "top pop", @@ -241,6 +270,8 @@ "icon_title": "icon", "storage_1": "Storing data", "movable_hor": "can only move horizontally", + "getMenuButtonBoundingClientRect": "getMenuButtonBoundingClientRect", + "getSystemSetting": "getSystemSetting", "storage_3": "clean data", "storage_2": "read data", "home_desc": "The following samples show the component capabilities. The component styles are for reference only. You can customize these styles as needed.", @@ -249,6 +280,7 @@ "badge_2": "single line list", "badge_3": "details", "badge_1": "After the new message prompt and summary information, it will be unified on the right side of the list", + "network": "network", "radio_unchecked": "unchecked\n", "picker_19": "snails", "picker_18": "mussel", @@ -276,6 +308,7 @@ "option_content": "operation feedback" }, "zh": { + "getLocation": "获取当前位置", "input_number": "数字输入的input", "pc_center": "中央弹出", "pc_has_mask": "设置有遮罩", @@ -295,6 +328,7 @@ "nav_4": "修改背景颜色", "cell_2": "带说明的列表项", "cell_1": "列表", + "showStatusBar": "显示状态栏", "cell_4": "说明文字", "cell_3": "标题文字", "cell_6": "带跳转的列表项", @@ -305,7 +339,9 @@ "nav_2": "触发loading", "nav_1": "小程序自定义导航栏", "ipc_mute": "开启静音", + "downloadFile": "下载文件", "icon_text_error": "用于表示由于用户原因造成的负向结果；也用于表示操作后将引起不可挽回的严重后果的情况", + "getAccountInfo": "获取小程序账号信息", "picker_date": "日期选择器", "form_option2": "选项二", "form_option1": "选项一", @@ -315,14 +351,22 @@ "swiper_time2": "自动播放间隔时长(ms)", "icon_text_warn": "用于表示操作后将引起一定后果的情况；也用于表示由于系统原因而造成的负向结果", "map_dialog": "显示弹窗", + "getAppInfo": "获取App业务信息", + "showLoading": "显示 loading 提示框", "radio_recommend": "推荐展示样式", "picker_single": "普通选择器", "pc_round": "弹窗圆角", + "uploadFile": "上传文件", + "getLangContent": "获取多语言", "icon_text_success": "用于表示操作顺利完成", + "scanCode_1": "扫码结果", + "scanCode_2": "扫一扫", "base_component": "基础组件", "gallery_title": "画廊", + "apiShowStatusBar": "显示隐藏状态栏", "swiper_vertical": "竖向", "canvas_com_anim": "组件内动画", + "screenBrightness": "屏幕亮度", "ipc_hd": "高清播放", "anim_then_all": "顺序展示全部", "icon_title_errmsg": "错误提示", @@ -344,6 +388,7 @@ "icon_title_wait": "等待", "movable_30": "点击移动到(30px, 30px)", "amin_move": "移动", + "stopPullDownRefresh": "停止下拉刷新", "swiper_dot": "指示点", "icon_title_success": "成功", "swiper_circular": "衔接滑动", @@ -366,6 +411,7 @@ "msg_2": "成功提示页", "msg_4": "无图标提示页", "api_4": "页面跳转", + "showMenuButton": "显示右上角胶囊按钮", "api_3": "设置TabBar", "api_2": "标题栏加载动画", "msg_1": "提示页", @@ -378,8 +424,8 @@ "ipc_sd": "标清播放", "picker_objarr": "普通objectArray选择器", "TUYA_MINI_ENTRANCE_DESCRIPTION": "麦可测试版本限制", - "api_8": "设备", - "api_7": "显示消息提示框", + "api_8": "设备和信息", + "api_7": "Show message box", "api_6": "显示模态弹窗", "api_5": "显示操作菜单", "ipc_cut_pic": "截取视频影像如下:", @@ -391,8 +437,10 @@ "camera_view_pic": "预览照片", "getSystemInfo_8": "未获取", "getSystemInfo_6": "获取手机系统信息", + "hideStatusBar": "隐藏手机状态栏", "getSystemInfo_7": "获取手机系统信息/同步方法", "getSystemInfo_4": "屏幕宽度", + "scanCode": "扫码", "getSystemInfo_5": "屏幕高度", "pc_right": "右侧弹出", "dialog_5": "这里是内容，超过部分会自动换行换行。这里是内容，超过部分会自动换行换行", @@ -401,6 +449,7 @@ "dialog_2": "只有确认按钮", "dialog_1": "确认取消按钮", "pc_bottom": "底部弹出", + "location": "位置", "TUYA_MINI_PLATFORM_NAME": "智能小程序官方Demo", "map_content": "地图", "dialog_confirm": "确定", @@ -409,6 +458,7 @@ "movable_beyond": "可超出边界", "amin_spin": "旋转", "icon_title_error": "强烈警告", + "hideHomeButton": "隐藏返回首页按钮", "gesture_content": "手势库", "picker_20": "蛞蝓", "form_6": "底部说明文字", @@ -440,12 +490,14 @@ "io_show": "小球出现", "picker_22": "甲壳动物", "picker_21": "昆虫", + "networkRequest": "发起一个请求", "eventchannel_text2": " 1. url上携带参数，页面二可以从onLoad生命周期的option 参数上获取\n", "eventchannel_text1": " 路由从页面一跳转到页面二", "camera_props": "属性", "picker_time": "时间选择器", "input_focus": "可以自动聚焦的input", "eventchannel_text4": "3.页面二在onLoad中 向页面一传递信息", + "getConnectedWifi": "获取当前连接的 wifi 信息", "eventchannel_text3": "2. 页面一向页面二成功传递信息", "icon_text_wait": "用于表示等待，告知用户结果需等待", "eventchannel_text6": "这里是page2 的页面", @@ -472,10 +524,15 @@ "img_text5": "aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来", "img_text6": "top：不缩放图片，只显示图片的顶部区域", "ipc_sound": "关闭静音", + "screenBrightness_1": "当前屏幕亮度", + "screenBrightness_2": "设置屏幕亮度", "io_hidden": "小球消失", "img_text9": "left：不缩放图片，只显示图片的左边区域", "amin_all": "同时展示全部", "dialog_title": "对话框", + "getNetworkType": "获取手机网络状态", + "hideLoading": "关闭 loading 提示框", + "getUserInfo": "获取用户信息", "picker_multi": "多列选择器", "map_la_lo": "设置经纬度", "api_11": "剪切板", @@ -486,6 +543,8 @@ "api_15": "移除tab徽标", "amin_tilt": "倾斜", "api_14": "设置tab徽标", + "updateVolume": "设置系统音量", + "vibrate": "震动", "api_17": "移除红点", "api_16": "显示红点", "api_19": "移除自定义样式", @@ -495,6 +554,7 @@ "icon_title_hint": "提示", "pc_position": "弹出位置", "label_2": "label用for标识表单组件", + "hideMenuButton": "显示右上角胶囊按钮", "label_1": "表单组件在label内", "anim_spin_then_zoom": "旋转后缩放", "movable_moveto": "点击移动到", @@ -505,6 +565,7 @@ "ipc_objectFit": "objectFit 切换", "movable_move": "movable移动功能", "pc_blur_mask": "模糊遮罩", + "startPullDownRefresh": "开始下拉刷新", "ipc_earpiece": "听筒播放", "nav_content": "导航", "pc_top": "顶部弹出", @@ -519,6 +580,8 @@ "icon_title": "图标", "storage_1": "存储数据", "movable_hor": "只可以横向移动", + "getMenuButtonBoundingClientRect": "获取菜单按钮的布局位置信息", + "getSystemSetting": "获取设备设置", "storage_3": "清理数据", "storage_2": "读取数据", "home_desc": "以下将展示小程序官方组件能力，组件样式仅供参考，开发者可根据自身需求自定义组件样式。", @@ -527,6 +590,7 @@ "badge_2": "单行列表", "badge_3": "详细信息", "badge_1": "新消息提示跟摘要信息后，统一在列表右侧", + "network": "网络", "radio_unchecked": "未选中", "picker_19": "蜗牛", "picker_18": "河蚌", @@ -554,18 +618,5 @@ "radio_checked": "选中", "ipc_orientation": "orientation 切换", "option_content": "操作反馈" - }, - "zh_tw": { - "api_1": "界面", - "gesture_1": "basic use" - }, - "de": { - "tuesday": "Dienstag" - }, - "fr": { - "tuesday": "Mardi" - }, - "ja": { - "tuesday": "火曜日" } } diff --git a/package.json b/package.json index 90c0d43..2b748b5 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,12 @@ "name": "@tuya-materials/tuya-miniapp-explorer-template", "version": "1.1.6", "description": "Smart miniprogram official sample application", + "scripts": { + "format": "prettier ./pages/**/**/*.{tyml,tyss,js,ts,rjs,json} --write" + }, + "devDependencies": { + "prettier": "^3.2.5" + }, "dependencies": { "@antv/f2": "^3.8.10-beta.1", "@tuya-miniapp/miniapp-canvas": "^2.0.0", @@ -13,4 +19,4 @@ "redux-logger": "^3.0.6", "redux-thunk": "^2.3.0" } -} +} \ No newline at end of file diff --git a/pages/components/animation/index.tyml b/pages/components/animation/index.tyml index ab4befc..134f4b2 100644 --- a/pages/components/animation/index.tyml +++ b/pages/components/animation/index.tyml @@ -9,12 +9,18 @@ - - + + - + - \ No newline at end of file + diff --git a/pages/components/button/index.tyml b/pages/components/button/index.tyml index 72d86bd..6edbe7a 100644 --- a/pages/components/button/index.tyml +++ b/pages/components/button/index.tyml @@ -17,4 +17,4 @@ - \ No newline at end of file + diff --git a/pages/components/camera/index.css b/pages/components/camera/index.css index ca58f6b..a45cba2 100644 --- a/pages/components/camera/index.css +++ b/pages/components/camera/index.css @@ -1,11 +1,11 @@ -.page-body{ +.page-body { display: flex; align-items: center; flex-direction: column; padding: 10px 20px 20px; } -.btn-area{ +.btn-area { width: 100%; margin-top: 20px; } @@ -13,4 +13,4 @@ .page-body-button { width: 100%; margin-bottom: 20px; -} \ No newline at end of file +} diff --git a/pages/components/camera/index.xml b/pages/components/camera/index.tyml similarity index 78% rename from pages/components/camera/index.xml rename to pages/components/camera/index.tyml index 896714f..5896318 100644 --- a/pages/components/camera/index.xml +++ b/pages/components/camera/index.tyml @@ -1,6 +1,6 @@ - - + + {{i18n.t('camera_view_pic')}}: - \ No newline at end of file + diff --git a/pages/components/canvas/index.tyml b/pages/components/canvas/index.tyml index 766a2cb..e27f1f3 100644 --- a/pages/components/canvas/index.tyml +++ b/pages/components/canvas/index.tyml @@ -3,12 +3,8 @@ ----------{{i18n.t('canvas_page_anim')}}---------- - + ----------{{i18n.t('canvas_com_anim')}}---------- - \ No newline at end of file + diff --git a/pages/components/checkbox/index.tyml b/pages/components/checkbox/index.tyml index 2bc2aa0..8f2cdca 100644 --- a/pages/components/checkbox/index.tyml +++ b/pages/components/checkbox/index.tyml @@ -20,4 +20,4 @@ unchecked + disabled - \ No newline at end of file + diff --git a/pages/components/eventChannel1/index.tyml b/pages/components/eventChannel1/index.tyml index e7a6b47..5f24015 100644 --- a/pages/components/eventChannel1/index.tyml +++ b/pages/components/eventChannel1/index.tyml @@ -1,15 +1,9 @@ {{i18n.t('eventchannel_text1')}} - - {{i18n.t('eventchannel_text2')}} - - - {{i18n.t('eventchannel_text3')}} - - - {{i18n.t('eventchannel_text4')}} - + {{i18n.t('eventchannel_text2')}} + {{i18n.t('eventchannel_text3')}} + {{i18n.t('eventchannel_text4')}} - \ No newline at end of file + diff --git a/pages/components/eventChannel2/index.tyml b/pages/components/eventChannel2/index.tyml index d792e6f..5b0916b 100644 --- a/pages/components/eventChannel2/index.tyml +++ b/pages/components/eventChannel2/index.tyml @@ -1 +1 @@ -{{i18n.t('eventchannel_text6')}} \ No newline at end of file +{{i18n.t('eventchannel_text6')}} diff --git a/pages/components/form/index.tyml b/pages/components/form/index.tyml index b5ac91c..eb892a4 100644 --- a/pages/components/form/index.tyml +++ b/pages/components/form/index.tyml @@ -30,17 +30,17 @@ radio - + {{i18n.t('form_option1')}} - + {{i18n.t('form_option2')}} - input + input @@ -48,15 +48,30 @@ textarea - + - + - + @@ -67,4 +82,4 @@ - \ No newline at end of file + diff --git a/pages/components/icon/index.tyml b/pages/components/icon/index.tyml index c0093e8..cba961b 100644 --- a/pages/components/icon/index.tyml +++ b/pages/components/icon/index.tyml @@ -65,4 +65,4 @@ {{i18n.t('icon_title_hint')}} {{i18n.t('icon_text_hint')}} - \ No newline at end of file + diff --git a/pages/components/image/index.tyml b/pages/components/image/index.tyml index e331cbd..0479a54 100644 --- a/pages/components/image/index.tyml +++ b/pages/components/image/index.tyml @@ -1,11 +1,18 @@ - image - + image + {{item.text}} - + diff --git a/pages/components/index.less b/pages/components/index.less index 83f59b8..0f3654a 100644 --- a/pages/components/index.less +++ b/pages/components/index.less @@ -1,5 +1,6 @@ page { background-color: #ffffff; + padding: 0; } .plus-agree__link { display: inline; diff --git a/pages/components/input/index.tyml b/pages/components/input/index.tyml index e320ca2..799196d 100644 --- a/pages/components/input/index.tyml +++ b/pages/components/input/index.tyml @@ -5,27 +5,25 @@ {{i18n.t('input_focus')}} - + {{i18n.t('input_maxlength')}} - + {{i18n.t('input_immediate')}}{{inputValue}} - + @@ -43,7 +41,7 @@ {{i18n.t('input_digit')}} - + \ No newline at end of file + --> diff --git a/pages/components/io/index.tyml b/pages/components/io/index.tyml index a60fe80..1a182e5 100644 --- a/pages/components/io/index.tyml +++ b/pages/components/io/index.tyml @@ -1,12 +1,8 @@ - - {{i18n.t('io_show')}} {{appear}} - - - {{i18n.t('io_hidden')}} {{appear}} - + {{i18n.t('io_show')}} {{appear}} + {{i18n.t('io_hidden')}} {{appear}} diff --git a/pages/components/io/index.tyss b/pages/components/io/index.tyss index 998de5a..dbbeedd 100644 --- a/pages/components/io/index.tyss +++ b/pages/components/io/index.tyss @@ -43,5 +43,9 @@ .message text { font-size: 40px; - font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; + font-family: + -apple-system-font, + Helvetica Neue, + Helvetica, + sans-serif; } diff --git a/pages/components/ipc-player/index.tyml b/pages/components/ipc-player/index.tyml index f7c8c8e..9c36b70 100644 --- a/pages/components/ipc-player/index.tyml +++ b/pages/components/ipc-player/index.tyml @@ -9,22 +9,42 @@ object-fit="{{objectFit}}" orientation="{{orientation}}" bindconnectChange="onConnectChange" - binderror="onError"> + binderror="onError" + > - - - - - - - - - - {{i18n.t('ipc_cut_pic')}} + + + + + + + + + + {{i18n.t('ipc_cut_pic')}} - \ No newline at end of file + diff --git a/pages/components/label/index.tyml b/pages/components/label/index.tyml index 2834b6a..ec89826 100644 --- a/pages/components/label/index.tyml +++ b/pages/components/label/index.tyml @@ -1,26 +1,26 @@ - label - + label + - {{i18n.t('label_1')}} - - - - - + {{i18n.t('label_1')}} + + + + + - - {{i18n.t('label_2')}} - - - - {{item.name}} - - + + {{i18n.t('label_2')}} + + + + {{item.name}} + + diff --git a/pages/components/map/index.tyml b/pages/components/map/index.tyml index 9b00eea..3a01f67 100644 --- a/pages/components/map/index.tyml +++ b/pages/components/map/index.tyml @@ -28,8 +28,13 @@ - + content content content content content content content content... - \ No newline at end of file + diff --git a/pages/components/movable/index.tyml b/pages/components/movable/index.tyml index eb0b9c6..588b21d 100644 --- a/pages/components/movable/index.tyml +++ b/pages/components/movable/index.tyml @@ -1,6 +1,6 @@ - movable - + movable + @@ -8,9 +8,7 @@ {{i18n.t('movable_move')}} - - text - + text @@ -18,7 +16,9 @@ - + @@ -63,9 +63,10 @@ {{i18n.t('movable_scale')}} - text + text - diff --git a/pages/components/navigationBar/index.tyml b/pages/components/navigationBar/index.tyml index 8485c29..9b8c2a8 100644 --- a/pages/components/navigationBar/index.tyml +++ b/pages/components/navigationBar/index.tyml @@ -1,16 +1,16 @@ - - navigation-bar - + + navigation-bar + - + - - - - \ No newline at end of file + + + + diff --git a/pages/components/navigator/index.tyml b/pages/components/navigator/index.tyml index b04c307..ebff7b2 100644 --- a/pages/components/navigator/index.tyml +++ b/pages/components/navigator/index.tyml @@ -4,18 +4,40 @@ - \ No newline at end of file + diff --git a/pages/components/pagecontainer/index.tyml b/pages/components/pagecontainer/index.tyml index 42bf6cd..9294bee 100644 --- a/pages/components/pagecontainer/index.tyml +++ b/pages/components/pagecontainer/index.tyml @@ -1,6 +1,6 @@ - page-container - + page-container + {{i18n.t('pc_position')}} @@ -11,22 +11,29 @@ - {{i18n.t('pc_round')}} - + {{i18n.t('pc_mask')}} - - - - - + + + + - - + diff --git a/pages/components/picker/index.tyml b/pages/components/picker/index.tyml index b7c1274..9b9a61b 100644 --- a/pages/components/picker/index.tyml +++ b/pages/components/picker/index.tyml @@ -1,27 +1,34 @@ - picker - + picker + {{i18n.t('picker_single')}} - - {{i18n.t('picker_current')}}{{array[index]}} - + {{i18n.t('picker_current')}}{{array[index]}} {{i18n.t('picker_objarr')}} - - - {{i18n.t('picker_current')}}{{array[index]}} - + + {{i18n.t('picker_current')}}{{array[index]}} {{i18n.t('picker_multi')}} - + {{i18n.t('picker_current')}}{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}} @@ -30,26 +37,35 @@ {{i18n.t('picker_multi_objarr')}} - + - {{i18n.t('picker_current')}}{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}} + {{i18n.t('picker_current')}}{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}} {{i18n.t('picker_time')}} - - {{i18n.t('picker_current')}}{{time}} - + {{i18n.t('picker_current')}}{{time}} {{i18n.t('picker_date')}} - - - {{i18n.t('picker_current')}}{{date}} - + + {{i18n.t('picker_current')}}{{date}} diff --git a/pages/components/picker/index.tyss b/pages/components/picker/index.tyss index bb60793..5a9980a 100644 --- a/pages/components/picker/index.tyss +++ b/pages/components/picker/index.tyss @@ -1115,7 +1115,9 @@ icon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; } .plus-navbar__title { @@ -1297,7 +1299,11 @@ radio { flex: 1; background-color: #fbf9fe; font-size: 16px; - font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; + font-family: + -apple-system-font, + Helvetica Neue, + Helvetica, + sans-serif; overflow: hidden; } diff --git a/pages/components/pickerview/index.tyml b/pages/components/pickerview/index.tyml index 415e90c..24a878c 100644 --- a/pages/components/pickerview/index.tyml +++ b/pages/components/pickerview/index.tyml @@ -3,20 +3,31 @@ - {{year}}{{i18n.t('pickerview_year')}}{{month}}{{i18n.t('pickerview_month')}}{{day}}{{i18n.t('pickerview_day')}} - + {{year}}{{i18n.t('pickerview_year')}}{{month}}{{i18n.t('pickerview_month')}}{{day}}{{i18n.t('pickerview_day')}} + - {{item}}{{i18n.t('pickerview_year')}} + {{item}}{{i18n.t('pickerview_year')}} - {{item}}{{i18n.t('pickerview_month')}} + {{item}}{{i18n.t('pickerview_month')}} - {{item}}{{i18n.t('pickerview_day')}} + {{item}}{{i18n.t('pickerview_day')}} @@ -45,4 +56,4 @@ - --> \ No newline at end of file + --> diff --git a/pages/components/progress/index.tyml b/pages/components/progress/index.tyml index 49e9575..e9839e1 100644 --- a/pages/components/progress/index.tyml +++ b/pages/components/progress/index.tyml @@ -7,11 +7,11 @@ percent showInfo fontSize： - + border-radius stroke-width ： - + @@ -22,12 +22,34 @@ active duration： - + active-mode ： - - + + - \ No newline at end of file + diff --git a/pages/components/radio/index.tyml b/pages/components/radio/index.tyml index 39fcbb0..975e735 100644 --- a/pages/components/radio/index.tyml +++ b/pages/components/radio/index.tyml @@ -26,11 +26,15 @@ - - \ No newline at end of file + diff --git a/pages/components/radio/index.tyss b/pages/components/radio/index.tyss index f801668..e430b8e 100644 --- a/pages/components/radio/index.tyss +++ b/pages/components/radio/index.tyss @@ -21,7 +21,11 @@ background-color: var(--main-bg-color); color: rgba(0, 0, 0, 0.9); font-size: 16px; - font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; + font-family: + -apple-system-font, + Helvetica Neue, + Helvetica, + sans-serif; max-width: 600px; } diff --git a/pages/components/redux1/index.tyml b/pages/components/redux1/index.tyml index 3c297e1..fc336ed 100644 --- a/pages/components/redux1/index.tyml +++ b/pages/components/redux1/index.tyml @@ -6,31 +6,30 @@ 点击按钮执行同步action使number + 1 - + 点击按钮执行异步action模拟异步请求状态 - + 通过this.seletComponent 获取子组件实例，执行对应子组件点击事件，使number + 1 - + 子组件通过触发action，使得父组件number + 1 - + 路由跳转去 页面2，页面2能和当前页面共用一份数据 - + - \ No newline at end of file + diff --git a/pages/components/redux2/index.tyml b/pages/components/redux2/index.tyml index daa830e..e017ca2 100644 --- a/pages/components/redux2/index.tyml +++ b/pages/components/redux2/index.tyml @@ -1,6 +1,4 @@ - - 这里是第二个页面state,number 数据能和页面一共享数据 - - number：{{number}} + 这里是第二个页面state,number 数据能和页面一共享数据 + number：{{number}} diff --git a/pages/components/richText/index.tyml b/pages/components/richText/index.tyml index f3d285f..66f4f39 100644 --- a/pages/components/richText/index.tyml +++ b/pages/components/richText/index.tyml @@ -1,61 +1,86 @@ - rich-text - + rich-text + + + HTML String - - HTML String - - - <div> -   <h1>Title</h1> -   <p> -       Life is <i>like</i> a box of -       <b>chocolates</b>. -   </p> - </div> - - - - - - - - - - - - - HTML element - - - - Page({ -     data: { -         nodes: [{ -             name: 'div', -             attrs: { -                 name: 'outer', -             }, -             children: [{ -                 type: 'text', -                 text: 'You never know what you're gonna get.' -             }] -         }] -     } - }] - - - - - - - - - - - + + <div> +   <h1>Title</h1> +   <p> +       Life is <i>like</i> a box of +       <b>chocolates</b>. +   </p> + </div> + + + + + + + + + + + + HTML element + + + + Page({ +     data: { +         nodes: [{ +             name: + 'div', +             attrs: { +                 name: + 'outer', +             }, +             children: + [{ +                 type: + 'text', +                 text: + 'You never know what you're gonna get.' +             }] +         }] +     } + }] + + + + + + + + + + + diff --git a/pages/components/scrollView/index.tyml b/pages/components/scrollView/index.tyml index da95177..e52c7ce 100644 --- a/pages/components/scrollView/index.tyml +++ b/pages/components/scrollView/index.tyml @@ -1,22 +1,22 @@ - scroll-view - + scroll-view + Vertical Scroll - - + + > A - B + B C @@ -27,7 +27,7 @@ Horizontal Scroll - + > A - B + B C - \ No newline at end of file + diff --git a/pages/components/slider/index.tyml b/pages/components/slider/index.tyml index 281cc46..17a7ec4 100644 --- a/pages/components/slider/index.tyml +++ b/pages/components/slider/index.tyml @@ -1,36 +1,36 @@ - slider - + slider + - - - basic - - - - + + + basic + + + + - - step:5 - - - - + + step:5 + + + + - - showValue:true - - - - + + showValue:true + + + + - - min:50, max:200 - - - - - + + min:50, max:200 + + + + + diff --git a/pages/components/swiper/index.tyml b/pages/components/swiper/index.tyml index f89da8c..d9e7848 100644 --- a/pages/components/swiper/index.tyml +++ b/pages/components/swiper/index.tyml @@ -12,7 +12,7 @@ vertical="{{vertical}}" interval="{{interval}}" duration="{{duration}}" - > + > @@ -20,30 +20,46 @@ - + {{i18n.t('swiper_dot')}} - + {{i18n.t('swiper_autoplay')}} - + {{i18n.t('swiper_circular')}} - + {{i18n.t('swiper_vertical')}} - + @@ -53,12 +69,24 @@ {{i18n.t('swiper_time1')}} {{duration}} - + {{i18n.t('swiper_time2')}} {{interval}} - + - \ No newline at end of file + diff --git a/pages/components/swiper/index.tyss b/pages/components/swiper/index.tyss index 5756c9a..6197e80 100644 --- a/pages/components/swiper/index.tyss +++ b/pages/components/swiper/index.tyss @@ -1101,7 +1101,9 @@ icon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; } .plus-navbar__title { diff --git a/pages/components/switch/index.tyml b/pages/components/switch/index.tyml index acc1a95..8eec102 100644 --- a/pages/components/switch/index.tyml +++ b/pages/components/switch/index.tyml @@ -7,9 +7,9 @@ default type="switch" - - - + + + @@ -17,8 +17,13 @@ - - + + @@ -33,4 +38,4 @@ --> - \ No newline at end of file + diff --git a/pages/components/switch/index.tyss b/pages/components/switch/index.tyss index 9a817fd..f0181fe 100644 --- a/pages/components/switch/index.tyss +++ b/pages/components/switch/index.tyss @@ -63,7 +63,11 @@ radio { min-height: 100%; flex: 1; font-size: 16px; - font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; + font-family: + -apple-system-font, + Helvetica Neue, + Helvetica, + sans-serif; overflow: hidden; } .page__hd { diff --git a/pages/components/text/index.tyml b/pages/components/text/index.tyml index 10a6f44..673be1d 100644 --- a/pages/components/text/index.tyml +++ b/pages/components/text/index.tyml @@ -1,10 +1,9 @@ - text - + text + - diff --git a/pages/components/textarea/index.tyml b/pages/components/textarea/index.tyml index 70c605a..c36fbd0 100644 --- a/pages/components/textarea/index.tyml +++ b/pages/components/textarea/index.tyml @@ -1,33 +1,28 @@ - textarea - + textarea + {{i18n.t('textare_autoheight')}} -