From 8da6d96e0b9f9029e164489853c656ca626960c5 Mon Sep 17 00:00:00 2001 From: Philipp Date: Wed, 25 Apr 2018 18:36:28 +0200 Subject: [PATCH] Added page type for fallback newtab page Signed-off-by: Philipp --- dist/css/changelog.css | 2 +- dist/css/newtab.css | 2 +- dist/css/onboarding.css | 2 +- dist/css/overlay.css | 2 +- dist/css/settings.css | 2 +- dist/css/sidebar.css | 2 +- dist/js/extension.js | 2 +- src/js/helper/toggle.js | 12 +++++++----- 8 files changed, 14 insertions(+), 12 deletions(-) diff --git a/dist/css/changelog.css b/dist/css/changelog.css index 502f50e5..66e4a58c 100644 --- a/dist/css/changelog.css +++ b/dist/css/changelog.css @@ -1 +1 @@ -body::before{opacity:0;pointer-events:none}body.initLoading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#7b5fa4;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:#666}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:#7b5fa4}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #7b5fa4}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:#7b5fa4;box-shadow:0 0 0 20px #7b5fa4}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:#7b5fa4}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:#666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:#666}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:#666}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}body{background:#f2f2f2}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);transition:opacity 0.3s;z-index:98}body.initLoading::before{background:#f2f2f2}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}h1{font-size:300%;font-weight:200;display:inline-block;color:#fff}@media (max-width: 1080px){h1{font-size:200%}}h2{font-size:200%;font-weight:300;color:#7b5fa4}body>header{background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);height:200px;padding:30px 0 0 0}@media (max-width: 1080px){body>header{padding:20px 20px 0;height:80px}}body>header>div{margin:0 auto;width:100%;max-width:1024px}body>main{position:relative;margin:-70px auto 100px;padding:30px 20px;width:100%;max-width:1024px;min-height:400px;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);border-radius:3px}@media (max-width: 1080px){body>main{margin-top:0;border-radius:0;box-shadow:none;border:none;max-width:none}}body>main>div.checkbox{display:inline-block}body>main>div.checkbox+a{display:inline-block;vertical-align:top;margin:-3px 0 0 12px;font-size:120%;cursor:pointer}body>main>div.version{position:absolute;top:-27px;right:0;height:25px;line-height:25px;color:#fff;opacity:0.7;font-size:90%}body>main>div.version>p{display:inline}body>main>div.version>p::after{content:":"}body>main>div.version>span{margin-left:3px}body>main>p.error{position:relative;line-height:150%;padding:3px 0 3px 40px}body>main>p.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}body>main>p.error::before{top:0;bottom:0;left:0;width:32px;height:32px;margin:auto}body>main>article{display:none}body>main>article.visible{display:block}body>main>article>div{border-top:1px solid rgba(0,0,0,0.1);margin-top:30px;padding-top:30px}body>main>article>div>ul{margin:10px 0 0 5px}body>main>article>div>ul>li{position:relative;padding-left:10px;line-height:150%}body>main>article>div>ul>li::before{content:"-";position:absolute;left:0}html[dir='rtl'] body>header{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] body>main>div.checkbox+a{margin-left:0;margin-right:12px}html[dir='rtl'] body>main>div.version{left:0;right:unset}html[dir='rtl'] body>main>div.version>span{margin-right:3px;margin-left:0}html[dir='rtl'] body>main>p.error{padding-right:40px;padding-left:0}html[dir='rtl'] body>main>p.error::before{left:unset;right:0}html[dir='rtl'] body>main>article>div>ul{margin-right:5px;margin-left:0}html[dir='rtl'] body>main>article>div>ul>li{padding-right:10px;padding-left:0}html[dir='rtl'] body>main>article>div>ul>li::before{left:unset;right:0} +body::before{opacity:0;pointer-events:none}body.initLoading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#7b5fa4;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:#666}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:#7b5fa4}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #7b5fa4}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:#7b5fa4;box-shadow:0 0 0 20px #7b5fa4}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:#7b5fa4}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:#666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:#666}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:#666}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}body{background:#f2f2f2}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);transition:opacity 0.3s;z-index:98}body.initLoading::before{background:#f2f2f2}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}h1{font-size:300%;font-weight:200;display:inline-block;color:#fff}@media (max-width: 1080px){h1{font-size:200%}}h2{font-size:200%;font-weight:300;color:#7b5fa4}body>header{background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);height:200px;padding:30px 0 0 0}@media (max-width: 1080px){body>header{padding:20px 20px 0;height:80px}}body>header>div{margin:0 auto;width:100%;max-width:1024px}body>main{position:relative;margin:-70px auto 100px;padding:30px 20px;width:100%;max-width:1024px;min-height:400px;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);border-radius:3px}@media (max-width: 1080px){body>main{margin-top:0;border-radius:0;box-shadow:none;border:none;max-width:none}}body>main>div.checkbox{display:inline-block}body>main>div.checkbox+a{display:inline-block;vertical-align:top;margin:-3px 0 0 12px;font-size:120%;cursor:pointer}body>main>div.version{position:absolute;top:-27px;right:0;height:25px;line-height:25px;color:#fff;opacity:0.7;font-size:90%}body>main>div.version>p{display:inline}body>main>div.version>p::after{content:":"}body>main>div.version>span{margin-left:3px}body>main>p.error{position:relative;line-height:150%;padding:3px 0 3px 40px}body>main>p.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}body>main>p.error::before{top:0;bottom:0;left:0;width:32px;height:32px;margin:auto}body>main>article{display:none}body>main>article.visible{display:block}body>main>article>div{border-top:1px solid rgba(0,0,0,0.1);margin-top:30px;padding-top:30px}body>main>article>div>ul{margin:10px 0 0 5px}body>main>article>div>ul>li{position:relative;padding-left:10px;line-height:150%}body>main>article>div>ul>li::before{content:"-";position:absolute;left:0}html[dir='rtl'] body>header{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] body>main>div.checkbox+a{margin-left:0;margin-right:12px}html[dir='rtl'] body>main>div.version{left:0;right:unset}html[dir='rtl'] body>main>div.version>span{margin-right:3px;margin-left:0}html[dir='rtl'] body>main>p.error{padding-right:40px;padding-left:0}html[dir='rtl'] body>main>p.error::before{left:unset;right:0}html[dir='rtl'] body>main>article>div>ul{margin-right:5px;margin-left:0}html[dir='rtl'] body>main>article>div>ul>li{padding-right:10px;padding-left:0}html[dir='rtl'] body>main>article>div>ul>li::before{left:unset;right:0} diff --git a/dist/css/newtab.css b/dist/css/newtab.css index cf026db7..a41c7cf1 100644 --- a/dist/css/newtab.css +++ b/dist/css/newtab.css @@ -1 +1 @@ -div#topPages>ul,body::before{opacity:0;pointer-events:none}div#topPages>ul.visible,body.initLoading::before,body.loading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}div#topPages{margin:50px auto 0}div#topPages.hidden{display:none}div#topPages>ul{display:flex;flex-flow:row wrap;justify-content:center;transition:opacity 0.2s}div#topPages>ul>li{display:block;padding:8px 7px;font-size:90%}div#topPages>ul>li>a{display:block;margin:0 auto;background:rgba(0,0,0,0.05);width:145px;border-radius:2px;border:1px solid rgba(0,0,0,0.1);transition:background 0.3s, border-color 0.3s, box-shadow 0.3s}div#topPages>ul>li>a:hover{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.15);box-shadow:0px 3px 25px rgba(0,0,0,0.1)}div#topPages>ul>li>a>span{display:block;padding:3px 5px 3px 3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}div#topPages>ul>li>a>span>img{display:inline-block;width:14px;margin:0 5px 0 0;vertical-align:top}div#topPages>ul>li>a>img{display:block;width:143px;height:89.375px;opacity:0;background:#fff;transition:opacity 0.5s}div#topPages>ul>li>a>img.visible{opacity:1}div#topPages>ul[data-perRow='3']{max-width:477px}div#topPages>ul[data-perRow='2']{max-width:318px}html[dir='rtl'] div#topPages>ul>li>a>span>img{margin:0 0 0 5px}body.dark div#topPages>ul>li>a{border-color:rgba(255,255,255,0.075);background:#4d4d4d}body.dark div#topPages>ul>li>a:hover{border-color:rgba(255,255,255,0.2);background:#5a5a5a;box-shadow:0px 3px 25px rgba(0,0,0,0.7)}section#content>nav{position:absolute;top:10px;right:20px}section#content>nav>ul>li{position:relative;display:inline-block;text-align:center}section#content>nav>ul>li>a.link{position:relative;color:"%textColor";display:block;cursor:pointer;padding:7px 10px;border-radius:20px;white-space:nowrap;transition:background 0.3s}section#content>nav>ul>li>a.link:hover{background:rgba(0,0,0,0.05)}html[dir='rtl'] section#content>nav{left:20px;right:unset}body.dark section#content>nav>ul>li>a:hover{background:#4d4d4d}div#search{position:relative;display:block;margin:0 auto;width:100%;padding:0 10px;height:50px}div#search>input[type='text']{width:100%;height:100%;border-radius:25px;padding:0 55px 0 30px;border:none;outline:none;font-size:125%;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}div#search>input[type='text']::-webkit-input-placeholder{color:"%textColor";opacity:0.7}div#search>input[type='text']::-moz-placeholder{color:"%textColor";opacity:0.7}div#search>button[type="submit"]{position:absolute;top:4px;right:16px;width:calc(50px - 8px);height:calc(50px - 8px);outline:none;border:none;background:none;border-radius:50%;cursor:pointer;transition:background 0.3s}div#search>button[type="submit"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/26px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg);background-color:#aaa}div#search>button[type="submit"]:hover{background:"%hoverColor"}div#search>ul.suggestions{position:absolute;width:calc(100% - 20px);padding:51px 20px 0;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));z-index:2}div#search>ul.suggestions>li{position:relative;background:#fff;pointer-events:auto;font-size:110%;pointer-events:auto;padding:3px 10px 3px 28px;transition:background 0.1s}div#search>ul.suggestions>li::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;background-color:#aaa}div#search>ul.suggestions>li.active{cursor:pointer;background:"%hoverColor" !important}div#search>ul.suggestions>li::before{width:14px;height:14px;left:7px;top:0;bottom:0;margin:auto}div#search>ul.suggestions>li[data-type='url']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg)}div#search>ul.suggestions>li[data-type='word']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg)}html[dir='rtl'] div#search>input[type='text']{padding:0 30px 0 55px;box-shadow:-2px 2px 10px rgba(0,0,0,0.2)}html[dir='rtl'] div#search>button[type="submit"]{left:16px;right:unset}html[dir='rtl'] div#search>ul.suggestions>li{padding-right:28px;padding-left:10px}html[dir='rtl'] div#search>ul.suggestions>li::before{left:unset;right:7px}body.dark div#search>input[type='text']{background:#4d4d4d}body.dark div#search>ul.suggestions{filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1))}body.dark div#search>ul.suggestions>li{background:#4d4d4d}div#fallbackInfo{position:relative;width:100%;padding:0 40px;margin:40px 0 20px 0;display:none}div#fallbackInfo::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div#fallbackInfo::before{left:10px;width:24px;height:24px}div#fallbackInfo.active{display:block}div#fallbackInfo>h2{font-weight:"%fontWeightNormal";font-size:140%}div#fallbackInfo>p{font-weight:"%fontWeightNormal";color:#aaa;font-size:120%;margin:7px 0 25px 0}div#fallbackInfo>a{font-weight:"%fontWeightMedium";cursor:pointer;color:"%colorScheme";font-size:110%}div#fallbackInfo>div{margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.1)}div#fallbackInfo>div>div.checkbox{display:inline-block}div#fallbackInfo>div>div.checkbox+span{display:inline-block;vertical-align:top;margin:-1px 0 0 15px}html[dir='rtl'] div#fallbackInfo::before{right:10px;left:unset}html[dir='rtl'] div#fallbackInfo>div>div.checkbox+span{margin-right:15px;margin-left:0}body.highContrast:not(.dark) div#fallbackInfo>a{color:"%textColor"}body.dark div#fallbackInfo>a{color:"%textColor"}body>a.edit{position:absolute;bottom:20px;right:20px;width:36px;height:36px;display:block;border-radius:50%;cursor:pointer;transition:background 0.3s}body>a.edit::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);background-color:#aaa}body>a.edit:hover{background:rgba(0,0,0,0.05)}menu.infoBar{position:absolute;bottom:0;left:0;width:100%;height:60px;background:"%textColor";padding:15px 20px;transition:transform 0.5s;transform:translate3d(0, 60px, 0);display:flex;justify-content:flex-end;align-items:flex-start;align-items:center}menu.infoBar>a{display:block;cursor:pointer}menu.infoBar>a.save{background:#fff;padding:4px 8px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:5px;box-shadow:0px 2px 20px rgba(0,0,0,0.5)}menu.infoBar>a.cancel{color:#fff;margin:0 20px;padding:5px 3px}body[data-pos='right']>a.edit{right:auto;left:20px}body[data-pos='right'] menu.infoBar{justify-content:flex-start}body[data-pos='right'] menu.infoBar>a.save{order:1}body[data-pos='right'] menu.infoBar>a.cancel{order:2}body.edit>a.edit{display:none}body.edit menu.infoBar{transform:translate3d(0, 0, 0)}body.edit section#content{height:calc(100vh - 50px)}body.edit section#content>nav a.add,body.edit section#content>nav a.remove,body.edit section#content>nav a.edit{transition:background 0.3s;border-radius:50%;cursor:pointer}body.edit section#content>nav a.add:hover,body.edit section#content>nav a.remove:hover,body.edit section#content>nav a.edit:hover{background:rgba(0,0,0,0.05)}body.edit section#content>nav>a.add{position:absolute;display:block;width:30px;height:30px;top:0;left:-35px}body.edit section#content>nav>a.add::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);background-color:#aaa}body.edit section#content>nav>ul>li{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1);min-width:60px;border-radius:3px;margin:0 2px;padding:0 0 14px 0;box-shadow:inset 0 -20px 0 -4px rgba(0,0,0,0.05)}body.edit section#content>nav>ul>li>a.link{pointer-events:none}body.edit section#content>nav>ul>li>a.link:hover{background:transparent}body.edit section#content>nav>ul>li>a.edit,body.edit section#content>nav>ul>li>a.remove{position:relative;display:inline-block;width:24px;height:24px}body.edit section#content>nav>ul>li>a.edit::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);background-color:#aaa}body.edit section#content>nav>ul>li>a.remove::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);background-color:#aaa}body.edit section#content>nav>ul>li>a[data-pos]{position:absolute;display:block;width:16px;height:16px;right:0;bottom:0;cursor:pointer}body.edit section#content>nav>ul>li>a[data-pos]::before{content:"";position:absolute;top:5px;left:5px;width:6px;height:6px;border-top:2px solid #aaa;border-left:2px solid #aaa;transform:rotateZ(135deg)}body.edit section#content>nav>ul>li>a[data-pos='left']{right:auto;left:0}body.edit section#content>nav>ul>li>a[data-pos='left']::before{transform:rotateZ(-45deg)}body.edit section#content>nav>ul>li:last-child>a[data-pos='right'],body.edit section#content>nav>ul>li:first-child>a[data-pos='left']{display:none}body.edit section#content>nav>ul>li>div{position:absolute;text-align:left;background:#fff;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.1));padding:10px;bottom:-170px;right:-10px;height:160px;width:250px;border-radius:3px;z-index:9}body.edit section#content>nav>ul>li>div::before{content:"";position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#fff}body.edit section#content>nav>ul>li>div>label{font-weight:"%fontWeightMedium";display:block}body.edit section#content>nav>ul>li>div>input[type='text']{outline:none;border:1px solid rgba(0,0,0,0.1);background:transparent;display:block;width:100%;margin:3px 0 10px;padding:5px}body.edit section#content>nav>ul>li>div>input[type='text']:focus{border-color:rgba(0,0,0,0.25)}body.edit section#content>nav>ul>li>div>button[type='submit']{border:none;outline:none;background:none;color:"%colorScheme";font-weight:"%fontWeightMedium";cursor:pointer;float:right;margin-top:3px}body.edit div#search>input[type='text']{padding-right:125px}body.edit div#search>button[type="submit"]{display:none}body.edit div#search>select{position:absolute;top:10px;right:23px;background:#f2f2f2;width:100px;height:30px;border-radius:15px;padding:0 7px;border:none;outline:none;cursor:pointer}body.edit div#topPages>select{display:block;background:#fff;height:25px;margin:-25px auto 0;border-radius:10px;padding:0 7px;border:none;outline:none;cursor:pointer;box-shadow:2px 2px 10px rgba(0,0,0,0.1)}html[dir='rtl'] menu.infoBar{justify-content:flex-start}html[dir='rtl'] menu.infoBar>a.save{order:1}html[dir='rtl'] menu.infoBar>a.cancel{order:2}html[dir='rtl'] body[data-pos='right'] menu.infoBar{justify-content:flex-end}html[dir='rtl'] body[data-pos='right'] menu.infoBar>a.save{order:2}html[dir='rtl'] body[data-pos='right'] menu.infoBar>a.cancel{order:1}html[dir='rtl'] body.edit section#content>nav>a.add{right:-35px;left:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='left']{right:0;left:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='left']::before{transform:rotateZ(135deg)}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='right']{right:unset;left:0}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='right']::before{transform:rotateZ(-45deg)}html[dir='rtl'] body.edit section#content>nav>ul>li>div{text-align:right;left:-10px;right:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>div::before{left:20px;right:unset}html[dir='rtl'] body.edit div#search>input[type='text']{padding-right:30px;padding-left:125px}html[dir='rtl'] body.edit div#search>select{left:23px;right:unset}html[dir='rtl'] body.edit div#topPages>select{box-shadow:-2px 2px 10px rgba(0,0,0,0.1)}body.dark menu.infoBar{background:#4d4d4d}body.dark menu.infoBar>a.save{color:#4d4d4d}body.dark>a.edit:hover{background:#4d4d4d}body.dark.edit section#content>nav a.add:hover{background:#4d4d4d}body.dark.edit section#content>nav>ul>li{background:#4d4d4d;border-color:rgba(255,255,255,0.075)}body.dark.edit section#content>nav>ul>li>a.edit:hover,body.dark.edit section#content>nav>ul>li>a.remove:hover{background:#676767}body.dark.edit section#content>nav>ul>li>div{background:#4d4d4d;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.2));transform:translate3d(0, 3px, 0)}body.dark.edit section#content>nav>ul>li>div::before{border-bottom-color:#4d4d4d}body.dark.edit section#content>nav>ul>li>div>input[type='text']{border-color:rgba(255,255,255,0.2)}body.dark.edit section#content>nav>ul>li>div>input[type='text']:focus{border-color:rgba(255,255,255,0.4)}body.dark.edit section#content>nav>ul>li>div>button[type='submit']{color:"%textColor"}body.dark.edit div#search>select{background:#676767}body.dark.edit div#topPages>select{background:#676767}body{background:#f2f2f2;position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:inherit;transition:opacity 0.3s;z-index:98}body.loading::before{background:rgba(255,255,255,0.9)}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}section#content{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#f2f2f2;transition:height 0.5s}section#content.small{width:calc(100vw - %sidebarWidth);margin-left:"%sidebarWidth"}section#content.small ~ iframe#blockbyte-bs-sidebar:not(.blockbyte-bs-hover){width:"%sidebarWidth" !important}section#content>section.mid{position:relative;width:100%;height:100%;max-width:650px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}section#content>section.mid>*{pointer-events:auto}body[data-pos='right'] section#content.small{margin-left:0}body.dark{background:#3d3d3d}body.dark.loading::before{background:rgba(0,0,0,0.8)}body.dark section#content{background:#3d3d3d} +div#topPages>ul,body::before{opacity:0;pointer-events:none}div#topPages>ul.visible,body.initLoading::before,body.loading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}div#topPages{margin:50px auto 0}div#topPages.hidden{display:none}div#topPages>ul{display:flex;flex-flow:row wrap;justify-content:center;transition:opacity 0.2s}div#topPages>ul>li{display:block;padding:8px 7px;font-size:90%}div#topPages>ul>li>a{display:block;margin:0 auto;background:rgba(0,0,0,0.05);width:145px;border-radius:2px;border:1px solid rgba(0,0,0,0.1);transition:background 0.3s, border-color 0.3s, box-shadow 0.3s}div#topPages>ul>li>a:hover{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.15);box-shadow:0px 3px 25px rgba(0,0,0,0.1)}div#topPages>ul>li>a>span{display:block;padding:3px 5px 3px 3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}div#topPages>ul>li>a>span>img{display:inline-block;width:14px;margin:0 5px 0 0;vertical-align:top}div#topPages>ul>li>a>img{display:block;width:143px;height:89.375px;opacity:0;background:#fff;transition:opacity 0.5s}div#topPages>ul>li>a>img.visible{opacity:1}div#topPages>ul[data-perRow='3']{max-width:477px}div#topPages>ul[data-perRow='2']{max-width:318px}html[dir='rtl'] div#topPages>ul>li>a>span>img{margin:0 0 0 5px}body.dark div#topPages>ul>li>a{border-color:rgba(255,255,255,0.075);background:#4d4d4d}body.dark div#topPages>ul>li>a:hover{border-color:rgba(255,255,255,0.2);background:#5a5a5a;box-shadow:0px 3px 25px rgba(0,0,0,0.7)}section#content>nav{position:absolute;top:10px;right:20px}section#content>nav>ul>li{position:relative;display:inline-block;text-align:center}section#content>nav>ul>li>a.link{position:relative;color:"%textColor";display:block;cursor:pointer;padding:7px 10px;border-radius:20px;white-space:nowrap;transition:background 0.3s}section#content>nav>ul>li>a.link:hover{background:rgba(0,0,0,0.05)}html[dir='rtl'] section#content>nav{left:20px;right:unset}body.dark section#content>nav>ul>li>a:hover{background:#4d4d4d}div#search{position:relative;display:block;margin:0 auto;width:100%;padding:0 10px;height:50px}div#search>input[type='text']{width:100%;height:100%;border-radius:25px;padding:0 55px 0 30px;border:none;outline:none;font-size:125%;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}div#search>input[type='text']::-webkit-input-placeholder{color:"%textColor";opacity:0.7}div#search>input[type='text']::-moz-placeholder{color:"%textColor";opacity:0.7}div#search>button[type="submit"]{position:absolute;top:4px;right:16px;width:calc(50px - 8px);height:calc(50px - 8px);outline:none;border:none;background:none;border-radius:50%;cursor:pointer;transition:background 0.3s}div#search>button[type="submit"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/26px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg);background-color:#aaa}div#search>button[type="submit"]:hover{background:"%hoverColor"}div#search>ul.suggestions{position:absolute;width:calc(100% - 20px);padding:51px 20px 0;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));z-index:2}div#search>ul.suggestions>li{position:relative;background:#fff;pointer-events:auto;font-size:110%;pointer-events:auto;padding:3px 10px 3px 28px;transition:background 0.1s}div#search>ul.suggestions>li::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;background-color:#aaa}div#search>ul.suggestions>li.active{cursor:pointer;background:"%hoverColor" !important}div#search>ul.suggestions>li::before{width:14px;height:14px;left:7px;top:0;bottom:0;margin:auto}div#search>ul.suggestions>li[data-type='url']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg)}div#search>ul.suggestions>li[data-type='word']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg)}html[dir='rtl'] div#search>input[type='text']{padding:0 30px 0 55px;box-shadow:-2px 2px 10px rgba(0,0,0,0.2)}html[dir='rtl'] div#search>button[type="submit"]{left:16px;right:unset}html[dir='rtl'] div#search>ul.suggestions>li{padding-right:28px;padding-left:10px}html[dir='rtl'] div#search>ul.suggestions>li::before{left:unset;right:7px}body.dark div#search>input[type='text']{background:#4d4d4d}body.dark div#search>ul.suggestions{filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1))}body.dark div#search>ul.suggestions>li{background:#4d4d4d}div#fallbackInfo{position:relative;width:100%;padding:0 40px;margin:40px 0 20px 0;display:none}div#fallbackInfo::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div#fallbackInfo::before{left:10px;width:24px;height:24px}div#fallbackInfo.active{display:block}div#fallbackInfo>h2{font-weight:"%fontWeightNormal";font-size:140%}div#fallbackInfo>p{font-weight:"%fontWeightNormal";color:#aaa;font-size:120%;margin:7px 0 25px 0}div#fallbackInfo>a{font-weight:"%fontWeightMedium";cursor:pointer;color:"%colorScheme";font-size:110%}div#fallbackInfo>div{margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.1)}div#fallbackInfo>div>div.checkbox{display:inline-block}div#fallbackInfo>div>div.checkbox+span{display:inline-block;vertical-align:top;margin:-1px 0 0 15px}html[dir='rtl'] div#fallbackInfo::before{right:10px;left:unset}html[dir='rtl'] div#fallbackInfo>div>div.checkbox+span{margin-right:15px;margin-left:0}body.highContrast:not(.dark) div#fallbackInfo>a{color:"%textColor"}body.dark div#fallbackInfo>a{color:"%textColor"}body>a.edit{position:absolute;bottom:20px;right:20px;width:36px;height:36px;display:block;border-radius:50%;cursor:pointer;transition:background 0.3s}body>a.edit::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);background-color:#aaa}body>a.edit:hover{background:rgba(0,0,0,0.05)}menu.infoBar{position:absolute;bottom:0;left:0;width:100%;height:60px;background:"%textColor";padding:15px 20px;transition:transform 0.5s;transform:translate3d(0, 60px, 0);display:flex;justify-content:flex-end;align-items:flex-start;align-items:center}menu.infoBar>a{display:block;cursor:pointer}menu.infoBar>a.save{background:#fff;padding:4px 8px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:5px;box-shadow:0px 2px 20px rgba(0,0,0,0.5)}menu.infoBar>a.cancel{color:#fff;margin:0 20px;padding:5px 3px}body[data-pos='right']>a.edit{right:auto;left:20px}body[data-pos='right'] menu.infoBar{justify-content:flex-start}body[data-pos='right'] menu.infoBar>a.save{order:1}body[data-pos='right'] menu.infoBar>a.cancel{order:2}body.edit>a.edit{display:none}body.edit menu.infoBar{transform:translate3d(0, 0, 0)}body.edit section#content{height:calc(100vh - 50px)}body.edit section#content>nav a.add,body.edit section#content>nav a.remove,body.edit section#content>nav a.edit{transition:background 0.3s;border-radius:50%;cursor:pointer}body.edit section#content>nav a.add:hover,body.edit section#content>nav a.remove:hover,body.edit section#content>nav a.edit:hover{background:rgba(0,0,0,0.05)}body.edit section#content>nav>a.add{position:absolute;display:block;width:30px;height:30px;top:0;left:-35px}body.edit section#content>nav>a.add::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);background-color:#aaa}body.edit section#content>nav>ul>li{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1);min-width:60px;border-radius:3px;margin:0 2px;padding:0 0 14px 0;box-shadow:inset 0 -20px 0 -4px rgba(0,0,0,0.05)}body.edit section#content>nav>ul>li>a.link{pointer-events:none}body.edit section#content>nav>ul>li>a.link:hover{background:transparent}body.edit section#content>nav>ul>li>a.edit,body.edit section#content>nav>ul>li>a.remove{position:relative;display:inline-block;width:24px;height:24px}body.edit section#content>nav>ul>li>a.edit::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);background-color:#aaa}body.edit section#content>nav>ul>li>a.remove::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);background-color:#aaa}body.edit section#content>nav>ul>li>a[data-pos]{position:absolute;display:block;width:16px;height:16px;right:0;bottom:0;cursor:pointer}body.edit section#content>nav>ul>li>a[data-pos]::before{content:"";position:absolute;top:5px;left:5px;width:6px;height:6px;border-top:2px solid #aaa;border-left:2px solid #aaa;transform:rotateZ(135deg)}body.edit section#content>nav>ul>li>a[data-pos='left']{right:auto;left:0}body.edit section#content>nav>ul>li>a[data-pos='left']::before{transform:rotateZ(-45deg)}body.edit section#content>nav>ul>li:last-child>a[data-pos='right'],body.edit section#content>nav>ul>li:first-child>a[data-pos='left']{display:none}body.edit section#content>nav>ul>li>div{position:absolute;text-align:left;background:#fff;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.1));padding:10px;bottom:-170px;right:-10px;height:160px;width:250px;border-radius:3px;z-index:9}body.edit section#content>nav>ul>li>div::before{content:"";position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#fff}body.edit section#content>nav>ul>li>div>label{font-weight:"%fontWeightMedium";display:block}body.edit section#content>nav>ul>li>div>input[type='text']{outline:none;border:1px solid rgba(0,0,0,0.1);background:transparent;display:block;width:100%;margin:3px 0 10px;padding:5px}body.edit section#content>nav>ul>li>div>input[type='text']:focus{border-color:rgba(0,0,0,0.25)}body.edit section#content>nav>ul>li>div>button[type='submit']{border:none;outline:none;background:none;color:"%colorScheme";font-weight:"%fontWeightMedium";cursor:pointer;float:right;margin-top:3px}body.edit div#search>input[type='text']{padding-right:125px}body.edit div#search>button[type="submit"]{display:none}body.edit div#search>select{position:absolute;top:10px;right:23px;background:#f2f2f2;width:100px;height:30px;border-radius:15px;padding:0 7px;border:none;outline:none;cursor:pointer}body.edit div#topPages>select{display:block;background:#fff;height:25px;margin:-25px auto 0;border-radius:10px;padding:0 7px;border:none;outline:none;cursor:pointer;box-shadow:2px 2px 10px rgba(0,0,0,0.1)}html[dir='rtl'] menu.infoBar{justify-content:flex-start}html[dir='rtl'] menu.infoBar>a.save{order:1}html[dir='rtl'] menu.infoBar>a.cancel{order:2}html[dir='rtl'] body[data-pos='right'] menu.infoBar{justify-content:flex-end}html[dir='rtl'] body[data-pos='right'] menu.infoBar>a.save{order:2}html[dir='rtl'] body[data-pos='right'] menu.infoBar>a.cancel{order:1}html[dir='rtl'] body.edit section#content>nav>a.add{right:-35px;left:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='left']{right:0;left:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='left']::before{transform:rotateZ(135deg)}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='right']{right:unset;left:0}html[dir='rtl'] body.edit section#content>nav>ul>li>a[data-pos='right']::before{transform:rotateZ(-45deg)}html[dir='rtl'] body.edit section#content>nav>ul>li>div{text-align:right;left:-10px;right:unset}html[dir='rtl'] body.edit section#content>nav>ul>li>div::before{left:20px;right:unset}html[dir='rtl'] body.edit div#search>input[type='text']{padding-right:30px;padding-left:125px}html[dir='rtl'] body.edit div#search>select{left:23px;right:unset}html[dir='rtl'] body.edit div#topPages>select{box-shadow:-2px 2px 10px rgba(0,0,0,0.1)}body.dark menu.infoBar{background:#4d4d4d}body.dark menu.infoBar>a.save{color:#4d4d4d}body.dark>a.edit:hover{background:#4d4d4d}body.dark.edit section#content>nav a.add:hover{background:#4d4d4d}body.dark.edit section#content>nav>ul>li{background:#4d4d4d;border-color:rgba(255,255,255,0.075)}body.dark.edit section#content>nav>ul>li>a.edit:hover,body.dark.edit section#content>nav>ul>li>a.remove:hover{background:#676767}body.dark.edit section#content>nav>ul>li>div{background:#4d4d4d;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.2));transform:translate3d(0, 3px, 0)}body.dark.edit section#content>nav>ul>li>div::before{border-bottom-color:#4d4d4d}body.dark.edit section#content>nav>ul>li>div>input[type='text']{border-color:rgba(255,255,255,0.2)}body.dark.edit section#content>nav>ul>li>div>input[type='text']:focus{border-color:rgba(255,255,255,0.4)}body.dark.edit section#content>nav>ul>li>div>button[type='submit']{color:"%textColor"}body.dark.edit div#search>select{background:#676767}body.dark.edit div#topPages>select{background:#676767}body{background:#f2f2f2;position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:inherit;transition:opacity 0.3s;z-index:98}body.loading::before{background:rgba(255,255,255,0.9)}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}section#content{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#f2f2f2;transition:height 0.5s}section#content.small{width:calc(100vw - %sidebarWidth);margin-left:"%sidebarWidth"}section#content.small ~ iframe#blockbyte-bs-sidebar:not(.blockbyte-bs-hover){width:"%sidebarWidth" !important}section#content>section.mid{position:relative;width:100%;height:100%;max-width:650px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}section#content>section.mid>*{pointer-events:auto}body[data-pos='right'] section#content.small{margin-left:0}body.dark{background:#3d3d3d}body.dark.loading::before{background:rgba(0,0,0,0.8)}body.dark section#content{background:#3d3d3d} diff --git a/dist/css/onboarding.css b/dist/css/onboarding.css index 42203fb0..34ba1a69 100644 --- a/dist/css/onboarding.css +++ b/dist/css/onboarding.css @@ -1 +1 @@ -section.slide,section.slide[data-name='openAction']>p.desc{opacity:0;pointer-events:none}section.slide.visible,section.slide[data-name='openAction']>a.info:hover+p.desc{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#fff;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}section.slide[data-name='intro']>a.nextSlide,section.slide[data-name='position']>div>a,section.slide[data-name='openAction']>div>a,section.slide[data-name='surface']>div>a,section.slide[data-name='openAction']>a.info{display:inline-block;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.6);color:#7b5fa4;font-size:140%;font-weight:300;text-decoration:none;margin:10px 0;padding:10px 20px;border-radius:3px}body{background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);height:100vh;overflow:hidden}body>svg.loading{position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}section.slide{position:absolute;width:650px;top:30vh;left:0;right:0;margin:auto;text-align:center;transition:opacity 0.3s, transform 0.3s}section.slide>p.large{font-size:200%;font-weight:200;color:#fff;margin:0 0 40px 0}section.slide[data-name='intro']::before{content:"";position:absolute;top:-100px;left:0;right:0;margin:auto;width:64px;height:64px;background:url(chrome-extension://__MSG_@@extension_id__/img/icon/icon.webp) no-repeat center/100%}section.slide[data-name='intro']>a.skip{color:#fff;font-size:90%;opacity:0.5}section.slide[data-name='position']>div,section.slide[data-name='openAction']>div,section.slide[data-name='surface']>div{display:flex;justify-content:center;align-items:center}section.slide[data-name='position']>div>a,section.slide[data-name='openAction']>div>a,section.slide[data-name='surface']>div>a{margin-left:12px;margin-right:12px}section.slide[data-name='openAction']>p.desc{position:relative;background:#fff;color:#666;width:400px;font-size:90%;line-height:140%;margin:15px auto 0;padding:7px 10px;transform:translate3d(0, -7px, 0);transition:opacity 0.3s, transform 0.3s}section.slide[data-name='openAction']>p.desc::before{content:"";position:absolute;top:-14px;left:0;right:0;margin:auto;width:0;border:7px solid transparent;border-bottom-color:#fff}section.slide[data-name='openAction']>a.info{position:relative;display:block;width:48px;height:48px;margin:70px auto 0;border-radius:50%}section.slide[data-name='openAction']>a.info::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/26px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#7b5fa4}section.slide[data-name='openAction']>a.info:hover+p.desc{transform:translate3d(0, 0, 0)}section.slide[data-name='surface'] a[data-value="dark"]{background:#3d3d3d;color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.4)}section.slide[data-name='handson']>p.large{margin-bottom:70px}section.slide[data-name='handson']>p:not(.large){color:#fff;font-size:120%;opacity:0.7;padding:7px 0}section.slide[data-name='finished'] a.settings,section.slide[data-name='finished'] a.appearance{position:relative;display:inline-block;width:150px;padding:85px 15px 10px 15px;margin:0 10px;color:#fff;vertical-align:top;border-radius:3px;transition:background 0.5s}section.slide[data-name='finished'] a.settings::before,section.slide[data-name='finished'] a.appearance::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/72px;background-color:#fff}section.slide[data-name='finished'] a.settings::before,section.slide[data-name='finished'] a.appearance::before{-webkit-mask-position-y:7px}section.slide[data-name='finished'] a.settings:hover,section.slide[data-name='finished'] a.appearance:hover{background:rgba(255,255,255,0.1)}section.slide[data-name='finished'] a.settings::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}section.slide[data-name='finished'] a.appearance::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg)}div#sidebar{position:absolute;top:0;left:0;width:300px;height:100%;background:#fff;padding:10px 30px 0 80px;box-shadow:0 0 30px rgba(0,0,0,0.2);transform:translate3d(-350px, 0, 0);transition:transform 0.5s, background-color 0.3s;z-index:3}div#sidebar[data-position='right']{transform:translate3d(350px, 0, 0);left:auto;right:0}div#sidebar.visible{transform:translate3d(0, 0, 0)}div#sidebar>p{position:relative;width:100%;height:12px;background:rgba(0,0,0,0.06);transition:background-color 0.3s;margin:50px 0}div#sidebar>p::before{content:"";position:absolute;top:-10px;left:-50px;width:32px;height:32px;border-radius:50%;background:inherit}body[data-surface='dark'] div#sidebar{background:#3d3d3d}body[data-surface='dark'] div#sidebar>p{background:rgba(255,255,255,0.1)}body[data-openType]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;background-color:#fff}body[data-openType]::before{content:"";position:absolute;width:48px;height:48px;transition:opacity 0.2s}body[data-openType='icon']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/onboarding/icon-arrow.svg);top:50px;left:auto;right:80px}body[data-openType='mouse']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/onboarding/icon-cursor.svg);top:0;bottom:0;margin:auto}body[data-openType='mouse'][data-position='right']::before{left:auto;right:0;transform:rotateY(180deg)}body.hideOpenType::before{opacity:0}@media (max-width: 1500px){body[data-position='left'] section.slide:not([data-name='position']):not([data-name='handson']){right:40px;left:auto}body[data-position='right'] section.slide:not([data-name='position']):not([data-name='handson']){left:40px}}html[dir='rtl'] body{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] section.slide[data-name='position']>div{flex-direction:row-reverse}html[dir='rtl'] div#sidebar{padding-right:80px;padding-left:30px}html[dir='rtl'] div#sidebar>p::before{right:-50px;left:unset} +section.slide,section.slide[data-name='openAction']>p.desc{opacity:0;pointer-events:none}section.slide.visible,section.slide[data-name='openAction']>a.info:hover+p.desc{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#fff;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}section.slide[data-name='intro']>a.nextSlide,section.slide[data-name='position']>div>a,section.slide[data-name='openAction']>div>a,section.slide[data-name='surface']>div>a,section.slide[data-name='openAction']>a.info{display:inline-block;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.6);color:#7b5fa4;font-size:140%;font-weight:300;text-decoration:none;margin:10px 0;padding:10px 20px;border-radius:3px}body{background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);height:100vh;overflow:hidden}body>svg.loading{position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}section.slide{position:absolute;width:650px;top:30vh;left:0;right:0;margin:auto;text-align:center;transition:opacity 0.3s, transform 0.3s}section.slide>p.large{font-size:200%;font-weight:200;color:#fff;margin:0 0 40px 0}section.slide[data-name='intro']::before{content:"";position:absolute;top:-100px;left:0;right:0;margin:auto;width:64px;height:64px;background:url(chrome-extension://__MSG_@@extension_id__/img/icon/icon.webp) no-repeat center/100%}section.slide[data-name='intro']>a.skip{color:#fff;font-size:90%;opacity:0.5}section.slide[data-name='position']>div,section.slide[data-name='openAction']>div,section.slide[data-name='surface']>div{display:flex;justify-content:center;align-items:center}section.slide[data-name='position']>div>a,section.slide[data-name='openAction']>div>a,section.slide[data-name='surface']>div>a{margin-left:12px;margin-right:12px}section.slide[data-name='openAction']>p.desc{position:relative;background:#fff;color:#666;width:400px;font-size:90%;line-height:140%;margin:15px auto 0;padding:7px 10px;transform:translate3d(0, -7px, 0);transition:opacity 0.3s, transform 0.3s}section.slide[data-name='openAction']>p.desc::before{content:"";position:absolute;top:-14px;left:0;right:0;margin:auto;width:0;border:7px solid transparent;border-bottom-color:#fff}section.slide[data-name='openAction']>a.info{position:relative;display:block;width:48px;height:48px;margin:70px auto 0;border-radius:50%}section.slide[data-name='openAction']>a.info::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/26px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#7b5fa4}section.slide[data-name='openAction']>a.info:hover+p.desc{transform:translate3d(0, 0, 0)}section.slide[data-name='surface'] a[data-value="dark"]{background:#3d3d3d;color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.4)}section.slide[data-name='handson']>p.large{margin-bottom:70px}section.slide[data-name='handson']>p:not(.large){color:#fff;font-size:120%;opacity:0.7;padding:7px 0}section.slide[data-name='finished'] a.settings,section.slide[data-name='finished'] a.appearance{position:relative;display:inline-block;width:150px;padding:85px 15px 10px 15px;margin:0 10px;color:#fff;vertical-align:top;border-radius:3px;transition:background 0.5s}section.slide[data-name='finished'] a.settings::before,section.slide[data-name='finished'] a.appearance::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/72px;background-color:#fff}section.slide[data-name='finished'] a.settings::before,section.slide[data-name='finished'] a.appearance::before{-webkit-mask-position-y:7px}section.slide[data-name='finished'] a.settings:hover,section.slide[data-name='finished'] a.appearance:hover{background:rgba(255,255,255,0.1)}section.slide[data-name='finished'] a.settings::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}section.slide[data-name='finished'] a.appearance::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg)}div#sidebar{position:absolute;top:0;left:0;width:300px;height:100%;background:#fff;padding:10px 30px 0 80px;box-shadow:0 0 30px rgba(0,0,0,0.2);transform:translate3d(-350px, 0, 0);transition:transform 0.5s, background-color 0.3s;z-index:3}div#sidebar[data-position='right']{transform:translate3d(350px, 0, 0);left:auto;right:0}div#sidebar.visible{transform:translate3d(0, 0, 0)}div#sidebar>p{position:relative;width:100%;height:12px;background:rgba(0,0,0,0.06);transition:background-color 0.3s;margin:50px 0}div#sidebar>p::before{content:"";position:absolute;top:-10px;left:-50px;width:32px;height:32px;border-radius:50%;background:inherit}body[data-surface='dark'] div#sidebar{background:#3d3d3d}body[data-surface='dark'] div#sidebar>p{background:rgba(255,255,255,0.1)}body[data-openType]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;background-color:#fff}body[data-openType]::before{content:"";position:absolute;width:48px;height:48px;transition:opacity 0.2s}body[data-openType='icon']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/onboarding/icon-arrow.svg);top:50px;left:auto;right:80px}body[data-openType='mouse']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/onboarding/icon-cursor.svg);top:0;bottom:0;margin:auto}body[data-openType='mouse'][data-position='right']::before{left:auto;right:0;transform:rotateY(180deg)}body.hideOpenType::before{opacity:0}@media (max-width: 1500px){body[data-position='left'] section.slide:not([data-name='position']):not([data-name='handson']){right:40px;left:auto}body[data-position='right'] section.slide:not([data-name='position']):not([data-name='handson']){left:40px}}html[dir='rtl'] body{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] section.slide[data-name='position']>div{flex-direction:row-reverse}html[dir='rtl'] div#sidebar{padding-right:80px;padding-left:30px}html[dir='rtl'] div#sidebar>p::before{right:-50px;left:unset} diff --git a/dist/css/overlay.css b/dist/css/overlay.css index 6ed49911..37c1d04e 100644 --- a/dist/css/overlay.css +++ b/dist/css/overlay.css @@ -1 +1 @@ -div.modal[data-type='infos']>ul>li>ul,div.modal[data-type='add']>ul,div.modal[data-type='add']>menu.hidden[data-name='select'],div.modal>menu.buttons>a::before{opacity:0;pointer-events:none}div.modal[data-type='add']>ul.visible{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:"%scrollBarWidth";background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}body{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}body::before{content:"";position:relative;display:block;height:1px}body.noAnimations *,body.noAnimations *::before,body.noAnimations *::after{transition:none !important}div.modal.urlCheckList[data-type='updateUrls']::after,div.modal[data-type='keyboardShortcuts']::after,div.modal[data-type='shareInfoDesc']::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:57px;z-index:2;background:#f5f5f5}div.modal{position:relative;width:600px;height:500px;background:#fff;box-shadow:0 12px 50px rgba(0,0,0,0.3);overflow:hidden;user-select:none;transform:scale(0.7);z-index:2;transition:transform 0.3s}div.modal.visible{transform:scale(1)}div.modal>header{position:relative;color:"%foregroundColor";height:"%overlayHeaderHeight";padding:0 75px 0 52px;background-color:"%colorScheme";box-shadow:0 3px 10px rgba(0,0,0,0.2);z-index:2}div.modal>header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;background-color:"%foregroundColor"}div.modal>header::before{-webkit-mask-position:center;width:50px;height:"%overlayHeaderHeight";left:5px}div.modal>header>h1{font-size:150%;font-weight:"%fontWeightNormal";line-height:"%overlayHeaderHeight"}div.modal>header>a.close{position:absolute;top:0;bottom:0;margin:auto;right:15px;display:block;width:34px;height:34px;cursor:pointer;border-radius:50%;transition:background-color 0.3s;z-index:2}div.modal>header>a.close::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:"%foregroundColor"}div.modal>header>a.close:hover{background-color:rgba(255,255,255,0.2)}div.modal>a.preview,div.modal>span.preview{display:block;font-size:140%;font-weight:"%fontWeightNormal";margin:30px 30px 20px 30px;background-color:rgba(0,0,0,0.05);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:17px 15px}div.modal>a.preview>img,div.modal>a.preview>span.icon,div.modal>span.preview>img,div.modal>span.preview>span.icon{position:relative;vertical-align:top;display:inline-block;width:24px;height:24px;margin:0 20px 0 0}div.modal>a.preview>span.icon::before,div.modal>span.preview>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}div.modal>a.preview{transition:background-color 0.3s;cursor:pointer}div.modal>a.preview:hover{background-color:rgba(0,0,0,0.1)}div.modal>a.preview>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:transparent}div.modal>a.preview>span.icon[data-color='1']::before{background-color:#37bf99}div.modal>a.preview>span.icon[data-color='2']::before{background-color:#d737d5}div.modal>a.preview>span.icon[data-color='3']::before{background-color:#3e6bf2}div.modal>a.preview>span.icon[data-color='4']::before{background-color:#f4572f}div.modal>a.preview>span.icon[data-color='5']::before{background-color:#f74b58}div.modal>a.preview>span.icon[data-color='6']::before{background-color:#f5a2bf}div.modal>a.preview>span.icon[data-color='7']::before{background-color:#1a90ba}div.modal>a.preview>span.icon[data-color='8']::before{background-color:#b4bd0e}div.modal>a.preview>span.icon[data-color='9']::before{background-color:#fdde32}div.modal>a.preview>span.icon[data-color='10']::before{background-color:#8ccbce}div.modal>a.preview+a.previewUrl{display:block;margin:-15px 30px 20px 30px;font-size:80%;font-weight:"%fontWeightMedium";opacity:0.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}div.modal>div.info{margin:30px 30px 0 30px;padding:20px 0 0 0;border-top:1px solid rgba(0,0,0,0.1)}div.modal>div.info>h3{font-size:100%;font-weight:"%fontWeightMedium"}div.modal>div.info>p{margin:5px 0 0 0;user-select:text;max-height:120px;overflow:auto}div.modal>div.info+ul{margin-top:25px;padding-top:30px}div.modal[data-type='updateUrls']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.modal[data-type='updateUrls']>p{position:relative;text-align:center;margin-top:40px;font-size:140%;line-height:170%}div.modal[data-type='updateUrls']>p.success{padding:90px 0 80px}div.modal[data-type='updateUrls']>p.success::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.modal[data-type='updateUrls']>p.success::before{-webkit-mask-position-y:bottom}div.modal[data-type='updateUrls']>div.error{position:relative;text-align:center;margin-top:50px;line-height:150%;padding:70px 30px 0}div.modal[data-type='updateUrls']>div.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f5c525}div.modal[data-type='updateUrls']>div.error::before{-webkit-mask-position-y:top}div.modal[data-type='updateUrls']>div.error>h3{font-size:160%;font-weight:"%fontWeightNormal";margin-bottom:25px}div.modal[data-type='updateUrls']>div.progressBar{position:relative;background:rgba(0,0,0,0.1);height:3px;margin:40px 30px 0}div.modal[data-type='updateUrls']>div.progressBar>div{position:absolute;top:0;left:0;height:100%;background:"%colorScheme";transition:width 0.1s linear}div.modal[data-type='updateUrls']>span.progressLabel{display:block;text-align:center;font-size:120%;margin-top:20px;opacity:0.6}div.modal[data-type='updateUrls']>span.progressLabel>span{margin:0 3px}div.modal[data-type='updateUrls']>svg.loading{margin:80px auto 0}div.modal[data-type='updateUrls']>div#urlList{height:calc(100% - %overlayHeaderHeight - 57px)}div.modal[data-type='updateUrls']>div#urlList>ul{margin:12px 0}div.modal[data-type='updateUrls']>div#urlList>ul>li{transition:background 0.3s;padding:0 16px 7px 16px}div.modal[data-type='updateUrls']>div#urlList>ul>li:hover{background:"%hoverColor"}div.modal[data-type='updateUrls']>div#urlList>ul>li>div.checkbox{display:inline-block;vertical-align:top;margin:10px 16px 0 0}div.modal[data-type='updateUrls']>div#urlList>ul>li>img{vertical-align:top;display:inline-block;width:16px;margin:11px 18px 0 0}div.modal[data-type='updateUrls']>div#urlList>ul>li>strong{display:inline-block;width:calc(100% - 70px);line-height:40px;margin-bottom:-10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.modal[data-type='updateUrls']>div#urlList>ul>li>a,div.modal[data-type='updateUrls']>div#urlList>ul>li>span{position:relative;display:block;margin-left:70px;line-height:20px;width:calc(100% - 36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:22px}div.modal[data-type='updateUrls']>div#urlList>ul>li>span,div.modal[data-type='updateUrls']>div#urlList>ul>li>a>span{transition:opacity 0.5s;opacity:0.6}div.modal[data-type='updateUrls']>div#urlList>ul>li>a{transition:color 0.5s}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%colorScheme"}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:last-of-type::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type{text-decoration:line-through}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:#f99}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:last-of-type::before,div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type::before{width:20px;height:20px}div.modal[data-type='updateUrls']>div#urlList>ul>li>a::before{-webkit-mask-position:0 center !important}div.modal[data-type='updateUrls']>div#urlList>ul>li>span{font-style:italic}div.modal[data-type='updateUrls'].urlCheckLoading{transition:width 0.5s, height 0.5s}div.modal[data-type='updateUrls'].urlCheckList{width:600px;height:600px;max-height:100%}div.modal[data-type='updateUrls'].urlCheckList>svg.loading{transition:margin-top 0.5s;margin-top:210px}div.modal[data-type='keyboardShortcuts']{width:600px;height:600px;max-height:100%}div.modal[data-type='keyboardShortcuts']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg)}div.modal[data-type='keyboardShortcuts']>div.scrollBox{height:calc(100% - %overlayHeaderHeight - 57px)}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul{padding:30px 30px 5px 30px;background:#fff}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li{padding:0 0 25px 0}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong{font-size:80%;font-weight:normal;margin-left:-2px}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong>i{display:inline-block;border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.05);font-style:normal;padding:2px 4px;border-radius:2px;margin:0 2px}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>span{display:block;margin-top:5px}div.modal[data-type='delete']>p,div.modal[data-type='hide']>p,div.modal[data-type='openChildren']>p{padding:30px 30px 5px 30px;font-size:140%;line-height:170%}div.modal[data-type='delete']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg)}div.modal[data-type='hide']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg)}div.modal[data-type='openChildren']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newTab.svg)}div.modal[data-type='infos']>header::before,div.modal[data-type='shareInfoDesc']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}div.modal[data-type='shareInfoDesc']{width:500px;height:300px;max-height:100%}div.modal[data-type='shareInfoDesc'][data-value='activity']{width:600px;height:550px}div.modal[data-type='shareInfoDesc']>div.scrollBox{height:calc(100% - %overlayHeaderHeight - 57px);font-size:120%;line-height:150%}div.modal[data-type='shareInfoDesc']>div.scrollBox>p{padding:20px 30px 5px 30px;background:#fff}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul{padding:0 30px;background:#fff}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li{position:relative;padding-left:10px;font-size:80%}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li::before{content:"-";position:absolute;left:0}div.modal[data-type='infos']>ul{display:flex;flex-flow:row;font-size:120%;margin:40px 30px 0 30px;padding:40px 0 0 0;border-top:1px solid rgba(0,0,0,0.1);justify-content:space-between}div.modal[data-type='infos']>ul>li{position:relative}div.modal[data-type='infos']>ul>li.tooltip{position:relative;cursor:help;background-size:16px;padding-right:18px}div.modal[data-type='infos']>ul>li.tooltip::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:"%textColor"}div.modal[data-type='infos']>ul>li.tooltip::before{opacity:0.5;-webkit-mask-position:right center}div.modal[data-type='infos']>ul>li>ul{position:absolute;top:27px;right:-10px;background:#444;color:#fff;font-size:65%;padding:2px 5px;border-radius:2px;transform:translate3d(0, -5px, 0);transition:opacity 0.3s, transform 0.3s}div.modal[data-type='infos']>ul>li>ul::before{content:"";position:absolute;top:-14px;right:10px;border:7px solid transparent;border-bottom-color:#444}div.modal[data-type='infos']>ul>li>ul>li{white-space:nowrap;margin:5px 0}div.modal[data-type='infos']>ul>li:hover>ul{opacity:1;transform:translate3d(0, 0, 0)}div.modal[data-type='edit']>ul,div.modal[data-type='add']>ul{padding:2px 30px}div.modal[data-type='edit']>ul>li,div.modal[data-type='add']>ul>li{display:flex;margin:20px 0 30px 0}div.modal[data-type='edit']>ul>li>label,div.modal[data-type='add']>ul>li>label{font-size:140%;padding:4px 0;margin:0 12px 0 0;min-width:45px}div.modal[data-type='edit']>ul>li>input,div.modal[data-type='edit']>ul>li>textarea,div.modal[data-type='add']>ul>li>input,div.modal[data-type='add']>ul>li>textarea{background:transparent;font-size:120%;padding:5px 8px;outline:none;box-shadow:none;transition:border-color 0.5s;border:1px solid rgba(0,0,0,0.1)}div.modal[data-type='edit']>ul>li>input.error,div.modal[data-type='edit']>ul>li>textarea.error,div.modal[data-type='add']>ul>li>input.error,div.modal[data-type='add']>ul>li>textarea.error{border-color:#f99}div.modal[data-type='edit']>ul>li>input:focus,div.modal[data-type='edit']>ul>li>textarea:focus,div.modal[data-type='add']>ul>li>input:focus,div.modal[data-type='add']>ul>li>textarea:focus{border-color:rgba(0,0,0,0.25)}div.modal[data-type='edit']>ul>li>input,div.modal[data-type='add']>ul>li>input{flex:1}div.modal[data-type='edit']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg)}div.modal[data-type='edit']>ul>li.info{display:block;margin-top:40px;padding:30px 0 0 0;border-top:1px solid rgba(0,0,0,0.1)}div.modal[data-type='edit']>ul>li.info>label{width:100%;font-size:100%;font-weight:"%fontWeightMedium";margin:0 !important}div.modal[data-type='edit']>ul>li.info>textarea{width:100%;height:60px;resize:none;margin:5px 0 3px}div.modal[data-type='edit']>ul>li.info>span{opacity:0;font-size:80%;color:#f99;transition:opacity 0.5s}div.modal[data-type='edit']>ul>li.info.active>span{opacity:1}div.modal[data-type='add']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg)}div.modal[data-type='add'] h2{margin:0 0 40px 0;font-weight:"%fontWeightThin";font-size:200%}div.modal[data-type='add']>ul{transition:opacity 0.5s, transform 0.5s;margin:10px 0 0 0;transform:translate3d(0, 15px, 0)}div.modal[data-type='add']>ul.visible{transform:translate3d(0, 0, 0)}div.modal[data-type='add']>menu[data-name='select']{position:absolute;top:0;left:0;width:100%;height:calc(100% - 30px);display:flex;align-items:center;justify-content:space-around;padding:0 30px;transition:opacity 0.2s, transform 0.2s}div.modal[data-type='add']>menu[data-name='select'].hidden{transform:translate3d(0, -40px, 0)}div.modal[data-type='add']>menu[data-name='select']>a{position:relative;display:block;width:86px;height:86px;border-radius:50%;box-shadow:0px 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5;transition:box-shadow 0.5s;cursor:pointer}div.modal[data-type='add']>menu[data-name='select']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/36px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/none.svg);background-color:"%textColor"}div.modal[data-type='add']>menu[data-name='select']>a::before{transition:opacity 0.5s, background-color 0.5s;opacity:0.7}div.modal[data-type='add']>menu[data-name='select']>a::after{content:attr(title);position:absolute;display:block;bottom:-30px;left:-50%;width:200%;padding:40px 0 0 0;font-size:120%;text-align:center;color:"%textColor";transition:color 0.5s}div.modal[data-type='add']>menu[data-name='select']>a.hover{box-shadow:1px 4px 7px rgba(0,0,0,0.15)}div.modal[data-type='add']>menu[data-name='select']>a.hover::before{opacity:1;background-color:"%colorScheme"}div.modal[data-type='add']>menu[data-name='select']>a.hover::after{color:"%colorScheme"}div.modal[data-type='add']>menu[data-name='select']>a[data-type='bookmark']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-bookmark.svg)}div.modal[data-type='add']>menu[data-name='select']>a[data-type='dir']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg)}div.modal[data-type='add']>menu[data-name='select']>a[data-type='separator']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-separator.svg)}div.modal[data-type='add']>menu.buttons>a.action{display:none}div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}div.modal>menu.buttons{position:absolute;bottom:16px;right:20px;z-index:3}div.modal>menu.buttons>a{position:relative;display:inline-block;padding:5px 10px 4px;margin:0 5px;color:"%colorScheme";font-weight:"%fontWeightBold";text-transform:uppercase;border-radius:3px;cursor:pointer}div.modal>menu.buttons>a::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-radius:3px;background:"%colorScheme";transition:opacity 0.5s}div.modal>menu.buttons>a:hover::before{opacity:0.15}html[dir='rtl'] div.modal>header{padding:0 52px 0 75px}html[dir='rtl'] div.modal>header::before{left:unset;right:5px}html[dir='rtl'] div.modal>header>a.close{right:unset;left:15px}html[dir='rtl'] div.modal>a.preview>img,html[dir='rtl'] div.modal>a.preview>span.icon,html[dir='rtl'] div.modal>span.preview>img,html[dir='rtl'] div.modal>span.preview>span.icon{margin:0 0 0 20px}html[dir='rtl'] div.modal[data-type='updateUrls']>div.progressBar>div{left:unset;right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>div.checkbox{margin-left:16px;margin-right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>img{margin-left:18px;margin-right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>a,html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>span{margin-left:0;margin-right:70px;padding-left:0;padding-right:22px}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>a::before{left:unset;right:0}html[dir='rtl'] div.modal[data-type='openChildren']>header::before{transform:scaleX(-1)}html[dir='rtl'] div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li{padding-right:10px;padding-left:0}html[dir='rtl'] div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li::before{left:unset;right:0}html[dir='rtl'] div.modal[data-type='infos']>ul>li.tooltip{padding-right:0;padding-left:18px}html[dir='rtl'] div.modal[data-type='infos']>ul>li.tooltip::before{-webkit-mask-position-x:left}html[dir='rtl'] div.modal[data-type='infos']>ul>li>ul{right:unset;left:-10px}html[dir='rtl'] div.modal[data-type='infos']>ul>li>ul::before{left:10px;right:unset}html[dir='rtl'] div.modal[data-type='edit']>ul>li>label,html[dir='rtl'] div.modal[data-type='add']>ul>li>label{margin-right:0;margin-left:12px}html[dir='rtl'] div.modal>menu.buttons{right:unset;left:20px}body.highContrast:not(.dark) div.modal>header>a.close:hover{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) div.modal[data-type='updateUrls']>div.progressBar>div{background:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu[data-name='select']>a.hover::before{background-color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu[data-name='select']>a.hover::after{color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu.buttons>a.action{display:none}body.highContrast:not(.dark) div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}body.highContrast:not(.dark) div.modal>menu.buttons>a{color:"%textColor"}body.highContrast:not(.dark) div.modal>menu.buttons>a::before{background:"%textColor"}body.dark div.modal{background:#3d3d3d}body.dark div.modal>a.preview,body.dark div.modal>span.preview{background:rgba(255,255,255,0.05)}body.dark div.modal>div.info{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li.info,body.dark div.modal[data-type='add']>ul>li.info{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li>input,body.dark div.modal[data-type='edit']>ul>li>textarea,body.dark div.modal[data-type='add']>ul>li>input,body.dark div.modal[data-type='add']>ul>li>textarea{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li>input.error,body.dark div.modal[data-type='edit']>ul>li>textarea.error,body.dark div.modal[data-type='add']>ul>li>input.error,body.dark div.modal[data-type='add']>ul>li>textarea.error{border-color:rgba(255,153,153,0.5)}body.dark div.modal[data-type='edit']>ul>li>input:focus,body.dark div.modal[data-type='edit']>ul>li>textarea:focus,body.dark div.modal[data-type='add']>ul>li>input:focus,body.dark div.modal[data-type='add']>ul>li>textarea:focus{border-color:rgba(255,255,255,0.2)}body.dark div.modal[data-type='add']>menu:not(.buttons)>a{background-color:#4d4d4d}body.dark div.modal[data-type='add']>menu:not(.buttons)>a::before,body.dark div.modal[data-type='add']>menu:not(.buttons)>a::after{opacity:0.5;transition:opacity 0.5s}body.dark div.modal[data-type='add']>menu:not(.buttons)>a:hover::before{opacity:1;background-color:"%textColor"}body.dark div.modal[data-type='add']>menu:not(.buttons)>a:hover::after{opacity:1;color:"%textColor"}body.dark div.modal[data-type='add']>menu.buttons>a.action{display:none}body.dark div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}body.dark div.modal[data-type='infos']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}body.dark div.modal[data-type='infos']>ul{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='infos']>ul>li>ul{background:#222;color:#eee}body.dark div.modal[data-type='infos']>ul>li>ul::before{border-bottom-color:#222}body.dark div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%textColor"}body.dark div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover>span{opacity:0.9}body.dark div.modal[data-type='updateUrls']>div.progressBar{background:rgba(255,255,255,0.1)}body.dark div.modal[data-type='updateUrls']>div.progressBar>div{background:"%textColor"}body.dark div.modal[data-type='updateUrls'].urlCheckList::after{background:#4d4d4d}body.dark div.modal[data-type='shareInfoDesc']::after,body.dark div.modal[data-type='keyboardShortcuts']::after{background:#4d4d4d}body.dark div.modal[data-type='shareInfoDesc']>div.scrollBox>*,body.dark div.modal[data-type='keyboardShortcuts']>div.scrollBox>*{background:#3d3d3d}body.dark div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong>i{display:inline-block;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.05)}body.dark div.modal>menu.buttons>a{color:"%textColor"}body.dark div.modal>menu.buttons>a::before{background:"%textColor"} +div.modal[data-type='infos']>ul>li>ul,div.modal[data-type='add']>ul,div.modal[data-type='add']>menu.hidden[data-name='select'],div.modal>menu.buttons>a::before{opacity:0;pointer-events:none}div.modal[data-type='add']>ul.visible{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:"%scrollBarWidth";background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}body{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}body::before{content:"";position:relative;display:block;height:1px}body.noAnimations *,body.noAnimations *::before,body.noAnimations *::after{transition:none !important}div.modal.urlCheckList[data-type='updateUrls']::after,div.modal[data-type='keyboardShortcuts']::after,div.modal[data-type='shareInfoDesc']::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:57px;z-index:2;background:#f5f5f5}div.modal{position:relative;width:600px;height:500px;background:#fff;box-shadow:0 12px 50px rgba(0,0,0,0.3);overflow:hidden;user-select:none;transform:scale(0.7);z-index:2;transition:transform 0.3s}div.modal.visible{transform:scale(1)}div.modal>header{position:relative;color:"%foregroundColor";height:"%overlayHeaderHeight";padding:0 75px 0 52px;background-color:"%colorScheme";box-shadow:0 3px 10px rgba(0,0,0,0.2);z-index:2}div.modal>header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;background-color:"%foregroundColor"}div.modal>header::before{-webkit-mask-position:center;width:50px;height:"%overlayHeaderHeight";left:5px}div.modal>header>h1{font-size:150%;font-weight:"%fontWeightNormal";line-height:"%overlayHeaderHeight"}div.modal>header>a.close{position:absolute;top:0;bottom:0;margin:auto;right:15px;display:block;width:34px;height:34px;cursor:pointer;border-radius:50%;transition:background-color 0.3s;z-index:2}div.modal>header>a.close::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:"%foregroundColor"}div.modal>header>a.close:hover{background-color:rgba(255,255,255,0.2)}div.modal>a.preview,div.modal>span.preview{display:block;font-size:140%;font-weight:"%fontWeightNormal";margin:30px 30px 20px 30px;background-color:rgba(0,0,0,0.05);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:17px 15px}div.modal>a.preview>img,div.modal>a.preview>span.icon,div.modal>span.preview>img,div.modal>span.preview>span.icon{position:relative;vertical-align:top;display:inline-block;width:24px;height:24px;margin:0 20px 0 0}div.modal>a.preview>span.icon::before,div.modal>span.preview>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}div.modal>a.preview{transition:background-color 0.3s;cursor:pointer}div.modal>a.preview:hover{background-color:rgba(0,0,0,0.1)}div.modal>a.preview>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:rgba(0,0,0,0)}div.modal>a.preview>span.icon[data-color='1']::before{background-color:#37bf99}div.modal>a.preview>span.icon[data-color='2']::before{background-color:#d737d5}div.modal>a.preview>span.icon[data-color='3']::before{background-color:#3e6bf2}div.modal>a.preview>span.icon[data-color='4']::before{background-color:#f4572f}div.modal>a.preview>span.icon[data-color='5']::before{background-color:#f74b58}div.modal>a.preview>span.icon[data-color='6']::before{background-color:#f5a2bf}div.modal>a.preview>span.icon[data-color='7']::before{background-color:#1a90ba}div.modal>a.preview>span.icon[data-color='8']::before{background-color:#b4bd0e}div.modal>a.preview>span.icon[data-color='9']::before{background-color:#fdde32}div.modal>a.preview>span.icon[data-color='10']::before{background-color:#8ccbce}div.modal>a.preview+a.previewUrl{display:block;margin:-15px 30px 20px 30px;font-size:80%;font-weight:"%fontWeightMedium";opacity:0.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}div.modal>div.info{margin:30px 30px 0 30px;padding:20px 0 0 0;border-top:1px solid rgba(0,0,0,0.1)}div.modal>div.info>h3{font-size:100%;font-weight:"%fontWeightMedium"}div.modal>div.info>p{margin:5px 0 0 0;user-select:text;max-height:120px;overflow:auto}div.modal>div.info+ul{margin-top:25px;padding-top:30px}div.modal[data-type='updateUrls']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.modal[data-type='updateUrls']>p{position:relative;text-align:center;margin-top:40px;font-size:140%;line-height:170%}div.modal[data-type='updateUrls']>p.success{padding:90px 0 80px}div.modal[data-type='updateUrls']>p.success::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.modal[data-type='updateUrls']>p.success::before{-webkit-mask-position-y:bottom}div.modal[data-type='updateUrls']>div.error{position:relative;text-align:center;margin-top:50px;line-height:150%;padding:70px 30px 0}div.modal[data-type='updateUrls']>div.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f5c525}div.modal[data-type='updateUrls']>div.error::before{-webkit-mask-position-y:top}div.modal[data-type='updateUrls']>div.error>h3{font-size:160%;font-weight:"%fontWeightNormal";margin-bottom:25px}div.modal[data-type='updateUrls']>div.progressBar{position:relative;background:rgba(0,0,0,0.1);height:3px;margin:40px 30px 0}div.modal[data-type='updateUrls']>div.progressBar>div{position:absolute;top:0;left:0;height:100%;background:"%colorScheme";transition:width 0.1s linear}div.modal[data-type='updateUrls']>span.progressLabel{display:block;text-align:center;font-size:120%;margin-top:20px;opacity:0.6}div.modal[data-type='updateUrls']>span.progressLabel>span{margin:0 3px}div.modal[data-type='updateUrls']>svg.loading{margin:80px auto 0}div.modal[data-type='updateUrls']>div#urlList{height:calc(100% - %overlayHeaderHeight - 57px)}div.modal[data-type='updateUrls']>div#urlList>ul{margin:12px 0}div.modal[data-type='updateUrls']>div#urlList>ul>li{transition:background 0.3s;padding:0 16px 7px 16px}div.modal[data-type='updateUrls']>div#urlList>ul>li:hover{background:"%hoverColor"}div.modal[data-type='updateUrls']>div#urlList>ul>li>div.checkbox{display:inline-block;vertical-align:top;margin:10px 16px 0 0}div.modal[data-type='updateUrls']>div#urlList>ul>li>img{vertical-align:top;display:inline-block;width:16px;margin:11px 18px 0 0}div.modal[data-type='updateUrls']>div#urlList>ul>li>strong{display:inline-block;width:calc(100% - 70px);line-height:40px;margin-bottom:-10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.modal[data-type='updateUrls']>div#urlList>ul>li>a,div.modal[data-type='updateUrls']>div#urlList>ul>li>span{position:relative;display:block;margin-left:70px;line-height:20px;width:calc(100% - 36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:22px}div.modal[data-type='updateUrls']>div#urlList>ul>li>span,div.modal[data-type='updateUrls']>div#urlList>ul>li>a>span{transition:opacity 0.5s;opacity:0.6}div.modal[data-type='updateUrls']>div#urlList>ul>li>a{transition:color 0.5s}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%colorScheme"}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:last-of-type::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type{text-decoration:line-through}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:#f99}div.modal[data-type='updateUrls']>div#urlList>ul>li>a:last-of-type::before,div.modal[data-type='updateUrls']>div#urlList>ul>li>a:first-of-type::before{width:20px;height:20px}div.modal[data-type='updateUrls']>div#urlList>ul>li>a::before{-webkit-mask-position:0 center !important}div.modal[data-type='updateUrls']>div#urlList>ul>li>span{font-style:italic}div.modal[data-type='updateUrls'].urlCheckLoading{transition:width 0.5s, height 0.5s}div.modal[data-type='updateUrls'].urlCheckList{width:600px;height:600px;max-height:100%}div.modal[data-type='updateUrls'].urlCheckList>svg.loading{transition:margin-top 0.5s;margin-top:210px}div.modal[data-type='keyboardShortcuts']{width:600px;height:600px;max-height:100%}div.modal[data-type='keyboardShortcuts']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg)}div.modal[data-type='keyboardShortcuts']>div.scrollBox{height:calc(100% - %overlayHeaderHeight - 57px)}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul{padding:30px 30px 5px 30px;background:#fff}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li{padding:0 0 25px 0}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong{font-size:80%;font-weight:normal;margin-left:-2px}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong>i{display:inline-block;border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.05);font-style:normal;padding:2px 4px;border-radius:2px;margin:0 2px}div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>span{display:block;margin-top:5px}div.modal[data-type='delete']>p,div.modal[data-type='hide']>p,div.modal[data-type='openChildren']>p{padding:30px 30px 5px 30px;font-size:140%;line-height:170%}div.modal[data-type='delete']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg)}div.modal[data-type='hide']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg)}div.modal[data-type='openChildren']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newTab.svg)}div.modal[data-type='infos']>header::before,div.modal[data-type='shareInfoDesc']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}div.modal[data-type='shareInfoDesc']{width:500px;height:300px;max-height:100%}div.modal[data-type='shareInfoDesc'][data-value='activity']{width:600px;height:550px}div.modal[data-type='shareInfoDesc']>div.scrollBox{height:calc(100% - %overlayHeaderHeight - 57px);font-size:120%;line-height:150%}div.modal[data-type='shareInfoDesc']>div.scrollBox>p{padding:20px 30px 5px 30px;background:#fff}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul{padding:0 30px;background:#fff}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li{position:relative;padding-left:10px;font-size:80%}div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li::before{content:"-";position:absolute;left:0}div.modal[data-type='infos']>ul{display:flex;flex-flow:row;font-size:120%;margin:40px 30px 0 30px;padding:40px 0 0 0;border-top:1px solid rgba(0,0,0,0.1);justify-content:space-between}div.modal[data-type='infos']>ul>li{position:relative}div.modal[data-type='infos']>ul>li.tooltip{position:relative;cursor:help;background-size:16px;padding-right:18px}div.modal[data-type='infos']>ul>li.tooltip::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:"%textColor"}div.modal[data-type='infos']>ul>li.tooltip::before{opacity:0.5;-webkit-mask-position:right center}div.modal[data-type='infos']>ul>li>ul{position:absolute;top:27px;right:-10px;background:#444;color:#fff;font-size:65%;padding:2px 5px;border-radius:2px;transform:translate3d(0, -5px, 0);transition:opacity 0.3s, transform 0.3s}div.modal[data-type='infos']>ul>li>ul::before{content:"";position:absolute;top:-14px;right:10px;border:7px solid transparent;border-bottom-color:#444}div.modal[data-type='infos']>ul>li>ul>li{white-space:nowrap;margin:5px 0}div.modal[data-type='infos']>ul>li:hover>ul{opacity:1;transform:translate3d(0, 0, 0)}div.modal[data-type='edit']>ul,div.modal[data-type='add']>ul{padding:2px 30px}div.modal[data-type='edit']>ul>li,div.modal[data-type='add']>ul>li{display:flex;margin:20px 0 30px 0}div.modal[data-type='edit']>ul>li>label,div.modal[data-type='add']>ul>li>label{font-size:140%;padding:4px 0;margin:0 12px 0 0;min-width:45px}div.modal[data-type='edit']>ul>li>input,div.modal[data-type='edit']>ul>li>textarea,div.modal[data-type='add']>ul>li>input,div.modal[data-type='add']>ul>li>textarea{background:transparent;font-size:120%;padding:5px 8px;outline:none;box-shadow:none;transition:border-color 0.5s;border:1px solid rgba(0,0,0,0.1)}div.modal[data-type='edit']>ul>li>input.error,div.modal[data-type='edit']>ul>li>textarea.error,div.modal[data-type='add']>ul>li>input.error,div.modal[data-type='add']>ul>li>textarea.error{border-color:#f99}div.modal[data-type='edit']>ul>li>input:focus,div.modal[data-type='edit']>ul>li>textarea:focus,div.modal[data-type='add']>ul>li>input:focus,div.modal[data-type='add']>ul>li>textarea:focus{border-color:rgba(0,0,0,0.25)}div.modal[data-type='edit']>ul>li>input,div.modal[data-type='add']>ul>li>input{flex:1}div.modal[data-type='edit']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg)}div.modal[data-type='edit']>ul>li.info{display:block;margin-top:40px;padding:30px 0 0 0;border-top:1px solid rgba(0,0,0,0.1)}div.modal[data-type='edit']>ul>li.info>label{width:100%;font-size:100%;font-weight:"%fontWeightMedium";margin:0 !important}div.modal[data-type='edit']>ul>li.info>textarea{width:100%;height:60px;resize:none;margin:5px 0 3px}div.modal[data-type='edit']>ul>li.info>span{opacity:0;font-size:80%;color:#f99;transition:opacity 0.5s}div.modal[data-type='edit']>ul>li.info.active>span{opacity:1}div.modal[data-type='add']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg)}div.modal[data-type='add'] h2{margin:0 0 40px 0;font-weight:"%fontWeightThin";font-size:200%}div.modal[data-type='add']>ul{transition:opacity 0.5s, transform 0.5s;margin:10px 0 0 0;transform:translate3d(0, 15px, 0)}div.modal[data-type='add']>ul.visible{transform:translate3d(0, 0, 0)}div.modal[data-type='add']>menu[data-name='select']{position:absolute;top:0;left:0;width:100%;height:calc(100% - 30px);display:flex;align-items:center;justify-content:space-around;padding:0 30px;transition:opacity 0.2s, transform 0.2s}div.modal[data-type='add']>menu[data-name='select'].hidden{transform:translate3d(0, -40px, 0)}div.modal[data-type='add']>menu[data-name='select']>a{position:relative;display:block;width:86px;height:86px;border-radius:50%;box-shadow:0px 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5;transition:box-shadow 0.5s;cursor:pointer}div.modal[data-type='add']>menu[data-name='select']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/36px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/none.svg);background-color:"%textColor"}div.modal[data-type='add']>menu[data-name='select']>a::before{transition:opacity 0.5s, background-color 0.5s;opacity:0.7}div.modal[data-type='add']>menu[data-name='select']>a::after{content:attr(title);position:absolute;display:block;bottom:-30px;left:-50%;width:200%;padding:40px 0 0 0;font-size:120%;text-align:center;color:"%textColor";transition:color 0.5s}div.modal[data-type='add']>menu[data-name='select']>a.hover{box-shadow:1px 4px 7px rgba(0,0,0,0.15)}div.modal[data-type='add']>menu[data-name='select']>a.hover::before{opacity:1;background-color:"%colorScheme"}div.modal[data-type='add']>menu[data-name='select']>a.hover::after{color:"%colorScheme"}div.modal[data-type='add']>menu[data-name='select']>a[data-type='bookmark']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-bookmark.svg)}div.modal[data-type='add']>menu[data-name='select']>a[data-type='dir']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg)}div.modal[data-type='add']>menu[data-name='select']>a[data-type='separator']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-separator.svg)}div.modal[data-type='add']>menu.buttons>a.action{display:none}div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}div.modal>menu.buttons{position:absolute;bottom:16px;right:20px;z-index:3}div.modal>menu.buttons>a{position:relative;display:inline-block;padding:5px 10px 4px;margin:0 5px;color:"%colorScheme";font-weight:"%fontWeightBold";text-transform:uppercase;border-radius:3px;cursor:pointer}div.modal>menu.buttons>a::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-radius:3px;background:"%colorScheme";transition:opacity 0.5s}div.modal>menu.buttons>a:hover::before{opacity:0.15}html[dir='rtl'] div.modal>header{padding:0 52px 0 75px}html[dir='rtl'] div.modal>header::before{left:unset;right:5px}html[dir='rtl'] div.modal>header>a.close{right:unset;left:15px}html[dir='rtl'] div.modal>a.preview>img,html[dir='rtl'] div.modal>a.preview>span.icon,html[dir='rtl'] div.modal>span.preview>img,html[dir='rtl'] div.modal>span.preview>span.icon{margin:0 0 0 20px}html[dir='rtl'] div.modal[data-type='updateUrls']>div.progressBar>div{left:unset;right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>div.checkbox{margin-left:16px;margin-right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>img{margin-left:18px;margin-right:0}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>a,html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>span{margin-left:0;margin-right:70px;padding-left:0;padding-right:22px}html[dir='rtl'] div.modal[data-type='updateUrls']>div#urlList>ul>li>a::before{left:unset;right:0}html[dir='rtl'] div.modal[data-type='openChildren']>header::before{transform:scaleX(-1)}html[dir='rtl'] div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li{padding-right:10px;padding-left:0}html[dir='rtl'] div.modal[data-type='shareInfoDesc']>div.scrollBox>ul>li::before{left:unset;right:0}html[dir='rtl'] div.modal[data-type='infos']>ul>li.tooltip{padding-right:0;padding-left:18px}html[dir='rtl'] div.modal[data-type='infos']>ul>li.tooltip::before{-webkit-mask-position-x:left}html[dir='rtl'] div.modal[data-type='infos']>ul>li>ul{right:unset;left:-10px}html[dir='rtl'] div.modal[data-type='infos']>ul>li>ul::before{left:10px;right:unset}html[dir='rtl'] div.modal[data-type='edit']>ul>li>label,html[dir='rtl'] div.modal[data-type='add']>ul>li>label{margin-right:0;margin-left:12px}html[dir='rtl'] div.modal>menu.buttons{right:unset;left:20px}body.highContrast:not(.dark) div.modal>header>a.close:hover{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) div.modal[data-type='updateUrls']>div.progressBar>div{background:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu[data-name='select']>a.hover::before{background-color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu[data-name='select']>a.hover::after{color:"%textColor"}body.highContrast:not(.dark) div.modal[data-type='add']>menu.buttons>a.action{display:none}body.highContrast:not(.dark) div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}body.highContrast:not(.dark) div.modal>menu.buttons>a{color:"%textColor"}body.highContrast:not(.dark) div.modal>menu.buttons>a::before{background:"%textColor"}body.dark div.modal{background:#3d3d3d}body.dark div.modal>a.preview,body.dark div.modal>span.preview{background:rgba(255,255,255,0.05)}body.dark div.modal>div.info{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li.info,body.dark div.modal[data-type='add']>ul>li.info{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li>input,body.dark div.modal[data-type='edit']>ul>li>textarea,body.dark div.modal[data-type='add']>ul>li>input,body.dark div.modal[data-type='add']>ul>li>textarea{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='edit']>ul>li>input.error,body.dark div.modal[data-type='edit']>ul>li>textarea.error,body.dark div.modal[data-type='add']>ul>li>input.error,body.dark div.modal[data-type='add']>ul>li>textarea.error{border-color:rgba(255,153,153,0.5)}body.dark div.modal[data-type='edit']>ul>li>input:focus,body.dark div.modal[data-type='edit']>ul>li>textarea:focus,body.dark div.modal[data-type='add']>ul>li>input:focus,body.dark div.modal[data-type='add']>ul>li>textarea:focus{border-color:rgba(255,255,255,0.2)}body.dark div.modal[data-type='add']>menu:not(.buttons)>a{background-color:#4d4d4d}body.dark div.modal[data-type='add']>menu:not(.buttons)>a::before,body.dark div.modal[data-type='add']>menu:not(.buttons)>a::after{opacity:0.5;transition:opacity 0.5s}body.dark div.modal[data-type='add']>menu:not(.buttons)>a:hover::before{opacity:1;background-color:"%textColor"}body.dark div.modal[data-type='add']>menu:not(.buttons)>a:hover::after{opacity:1;color:"%textColor"}body.dark div.modal[data-type='add']>menu.buttons>a.action{display:none}body.dark div.modal[data-type='add']>menu.buttons>a.action.visible{display:inline-block}body.dark div.modal[data-type='infos']>header::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}body.dark div.modal[data-type='infos']>ul{border-color:rgba(255,255,255,0.1)}body.dark div.modal[data-type='infos']>ul>li>ul{background:#222;color:#eee}body.dark div.modal[data-type='infos']>ul>li>ul::before{border-bottom-color:#222}body.dark div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover{color:"%textColor"}body.dark div.modal[data-type='updateUrls']>div#urlList>ul>li>a:hover>span{opacity:0.9}body.dark div.modal[data-type='updateUrls']>div.progressBar{background:rgba(255,255,255,0.1)}body.dark div.modal[data-type='updateUrls']>div.progressBar>div{background:"%textColor"}body.dark div.modal[data-type='updateUrls'].urlCheckList::after{background:#4d4d4d}body.dark div.modal[data-type='shareInfoDesc']::after,body.dark div.modal[data-type='keyboardShortcuts']::after{background:#4d4d4d}body.dark div.modal[data-type='shareInfoDesc']>div.scrollBox>*,body.dark div.modal[data-type='keyboardShortcuts']>div.scrollBox>*{background:#3d3d3d}body.dark div.modal[data-type='keyboardShortcuts']>div.scrollBox>ul>li>strong>i{display:inline-block;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.05)}body.dark div.modal>menu.buttons>a{color:"%textColor"}body.dark div.modal>menu.buttons>a::before{background:"%textColor"} diff --git a/dist/css/settings.css b/dist/css/settings.css index fd73f64d..bfcc917d 100644 --- a/dist/css/settings.css +++ b/dist/css/settings.css @@ -1 +1 @@ -body>header>div.dialog,body>div.toggleAreaModal,div.tab[data-name='feedback'] div.suggestedAnswers,div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.hidden,div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer.hidden,body::before,body::after{opacity:0;pointer-events:none}body>header>div.dialog.visible,body.showModal>div.toggleAreaModal,div.tab[data-name='feedback'] div.suggestedAnswers.visible,body.success::before,body.success::after,body.initLoading::before,body.loading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#7b5fa4;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:#666}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:#7b5fa4}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #7b5fa4}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:#7b5fa4;box-shadow:0 0 0 20px #7b5fa4}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:#7b5fa4}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:#666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:#666}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:#666}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:14px;background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}body>header{position:relative;width:100%;height:50px;background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:2}body>header::before{content:"";position:absolute;top:0;left:8px;width:50px;height:50px;background:url(chrome-extension://__MSG_@@extension_id__/img/icon/icon.webp) no-repeat center/40px}body>header>h1{position:relative;display:inline-flex;font-size:150%;margin:10px 0 0 70px;padding:0 0 0 30px;color:#fff;font-weight:"%fontWeightLight"}body>header>h1::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);background-color:#fff}body>header>h1::before{-webkit-mask-position-x:left;opacity:0.7}body>header>h1>span{cursor:pointer}body>header>h1>span+span{position:relative;margin-left:24px}body>header>h1>span+span::before{content:"";position:absolute;top:8px;left:-14px;border:5px solid transparent;border-left-color:#fff;opacity:0.5}body>header>h1>span:last-child{pointer-events:none}body>header[data-type='appearance']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);-webkit-mask-size:22px}body>header[data-type='newtab']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);-webkit-mask-size:18px}body>header[data-type='language']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);-webkit-mask-size:22px}body>header[data-type='feedback']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);-webkit-mask-size:18px}body>header[data-type='support']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);-webkit-mask-size:20px}body>header[data-type='export']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);-webkit-mask-size:26px}body>header>menu{display:inline-block;margin:10px 30px 0 0;float:right}body>header>menu>li{display:inline-block}body>header>menu>li>button{position:relative;display:inline-block;vertical-align:top;border:0;outline:0;cursor:pointer}body>header>menu>li>button.save{background:#fff;color:#7b5fa4;padding:4px 8px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:5px;box-shadow:0px 2px 20px rgba(0,0,0,0.5)}body>header>menu>li>button.restore{background:transparent;margin:2px 0 0 10px;width:24px;height:24px}body>header>menu>li>button.restore::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:#fff}body>header>menu>li>button.hidden{display:none}body>header>div.dialog{position:absolute;top:50px;width:300px;padding:12px 10px;text-align:center;background:#fff;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));transition:opacity 0.3s, transform 0.3s;transform:translate3d(-12px, -10px, 0)}body>header>div.dialog.visible{transform:translate3d(-12px, 0, 0)}body>header>div.dialog::before{content:"";position:absolute;border:10px solid transparent;border-bottom-color:#fff;top:-20px;right:20px}body>header>div.dialog>p{line-height:140%}body>header>div.dialog>a{position:relative;display:inline-block;color:#2b35c8;padding:3px 5px 3px 15px;margin-bottom:5px;font-weight:"%fontWeightMedium";cursor:pointer}body>header>div.dialog>a::before{content:"";position:absolute;top:7px;left:0;width:8px;height:8px;border-top:2px solid #2b35c8;border-left:2px solid #2b35c8;transform:rotateZ(135deg)}body>header>div.dialog>span{position:relative;display:inline-block;padding:6px 10px 5px 30px;margin:10px 0 15px;border:1px solid rgba(0,0,0,0.1);border-radius:20px}body>header>div.dialog>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;background-color:#666}body>header>div.dialog>span::before{width:16px;left:8px}body>header>div.dialog[data-type='behaviour']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}body>header>div.dialog[data-type='appearance']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg)}body>header>div.dialog[data-type='newtab']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);-webkit-mask-size:14px}html[dir='rtl'] body>header{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] body>header::before{left:unset;right:8px}html[dir='rtl'] body>header>h1{margin-right:70px;margin-left:0;padding-right:30px;padding-left:0}html[dir='rtl'] body>header>h1::before{-webkit-mask-position-x:right}html[dir='rtl'] body>header>h1>span+span{margin-right:24px;margin-left:0}html[dir='rtl'] body>header>h1>span+span::before{left:unset;right:-14px;border-right-color:#fff;border-left-color:transparent}html[dir='rtl'] body>header[data-type='newtab']>h1::before,html[dir='rtl'] body>header[data-type='feedback']>h1::before{transform:scaleX(-1);-webkit-mask-position-x:left}html[dir='rtl'] body>header>menu{margin-left:30px;margin-right:0;float:left}html[dir='rtl'] body>header>menu>li>button.restore{margin-right:10px;margin-left:0}html[dir='rtl'] body>header>div.dialog{transform:translate3d(12px, -10px, 0)}html[dir='rtl'] body>header>div.dialog.visible{transform:translate3d(12px, 0, 0)}html[dir='rtl'] body>header>div.dialog::before{left:20px;right:unset}html[dir='rtl'] body>header>div.dialog>a{padding-right:15px;padding-left:5px}html[dir='rtl'] body>header>div.dialog>a::before{right:0;left:unset;transform:rotateZ(-45deg)}html[dir='rtl'] body>header>div.dialog>span{padding-right:30px;padding-left:10px}html[dir='rtl'] body>header>div.dialog>span::before{right:8px;left:unset}body>section#wrapper>main>div.loading.tab>svg.loading,body>section#wrapper>main>div.tab>div.loading[data-name]>svg.loading{position:absolute;top:30%;left:calc(50% - 18px)}body>section#wrapper>main>div.loading.tab>div,body>section#wrapper>main>div.tab>div.loading[data-name]>div{visibility:hidden}p.desc{font-size:90%;color:#aaa;margin-top:10px;line-height:150%;font-style:italic}body>section#wrapper{position:relative;display:flex;flex-flow:row}body>section#wrapper>main{flex:1;height:calc(100vh - 50px);overflow:auto;padding:35px 30px 20px 20px}@media (max-width: 1400px){body>section#wrapper>main{padding-right:20px}}body>section#wrapper>main>div.tab{display:none}body>section#wrapper>main>div.tab.active{display:block}body>section#wrapper>main>div.tab>div[data-name]{display:none}body>section#wrapper>main>div.tab>div[data-name].active{display:block}body>section#wrapper>main div.contentBox{position:relative;background:#fff;padding:16px 20px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);max-width:1024px;margin:0 auto 20px;line-height:140%}body>section#wrapper>main div.boxWrapper{position:relative;display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;max-width:1024px;margin:0 auto}@media (max-width: 900px){body>section#wrapper>main div.boxWrapper{display:block}}body>section#wrapper>main div.boxWrapper>div.box{position:relative;width:calc(50% - 10px);max-width:520px;margin-bottom:20px;background:#fff;padding:16px 20px;box-shadow:2px 2px 10px rgba(0,0,0,0.1)}@media (max-width: 900px){body>section#wrapper>main div.boxWrapper>div.box{width:100%}}body>section#wrapper>main div.boxWrapper>div.box.hidden{display:none}body>section#wrapper>main div.boxWrapper>div.box>label{margin:0 0 20px 0}body>section#wrapper>main div.boxWrapper>div.box>div.sub label{display:inline-block;vertical-align:top;font-weight:"%fontWeightNormal";min-width:100px;margin:10px 10px 0 0}@media (max-width: 1300px){body>section#wrapper>main div.boxWrapper>div.box>div.sub label{display:block}}body>section#wrapper>main div.boxWrapper>div.box p.info{margin:20px 0 10px;line-height:150%}body>section#wrapper>main div.boxWrapper>div.box p.info>a{color:#2b35c8;font-weight:"%fontWeightMedium"}body>section#wrapper>main div.boxWrapper>div.box p.info>em{color:#666}html[dir='rtl'] body>section#wrapper>main{padding-right:20px;padding-left:30px}@media (max-width: 1400px){html[dir='rtl'] body>section#wrapper>main{padding-right:20px;padding-left:20px}}html[dir='rtl'] body>section#wrapper>main div.boxWrapper>div.box>div.sub label{margin-right:0;margin-left:10px}body>section#wrapper div.advanced{position:relative;margin:20px auto;max-width:1024px;background:#f2f2f2;padding:16px 0}body>section#wrapper div.advanced>h3{position:relative;display:inline-block;color:#7b5fa4;font-weight:"%fontWeightMedium";padding:3px 5px 3px 22px;font-size:100%;cursor:pointer}body>section#wrapper div.advanced>h3::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);background-color:#7b5fa4}body>section#wrapper div.advanced>h3::before{-webkit-mask-position-x:left}body>section#wrapper div.advanced>div{transform:translate3d(0, -10px, 0);opacity:0;margin-top:20px;transition:opacity 0.3s, transform 0.3s}body>section#wrapper div.advanced>div.visible{opacity:1;transform:translate3d(0, 0, 0)}body>section#wrapper div.advanced>div textarea[data-name='customCss']{background:#fff;font-family:Consolas, sans-serif;font-size:90%;height:200px;min-height:200px}body>section#wrapper div.advanced>div textarea[data-name='customCss'] ~ span{display:block;margin-top:10px;opacity:0;color:#f99;transition:opacity 0.5s}body>section#wrapper div.advanced>div textarea[data-name='customCss']:focus ~ span{opacity:1}html[dir='rtl'] body>section#wrapper div.advanced>h3{padding-right:22px;padding-left:5px}html[dir='rtl'] body>section#wrapper div.advanced>h3::before{-webkit-mask-position-x:right}div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns{margin-top:30px}div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns.hidden{display:none}div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation ul.bulletList{line-height:200%}div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation em{position:relative;font-size:120%;font-style:normal;line-height:normal;font-weight:"%fontWeightBold";padding:0 5px;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:3px;color:#666}body>section#wrapper div.aboutMe{position:relative;max-width:1024px;margin:0 auto 40px;display:flex}@media (max-width: 1080px){body>section#wrapper div.aboutMe{flex-direction:column}}body>section#wrapper div.aboutMe>div.desc{position:relative;padding:20px 40px 0 40px;text-align:justify;flex:1}body>section#wrapper div.aboutMe>div.desc::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-quote.svg);background-color:#aaa}body>section#wrapper div.aboutMe>div.desc>p{line-height:170%;margin-bottom:20px}body>section#wrapper div.aboutMe>div.desc>p+p{margin:0}body>section#wrapper div.aboutMe>div.desc>p>span{font-size:120%;background:#f5c525;color:#fff;padding:3px 7px;vertical-align:top}body>section#wrapper div.aboutMe>div.desc::before{width:32px;height:32px;left:-5px;top:20px}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.desc{order:2}}body>section#wrapper div.aboutMe>div.preview{position:relative;width:220px;height:220px}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview{margin:auto;width:150px;height:150px;order:1}}body>section#wrapper div.aboutMe>div.preview>img{display:block;width:100%;height:100%;border-radius:50%;box-shadow:2px 2px 20px rgba(0,0,0,0.3)}body>section#wrapper div.aboutMe>div.preview>a{position:absolute;bottom:0;display:block;width:36px;height:36px;border-radius:50%;background:#666}body>section#wrapper div.aboutMe>div.preview>a.github{left:-20px}body>section#wrapper div.aboutMe>div.preview>a.github::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-github.svg);background-color:#fff}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview>a.github{left:-40px}}body>section#wrapper div.aboutMe>div.preview>a.website{left:-64px}body>section#wrapper div.aboutMe>div.preview>a.website::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg);background-color:#fff}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview>a.website{left:-84px}}html[dir='rtl'] div.aboutMe>div.desc::before{left:unset;right:-5px}html[dir='rtl'] div.aboutMe>div.preview>a{left:unset}html[dir='rtl'] div.aboutMe>div.preview>a.github{right:-20px}@media (max-width: 1080px){html[dir='rtl'] div.aboutMe>div.preview>a.github{right:-40px}}html[dir='rtl'] div.aboutMe>div.preview>a.website{right:-64px}@media (max-width: 1080px){html[dir='rtl'] div.aboutMe>div.preview>a.website{right:-84px}}@keyframes moveUpDown{25%{transform:translate3d(0, 15px, 0)}75%{transform:translate3d(0, -15px, 0)}100%{transform:translate3d(0, 0, 0)}}body>section#wrapper div.toggleAreaDesc{position:relative}body>section#wrapper div.toggleAreaDesc::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}body>section#wrapper div.toggleAreaDesc::before{top:18px;left:0;width:32px;height:32px}body>section#wrapper div.toggleAreaDesc.hidden{display:none}body>section#wrapper div.toggleAreaDesc>p{padding:3px 0 3px 40px;line-height:150%}body>section#wrapper div.toggleAreaDesc>a{margin:10px 0 0 40px}body>div.toggleAreaModal{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:20px 25px;width:600px;height:400px;background:#fff;box-shadow:0 12px 50px rgba(0,0,0,0.3);overflow:hidden;z-index:99;transform:scale(0.7);transition:transform 0.3s, opacity 0.3s}body>div.toggleAreaModal>div.preview{position:absolute;top:0;width:15px;height:100%;background:repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0,0,0,0.15) 5px, rgba(0,0,0,0.15) 10px);border:1px solid #aaa;transition:width 0.2s, height 0.2s, top 0.2s;cursor:ns-resize}body>div.toggleAreaModal>div.preview::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/28px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#666}body>div.toggleAreaModal>div.preview::before{animation:moveUpDown 1.2s 1.5s}body>div.toggleAreaModal>div.preview.fullHeight{cursor:default}body>div.toggleAreaModal>div.preview.fullHeight::before{display:none}body>div.toggleAreaModal>div.preview.dragging{transition:none}body>div.toggleAreaModal>div.hidden{display:none}body>div.toggleAreaModal>p.buttons{margin:40px 0 0 0}body>div.toggleAreaModal>p.buttons>a{cursor:pointer;vertical-align:top;margin:0}body>div.toggleAreaModal>p.buttons>a.cancel{margin:7px 0 0 10px;display:inline-block}body>div.toggleAreaModal[data-type='left']{padding-left:75px}body>div.toggleAreaModal[data-type='left']>div.preview{border-radius:0 7px 7px 0;border-left:0;left:0}body>div.toggleAreaModal[data-type='right']{padding-right:75px}body>div.toggleAreaModal[data-type='right']>div.preview{border-radius:7px 0 0 7px;border-right:0;right:0}body.showModal::before{opacity:1}body.showModal>*{pointer-events:none}body.showModal>div.toggleAreaModal{transform:scale(1)}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc::before{top:18px;right:0;left:unset}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc>p{padding-right:40px;padding-left:unset}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc>a{margin-right:40px;margin-left:unset}html[dir='rtl'] body>div.toggleAreaModal>p.buttons>a.cancel{margin-right:10px;margin-left:unset}body[data-type^='appearance']>div.colorMask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}body[data-type^='appearance']>section#wrapper>main div.boxWrapper{justify-content:flex-start;margin:0 20px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box{max-width:400px;margin-right:20px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box label,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input[type='range'],body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box select,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input.color,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input.color+span{margin-bottom:5px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert{position:absolute;display:block;top:12px;right:16px;width:24px;height:24px;border-radius:50%;transform:rotateY(180deg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:#aaa}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox{border-radius:15px;height:30px;width:60px;background:linear-gradient(to right, #fec171 0%, #ff6c69 100%)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-light.svg);background-color:#fff}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{-webkit-mask-position-x:32px;transition:-webkit-mask 0.3s}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:none;opacity:0.7;-webkit-mask:none;transition:transform 0.3s, opacity 0.3s}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active{background:linear-gradient(to right, #3c5fe1 0%, #3a2b96 100%)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-dark.svg);-webkit-mask-position-x:6px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::after{transform:translate3d(30px, 0, 0);opacity:0.9}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper{margin-top:10px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span[class^='icon-']{position:relative;display:inline-block;margin-top:-2px;width:24px;height:24px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span[class^='icon-']::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;background-color:#7b5fa4}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-bookmark::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-bookmark-filled::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark-filled.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-star::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-dir-1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-dir-2::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-2.svg);-webkit-mask-size:18px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-star-filled::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star-filled.svg)}body[data-type^='appearance']>section#wrapper>main div.contentBox{margin:0 20px 20px 20px;max-width:820px}body[data-type^='appearance']>section#wrapper>main div.presets>a{display:inline-block;padding:2px 10px;border:1px solid rgba(0,0,0,0.2);border-radius:3px;margin:10px 7px 0 0;cursor:pointer;transition:background 0.5s}body[data-type^='appearance']>section#wrapper>main div.presets>a::before{content:attr(data-type);text-transform:uppercase}body[data-type^='appearance']>section#wrapper>main div.presets>a:hover{background:rgba(0,0,0,0.1)}body[data-type^='appearance']>section#wrapper>main div.advanced{max-width:860px;padding-left:20px;padding-right:20px;margin:20px 0}body[data-type^='appearance']>section#wrapper>main div.advanced>div{flex-direction:column}body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li{display:inline-block}body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li+li{margin-left:30px}body[data-type^='appearance']>section#wrapper>main.small div.boxWrapper{display:block}body[data-type^='appearance']>section#wrapper>main.small div.boxWrapper>div.box{width:100%;max-width:520px}iframe[data-appearance]{display:none;position:absolute;top:0;right:0;width:100%;height:100%;border:none;pointer-events:none;z-index:4}iframe[data-appearance='overlay']{width:700px;height:600px;top:35px;transform-origin:top right}@media (max-width: 1550px){iframe[data-appearance='overlay']{transform:scale(0.9)}}@media (max-width: 1400px){iframe[data-appearance='overlay']{top:40px;transform:scale(0.8)}}@media (max-width: 1280px){iframe[data-appearance='overlay']{top:45px;transform:scale(0.6)}}@media (max-width: 1200px){iframe[data-appearance='overlay']{display:none !important}}@media (min-width: 1024px){body[data-type='appearance_general']>iframe[data-appearance='general'],body[data-type='appearance_sidebar']>iframe[data-appearance='sidebar'],body[data-type='appearance_indicator']>iframe[data-appearance='indicator'],body[data-type='appearance_overlay']>iframe[data-appearance='overlay']{display:block}}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box{margin-right:unset;margin-left:20px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert{left:16px;right:unset}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox{background:linear-gradient(to left, #fec171 0%, #ff6c69 100%)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{-webkit-mask-position-x:6px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::after{right:3px;left:unset}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active{background:linear-gradient(to left, #3c5fe1 0%, #3a2b96 100%)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::before{-webkit-mask-position-x:32px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::after{transform:translate3d(-30px, 0, 0)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.presets>a{margin-right:0;margin-left:7px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li+li{margin-right:30px;margin-left:unset}html[dir='rtl'] iframe[data-appearance]{right:unset;left:0}div.tab[data-name='feedback'] p{line-height:150%}div.tab[data-name='feedback'] p.notice{border-top:1px solid rgba(0,0,0,0.1);padding-top:15px;margin:15px 0}div.tab[data-name='feedback'] section.form{position:relative}div.tab[data-name='feedback'] section.form.hidden{display:none}div.tab[data-name='feedback'] section.form.hidden+p.error{position:relative;text-align:center;margin-top:30px;background:#f2f2f2;line-height:150%;padding:90px 30px 30px;margin:0 0 10px 0}div.tab[data-name='feedback'] section.form.hidden+p.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f5c525}div.tab[data-name='feedback'] section.form.hidden+p.error::before{pointer-events:none;-webkit-mask-position-y:20px}div.tab[data-name='feedback'] section.form.hidden+p.error>a{display:inline-block;margin:10px 0 0 0;font-weight:"%fontWeightBold";color:#2b35c8}div.tab[data-name='feedback'] section.form textarea{resize:vertical;height:200px}div.tab[data-name='feedback'] div.suggestedAnswers{background:none !important;box-shadow:none !important;padding:10px 10px 80px 10px !important;overflow:hidden;display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-end;transform:translate3d(0, 20px, 0);transition:opacity 0.3s, transform 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers.visible{transform:translate3d(0, 0, 0)}@media (min-width: 901px){div.tab[data-name='feedback'] div.suggestedAnswers::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:70px;pointer-events:none;background:linear-gradient(to bottom, #f2f2f2 0%, transparent 100%);z-index:2}}div.tab[data-name='feedback'] div.suggestedAnswers>span.icon{position:absolute;bottom:10px;right:12px;width:64px;height:64px;border-radius:50%;background:#7b5fa4;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}div.tab[data-name='feedback'] div.suggestedAnswers>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/36px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/support.svg);background-color:#fff}div.tab[data-name='feedback'] div.suggestedAnswers>a{position:absolute;bottom:32px;left:17px;font-size:120%;padding-left:22px;cursor:pointer;display:none}div.tab[data-name='feedback'] div.suggestedAnswers>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);background-color:#666}div.tab[data-name='feedback'] div.suggestedAnswers>a::before{-webkit-mask-position:left center}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion{position:relative;width:100%;background:#fff;filter:drop-shadow(0 8px 8px rgba(0,0,0,0.1));border-radius:10px;margin-bottom:20px;padding:10px 15px;user-select:text;transition:opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.noHeight{height:0 !important;padding:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion:last-of-type::before{content:"";position:absolute;bottom:-32px;right:20px;border:16px solid transparent;border-top-color:#fff}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.noHeight{height:0 !important;padding-top:0;padding-bottom:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.absolute{position:absolute;bottom:-9999px;width:calc(100% - 20px)}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>strong{font-size:120%;font-weight:"%fontWeightNormal";line-height:150%}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p{margin:15px 0 5px;text-align:right;font-size:120%}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a{display:inline-block;padding:2px 7px;font-weight:"%fontWeightMedium";border-radius:3px;margin:0 3px;cursor:pointer;transition:background 0.5s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a:hover{background:rgba(0,0,0,0.05)}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a[href]{float:left}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer{margin-top:20px;transition:opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer.noHeight{height:0 !important;padding:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer p+p{margin-top:10px}div.tab[data-name='feedback'].onlySuggestions div.feedbackWrapper{display:none}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers{max-height:none !important}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers::before{display:none}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers>a{display:block}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>span.icon{left:12px;right:unset;box-shadow:-2px 2px 10px rgba(0,0,0,0.2)}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>a{right:17px;left:unset;padding-right:22px;padding-left:0}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>a::before{transform:scaleX(-1)}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion{direction:ltr}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion:last-of-type::before{left:20px;right:unset}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p{text-align:left}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a[href]{float:right}div.tab[data-name='support'] p{line-height:150%}div.tab[data-name='support'] p+p{margin-top:10px}div.tab[data-name='support'] a.donate{margin-top:30px}div.tab[data-name='support'] div.shareInformation ul.bulletList{font-size:90%;line-height:150%;margin:10px 0}div.tab[data-name='support'] div.shareInformation label{display:inline-block;margin:15px 20px 7px 0 !important}div.tab[data-name='support'] div.shareInformation div.checkbox{display:inline-block;vertical-align:top;margin:16px 0 0 0}html[dir='rtl'] div.tab[data-name='support'] div.shareInformation label{margin-right:0 !important;margin-left:20px !important}label{display:block;font-weight:"%fontWeightBold"}div.checkbox{margin:10px 0 10px 1px}select,input[type='email'],input[type='text'],textarea{border:1px solid rgba(0,0,0,0.2);outline:0;height:28px;padding:0 5px;margin:7px 0 10px;background:rgba(0,0,0,0.02);transition:border-color 0.5s, box-shadow 0.5s}select.error,input[type='email'].error,input[type='text'].error,textarea.error{border-color:#f99;box-shadow:0 0 10px #f99}input[type='text']{width:100%}select{cursor:pointer;max-width:100%}select.hidden{display:none}textarea{display:block;width:100%;height:300px;padding:5px;line-height:150%;resize:vertical}input.color{display:inline-block;width:32px;height:32px;vertical-align:top;cursor:pointer;opacity:0}input.color+span{position:relative;display:inline-block;vertical-align:top;width:32px;height:32px;margin:7px 0 10px -32px;border-radius:50%;cursor:pointer;box-shadow:1px 1px 10px rgba(0,0,0,0.1)}input.color+span::before,input.color+span::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}input.color+span::before{background:#fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:14px}input.color+span::after{background-color:inherit}input.color ~ span.suggestion{position:relative;display:inline-block;width:20px;height:15px;border-radius:5px;margin:15px 0 0 10px;cursor:pointer}input.color ~ span.suggestion::before,input.color ~ span.suggestion::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}input.color ~ span.suggestion::before{background:#fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:10px}input.color ~ span.suggestion::after{background-color:inherit}input.color ~ span.suggestion[data-value="transparent"],input.color ~ span.suggestion[data-value^="rgba(255,255,255,"],input.color ~ span.suggestion [data-value="#ffffff"]{box-shadow:0px 1px 5px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.07)}ul.radioWrapper>li{padding:7px 0}ul.radioWrapper>li>div.checkbox{display:inline-block;vertical-align:top;margin:0 10px 0 0}ul.radioWrapper>li>span{vertical-align:top}input[type='range']{display:inline-block;vertical-align:top;-webkit-appearance:none;width:100%;max-width:250px;height:20px;background-image:linear-gradient(to right, #7b5fa4 0%, #7b5fa4 -1px, rgba(0,0,0,0.2) -1px, rgba(0,0,0,0.2) 100%);background-repeat:no-repeat;background-size:100% 3px;background-position:0 9px;margin:7px 0 20px;cursor:pointer;transition:opacity 0.3s}@media (max-width: 1000px) and (min-width: 900px){input[type='range']{max-width:none;margin-bottom:0}}input[type='range']:focus{outline:0}input[type='range']::-webkit-slider-runnable-track{position:relative;cursor:pointer;height:3px;width:100%;outline:0}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;background:#7b5fa4;border-radius:50%;cursor:pointer;height:12px;width:12px;margin-top:-4px}input[type='range']+span{position:relative;display:inline-block;background:rgba(0,0,0,0.1);color:#666;font-size:70%;padding:2px 5px 3px;margin:9px 0 0 6px;text-align:center;min-width:35px;transition:opacity 0.3s}@media (max-width: 1000px) and (min-width: 900px){input[type='range']+span{margin:2px 0 10px 0}}input[type='range']+span::before{content:"";position:absolute;top:calc(50% - 4px);left:-8px;border:4px solid transparent;border-right-color:rgba(0,0,0,0.1)}@media (max-width: 1000px) and (min-width: 900px){input[type='range']+span::before{top:-8px;left:4px;border:4px solid transparent !important;border-bottom-color:rgba(0,0,0,0.1) !important}}input[type='range']+span+br+div.checkbox{display:inline-block;vertical-align:top;margin:0 7px 0 0;width:16px;height:16px}input[type='range']+span+br+div.checkbox::before{-webkit-mask-size:18px}input[type='range']+span+br+div.checkbox+label{display:inline-block;vertical-align:top;margin:10px 0 0 7px;font-size:90%;font-weight:"%fontWeightMedium"}input[type='range'].inactive{opacity:0.2;pointer-events:none}input[type='range'].inactive+span{opacity:0.2;pointer-events:none}html[dir='rtl'] div.checkbox{margin:10px 0 10px 1px}html[dir='rtl'] input.color{display:inline-block;width:32px;height:32px;vertical-align:top;cursor:pointer;opacity:0}html[dir='rtl'] input.color+span{margin-right:-32px;margin-left:unset;box-shadow:-1px 1px 10px rgba(0,0,0,0.1)}html[dir='rtl'] input.color ~ span.suggestion{margin-right:10px;margin-left:unset}html[dir='rtl'] ul.radioWrapper>li>div.checkbox{margin-left:10px;margin-right:0}html[dir='rtl'] input[type='range']{background-image:linear-gradient(to left, #7b5fa4 0%, #7b5fa4 -1px, rgba(0,0,0,0.2) -1px, rgba(0,0,0,0.2) 100%)}html[dir='rtl'] input[type='range']+span{margin-right:6px;margin-left:0}html[dir='rtl'] input[type='range']+span::before{right:-8px;left:unset;border-right-color:transparent;border-left-color:rgba(0,0,0,0.1)}@media (max-width: 1000px) and (min-width: 900px){html[dir='rtl'] input[type='range']+span::before{right:4px;left:unset}}html[dir='rtl'] input[type='range']+span+br+div.checkbox{margin-left:7px;margin-right:unset}html[dir='rtl'] input[type='range']+span+br+div.checkbox+label{margin-right:7px;margin-left:unset}div.tab[data-name='language']>div[data-name='translate']>div{display:none}div.tab[data-name='language']>div[data-name='translate']>div.visible{display:block}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box{cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>select{margin:0}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress{position:relative;width:200px;height:3px;margin:15px 0 0 0;background:rgba(0,0,0,0.1)}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress>div{position:absolute;top:0;left:0;width:auto;height:100%;background:#7b5fa4}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress::before{content:attr(data-value);position:absolute;top:-5px;right:-50px;width:50px;padding:0 0 0 5px;font-size:80%;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>span{display:block;position:absolute;top:0;bottom:0;margin:auto;right:20px;width:20px;height:20px;cursor:help}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='released']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='incomplete']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#f5c525}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='draft']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:#f99}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark>strong{color:#fff;padding:3px 7px 4px}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='released']>strong{background:#5eba7d}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='draft']>strong{background:#f99}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='incomplete']>strong{background:#f5c525}div.tab[data-name='language']>div[data-name='translate']>div.langvars.loading>div.notice{display:none}div.tab[data-name='language']>div[data-name='translate']>div.langvars>svg.loading{position:absolute;top:30%;left:calc(50% - 18px)}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box{cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>strong{display:inline-block;vertical-align:top;font-weight:"%fontWeightMedium";color:#2b35c8;font-size:120%}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.amountInfo{position:relative;display:block;float:right;margin:2px 0 0 0;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.requiredInfo{display:inline-block;font-size:80%;margin:4px 0 0 10px;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box.incomplete>span.amountInfo>span{color:#fff;background:#f99;font-weight:"%fontWeightMedium";padding:0 3px;font-size:90%}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>ul{display:none}div.tab[data-name='language']>div[data-name='translate']>div.category{padding:0 !important}div.tab[data-name='language']>div[data-name='translate']>div.category>header{position:sticky;top:-35px;background:#fff;box-shadow:0 5px 7px -2px rgba(0,0,0,0.1);padding:12px 20px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>span.amountInfo{float:right;margin-right:15px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a{position:relative;cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back{padding:5px 5px 5px 17px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back::before{content:"";position:absolute;top:8px;left:0;width:10px;height:10px;border-top:2px solid #aaa;border-left:2px solid #aaa;transform:rotateZ(-45deg)}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto{float:right;display:inline-block;width:26px;height:26px;border-radius:50%;margin:-5px 0 0 3px;transition:background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto:hover{background:#f5f5f5}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto::after{content:"";position:absolute;top:0;left:8px;display:block;border-top:3px solid #aaa;border-right:3px solid #aaa;width:10px;height:10px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto[data-value='up']::after{transform:rotateZ(-45deg);top:10px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto[data-value='down']::after{transform:rotateZ(135deg);top:6px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul{margin-top:15px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li{display:flex;flex-flow:row wrap;justify-content:space-between;padding:10px 0;transition:background 0.5s;border-top:1px solid rgba(0,0,0,0.1)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:first-child{border:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div{width:40%;padding:0 20px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>label{padding:0 0 5px 0}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span{display:block;font-size:80%;font-style:italic;user-select:text;padding:5px;border-top:1px solid rgba(0,0,0,0.2);transition:background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span>span{display:block;font-weight:"%fontWeightBold";font-style:normal;margin-bottom:3px;user-select:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>textarea{height:70px;margin:0;line-height:150%;resize:none;overflow:hidden;transition:box-shadow 0.5s, background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div+div{width:60%}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>span.desc{display:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:hover,div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover{background:#f5f5f5}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:hover>div>textarea,div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>textarea{background:rgba(255,255,255,0.5)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>textarea{box-shadow:0 0 10px rgba(43,53,200,0.2)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>span{background:rgba(245,197,37,0.4)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>div>span{background:rgba(245,197,37,0.5)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>span.desc{position:relative;display:block;margin:10px 20px 10px;padding:7px 10px;font-size:90%;line-height:150%;background:#7b5fa4;color:#fff}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>span.desc::before{content:"";position:absolute;top:-20px;left:10px;border:10px solid transparent;border-bottom-color:#7b5fa4}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress>div{right:0;left:unset}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress::before{left:-50px;right:unset;padding-right:5px;padding-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>span{left:20px;right:unset}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.amountInfo{float:left;direction:ltr}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.requiredInfo{margin-right:10px;margin-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>span.amountInfo{float:left;margin-right:unset;margin-left:15px;direction:ltr}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back{padding-right:17px;padding-left:5px}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back::before{left:unset;right:0;transform:rotateZ(135deg)}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto{float:left;margin-right:3px;margin-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span{direction:ltr;text-align:left}body>section#wrapper::before{content:"";position:absolute;top:0;left:0;width:240px;height:100%;background:#e9e9e9}body>section#wrapper>aside{position:relative;width:240px;height:calc(100vh - 50px);padding:20px 10px 10px;overflow:auto}body>section#wrapper>aside>nav{height:100%}body>section#wrapper>aside>nav li.hidden{display:none}body>section#wrapper>aside>nav>ul{display:flex;flex-direction:column;height:100%}body>section#wrapper>aside>nav>ul>li[data-name='sidebar']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='appearance']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='newtab']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='feedback']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='support']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='language']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span{display:inline-block;position:relative;width:24px;height:24px;margin:10px 0 0 5px;vertical-align:top;cursor:help}body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f99}body>section#wrapper>aside>nav>ul>li[data-name='export']{padding-top:20px;margin-top:auto}body>section#wrapper>aside>nav>ul>li[data-name='export']::before{content:"";position:absolute;top:10px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1)}body>section#wrapper>aside>nav>ul>li[data-name='export']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);background-color:#666}body>section#wrapper>aside>nav ul>li{position:relative;display:block;line-height:45px}body>section#wrapper>aside>nav ul>li>a{position:relative;display:block;width:100%;height:100%;padding:0 10px 0 42px;transition:background 0.5s}body>section#wrapper>aside>nav ul>li>a:hover{background:#ddd}body>section#wrapper>aside>nav ul>li>a::before{width:32px !important;left:12px !important;-webkit-mask-position:left center !important;pointer-events:none}body>section#wrapper>aside>nav ul>li.active>a{font-weight:"%fontWeightMedium"}body>section#wrapper>aside>nav ul>li>ul{margin-left:30px;height:0;transition:height 0.3s;overflow:hidden}body>section#wrapper>aside>nav ul>li>ul>li{line-height:30px}body>section#wrapper>aside>nav ul>li>ul>li>a{padding:0 10px 0 22px;font-size:90%}body>section#wrapper>aside>nav ul>li>ul>li>a::before{content:"-";position:absolute;left:10px}html[dir='rtl'] body>section#wrapper::before{right:0;left:unset}html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span{margin-right:5px;margin-left:unset}html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='newtab']>a::before,html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='feedback']>a::before{transform:scaleX(-1);-webkit-mask-position-x:left !important}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>a{padding-right:42px;padding-left:10px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>a::before{left:unset !important;right:12px !important;-webkit-mask-position:right center !important}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul{margin-left:unset;margin-right:30px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul>li>a{padding-right:22px;padding-left:10px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul>li>a::before{right:10px;left:unset}div.color-picker{position:absolute;z-index:9;width:225px;background:#fff;box-shadow:1px 1px 20px rgba(0,0,0,0.3);margin:0;display:none;user-select:none;margin-left:-10px;padding:7px;border-radius:3px}div.color-picker[data-pos='bottom-right'],div.color-picker[data-pos='top-right']{margin-left:10px}div.color-picker.visible{display:block}div.color-picker>div.picking-area{position:relative;background:linear-gradient(to top, #000 0%, transparent 100%),linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);width:160px;height:160px}div.color-picker>div.picking-area>div{width:10px;height:10px;border-radius:50%;border:1px solid #fff;position:absolute;top:45%;left:45%}div.color-picker>div.picking-area>div::before{width:8px;height:8px;content:"";position:absolute;border:1px solid #666;border-radius:50%}div.color-picker>div.alpha,div.color-picker>div.hue{position:relative;width:160px;height:14px;margin:10px 0;border:1px solid #ddd;border-radius:2px}div.color-picker>div.alpha div.slider-picker,div.color-picker>div.hue div.slider-picker{width:4px;height:calc(100% + 4px);background-color:#fff;position:absolute;top:-2px;border:1px solid #666;border-radius:3px}div.color-picker>div.alpha{background-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:12px}div.color-picker>div.alpha>div{width:100%;height:100%;border-radius:inherit}div.color-picker>div.hue{background:linear-gradient(to right, red 0%, #ff0 16.66%, lime 33.33%, cyan 50%, blue 66.66%, #f0f 83.33%, red 100%)}div.color-picker>div.input-r,div.color-picker>div.input-g,div.color-picker>div.input-b,div.color-picker>div.input-a{position:absolute;top:7px;right:7px;width:45px;padding:0 5px;background:#e9e9e9;border-radius:18px;display:flex}div.color-picker>div.input-r>span,div.color-picker>div.input-g>span,div.color-picker>div.input-b>span,div.color-picker>div.input-a>span{display:inline-block;color:#666;line-height:18px;font-size:80%;font-weight:"%fontWeightBold";text-transform:capitalize}div.color-picker>div.input-r>input,div.color-picker>div.input-g>input,div.color-picker>div.input-b>input,div.color-picker>div.input-a>input{display:inline-block;margin:0 0 0 3px;padding:0;height:18px;line-height:18px;border:none;color:#666;text-align:right;font-size:80%}div.color-picker>div.input-g{top:30px}div.color-picker>div.input-b{top:53px}div.color-picker>div.input-a{top:76px}div.color-picker>div.input-color>span{display:none}div.color-picker>div.input-color>input{width:160px;margin:0;padding:0;height:18px;line-height:18px;border-radius:18px;padding:0 10px;border:none;color:#666;background:#e9e9e9;font-size:80%}html[dir='rtl'] div.color-picker{box-shadow:-1px 1px 20px rgba(0,0,0,0.3)}html[dir='rtl'] div.color-picker>div.input-r,html[dir='rtl'] div.color-picker>div.input-g,html[dir='rtl'] div.color-picker>div.input-b,html[dir='rtl'] div.color-picker>div.input-a{right:unset;left:7px}html[dir='rtl'] div.color-picker>div.input-r>input,html[dir='rtl'] div.color-picker>div.input-g>input,html[dir='rtl'] div.color-picker>div.input-b>input,html[dir='rtl'] div.color-picker>div.input-a>input{margin-right:3px;margin-left:unset;text-align:left}html[dir='rtl'] div.color-picker>div.input-color>span{display:none}body{background:#f2f2f2;position:absolute;top:0;left:0;width:100%;min-width:800px;height:100%;user-select:none;overflow:hidden}@media (max-width: 800px){body{overflow:auto}}body::before,body::after{position:fixed}body::after{content:attr(data-successtext);top:50px;left:0;right:0;margin:auto;width:600px;padding:40px;text-align:center;font-size:140%;color:#fff;background:#5eba7d;transform:translate3d(0, -50px, 0);transition:opacity 0.5s, transform 0.5s;z-index:99}body::before{content:"";top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);transition:opacity 0.3s;z-index:98}body.success::after{transform:translate3d(0, 0, 0)}body.initLoading::before{background:#f2f2f2}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}h2{font-size:150%;font-weight:"%fontWeightNormal";color:#7b5fa4;margin:0 0 15px 0}div.noticeBox::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div.noticeBox::before{top:0;bottom:0;left:15px;width:32px;height:32px;margin:auto}div.noticeBox>p{line-height:150%;padding:3px 0 3px 40px}div.noticeBox>h2{padding:0 0 0 40px;margin-bottom:5px}ul.bulletList>li{position:relative;padding-left:10px}ul.bulletList>li::before{content:"-";position:absolute;left:0}hr{border:none;height:1px;background:rgba(0,0,0,0.1);margin:15px 0}main button[type='submit'],a.button{position:relative;overflow:hidden;display:inline-block;border:0;outline:0;cursor:pointer;background:#7b5fa4;color:#fff;padding:6px 12px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:3px;margin:10px 0}a.import,a.export{margin:30px 15px 0 0}a.import>input[type='file']{cursor:pointer;position:absolute;top:0;left:-400%;width:500%;height:100%;outline:none;opacity:0;z-index:2}html[dir='rtl'] div.noticeBox::before{left:unset;right:15px}html[dir='rtl'] div.noticeBox>p,html[dir='rtl'] div.noticeBox>h2{padding-left:0;padding-right:40px}html[dir='rtl'] ul.bulletList>li{padding-left:unset;padding-right:10px}html[dir='rtl'] ul.bulletList>li::before{left:unset;right:0}html[dir='rtl'] a.import,html[dir='rtl'] a.export{margin-left:15px;margin-right:unset} +body>header>div.dialog,body>div.toggleAreaModal,div.tab[data-name='feedback'] div.suggestedAnswers,div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.hidden,div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer.hidden,body::before,body::after{opacity:0;pointer-events:none}body>header>div.dialog.visible,body.showModal>div.toggleAreaModal,div.tab[data-name='feedback'] div.suggestedAnswers.visible,body.success::before,body.success::after,body.initLoading::before,body.loading::before{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:#7b5fa4;animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:#666}body.highContrast:not(.dark) svg.loading>circle{stroke:#666}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:#666}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:#7b5fa4}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #7b5fa4}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:#7b5fa4;box-shadow:0 0 0 20px #7b5fa4}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:#7b5fa4}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:#666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:#666}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:#666}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 #666}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:#666;box-shadow:0 0 0 20px #666}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:#666;font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:#666;text-decoration:none}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:14px;background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}body>header{position:relative;width:100%;height:50px;background:linear-gradient(45deg, #7b5fa4 0%, #2b35c8 100%);box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:2}body>header::before{content:"";position:absolute;top:0;left:8px;width:50px;height:50px;background:url(chrome-extension://__MSG_@@extension_id__/img/icon/icon.webp) no-repeat center/40px}body>header>h1{position:relative;display:inline-flex;font-size:150%;margin:10px 0 0 70px;padding:0 0 0 30px;color:#fff;font-weight:"%fontWeightLight"}body>header>h1::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);background-color:#fff}body>header>h1::before{-webkit-mask-position-x:left;opacity:0.7}body>header>h1>span{cursor:pointer}body>header>h1>span+span{position:relative;margin-left:24px}body>header>h1>span+span::before{content:"";position:absolute;top:8px;left:-14px;border:5px solid transparent;border-left-color:#fff;opacity:0.5}body>header>h1>span:last-child{pointer-events:none}body>header[data-type='appearance']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);-webkit-mask-size:22px}body>header[data-type='newtab']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);-webkit-mask-size:18px}body>header[data-type='language']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);-webkit-mask-size:22px}body>header[data-type='feedback']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);-webkit-mask-size:18px}body>header[data-type='support']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);-webkit-mask-size:20px}body>header[data-type='export']>h1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);-webkit-mask-size:26px}body>header>menu{display:inline-block;margin:10px 30px 0 0;float:right}body>header>menu>li{display:inline-block}body>header>menu>li>button{position:relative;display:inline-block;vertical-align:top;border:0;outline:0;cursor:pointer}body>header>menu>li>button.save{background:#fff;color:#7b5fa4;padding:4px 8px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:5px;box-shadow:0px 2px 20px rgba(0,0,0,0.5)}body>header>menu>li>button.restore{background:transparent;margin:2px 0 0 10px;width:24px;height:24px}body>header>menu>li>button.restore::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:#fff}body>header>menu>li>button.hidden{display:none}body>header>div.dialog{position:absolute;top:50px;width:300px;padding:12px 10px;text-align:center;background:#fff;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));transition:opacity 0.3s, transform 0.3s;transform:translate3d(-12px, -10px, 0)}body>header>div.dialog.visible{transform:translate3d(-12px, 0, 0)}body>header>div.dialog::before{content:"";position:absolute;border:10px solid transparent;border-bottom-color:#fff;top:-20px;right:20px}body>header>div.dialog>p{line-height:140%}body>header>div.dialog>a{position:relative;display:inline-block;color:#2b35c8;padding:3px 5px 3px 15px;margin-bottom:5px;font-weight:"%fontWeightMedium";cursor:pointer}body>header>div.dialog>a::before{content:"";position:absolute;top:7px;left:0;width:8px;height:8px;border-top:2px solid #2b35c8;border-left:2px solid #2b35c8;transform:rotateZ(135deg)}body>header>div.dialog>span{position:relative;display:inline-block;padding:6px 10px 5px 30px;margin:10px 0 15px;border:1px solid rgba(0,0,0,0.1);border-radius:20px}body>header>div.dialog>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;background-color:#666}body>header>div.dialog>span::before{width:16px;left:8px}body>header>div.dialog[data-type='behaviour']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}body>header>div.dialog[data-type='appearance']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg)}body>header>div.dialog[data-type='newtab']>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);-webkit-mask-size:14px}html[dir='rtl'] body>header{background:linear-gradient(45deg, #2b35c8 0%, #7b5fa4 100%)}html[dir='rtl'] body>header::before{left:unset;right:8px}html[dir='rtl'] body>header>h1{margin-right:70px;margin-left:0;padding-right:30px;padding-left:0}html[dir='rtl'] body>header>h1::before{-webkit-mask-position-x:right}html[dir='rtl'] body>header>h1>span+span{margin-right:24px;margin-left:0}html[dir='rtl'] body>header>h1>span+span::before{left:unset;right:-14px;border-right-color:#fff;border-left-color:transparent}html[dir='rtl'] body>header[data-type='newtab']>h1::before,html[dir='rtl'] body>header[data-type='feedback']>h1::before{transform:scaleX(-1);-webkit-mask-position-x:left}html[dir='rtl'] body>header>menu{margin-left:30px;margin-right:0;float:left}html[dir='rtl'] body>header>menu>li>button.restore{margin-right:10px;margin-left:0}html[dir='rtl'] body>header>div.dialog{transform:translate3d(12px, -10px, 0)}html[dir='rtl'] body>header>div.dialog.visible{transform:translate3d(12px, 0, 0)}html[dir='rtl'] body>header>div.dialog::before{left:20px;right:unset}html[dir='rtl'] body>header>div.dialog>a{padding-right:15px;padding-left:5px}html[dir='rtl'] body>header>div.dialog>a::before{right:0;left:unset;transform:rotateZ(-45deg)}html[dir='rtl'] body>header>div.dialog>span{padding-right:30px;padding-left:10px}html[dir='rtl'] body>header>div.dialog>span::before{right:8px;left:unset}body>section#wrapper>main>div.loading.tab>svg.loading,body>section#wrapper>main>div.tab>div.loading[data-name]>svg.loading{position:absolute;top:30%;left:calc(50% - 18px)}body>section#wrapper>main>div.loading.tab>div,body>section#wrapper>main>div.tab>div.loading[data-name]>div{visibility:hidden}p.desc{font-size:90%;color:#aaa;margin-top:10px;line-height:150%;font-style:italic}body>section#wrapper{position:relative;display:flex;flex-flow:row}body>section#wrapper>main{flex:1;height:calc(100vh - 50px);overflow:auto;padding:35px 30px 20px 20px}@media (max-width: 1400px){body>section#wrapper>main{padding-right:20px}}body>section#wrapper>main>div.tab{display:none}body>section#wrapper>main>div.tab.active{display:block}body>section#wrapper>main>div.tab>div[data-name]{display:none}body>section#wrapper>main>div.tab>div[data-name].active{display:block}body>section#wrapper>main div.contentBox{position:relative;background:#fff;padding:16px 20px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);max-width:1024px;margin:0 auto 20px;line-height:140%}body>section#wrapper>main div.boxWrapper{position:relative;display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;max-width:1024px;margin:0 auto}@media (max-width: 900px){body>section#wrapper>main div.boxWrapper{display:block}}body>section#wrapper>main div.boxWrapper>div.box{position:relative;width:calc(50% - 10px);max-width:520px;margin-bottom:20px;background:#fff;padding:16px 20px;box-shadow:2px 2px 10px rgba(0,0,0,0.1)}@media (max-width: 900px){body>section#wrapper>main div.boxWrapper>div.box{width:100%}}body>section#wrapper>main div.boxWrapper>div.box.hidden{display:none}body>section#wrapper>main div.boxWrapper>div.box>label{margin:0 0 20px 0}body>section#wrapper>main div.boxWrapper>div.box>div.sub label{display:inline-block;vertical-align:top;font-weight:"%fontWeightNormal";min-width:100px;margin:10px 10px 0 0}@media (max-width: 1300px){body>section#wrapper>main div.boxWrapper>div.box>div.sub label{display:block}}body>section#wrapper>main div.boxWrapper>div.box p.info{margin:20px 0 10px;line-height:150%}body>section#wrapper>main div.boxWrapper>div.box p.info>a{color:#2b35c8;font-weight:"%fontWeightMedium"}body>section#wrapper>main div.boxWrapper>div.box p.info>em{color:#666}html[dir='rtl'] body>section#wrapper>main{padding-right:20px;padding-left:30px}@media (max-width: 1400px){html[dir='rtl'] body>section#wrapper>main{padding-right:20px;padding-left:20px}}html[dir='rtl'] body>section#wrapper>main div.boxWrapper>div.box>div.sub label{margin-right:0;margin-left:10px}body>section#wrapper div.advanced{position:relative;margin:20px auto;max-width:1024px;background:#f2f2f2;padding:16px 0}body>section#wrapper div.advanced>h3{position:relative;display:inline-block;color:#7b5fa4;font-weight:"%fontWeightMedium";padding:3px 5px 3px 22px;font-size:100%;cursor:pointer}body>section#wrapper div.advanced>h3::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);background-color:#7b5fa4}body>section#wrapper div.advanced>h3::before{-webkit-mask-position-x:left}body>section#wrapper div.advanced>div{transform:translate3d(0, -10px, 0);opacity:0;margin-top:20px;transition:opacity 0.3s, transform 0.3s}body>section#wrapper div.advanced>div.visible{opacity:1;transform:translate3d(0, 0, 0)}body>section#wrapper div.advanced>div textarea[data-name='customCss']{background:#fff;font-family:Consolas, sans-serif;font-size:90%;height:200px;min-height:200px}body>section#wrapper div.advanced>div textarea[data-name='customCss'] ~ span{display:block;margin-top:10px;opacity:0;color:#f99;transition:opacity 0.5s}body>section#wrapper div.advanced>div textarea[data-name='customCss']:focus ~ span{opacity:1}html[dir='rtl'] body>section#wrapper div.advanced>h3{padding-right:22px;padding-left:5px}html[dir='rtl'] body>section#wrapper div.advanced>h3::before{-webkit-mask-position-x:right}div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns{margin-top:30px}div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns.hidden{display:none}div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation ul.bulletList{line-height:200%}div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation em{position:relative;font-size:120%;font-style:normal;line-height:normal;font-weight:"%fontWeightBold";padding:0 5px;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:3px;color:#666}body>section#wrapper div.aboutMe{position:relative;max-width:1024px;margin:0 auto 40px;display:flex}@media (max-width: 1080px){body>section#wrapper div.aboutMe{flex-direction:column}}body>section#wrapper div.aboutMe>div.desc{position:relative;padding:20px 40px 0 40px;text-align:justify;flex:1}body>section#wrapper div.aboutMe>div.desc::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-quote.svg);background-color:#aaa}body>section#wrapper div.aboutMe>div.desc>p{line-height:170%;margin-bottom:20px}body>section#wrapper div.aboutMe>div.desc>p+p{margin:0}body>section#wrapper div.aboutMe>div.desc>p>span{font-size:120%;background:#f5c525;color:#fff;padding:3px 7px;vertical-align:top}body>section#wrapper div.aboutMe>div.desc::before{width:32px;height:32px;left:-5px;top:20px}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.desc{order:2}}body>section#wrapper div.aboutMe>div.preview{position:relative;width:220px;height:220px}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview{margin:auto;width:150px;height:150px;order:1}}body>section#wrapper div.aboutMe>div.preview>img{display:block;width:100%;height:100%;border-radius:50%;box-shadow:2px 2px 20px rgba(0,0,0,0.3)}body>section#wrapper div.aboutMe>div.preview>a{position:absolute;bottom:0;display:block;width:36px;height:36px;border-radius:50%;background:#666}body>section#wrapper div.aboutMe>div.preview>a.github{left:-20px}body>section#wrapper div.aboutMe>div.preview>a.github::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-github.svg);background-color:#fff}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview>a.github{left:-40px}}body>section#wrapper div.aboutMe>div.preview>a.website{left:-64px}body>section#wrapper div.aboutMe>div.preview>a.website::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg);background-color:#fff}@media (max-width: 1080px){body>section#wrapper div.aboutMe>div.preview>a.website{left:-84px}}html[dir='rtl'] div.aboutMe>div.desc::before{left:unset;right:-5px}html[dir='rtl'] div.aboutMe>div.preview>a{left:unset}html[dir='rtl'] div.aboutMe>div.preview>a.github{right:-20px}@media (max-width: 1080px){html[dir='rtl'] div.aboutMe>div.preview>a.github{right:-40px}}html[dir='rtl'] div.aboutMe>div.preview>a.website{right:-64px}@media (max-width: 1080px){html[dir='rtl'] div.aboutMe>div.preview>a.website{right:-84px}}@keyframes moveUpDown{25%{transform:translate3d(0, 15px, 0)}75%{transform:translate3d(0, -15px, 0)}100%{transform:translate3d(0, 0, 0)}}body>section#wrapper div.toggleAreaDesc{position:relative}body>section#wrapper div.toggleAreaDesc::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}body>section#wrapper div.toggleAreaDesc::before{top:18px;left:0;width:32px;height:32px}body>section#wrapper div.toggleAreaDesc.hidden{display:none}body>section#wrapper div.toggleAreaDesc>p{padding:3px 0 3px 40px;line-height:150%}body>section#wrapper div.toggleAreaDesc>a{margin:10px 0 0 40px}body>div.toggleAreaModal{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:20px 25px;width:600px;height:400px;background:#fff;box-shadow:0 12px 50px rgba(0,0,0,0.3);overflow:hidden;z-index:99;transform:scale(0.7);transition:transform 0.3s, opacity 0.3s}body>div.toggleAreaModal>div.preview{position:absolute;top:0;width:15px;height:100%;background:repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0,0,0,0.15) 5px, rgba(0,0,0,0.15) 10px);border:1px solid #aaa;transition:width 0.2s, height 0.2s, top 0.2s;cursor:ns-resize}body>div.toggleAreaModal>div.preview::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/28px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#666}body>div.toggleAreaModal>div.preview::before{animation:moveUpDown 1.2s 1.5s}body>div.toggleAreaModal>div.preview.fullHeight{cursor:default}body>div.toggleAreaModal>div.preview.fullHeight::before{display:none}body>div.toggleAreaModal>div.preview.dragging{transition:none}body>div.toggleAreaModal>div.hidden{display:none}body>div.toggleAreaModal>p.buttons{margin:40px 0 0 0}body>div.toggleAreaModal>p.buttons>a{cursor:pointer;vertical-align:top;margin:0}body>div.toggleAreaModal>p.buttons>a.cancel{margin:7px 0 0 10px;display:inline-block}body>div.toggleAreaModal[data-type='left']{padding-left:75px}body>div.toggleAreaModal[data-type='left']>div.preview{border-radius:0 7px 7px 0;border-left:0;left:0}body>div.toggleAreaModal[data-type='right']{padding-right:75px}body>div.toggleAreaModal[data-type='right']>div.preview{border-radius:7px 0 0 7px;border-right:0;right:0}body.showModal::before{opacity:1}body.showModal>*{pointer-events:none}body.showModal>div.toggleAreaModal{transform:scale(1)}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc::before{top:18px;right:0;left:unset}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc>p{padding-right:40px;padding-left:unset}html[dir='rtl'] body>section#wrapper div.toggleAreaDesc>a{margin-right:40px;margin-left:unset}html[dir='rtl'] body>div.toggleAreaModal>p.buttons>a.cancel{margin-right:10px;margin-left:unset}body[data-type^='appearance']>div.colorMask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}body[data-type^='appearance']>section#wrapper>main div.boxWrapper{justify-content:flex-start;margin:0 20px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box{max-width:400px;margin-right:20px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box label,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input[type='range'],body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box select,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input.color,body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box input.color+span{margin-bottom:5px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert{position:absolute;display:block;top:12px;right:16px;width:24px;height:24px;border-radius:50%;transform:rotateY(180deg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:#aaa}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox{border-radius:15px;height:30px;width:60px;background:linear-gradient(to right, #fec171 0%, #ff6c69 100%)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-light.svg);background-color:#fff}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{-webkit-mask-position-x:32px;transition:-webkit-mask 0.3s}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:none;opacity:0.7;-webkit-mask:none;transition:transform 0.3s, opacity 0.3s}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active{background:linear-gradient(to right, #3c5fe1 0%, #3a2b96 100%)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-dark.svg);-webkit-mask-position-x:6px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::after{transform:translate3d(30px, 0, 0);opacity:0.9}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper{margin-top:10px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span[class^='icon-']{position:relative;display:inline-block;margin-top:-2px;width:24px;height:24px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span[class^='icon-']::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;background-color:#7b5fa4}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-bookmark::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-bookmark-filled::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark-filled.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-star::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-dir-1::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg)}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-dir-2::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-2.svg);-webkit-mask-size:18px}body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box ul.radioWrapper span.icon-star-filled::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star-filled.svg)}body[data-type^='appearance']>section#wrapper>main div.contentBox{margin:0 20px 20px 20px;max-width:820px}body[data-type^='appearance']>section#wrapper>main div.presets>a{display:inline-block;padding:2px 10px;border:1px solid rgba(0,0,0,0.2);border-radius:3px;margin:10px 7px 0 0;cursor:pointer;transition:background 0.5s}body[data-type^='appearance']>section#wrapper>main div.presets>a::before{content:attr(data-type);text-transform:uppercase}body[data-type^='appearance']>section#wrapper>main div.presets>a:hover{background:rgba(0,0,0,0.1)}body[data-type^='appearance']>section#wrapper>main div.advanced{max-width:860px;padding-left:20px;padding-right:20px;margin:20px 0}body[data-type^='appearance']>section#wrapper>main div.advanced>div{flex-direction:column}body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li{display:inline-block}body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li+li{margin-left:30px}body[data-type^='appearance']>section#wrapper>main.small div.boxWrapper{display:block}body[data-type^='appearance']>section#wrapper>main.small div.boxWrapper>div.box{width:100%;max-width:520px}iframe[data-appearance]{display:none;position:absolute;top:0;right:0;width:100%;height:100%;border:none;pointer-events:none;z-index:4}iframe[data-appearance='overlay']{width:700px;height:600px;top:35px;transform-origin:top right}@media (max-width: 1550px){iframe[data-appearance='overlay']{transform:scale(0.9)}}@media (max-width: 1400px){iframe[data-appearance='overlay']{top:40px;transform:scale(0.8)}}@media (max-width: 1280px){iframe[data-appearance='overlay']{top:45px;transform:scale(0.6)}}@media (max-width: 1200px){iframe[data-appearance='overlay']{display:none !important}}@media (min-width: 1024px){body[data-type='appearance_general']>iframe[data-appearance='general'],body[data-type='appearance_sidebar']>iframe[data-appearance='sidebar'],body[data-type='appearance_indicator']>iframe[data-appearance='indicator'],body[data-type='appearance_overlay']>iframe[data-appearance='overlay']{display:block}}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box{margin-right:unset;margin-left:20px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box a.revert{left:16px;right:unset}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox{background:linear-gradient(to left, #fec171 0%, #ff6c69 100%)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::before{-webkit-mask-position-x:6px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox::after{right:3px;left:unset}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active{background:linear-gradient(to left, #3c5fe1 0%, #3a2b96 100%)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::before{-webkit-mask-position-x:32px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.boxWrapper>div.box.darkMode div.checkbox.active::after{transform:translate3d(-30px, 0, 0)}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div.presets>a{margin-right:0;margin-left:7px}html[dir='rtl'] body[data-type^='appearance']>section#wrapper>main div[data-name='sidebar'] ul.radioWrapper>li+li{margin-right:30px;margin-left:unset}html[dir='rtl'] iframe[data-appearance]{right:unset;left:0}div.tab[data-name='feedback'] p{line-height:150%}div.tab[data-name='feedback'] p.notice{border-top:1px solid rgba(0,0,0,0.1);padding-top:15px;margin:15px 0}div.tab[data-name='feedback'] section.form{position:relative}div.tab[data-name='feedback'] section.form.hidden{display:none}div.tab[data-name='feedback'] section.form.hidden+p.error{position:relative;text-align:center;margin-top:30px;background:#f2f2f2;line-height:150%;padding:90px 30px 30px;margin:0 0 10px 0}div.tab[data-name='feedback'] section.form.hidden+p.error::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/48px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f5c525}div.tab[data-name='feedback'] section.form.hidden+p.error::before{pointer-events:none;-webkit-mask-position-y:20px}div.tab[data-name='feedback'] section.form.hidden+p.error>a{display:inline-block;margin:10px 0 0 0;font-weight:"%fontWeightBold";color:#2b35c8}div.tab[data-name='feedback'] section.form textarea{resize:vertical;height:200px}div.tab[data-name='feedback'] div.suggestedAnswers{background:none !important;box-shadow:none !important;padding:10px 10px 80px 10px !important;overflow:hidden;display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-end;transform:translate3d(0, 20px, 0);transition:opacity 0.3s, transform 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers.visible{transform:translate3d(0, 0, 0)}@media (min-width: 901px){div.tab[data-name='feedback'] div.suggestedAnswers::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:70px;pointer-events:none;background:linear-gradient(to bottom, #f2f2f2 0%, transparent 100%);z-index:2}}div.tab[data-name='feedback'] div.suggestedAnswers>span.icon{position:absolute;bottom:10px;right:12px;width:64px;height:64px;border-radius:50%;background:#7b5fa4;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}div.tab[data-name='feedback'] div.suggestedAnswers>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/36px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/support.svg);background-color:#fff}div.tab[data-name='feedback'] div.suggestedAnswers>a{position:absolute;bottom:32px;left:17px;font-size:120%;padding-left:22px;cursor:pointer;display:none}div.tab[data-name='feedback'] div.suggestedAnswers>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/14px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);background-color:#666}div.tab[data-name='feedback'] div.suggestedAnswers>a::before{-webkit-mask-position:left center}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion{position:relative;width:100%;background:#fff;filter:drop-shadow(0 8px 8px rgba(0,0,0,0.1));border-radius:10px;margin-bottom:20px;padding:10px 15px;user-select:text;transition:opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.noHeight{height:0 !important;padding:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion:last-of-type::before{content:"";position:absolute;bottom:-32px;right:20px;border:16px solid transparent;border-top-color:#fff}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.noHeight{height:0 !important;padding-top:0;padding-bottom:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion.absolute{position:absolute;bottom:-9999px;width:calc(100% - 20px)}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>strong{font-size:120%;font-weight:"%fontWeightNormal";line-height:150%}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p{margin:15px 0 5px;text-align:right;font-size:120%}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a{display:inline-block;padding:2px 7px;font-weight:"%fontWeightMedium";border-radius:3px;margin:0 3px;cursor:pointer;transition:background 0.5s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a:hover{background:rgba(0,0,0,0.05)}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a[href]{float:left}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer{margin-top:20px;transition:opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer.noHeight{height:0 !important;padding:0;margin:0}div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>div.answer p+p{margin-top:10px}div.tab[data-name='feedback'].onlySuggestions div.feedbackWrapper{display:none}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers{max-height:none !important}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers::before{display:none}div.tab[data-name='feedback'].onlySuggestions div.suggestedAnswers>a{display:block}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>span.icon{left:12px;right:unset;box-shadow:-2px 2px 10px rgba(0,0,0,0.2)}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>a{right:17px;left:unset;padding-right:22px;padding-left:0}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>a::before{transform:scaleX(-1)}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion{direction:ltr}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion:last-of-type::before{left:20px;right:unset}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p{text-align:left}html[dir='rtl'] div.tab[data-name='feedback'] div.suggestedAnswers>div.suggestion>p>a[href]{float:right}div.tab[data-name='support'] p{line-height:150%}div.tab[data-name='support'] p+p{margin-top:10px}div.tab[data-name='support'] a.donate{margin-top:30px}div.tab[data-name='support'] div.shareInformation ul.bulletList{font-size:90%;line-height:150%;margin:10px 0}div.tab[data-name='support'] div.shareInformation label{display:inline-block;margin:15px 20px 7px 0 !important}div.tab[data-name='support'] div.shareInformation div.checkbox{display:inline-block;vertical-align:top;margin:16px 0 0 0}html[dir='rtl'] div.tab[data-name='support'] div.shareInformation label{margin-right:0 !important;margin-left:20px !important}label{display:block;font-weight:"%fontWeightBold"}div.checkbox{margin:10px 0 10px 1px}select,input[type='email'],input[type='text'],textarea{border:1px solid rgba(0,0,0,0.2);outline:0;height:28px;padding:0 5px;margin:7px 0 10px;background:rgba(0,0,0,0.02);transition:border-color 0.5s, box-shadow 0.5s}select.error,input[type='email'].error,input[type='text'].error,textarea.error{border-color:#f99;box-shadow:0 0 10px #f99}input[type='text']{width:100%}select{cursor:pointer;max-width:100%}select.hidden{display:none}textarea{display:block;width:100%;height:300px;padding:5px;line-height:150%;resize:vertical}input.color{display:inline-block;width:32px;height:32px;vertical-align:top;cursor:pointer;opacity:0}input.color+span{position:relative;display:inline-block;vertical-align:top;width:32px;height:32px;margin:7px 0 10px -32px;border-radius:50%;cursor:pointer;box-shadow:1px 1px 10px rgba(0,0,0,0.1)}input.color+span::before,input.color+span::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}input.color+span::before{background:#fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:14px}input.color+span::after{background-color:inherit}input.color ~ span.suggestion{position:relative;display:inline-block;width:20px;height:15px;border-radius:5px;margin:15px 0 0 10px;cursor:pointer}input.color ~ span.suggestion::before,input.color ~ span.suggestion::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}input.color ~ span.suggestion::before{background:#fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:10px}input.color ~ span.suggestion::after{background-color:inherit}input.color ~ span.suggestion[data-value="transparent"],input.color ~ span.suggestion[data-value^="rgba(255,255,255,"],input.color ~ span.suggestion [data-value="#ffffff"]{box-shadow:0px 1px 5px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.07)}ul.radioWrapper>li{padding:7px 0}ul.radioWrapper>li>div.checkbox{display:inline-block;vertical-align:top;margin:0 10px 0 0}ul.radioWrapper>li>span{vertical-align:top}input[type='range']{display:inline-block;vertical-align:top;-webkit-appearance:none;width:100%;max-width:250px;height:20px;background-image:linear-gradient(to right, #7b5fa4 0%, #7b5fa4 -1px, rgba(0,0,0,0.2) -1px, rgba(0,0,0,0.2) 100%);background-repeat:no-repeat;background-size:100% 3px;background-position:0 9px;margin:7px 0 20px;cursor:pointer;transition:opacity 0.3s}@media (max-width: 1000px) and (min-width: 900px){input[type='range']{max-width:none;margin-bottom:0}}input[type='range']:focus{outline:0}input[type='range']::-webkit-slider-runnable-track{position:relative;cursor:pointer;height:3px;width:100%;outline:0}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;background:#7b5fa4;border-radius:50%;cursor:pointer;height:12px;width:12px;margin-top:-4px}input[type='range']+span{position:relative;display:inline-block;background:rgba(0,0,0,0.1);color:#666;font-size:70%;padding:2px 5px 3px;margin:9px 0 0 6px;text-align:center;min-width:35px;transition:opacity 0.3s}@media (max-width: 1000px) and (min-width: 900px){input[type='range']+span{margin:2px 0 10px 0}}input[type='range']+span::before{content:"";position:absolute;top:calc(50% - 4px);left:-8px;border:4px solid transparent;border-right-color:rgba(0,0,0,0.1)}@media (max-width: 1000px) and (min-width: 900px){input[type='range']+span::before{top:-8px;left:4px;border:4px solid transparent !important;border-bottom-color:rgba(0,0,0,0.1) !important}}input[type='range']+span+br+div.checkbox{display:inline-block;vertical-align:top;margin:0 7px 0 0;width:16px;height:16px}input[type='range']+span+br+div.checkbox::before{-webkit-mask-size:18px}input[type='range']+span+br+div.checkbox+label{display:inline-block;vertical-align:top;margin:10px 0 0 7px;font-size:90%;font-weight:"%fontWeightMedium"}input[type='range'].inactive{opacity:0.2;pointer-events:none}input[type='range'].inactive+span{opacity:0.2;pointer-events:none}html[dir='rtl'] div.checkbox{margin:10px 0 10px 1px}html[dir='rtl'] input.color{display:inline-block;width:32px;height:32px;vertical-align:top;cursor:pointer;opacity:0}html[dir='rtl'] input.color+span{margin-right:-32px;margin-left:unset;box-shadow:-1px 1px 10px rgba(0,0,0,0.1)}html[dir='rtl'] input.color ~ span.suggestion{margin-right:10px;margin-left:unset}html[dir='rtl'] ul.radioWrapper>li>div.checkbox{margin-left:10px;margin-right:0}html[dir='rtl'] input[type='range']{background-image:linear-gradient(to left, #7b5fa4 0%, #7b5fa4 -1px, rgba(0,0,0,0.2) -1px, rgba(0,0,0,0.2) 100%)}html[dir='rtl'] input[type='range']+span{margin-right:6px;margin-left:0}html[dir='rtl'] input[type='range']+span::before{right:-8px;left:unset;border-right-color:transparent;border-left-color:rgba(0,0,0,0.1)}@media (max-width: 1000px) and (min-width: 900px){html[dir='rtl'] input[type='range']+span::before{right:4px;left:unset}}html[dir='rtl'] input[type='range']+span+br+div.checkbox{margin-left:7px;margin-right:unset}html[dir='rtl'] input[type='range']+span+br+div.checkbox+label{margin-right:7px;margin-left:unset}div.tab[data-name='language']>div[data-name='translate']>div{display:none}div.tab[data-name='language']>div[data-name='translate']>div.visible{display:block}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box{cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>select{margin:0}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress{position:relative;width:200px;height:3px;margin:15px 0 0 0;background:rgba(0,0,0,0.1)}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress>div{position:absolute;top:0;left:0;width:auto;height:100%;background:#7b5fa4}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress::before{content:attr(data-value);position:absolute;top:-5px;right:-50px;width:50px;padding:0 0 0 5px;font-size:80%;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>span{display:block;position:absolute;top:0;bottom:0;margin:auto;right:20px;width:20px;height:20px;cursor:help}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='released']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#5eba7d}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='incomplete']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);background-color:#f5c525}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box[data-status='draft']>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:#f99}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark>strong{color:#fff;padding:3px 7px 4px}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='released']>strong{background:#5eba7d}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='draft']>strong{background:#f99}div.tab[data-name='language']>div[data-name='translate']>div.overview div.box.mark[data-status='incomplete']>strong{background:#f5c525}div.tab[data-name='language']>div[data-name='translate']>div.langvars.loading>div.notice{display:none}div.tab[data-name='language']>div[data-name='translate']>div.langvars>svg.loading{position:absolute;top:30%;left:calc(50% - 18px)}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box{cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>strong{display:inline-block;vertical-align:top;font-weight:"%fontWeightMedium";color:#2b35c8;font-size:120%}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.amountInfo{position:relative;display:block;float:right;margin:2px 0 0 0;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.requiredInfo{display:inline-block;font-size:80%;margin:4px 0 0 10px;color:#aaa}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box.incomplete>span.amountInfo>span{color:#fff;background:#f99;font-weight:"%fontWeightMedium";padding:0 3px;font-size:90%}div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>ul{display:none}div.tab[data-name='language']>div[data-name='translate']>div.category{padding:0 !important}div.tab[data-name='language']>div[data-name='translate']>div.category>header{position:sticky;top:-35px;background:#fff;box-shadow:0 5px 7px -2px rgba(0,0,0,0.1);padding:12px 20px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>span.amountInfo{float:right;margin-right:15px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a{position:relative;cursor:pointer}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back{padding:5px 5px 5px 17px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back::before{content:"";position:absolute;top:8px;left:0;width:10px;height:10px;border-top:2px solid #aaa;border-left:2px solid #aaa;transform:rotateZ(-45deg)}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto{float:right;display:inline-block;width:26px;height:26px;border-radius:50%;margin:-5px 0 0 3px;transition:background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto:hover{background:#f5f5f5}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto::after{content:"";position:absolute;top:0;left:8px;display:block;border-top:3px solid #aaa;border-right:3px solid #aaa;width:10px;height:10px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto[data-value='up']::after{transform:rotateZ(-45deg);top:10px}div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto[data-value='down']::after{transform:rotateZ(135deg);top:6px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul{margin-top:15px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li{display:flex;flex-flow:row wrap;justify-content:space-between;padding:10px 0;transition:background 0.5s;border-top:1px solid rgba(0,0,0,0.1)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:first-child{border:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div{width:40%;padding:0 20px}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>label{padding:0 0 5px 0}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span{display:block;font-size:80%;font-style:italic;user-select:text;padding:5px;border-top:1px solid rgba(0,0,0,0.2);transition:background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span>span{display:block;font-weight:"%fontWeightBold";font-style:normal;margin-bottom:3px;user-select:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>textarea{height:70px;margin:0;line-height:150%;resize:none;overflow:hidden;transition:box-shadow 0.5s, background 0.5s}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div+div{width:60%}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>span.desc{display:none}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:hover,div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover{background:#f5f5f5}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li:hover>div>textarea,div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>textarea{background:rgba(255,255,255,0.5)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>textarea{box-shadow:0 0 10px rgba(43,53,200,0.2)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.hover>div>span{background:rgba(245,197,37,0.4)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>div>span{background:rgba(245,197,37,0.5)}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>span.desc{position:relative;display:block;margin:10px 20px 10px;padding:7px 10px;font-size:90%;line-height:150%;background:#7b5fa4;color:#fff}div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li.mark>span.desc::before{content:"";position:absolute;top:-20px;left:10px;border:10px solid transparent;border-bottom-color:#7b5fa4}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress>div{right:0;left:unset}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>div.progress::before{left:-50px;right:unset;padding-right:5px;padding-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.overview div.box>span{left:20px;right:unset}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.amountInfo{float:left;direction:ltr}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.langvars div.box>span.requiredInfo{margin-right:10px;margin-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>span.amountInfo{float:left;margin-right:unset;margin-left:15px;direction:ltr}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back{padding-right:17px;padding-left:5px}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.back::before{left:unset;right:0;transform:rotateZ(135deg)}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>header>a.goto{float:left;margin-right:3px;margin-left:0}html[dir='rtl'] div.tab[data-name='language']>div[data-name='translate']>div.category>ul>li>div>span{direction:ltr;text-align:left}body>section#wrapper::before{content:"";position:absolute;top:0;left:0;width:240px;height:100%;background:#e9e9e9}body>section#wrapper>aside{position:relative;width:240px;height:calc(100vh - 50px);padding:20px 10px 10px;overflow:auto}body>section#wrapper>aside>nav{height:100%}body>section#wrapper>aside>nav li.hidden{display:none}body>section#wrapper>aside>nav>ul{display:flex;flex-direction:column;height:100%}body>section#wrapper>aside>nav>ul>li[data-name='sidebar']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='appearance']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='newtab']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='feedback']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='support']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='language']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);background-color:#666}body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span{display:inline-block;position:relative;width:24px;height:24px;margin:10px 0 0 5px;vertical-align:top;cursor:help}body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#f99}body>section#wrapper>aside>nav>ul>li[data-name='export']{padding-top:20px;margin-top:auto}body>section#wrapper>aside>nav>ul>li[data-name='export']::before{content:"";position:absolute;top:10px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1)}body>section#wrapper>aside>nav>ul>li[data-name='export']>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);background-color:#666}body>section#wrapper>aside>nav ul>li{position:relative;display:block;line-height:45px}body>section#wrapper>aside>nav ul>li>a{position:relative;display:block;width:100%;height:100%;padding:0 10px 0 42px;transition:background 0.5s}body>section#wrapper>aside>nav ul>li>a:hover{background:#ddd}body>section#wrapper>aside>nav ul>li>a::before{width:32px !important;left:12px !important;-webkit-mask-position:left center !important;pointer-events:none}body>section#wrapper>aside>nav ul>li.active>a{font-weight:"%fontWeightMedium"}body>section#wrapper>aside>nav ul>li>ul{margin-left:30px;height:0;transition:height 0.3s;overflow:hidden}body>section#wrapper>aside>nav ul>li>ul>li{line-height:30px}body>section#wrapper>aside>nav ul>li>ul>li>a{padding:0 10px 0 22px;font-size:90%}body>section#wrapper>aside>nav ul>li>ul>li>a::before{content:"-";position:absolute;left:10px}html[dir='rtl'] body>section#wrapper::before{right:0;left:unset}html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='language'].incomplete>a>span{margin-right:5px;margin-left:unset}html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='newtab']>a::before,html[dir='rtl'] body>section#wrapper>aside>nav>ul>li[data-name='feedback']>a::before{transform:scaleX(-1);-webkit-mask-position-x:left !important}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>a{padding-right:42px;padding-left:10px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>a::before{left:unset !important;right:12px !important;-webkit-mask-position:right center !important}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul{margin-left:unset;margin-right:30px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul>li>a{padding-right:22px;padding-left:10px}html[dir='rtl'] body>section#wrapper>aside>nav ul>li>ul>li>a::before{right:10px;left:unset}div.color-picker{position:absolute;z-index:9;width:225px;background:#fff;box-shadow:1px 1px 20px rgba(0,0,0,0.3);margin:0;display:none;user-select:none;margin-left:-10px;padding:7px;border-radius:3px}div.color-picker[data-pos='bottom-right'],div.color-picker[data-pos='top-right']{margin-left:10px}div.color-picker.visible{display:block}div.color-picker>div.picking-area{position:relative;background:linear-gradient(to top, #000 0%, rgba(0,0,0,0) 100%),linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);width:160px;height:160px}div.color-picker>div.picking-area>div{width:10px;height:10px;border-radius:50%;border:1px solid #fff;position:absolute;top:45%;left:45%}div.color-picker>div.picking-area>div::before{width:8px;height:8px;content:"";position:absolute;border:1px solid #666;border-radius:50%}div.color-picker>div.alpha,div.color-picker>div.hue{position:relative;width:160px;height:14px;margin:10px 0;border:1px solid #ddd;border-radius:2px}div.color-picker>div.alpha div.slider-picker,div.color-picker>div.hue div.slider-picker{width:4px;height:calc(100% + 4px);background-color:#fff;position:absolute;top:-2px;border:1px solid #666;border-radius:3px}div.color-picker>div.alpha{background-image:url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);background-size:12px}div.color-picker>div.alpha>div{width:100%;height:100%;border-radius:inherit}div.color-picker>div.hue{background:linear-gradient(to right, red 0%, #ff0 16.66%, lime 33.33%, cyan 50%, blue 66.66%, #f0f 83.33%, red 100%)}div.color-picker>div.input-r,div.color-picker>div.input-g,div.color-picker>div.input-b,div.color-picker>div.input-a{position:absolute;top:7px;right:7px;width:45px;padding:0 5px;background:#e9e9e9;border-radius:18px;display:flex}div.color-picker>div.input-r>span,div.color-picker>div.input-g>span,div.color-picker>div.input-b>span,div.color-picker>div.input-a>span{display:inline-block;color:#666;line-height:18px;font-size:80%;font-weight:"%fontWeightBold";text-transform:capitalize}div.color-picker>div.input-r>input,div.color-picker>div.input-g>input,div.color-picker>div.input-b>input,div.color-picker>div.input-a>input{display:inline-block;margin:0 0 0 3px;padding:0;height:18px;line-height:18px;border:none;color:#666;text-align:right;font-size:80%}div.color-picker>div.input-g{top:30px}div.color-picker>div.input-b{top:53px}div.color-picker>div.input-a{top:76px}div.color-picker>div.input-color>span{display:none}div.color-picker>div.input-color>input{width:160px;margin:0;padding:0;height:18px;line-height:18px;border-radius:18px;padding:0 10px;border:none;color:#666;background:#e9e9e9;font-size:80%}html[dir='rtl'] div.color-picker{box-shadow:-1px 1px 20px rgba(0,0,0,0.3)}html[dir='rtl'] div.color-picker>div.input-r,html[dir='rtl'] div.color-picker>div.input-g,html[dir='rtl'] div.color-picker>div.input-b,html[dir='rtl'] div.color-picker>div.input-a{right:unset;left:7px}html[dir='rtl'] div.color-picker>div.input-r>input,html[dir='rtl'] div.color-picker>div.input-g>input,html[dir='rtl'] div.color-picker>div.input-b>input,html[dir='rtl'] div.color-picker>div.input-a>input{margin-right:3px;margin-left:unset;text-align:left}html[dir='rtl'] div.color-picker>div.input-color>span{display:none}body{background:#f2f2f2;position:absolute;top:0;left:0;width:100%;min-width:800px;height:100%;user-select:none;overflow:hidden}@media (max-width: 800px){body{overflow:auto}}body::before,body::after{position:fixed}body::after{content:attr(data-successtext);top:50px;left:0;right:0;margin:auto;width:600px;padding:40px;text-align:center;font-size:140%;color:#fff;background:#5eba7d;transform:translate3d(0, -50px, 0);transition:opacity 0.5s, transform 0.5s;z-index:99}body::before{content:"";top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);transition:opacity 0.3s;z-index:98}body.success::after{transform:translate3d(0, 0, 0)}body.initLoading::before{background:#f2f2f2}body>svg.loading{position:fixed;display:block !important;top:calc(50% - 18px);left:calc(50% - 18px);z-index:99}h2{font-size:150%;font-weight:"%fontWeightNormal";color:#7b5fa4;margin:0 0 15px 0}div.noticeBox::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div.noticeBox::before{top:0;bottom:0;left:15px;width:32px;height:32px;margin:auto}div.noticeBox>p{line-height:150%;padding:3px 0 3px 40px}div.noticeBox>h2{padding:0 0 0 40px;margin-bottom:5px}ul.bulletList>li{position:relative;padding-left:10px}ul.bulletList>li::before{content:"-";position:absolute;left:0}hr{border:none;height:1px;background:rgba(0,0,0,0.1);margin:15px 0}main button[type='submit'],a.button{position:relative;overflow:hidden;display:inline-block;border:0;outline:0;cursor:pointer;background:#7b5fa4;color:#fff;padding:6px 12px;font-weight:"%fontWeightMedium";font-size:100%;border-radius:3px;margin:10px 0}a.import,a.export{margin:30px 15px 0 0}a.import>input[type='file']{cursor:pointer;position:absolute;top:0;left:-400%;width:500%;height:100%;outline:none;opacity:0;z-index:2}html[dir='rtl'] div.noticeBox::before{left:unset;right:15px}html[dir='rtl'] div.noticeBox>p,html[dir='rtl'] div.noticeBox>h2{padding-left:0;padding-right:40px}html[dir='rtl'] ul.bulletList>li{padding-left:unset;padding-right:10px}html[dir='rtl'] ul.bulletList>li::before{left:unset;right:0}html[dir='rtl'] a.import,html[dir='rtl'] a.export{margin-left:15px;margin-right:unset} diff --git a/dist/css/sidebar.css b/dist/css/sidebar.css index 0924fc4b..59f0aecd 100644 --- a/dist/css/sidebar.css +++ b/dist/css/sidebar.css @@ -1 +1 @@ -div.contextmenu,div.tooltip,a.dragHelper>span.drag,section#sidebar>header>div.searchBox,section#sidebar>header.searchVisible>a.search,section#sidebar>a.lockPinned,section#sidebar>div.scrollBox>ul a>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag,section#sidebar.loading>div.scrollBox,section#sidebar.loading>div.filter,div#shareInfo.hidden,div#reloadInfo.hidden{opacity:0;pointer-events:none}div.contextmenu.visible,div.tooltip.visible,a.dragHelper:hover>span.drag,section#sidebar>header.searchVisible>div.searchBox,section#sidebar>a.lockPinned.active,section#sidebar>div.scrollBox>ul a:hover>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a:hover>span.drag{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:"%scrollBarWidth";background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}div.contextmenu{position:absolute;top:0;min-width:240px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,0.25);border-radius:2px;overflow:hidden;transform:translate3d(0, -20px, 0);transition:opacity 0.3s, transform 0.3s;z-index:4}div.contextmenu[data-type='list'],div.contextmenu[data-type='separator']{left:-99999px;margin:0 0 0 10px;min-width:260px}div.contextmenu[data-type='menu']{right:-93px;margin-top:-2px}div.contextmenu[data-type='sort']{right:-57px;margin-top:-2px}div.contextmenu.visible{transform:translate3d(0, 0, 0)}div.contextmenu.visible.top{transform:translate3d(0, -40px, 0)}div.contextmenu>ul.icons{background:#f4f4f4;padding:3px 2px 5px 2px}div.contextmenu>ul.icons>li{display:inline-block}div.contextmenu>ul.icons>li.right{float:right}div.contextmenu>ul.icons>li>a{position:relative;display:block;width:32px;height:32px;cursor:pointer;border-radius:50%;margin:0 3px;transition:background-color 0.3s}div.contextmenu>ul.icons>li>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;background-color:#ccc}div.contextmenu>ul.icons>li>a.hover{background-color:#ededed}div.contextmenu>ul.icons>li>a[data-name='delete']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);-webkit-mask-size:19px}div.contextmenu>ul.icons>li>a[data-name='edit']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg)}div.contextmenu>ul.icons>li>a[data-name='infos']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}div.contextmenu>ul.icons>li>a[data-name='add']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg)}div.contextmenu>ul.icons>li>a[data-name='pin']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-pin.svg);-webkit-mask-size:15px}div.contextmenu>ul.icons>li>a[data-name='unpin']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-unpin.svg);-webkit-mask-size:14px}div.contextmenu>ul.icons>li>a[data-name='showHidden']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-show.svg)}div.contextmenu>ul.icons>li>a[data-name='hide']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg)}div.contextmenu>ul.icons>li>a[data-name='settings']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}div.contextmenu>ul.icons>li>a[data-name='bookmarkManager']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-star.svg)}div.contextmenu>ul.icons>li>a[data-name='keyboardShortcuts']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg);-webkit-mask-size:22px}div.contextmenu>ul.list>li{position:relative}div.contextmenu>ul.list>li>div.checkbox{position:absolute;z-index:2;top:9px;left:9px}div.contextmenu>ul.list>li>div.checkbox+a{padding-left:38px}div.contextmenu>ul.list>li>div.checkbox+a::before{display:none}div.contextmenu>ul.list>li>div.checkbox.hover+a{color:"%colorScheme"}div.contextmenu>ul.list>li>a{position:relative;display:block;line-height:39px;padding:0 10px 0 38px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:color 0.3s}div.contextmenu>ul.list>li>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;background-color:#ccc}div.contextmenu>ul.list>li>a>span{display:inline-block;margin:0 0 0 3px;font-size:80%;opacity:0.8}div.contextmenu>ul.list>li>a::before{transition:background-color 0.3s, opacity 0.3s;width:39px;height:39px}div.contextmenu>ul.list>li>a.hover{color:"%colorScheme"}div.contextmenu>ul.list>li>a.hover::before{background-color:"%colorScheme";opacity:0.8}div.contextmenu>ul.list>li>a[data-name='reload']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.contextmenu>ul.list>li>a[data-name='closeAll']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg)}div.contextmenu>ul.list>li>a[data-name='newTab']::before,div.contextmenu>ul.list>li>a[data-name='openChildren']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newTab.svg)}div.contextmenu>ul.list>li>a[data-name='newWindow']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newWindow.svg)}div.contextmenu>ul.list>li>a[data-name='newIncognito']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-incognito.svg)}div.contextmenu>ul.list>li>a[data-name='delete']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg)}div.contextmenu>ul.list>li>a[data-name='updateUrls']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.contextmenu>ul.list>li>a[data-name='showInDir']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-showInDir.svg)}section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'],section#sidebar[data-pos='right'] div.contextmenu[data-type='sort']{right:0}html[dir='rtl'] div.contextmenu[data-type='list'],html[dir='rtl'] div.contextmenu[data-type='separator']{margin:0 10px 0 0}html[dir='rtl'] div.contextmenu[data-type='menu'],html[dir='rtl'] div.contextmenu[data-type='sort']{left:0;right:unset}html[dir='rtl'] div.contextmenu>ul.icons>li.right{float:left}html[dir='rtl'] div.contextmenu>ul.list>li>div.checkbox{left:unset;right:9px}html[dir='rtl'] div.contextmenu>ul.list>li>div.checkbox+a{padding-left:0;padding-right:38px}html[dir='rtl'] div.contextmenu>ul.list>li>a{padding:0 38px 0 10px}html[dir='rtl'] div.contextmenu>ul.list>li>a>span{margin:0 3px 0 0}html[dir='rtl'] div.contextmenu>ul.list>li>a::before{transform:scaleX(-1);left:unset;right:0}html[dir='rtl'] div.contextmenu>ul.list>li>a[data-name='reload']::before{transform:scaleX(1)}html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='menu']{right:unset;left:-93px}html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='sort']{right:unset;left:-57px}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a{transition:opacity 0.3s}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a.hover{color:"%textColor";opacity:1}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a.hover::before{background-color:"%textColor";opacity:0.8}body.dark div.contextmenu{background:#4d4d4d;box-shadow:0 10px 40px rgba(0,0,0,0.4)}body.dark div.contextmenu>ul.list>li>a{transition:opacity 0.3s;opacity:0.7}body.dark div.contextmenu>ul.list>li>a::before{background-color:#999}body.dark div.contextmenu>ul.list>li>a.hover{color:"%textColor";opacity:1}body.dark div.contextmenu>ul.list>li>a.hover::before{background-color:"%textColor";opacity:0.8}body.dark div.contextmenu>ul.icons{background:#555}body.dark div.contextmenu>ul.icons>li>a::before{background-color:#999}body.dark div.contextmenu>ul.icons>li>a.hover{background-color:#616161}div.tooltip{position:absolute;background:#444;border-radius:2px;color:#fff;padding:2px 4px 3px;max-width:300px;font-size:"%tooltipFontSize";z-index:2;transform:translate3d(-5px, 0, 0);transition:opacity 0.3s, transform 0.3s}div.tooltip.visible{transform:translate3d(0, 0, 0) !important}div.tooltip>h3[data-num]::after{content:" " attr(data-num)}div.tooltip::before{content:"";position:absolute;top:calc(50% - 6px);left:-12px;border:6px solid transparent;border-right-color:#444}div.tooltip>h3{font-weight:"%fontWeightNormal"}div.tooltip>span{opacity:0.7;word-wrap:break-word}section#sidebar[data-pos='right'] ~ div.tooltip{transform:translate3d(5px, 0, 0)}section#sidebar[data-pos='right'] ~ div.tooltip::before{left:auto;right:-12px;border-right-color:transparent;border-left-color:#444}body.dark div.tooltip{color:#eee;background:#222}body.dark div.tooltip::before{border-right-color:#222}body.dark section#sidebar[data-pos='right'] ~ div.tooltip::before{border-left-color:#222}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}body{width:100%;height:100%;overflow:hidden}body.noAnimations *,body.noAnimations *::before,body.noAnimations *::after{transition:none !important}body>textarea{position:fixed;top:0;left:0;width:50px;height:50px;z-index:-1}a.dragHelper{display:flex;align-items:center;font-size:"%bookmarksFontSize";line-height:"%bookmarksLineHeight";padding:0 "%bookmarksHorizontalPadding";white-space:nowrap;cursor:pointer;transition:background 0.3s, color 0.3s;position:absolute;background:"%hoverColor";padding-right:46px;box-shadow:3px 3px 20px rgba(0,0,0,0.3);transition:none;z-index:3}a.dragHelper.hover:not(.separator){background:"%hoverColor"}a.dragHelper.dragHover{background:"%hoverColor"}a.dragHelper.mark{background:"%colorScheme";color:#fff}a.dragHelper.active{font-weight:"%fontWeightMedium"}a.dragHelper.dir{font-weight:"%fontWeightBold"}a.dragHelper.separator{height:"%bookmarksLineHeight";cursor:default}a.dragHelper.separator>span.label{position:relative;width:100%;height:100%}a.dragHelper.separator>span.label::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15)}a.dragHelper>span.removeMask{position:absolute;top:0;right:0;width:100%;height:100%;background:#ddd;padding:0 "%bookmarksHorizontalPadding";transform:translateX(100%);transition:transform 0.3s}a.dragHelper>span.removeMask>em{font-style:italic}a.dragHelper>span.removeMask>span{pointer-events:auto;cursor:pointer;float:right}a.dragHelper.removed{pointer-events:none}a.dragHelper.removed>span.removeMask{transform:translateX(0) !important}a.dragHelper>span.copied{position:absolute;top:-20px;left:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);background:#5eba7d;color:#fff;font-size:80%;font-weight:"%fontWeightBold";line-height:normal;padding:3px 5px;pointer-events:none;opacity:0;transform:translate3d(0, 5px, 0);transition:opacity 0.3s, transform 0.3s}a.dragHelper>span.copied::after{content:"";position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;border:5px solid transparent;border-top-color:#5eba7d}a.dragHelper.copied{background:rgba(94,186,125,0.2) !important}a.dragHelper.copied>span.copied{opacity:1;transform:translate3d(0, 0, 0)}a.dragHelper>img,a.dragHelper>span.icon{position:relative;display:inline-block;width:"%bookmarksIconSize";height:"%bookmarksIconSize";margin:0 "%bookmarksHorizontalPadding" 0 0;pointer-events:none;flex-shrink:0}a.dragHelper>img{visibility:hidden}a.dragHelper>img[src]{visibility:visible}a.dragHelper.dir>span.icon{width:"%directoriesIconSize";height:"%directoriesIconSize"}a.dragHelper.dir>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%directoriesIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}a.dragHelper.link>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%bookmarksIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:transparent}a.dragHelper.link>span.icon[data-color='1']::before{background-color:#37bf99}a.dragHelper.link>span.icon[data-color='2']::before{background-color:#d737d5}a.dragHelper.link>span.icon[data-color='3']::before{background-color:#3e6bf2}a.dragHelper.link>span.icon[data-color='4']::before{background-color:#f4572f}a.dragHelper.link>span.icon[data-color='5']::before{background-color:#f74b58}a.dragHelper.link>span.icon[data-color='6']::before{background-color:#f5a2bf}a.dragHelper.link>span.icon[data-color='7']::before{background-color:#1a90ba}a.dragHelper.link>span.icon[data-color='8']::before{background-color:#b4bd0e}a.dragHelper.link>span.icon[data-color='9']::before{background-color:#fdde32}a.dragHelper.link>span.icon[data-color='10']::before{background-color:#8ccbce}a.dragHelper>span.label{position:relative;text-overflow:ellipsis;overflow:hidden;pointer-events:none}a.dragHelper>span.label::after{content:"\200B"}a.dragHelper>span.label[data-num]::after{content:" " attr(data-num)}a.dragHelper>span.drag{display:none;position:absolute;top:0;bottom:0;right:15px;margin:auto;width:"%bookmarksLineHeight";height:"%bookmarksLineHeight";max-width:24px;max-height:24px;border-radius:2px;cursor:pointer;background-color:rgba(0,0,0,0.05);transition:background-color 0.5s, opacity 0.5s}a.dragHelper>span.drag::before{transition:inherit}a.dragHelper>span.drag:hover{background-color:rgba(0,0,0,0.125)}a.dragHelper>span.drag{display:block;background-color:rgba(0,0,0,0.1)}a.dragHelper>span.drag::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#888}a.dragHelper.snap{transition:0.2s;box-shadow:none;background:#fff}section#sidebar{position:relative;width:"%sidebarWidth";background:#fff;box-shadow:15px 0 50px rgba(0,0,0,0.15);height:100%;display:flex;float:left;flex-direction:column;user-select:none;transition:background 0.3s;z-index:2}section#sidebar.permanent{box-shadow:none !important;border-style:solid;border-width:0 1px 0 0;border-color:rgba(0,0,0,0.15)}section#sidebar[data-pos='right']{float:right;box-shadow:-15px 0 50px rgba(0,0,0,0.15)}section#sidebar[data-pos='right'].permanent{border-width:0 0 0 1px}section#sidebar>header{position:relative;display:flex;align-items:center;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;width:100%;height:"%sidebarHeaderHeight";padding:0 12px;background:"%colorScheme";transition:background 0.3s;box-shadow:0 6px 12px -3px rgba(0,0,0,0.2);overflow:hidden;flex-shrink:0;z-index:3}section#sidebar>header>h1{color:"%foregroundColor";font-weight:"%fontWeightMedium";margin-right:auto;font-size:100%;transition:transform 0.5s}section#sidebar>header>h1.hidden{display:none}section#sidebar>header>h1>strong{font-weight:"%fontWeightNormal";font-size:150%}section#sidebar>header>h1>span{opacity:0.7;font-size:90%;display:inline-block;line-height:normal;margin:0 0 0 3px}section#sidebar>header>h1>span.hidden{display:none}section#sidebar>header>a{position:relative;display:block;width:34px;height:34px;border-radius:50%;cursor:pointer;transition:background-color 0.3s, transform 0.3s, opacity 0.5s}section#sidebar>header>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%foregroundColor"}section#sidebar>header>a:hover,section#sidebar>header>a.active{background-color:rgba(255,255,255,0.2)}section#sidebar>header>a.menu{margin-right:-2px}section#sidebar>header>div.searchBox{position:absolute;top:0;bottom:0;margin:auto;left:16px;width:calc(100% - 105px);height:30px;background-color:rgba(255,255,255,0.2);transform:translate3d(20px, 0, 0);transition:transform 0.3s, opacity 0.3s}section#sidebar>header>div.searchBox>input[type='text']{vertical-align:top;display:inline-block;height:100%;width:calc(100% - 30px);outline:none;border:0;background:transparent;color:"%foregroundColor";padding:0 7px}section#sidebar>header>div.searchBox>input[type='text']::-webkit-input-placeholder{color:"%foregroundColor";opacity:0.7}section#sidebar>header>div.searchBox>a.searchClose{position:relative;vertical-align:top;display:inline-block;height:30px;width:30px;cursor:pointer;transition:background-color 0.3s}section#sidebar>header>div.searchBox>a.searchClose:hover{background-color:rgba(255,255,255,0.2)}section#sidebar>header.searchVisible>h1{transform:translate3d(-200%, 0, 0);pointer-events:none;transition:transform 0.5s}section#sidebar>header.searchVisible>div.searchBox{transform:translate3d(0, 0, 0);transition:transform 0.5s 0.1s, opacity 0.5s 0.1s}section#sidebar>a.lockPinned{position:absolute;top:"%sidebarHeaderHeight";right:-22px;display:block;margin-top:9px;width:18px;height:45px;background:#fff;border-radius:10px;transition:transform 0.5s, opacity 0.5s;transform:translate3d(-7px, 0, 0);box-shadow:2px 2px 20px rgba(0,0,0,0.3);cursor:pointer}section#sidebar>a.lockPinned>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-lock.svg);background-color:"%textColor"}section#sidebar>a.lockPinned::before,section#sidebar>a.lockPinned::after{content:"";position:absolute;left:5px;border:4px solid transparent;opacity:0.5}section#sidebar>a.lockPinned::before{top:0;border-bottom-color:"%textColor"}section#sidebar>a.lockPinned::after{bottom:0;border-top-color:"%textColor"}section#sidebar>a.lockPinned.active{transform:translate3d(0, 0, 0) !important}section#sidebar>a.lockPinned.fixed>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-unlock.svg)}section#sidebar[data-pos='right']>a.lockPinned{right:auto;left:-22px;transform:translate3d(7px, 0, 0)}section#sidebar>div.filter{position:absolute;display:flex;align-content:flex-start;top:"%sidebarHeaderHeight";left:0;right:0;margin:auto;width:calc(100% - 22px);background:#f5f5f5;padding:10px "%bookmarksHorizontalPadding" 5px;border-radius:0 0 5px 5px;transition:transform 0.3s, box-shadow 0.3s;z-index:2}section#sidebar>div.filter.hidden{display:none}section#sidebar>div.filter>a[data-direction]{position:relative;display:inline-block;cursor:pointer;margin:0 10px 5px 0;padding-left:18px}section#sidebar>div.filter>a[data-direction]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-arrow-up.svg);background-color:"%textColor"}section#sidebar>div.filter>a[data-direction]::before{width:14px;height:14px;margin:1px 0 0 0;transition:transform 0.5s}section#sidebar>div.filter>a[data-direction][data-direction="DESC"]::before{transform:rotateZ(180deg)}section#sidebar>div.filter>ul{float:right;margin-bottom:5px}section#sidebar>div.filter>ul>li{position:relative}section#sidebar>div.filter>ul>li+li{margin-top:5px}section#sidebar>div.filter>ul>li>div.checkbox{position:absolute;z-index:2;width:16px;height:16px;top:0;left:0}section#sidebar>div.filter>ul>li>div.checkbox::before{-webkit-mask-size:18px}section#sidebar>div.filter>ul>li>div.checkbox+a{padding-left:22px;cursor:pointer}section#sidebar>div.filter>ul>li>div.checkbox+a::before{display:none}section#sidebar>div.filter::after{content:"";display:block;clear:both}section#sidebar>div.scrollBox{display:none}section#sidebar>div.scrollBox.active{display:block}section#sidebar>div.scrollBox>p{font-size:120%;padding:30px 20px;font-style:italic;max-width:350px;margin:0 auto}section#sidebar>div.scrollBox.scrolled ~ div.filter{box-shadow:0px 3px 15px rgba(0,0,0,0.2)}section#sidebar>div.scrollBox.scrolled:not([data-direction='up']) ~ div.filter{transform:translate3d(0, -100%, 0);box-shadow:none}section#sidebar>div.scrollBox>ul,section#sidebar>div.scrollBox>div.pinned>ul{position:relative;margin:9px 0;z-index:1}section#sidebar>div.scrollBox>ul a,section#sidebar>div.scrollBox>div.pinned>ul a{display:flex;align-items:center;font-size:"%bookmarksFontSize";line-height:"%bookmarksLineHeight";padding:0 "%bookmarksHorizontalPadding";white-space:nowrap;cursor:pointer;transition:background 0.3s, color 0.3s;position:relative}section#sidebar>div.scrollBox>ul a.hover:not(.separator),section#sidebar>div.scrollBox>div.pinned>ul a.hover:not(.separator){background:"%hoverColor"}section#sidebar>div.scrollBox>ul a.dragHover,section#sidebar>div.scrollBox>div.pinned>ul a.dragHover{background:"%hoverColor"}section#sidebar>div.scrollBox>ul a.mark,section#sidebar>div.scrollBox>div.pinned>ul a.mark{background:"%colorScheme";color:#fff}section#sidebar>div.scrollBox>ul a.active,section#sidebar>div.scrollBox>div.pinned>ul a.active{font-weight:"%fontWeightMedium"}section#sidebar>div.scrollBox>ul a.dir,section#sidebar>div.scrollBox>div.pinned>ul a.dir{font-weight:"%fontWeightBold"}section#sidebar>div.scrollBox>ul a.separator,section#sidebar>div.scrollBox>div.pinned>ul a.separator{height:"%bookmarksLineHeight";cursor:default}section#sidebar>div.scrollBox>ul a.separator>span.label,section#sidebar>div.scrollBox>div.pinned>ul a.separator>span.label{position:relative;width:100%;height:100%}section#sidebar>div.scrollBox>ul a.separator>span.label::after,section#sidebar>div.scrollBox>div.pinned>ul a.separator>span.label::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15)}section#sidebar>div.scrollBox>ul a>span.removeMask,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask{position:absolute;top:0;right:0;width:100%;height:100%;background:#ddd;padding:0 "%bookmarksHorizontalPadding";transform:translateX(100%);transition:transform 0.3s}section#sidebar>div.scrollBox>ul a>span.removeMask>em,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>em{font-style:italic}section#sidebar>div.scrollBox>ul a>span.removeMask>span,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>span{pointer-events:auto;cursor:pointer;float:right}section#sidebar>div.scrollBox>ul a.removed,section#sidebar>div.scrollBox>div.pinned>ul a.removed{pointer-events:none}section#sidebar>div.scrollBox>ul a.removed>span.removeMask,section#sidebar>div.scrollBox>div.pinned>ul a.removed>span.removeMask{transform:translateX(0) !important}section#sidebar>div.scrollBox>ul a>span.copied,section#sidebar>div.scrollBox>div.pinned>ul a>span.copied{position:absolute;top:-20px;left:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);background:#5eba7d;color:#fff;font-size:80%;font-weight:"%fontWeightBold";line-height:normal;padding:3px 5px;pointer-events:none;opacity:0;transform:translate3d(0, 5px, 0);transition:opacity 0.3s, transform 0.3s}section#sidebar>div.scrollBox>ul a>span.copied::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.copied::after{content:"";position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;border:5px solid transparent;border-top-color:#5eba7d}section#sidebar>div.scrollBox>ul a.copied,section#sidebar>div.scrollBox>div.pinned>ul a.copied{background:rgba(94,186,125,0.2) !important}section#sidebar>div.scrollBox>ul a.copied>span.copied,section#sidebar>div.scrollBox>div.pinned>ul a.copied>span.copied{opacity:1;transform:translate3d(0, 0, 0)}section#sidebar>div.scrollBox>ul a>img,section#sidebar>div.scrollBox>ul a>span.icon,section#sidebar>div.scrollBox>div.pinned>ul a>img,section#sidebar>div.scrollBox>div.pinned>ul a>span.icon{position:relative;display:inline-block;width:"%bookmarksIconSize";height:"%bookmarksIconSize";margin:0 "%bookmarksHorizontalPadding" 0 0;pointer-events:none;flex-shrink:0}section#sidebar>div.scrollBox>ul a>img,section#sidebar>div.scrollBox>div.pinned>ul a>img{visibility:hidden}section#sidebar>div.scrollBox>ul a>img[src],section#sidebar>div.scrollBox>div.pinned>ul a>img[src]{visibility:visible}section#sidebar>div.scrollBox>ul a.dir>span.icon,section#sidebar>div.scrollBox>div.pinned>ul a.dir>span.icon{width:"%directoriesIconSize";height:"%directoriesIconSize"}section#sidebar>div.scrollBox>ul a.dir>span.icon::before,section#sidebar>div.scrollBox>div.pinned>ul a.dir>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%directoriesIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}section#sidebar>div.scrollBox>ul a.link>span.icon::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%bookmarksIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:transparent}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='1']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='1']::before{background-color:#37bf99}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='2']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='2']::before{background-color:#d737d5}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='3']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='3']::before{background-color:#3e6bf2}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='4']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='4']::before{background-color:#f4572f}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='5']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='5']::before{background-color:#f74b58}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='6']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='6']::before{background-color:#f5a2bf}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='7']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='7']::before{background-color:#1a90ba}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='8']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='8']::before{background-color:#b4bd0e}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='9']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='9']::before{background-color:#fdde32}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='10']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='10']::before{background-color:#8ccbce}section#sidebar>div.scrollBox>ul a>span.label,section#sidebar>div.scrollBox>div.pinned>ul a>span.label{position:relative;text-overflow:ellipsis;overflow:hidden;pointer-events:none}section#sidebar>div.scrollBox>ul a>span.label::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.label::after{content:"\200B"}section#sidebar>div.scrollBox>ul a>span.label[data-num]::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.label[data-num]::after{content:" " attr(data-num)}section#sidebar>div.scrollBox>ul a>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag{display:none;position:absolute;top:0;bottom:0;right:15px;margin:auto;width:"%bookmarksLineHeight";height:"%bookmarksLineHeight";max-width:24px;max-height:24px;border-radius:2px;cursor:pointer;background-color:rgba(0,0,0,0.05);transition:background-color 0.5s, opacity 0.5s}section#sidebar>div.scrollBox>ul a>span.drag::before,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag::before{transition:inherit}section#sidebar>div.scrollBox>ul a>span.drag:hover,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag:hover{background-color:rgba(0,0,0,0.125)}section#sidebar>div.scrollBox>ul a+ul,section#sidebar>div.scrollBox>div.pinned>ul a+ul{padding-left:"%bookmarksDirIndentation";height:0;overflow:hidden}section#sidebar>div.scrollBox>ul a.opened+ul,section#sidebar>div.scrollBox>div.pinned>ul a.opened+ul{height:auto}section#sidebar>div.scrollBox>ul a.opened:not(.animated)+ul,section#sidebar>div.scrollBox>div.pinned>ul a.opened:not(.animated)+ul{overflow:visible}section#sidebar>div.scrollBox>ul li.hidden>a,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a{opacity:0.3;font-style:italic}section#sidebar>div.scrollBox>ul li.hidden>a:hover,section#sidebar>div.scrollBox>ul li.hidden>a.active,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a:hover,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a.active{opacity:0.5}section#sidebar>div.scrollBox>ul li.isDragged,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged{width:calc(100% - 5px);border:3px dashed rgba(0,0,0,0.2);pointer-events:none}section#sidebar>div.scrollBox>ul li.isDragged>a,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged>a{visibility:hidden;line-height:calc(%bookmarksLineHeight - 6px)}section#sidebar>div.scrollBox>ul li.isDragged>a>img,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged>a>img{visibility:hidden}section#sidebar>div.scrollBox>ul li.dragInitial,section#sidebar>div.scrollBox>div.pinned>ul li.dragInitial{display:none}section#sidebar>div.scrollBox>ul.hideRoot>li>a,section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>a{display:none}section#sidebar>div.scrollBox>ul.hideRoot>li>ul,section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>ul{padding-left:0}section#sidebar>div.scrollBox>div.pinned{position:relative;background-color:#fff;margin:0 0 9px 0;padding-top:9px;z-index:2}section#sidebar>div.scrollBox>div.pinned.hidden{display:none}section#sidebar>div.scrollBox>div.pinned.fixed{position:sticky;top:0}section#sidebar>div.scrollBox>div.pinned::after{content:"";display:block;height:1px;margin:7px "%bookmarksHorizontalPadding";background:rgba(0,0,0,0.15)}section#sidebar>div.scrollBox>div.pinned>ul{margin:0}section#sidebar.openedOnce>header>a.search::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg)}section#sidebar.openedOnce>header>a.sort::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-sort.svg)}section#sidebar.openedOnce>header>a.menu::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-menu-1.svg)}section#sidebar.openedOnce>header>div.searchBox>a.searchClose::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:"%foregroundColor"}section#sidebar.openedOnce>div.scrollBox a>span.drag::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#aaa}section#sidebar.openedOnce>div.scrollBox a>span.drag:hover::before{background-color:#888}section#sidebar[data-sort='custom']>div.scrollBox a:hover{padding-right:46px}section#sidebar[data-sort='custom']>div.scrollBox a>span.drag{display:block !important}section#sidebar.loading>svg.loading{position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}div#shareInfo,div#reloadInfo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background:#fff;overflow:auto;display:flex;transition:opacity 0.3s}div#shareInfo>div,div#reloadInfo>div{padding:20px;text-align:center;margin:auto;color:"%textColor"}div#shareInfo>div>h2,div#reloadInfo>div>h2{font-size:250%;font-weight:"%fontWeightNormal";margin-bottom:50px}div#shareInfo>div>p,div#reloadInfo>div>p{font-size:120%;line-height:150%;margin:20px 0}div#shareInfo>div>p>strong,div#reloadInfo>div>p>strong{text-decoration:underline}div#shareInfo>div>label,div#reloadInfo>div>label{display:block;text-align:center;font-size:120%;margin-top:40px}div#shareInfo>div>label>a,div#reloadInfo>div>label>a{position:relative;display:inline-block;width:26px;height:26px;vertical-align:top;margin:-3px 0 0 5px;border-radius:50%;cursor:pointer;transition:background 0.5s}div#shareInfo>div>label>a::before,div#reloadInfo>div>label>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div#shareInfo>div>label>a:hover,div#reloadInfo>div>label>a:hover{background:"%hoverColor"}div#shareInfo>div>div.checkbox,div#reloadInfo>div>div.checkbox{margin:20px auto 0}div#shareInfo>div>a,div#reloadInfo>div>a{position:relative;font-size:120%;color:"%textColor";display:inline-block;margin:40px 20px 0;font-weight:"%fontWeightBold";padding:5px 10px;transition:background 0.5s;border-radius:2px;cursor:pointer;z-index:2}div#shareInfo>div>a:hover,div#reloadInfo>div>a:hover{background:"%hoverColor"}div#reloadInfo>div{position:relative;padding-top:90px}div#reloadInfo>div::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/64px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:"%textColor"}div#reloadInfo>div::before{-webkit-mask-position-y:0}body.dragCancel *{cursor:no-drop !important}body.dragCancel section#sidebar>div.scrollBox ul li.isDragged{display:none}html[dir='rtl'] a.dragHelper{padding-right:"%bookmarksHorizontalPadding";padding-left:46px}html[dir='rtl'] a.dragHelper>span.copied{left:unset;right:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px)}html[dir='rtl'] a.dragHelper>img,html[dir='rtl'] a.dragHelper>span.icon{margin:0 0 0 "%bookmarksHorizontalPadding"}html[dir='rtl'] a.dragHelper>span.removeMask{transform:translateX(-100%)}html[dir='rtl'] a.dragHelper>span.removeMask>span{float:left}html[dir='rtl'] a.dragHelper>span.drag{right:unset;left:15px}html[dir='rtl'] section#sidebar>header>h1{margin-left:auto;margin-right:unset}html[dir='rtl'] section#sidebar>header>a:not(.search)::before{transform:scaleX(-1)}html[dir='rtl'] section#sidebar>header>div.searchBox{left:auto;right:16px}html[dir='rtl'] section#sidebar>header.searchVisible>h1{transform:translate3d(200%, 0, 0)}html[dir='rtl'] section#sidebar>a.lockPinned>span::before{transform:scaleX(-1)}html[dir='rtl'] section#sidebar>div.filter>a[data-direction]{margin-left:10px;margin-right:0;padding-left:0;padding-right:18px}html[dir='rtl'] section#sidebar>div.filter>a[data-direction]::before{left:unset;right:0}html[dir='rtl'] section#sidebar>div.filter>ul>li>div.checkbox{left:unset;right:0}html[dir='rtl'] section#sidebar>div.filter>ul>li>div.checkbox+a{padding-left:unset;padding-right:22px}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.copied,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.copied{left:unset;right:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px)}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>img,html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.icon,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>img,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.icon{margin:0 0 0 "%bookmarksHorizontalPadding"}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.removeMask,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask{transform:translateX(-100%)}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.removeMask>span,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>span{float:left}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.drag,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.drag{right:unset;left:15px}html[dir='rtl'] section#sidebar>div.scrollBox>ul a+ul,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a+ul{padding-left:unset;padding-right:"%bookmarksDirIndentation"}html[dir='rtl'] section#sidebar>div.scrollBox>ul.hideRoot>li>ul,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>ul{padding-left:0;padding-right:0}html[dir='rtl'] section#sidebar[data-sort='custom']>div.scrollBox a:hover{padding-right:"%bookmarksHorizontalPadding";padding-left:46px}html[dir='rtl'] div#shareInfo>div>label>a,html[dir='rtl'] div#reloadInfo>div>label>a{margin-right:5px;margin-left:unset}body.highContrast:not(.dark) section#sidebar>header>a:hover,body.highContrast:not(.dark) section#sidebar>header>a.active{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) section#sidebar>header>div.searchBox{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) section#sidebar>header>div.searchBox>a.searchClose:hover{background-color:rgba(0,0,0,0.07)}body.dark section#sidebar{background:#3d3d3d}body.dark section#sidebar.permanent{border-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.filter{background:#4d4d4d}body.dark section#sidebar>a.lockPinned{background:#3d3d3d;box-shadow:1px 1px 15px rgba(0,0,0,0.2)}body.dark section#sidebar>div.scrollBox>div.pinned{background-color:#3d3d3d}body.dark section#sidebar>div.scrollBox>div.pinned::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar>div.scrollBox>ul li.isDragged{width:calc(100% - 5px);border-color:rgba(255,255,255,0.2)}body.dark section#sidebar>div.scrollBox>ul a.separator>span.label::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar>div.scrollBox>ul a>span.removeMask{background:#666}body.dark section#sidebar>div.scrollBox>ul a>span.drag{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.scrollBox>ul a>span.drag::before{background-color:#bbb}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover{background-color:rgba(255,255,255,0.25) !important}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover::before{background-color:#eee}body.dark section#sidebar>div.scrollBox>ul a>span.drag::before{background-color:#bbb}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover::before{background-color:#eee}body.dark section#sidebar ~ a.dragHelper.separator>span.label::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar ~ a.dragHelper>span.removeMask{background:#666}body.dark section#sidebar ~ a.dragHelper>span.drag{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar ~ a.dragHelper>span.drag::before{background-color:#bbb}body.dark section#sidebar ~ a.dragHelper>span.drag:hover{background-color:rgba(255,255,255,0.25) !important}body.dark section#sidebar ~ a.dragHelper>span.drag:hover::before{background-color:#eee}body.dark div#shareInfo,body.dark div#reloadInfo{background:#3d3d3d} +div.contextmenu,div.tooltip,a.dragHelper>span.drag,section#sidebar>header>div.searchBox,section#sidebar>header.searchVisible>a.search,section#sidebar>a.lockPinned,section#sidebar>div.scrollBox>ul a>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag,section#sidebar.loading>div.scrollBox,section#sidebar.loading>div.filter,div#shareInfo.hidden,div#reloadInfo.hidden{opacity:0;pointer-events:none}div.contextmenu.visible,div.tooltip.visible,a.dragHelper:hover>span.drag,section#sidebar>header.searchVisible>div.searchBox,section#sidebar>a.lockPinned.active,section#sidebar>div.scrollBox>ul a:hover>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a:hover>span.drag{opacity:1;pointer-events:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:100.53096}50%{stroke-dashoffset:25.13274;transform:rotate(135deg)}100%{stroke-dashoffset:100.53096;transform:rotate(450deg)}}svg.loading{position:relative;display:block;width:36px;height:36px;animation:rotator 1.5s linear infinite}svg.loading>circle{stroke-dasharray:100.53096;stroke-dashoffset:0;transform-origin:center;stroke:"%colorScheme";animation:dash 1.5s ease-in-out infinite}body.dark svg.loading>circle{stroke:"%textColor"}body.highContrast:not(.dark) svg.loading>circle{stroke:"%textColor"}.scrollBox{position:relative;overflow-y:scroll;overflow-x:hidden;outline:none;background-color:#ccc;-webkit-background-clip:text;transition:background-color 0.3s}.scrollBox::-webkit-scrollbar{width:"%scrollBarWidth";background:transparent}.scrollBox::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid transparent;background-clip:content-box;background-color:inherit}.scrollBox::-webkit-scrollbar-track{background:transparent;border-radius:20px}.scrollBox.hideScrollbar{background-color:transparent !important}body.dark .scrollBox{background-color:#999}div.contextmenu{position:absolute;top:0;min-width:240px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,0.25);border-radius:2px;overflow:hidden;transform:translate3d(0, -20px, 0);transition:opacity 0.3s, transform 0.3s;z-index:4}div.contextmenu[data-type='list'],div.contextmenu[data-type='separator']{left:-99999px;margin:0 0 0 10px;min-width:260px}div.contextmenu[data-type='menu']{right:-93px;margin-top:-2px}div.contextmenu[data-type='sort']{right:-57px;margin-top:-2px}div.contextmenu.visible{transform:translate3d(0, 0, 0)}div.contextmenu.visible.top{transform:translate3d(0, -40px, 0)}div.contextmenu>ul.icons{background:#f4f4f4;padding:3px 2px 5px 2px}div.contextmenu>ul.icons>li{display:inline-block}div.contextmenu>ul.icons>li.right{float:right}div.contextmenu>ul.icons>li>a{position:relative;display:block;width:32px;height:32px;cursor:pointer;border-radius:50%;margin:0 3px;transition:background-color 0.3s}div.contextmenu>ul.icons>li>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;background-color:#ccc}div.contextmenu>ul.icons>li>a.hover{background-color:#ededed}div.contextmenu>ul.icons>li>a[data-name='delete']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);-webkit-mask-size:19px}div.contextmenu>ul.icons>li>a[data-name='edit']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg)}div.contextmenu>ul.icons>li>a[data-name='infos']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg)}div.contextmenu>ul.icons>li>a[data-name='add']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg)}div.contextmenu>ul.icons>li>a[data-name='pin']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-pin.svg);-webkit-mask-size:15px}div.contextmenu>ul.icons>li>a[data-name='unpin']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-unpin.svg);-webkit-mask-size:14px}div.contextmenu>ul.icons>li>a[data-name='showHidden']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-show.svg)}div.contextmenu>ul.icons>li>a[data-name='hide']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg)}div.contextmenu>ul.icons>li>a[data-name='settings']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg)}div.contextmenu>ul.icons>li>a[data-name='bookmarkManager']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-star.svg)}div.contextmenu>ul.icons>li>a[data-name='keyboardShortcuts']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg);-webkit-mask-size:22px}div.contextmenu>ul.list>li{position:relative}div.contextmenu>ul.list>li>div.checkbox{position:absolute;z-index:2;top:9px;left:9px}div.contextmenu>ul.list>li>div.checkbox+a{padding-left:38px}div.contextmenu>ul.list>li>div.checkbox+a::before{display:none}div.contextmenu>ul.list>li>div.checkbox.hover+a{color:"%colorScheme"}div.contextmenu>ul.list>li>a{position:relative;display:block;line-height:39px;padding:0 10px 0 38px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:color 0.3s}div.contextmenu>ul.list>li>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/20px;background-color:#ccc}div.contextmenu>ul.list>li>a>span{display:inline-block;margin:0 0 0 3px;font-size:80%;opacity:0.8}div.contextmenu>ul.list>li>a::before{transition:background-color 0.3s, opacity 0.3s;width:39px;height:39px}div.contextmenu>ul.list>li>a.hover{color:"%colorScheme"}div.contextmenu>ul.list>li>a.hover::before{background-color:"%colorScheme";opacity:0.8}div.contextmenu>ul.list>li>a[data-name='reload']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.contextmenu>ul.list>li>a[data-name='closeAll']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg)}div.contextmenu>ul.list>li>a[data-name='newTab']::before,div.contextmenu>ul.list>li>a[data-name='openChildren']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newTab.svg)}div.contextmenu>ul.list>li>a[data-name='newWindow']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-newWindow.svg)}div.contextmenu>ul.list>li>a[data-name='newIncognito']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-incognito.svg)}div.contextmenu>ul.list>li>a[data-name='delete']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg)}div.contextmenu>ul.list>li>a[data-name='updateUrls']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg)}div.contextmenu>ul.list>li>a[data-name='showInDir']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-showInDir.svg)}section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'],section#sidebar[data-pos='right'] div.contextmenu[data-type='sort']{right:0}html[dir='rtl'] div.contextmenu[data-type='list'],html[dir='rtl'] div.contextmenu[data-type='separator']{margin:0 10px 0 0}html[dir='rtl'] div.contextmenu[data-type='menu'],html[dir='rtl'] div.contextmenu[data-type='sort']{left:0;right:unset}html[dir='rtl'] div.contextmenu>ul.icons>li.right{float:left}html[dir='rtl'] div.contextmenu>ul.list>li>div.checkbox{left:unset;right:9px}html[dir='rtl'] div.contextmenu>ul.list>li>div.checkbox+a{padding-left:0;padding-right:38px}html[dir='rtl'] div.contextmenu>ul.list>li>a{padding:0 38px 0 10px}html[dir='rtl'] div.contextmenu>ul.list>li>a>span{margin:0 3px 0 0}html[dir='rtl'] div.contextmenu>ul.list>li>a::before{transform:scaleX(-1);left:unset;right:0}html[dir='rtl'] div.contextmenu>ul.list>li>a[data-name='reload']::before{transform:scaleX(1)}html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='menu']{right:unset;left:-93px}html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='sort']{right:unset;left:-57px}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a{transition:opacity 0.3s}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a.hover{color:"%textColor";opacity:1}body.highContrast:not(.dark) div.contextmenu>ul.list>li>a.hover::before{background-color:"%textColor";opacity:0.8}body.dark div.contextmenu{background:#4d4d4d;box-shadow:0 10px 40px rgba(0,0,0,0.4)}body.dark div.contextmenu>ul.list>li>a{transition:opacity 0.3s;opacity:0.7}body.dark div.contextmenu>ul.list>li>a::before{background-color:#999}body.dark div.contextmenu>ul.list>li>a.hover{color:"%textColor";opacity:1}body.dark div.contextmenu>ul.list>li>a.hover::before{background-color:"%textColor";opacity:0.8}body.dark div.contextmenu>ul.icons{background:#555}body.dark div.contextmenu>ul.icons>li>a::before{background-color:#999}body.dark div.contextmenu>ul.icons>li>a.hover{background-color:#616161}div.tooltip{position:absolute;background:#444;border-radius:2px;color:#fff;padding:2px 4px 3px;max-width:300px;font-size:"%tooltipFontSize";z-index:2;transform:translate3d(-5px, 0, 0);transition:opacity 0.3s, transform 0.3s}div.tooltip.visible{transform:translate3d(0, 0, 0) !important}div.tooltip>h3[data-num]::after{content:" " attr(data-num)}div.tooltip::before{content:"";position:absolute;top:calc(50% - 6px);left:-12px;border:6px solid transparent;border-right-color:#444}div.tooltip>h3{font-weight:"%fontWeightNormal"}div.tooltip>span{opacity:0.7;word-wrap:break-word}section#sidebar[data-pos='right'] ~ div.tooltip{transform:translate3d(5px, 0, 0)}section#sidebar[data-pos='right'] ~ div.tooltip::before{left:auto;right:-12px;border-right-color:transparent;border-left-color:#444}body.dark div.tooltip{color:#eee;background:#222}body.dark div.tooltip::before{border-right-color:#222}body.dark section#sidebar[data-pos='right'] ~ div.tooltip::before{border-left-color:#222}div.checkbox{position:relative;cursor:pointer}div.checkbox>input[type='checkbox']{display:none}div.checkbox[data-style="default"]{width:20px;height:20px}div.checkbox[data-style="default"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%textColor"}div.checkbox[data-style="default"]::before{transition:-webkit-mask 0.3s, background-color 0.3s}div.checkbox[data-style="default"][data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg)}div.checkbox[data-style="default"][data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg)}div.checkbox[data-style="default"]::after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(0,0,0,0.5);transition:background 0.2s, box-shadow 0.2s, opacity 0.5s;opacity:0.2}div.checkbox[data-style="default"].focus::after,div.checkbox[data-style="default"].clicked::after{background:rgba(0,0,0,0.5);box-shadow:0 0 0 20px rgba(0,0,0,0.5)}div.checkbox[data-style="default"].clicked::after{opacity:0}div.checkbox[data-style="default"].active::before{background-color:"%colorScheme"}div.checkbox[data-style="default"].active[data-type='checkbox']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg)}div.checkbox[data-style="default"].active[data-type='radio']::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg)}div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%colorScheme"}div.checkbox[data-style="default"].active.focus::after,div.checkbox[data-style="default"].active.clicked::after{background:"%colorScheme";box-shadow:0 0 0 20px "%colorScheme"}div.checkbox[data-style="switch"]{width:32px;height:14px;transition:padding-left 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.2);transition:background 0.2s, opacity 0.2s}div.checkbox[data-style="switch"]::after{content:"";position:relative;display:block;top:-3px;left:-3px;width:20px;height:20px;background-color:#fff;transition:background-color 0.2s;box-shadow:1px 1px 7px rgba(0,0,0,0.4);border-radius:50%}div.checkbox[data-style="switch"].active{padding-left:18px}div.checkbox[data-style="switch"].active::before{opacity:0.4}div.checkbox[data-style="switch"].active::before,div.checkbox[data-style="switch"].active::after{background-color:"%colorScheme"}html[dir='rtl'] div.checkbox[data-style="switch"]{transition:padding-right 0.2s, opacity 0.2s}html[dir='rtl'] div.checkbox[data-style="switch"]::after{left:unset;right:-3px;box-shadow:-1px 1px 7px rgba(0,0,0,0.4)}html[dir='rtl'] div.checkbox[data-style="switch"].active{padding-left:unset;padding-right:18px}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after,body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before,body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after{background-color:"%textColor"}body.dark div.checkbox[data-style="default"]::after{box-shadow:0 0 0 0 rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].focus::after,body.dark div.checkbox[data-style="default"].clicked::after{background:rgba(255,255,255,0.5);box-shadow:0 0 0 20px rgba(255,255,255,0.5)}body.dark div.checkbox[data-style="default"].active::before{background-color:"%textColor"}body.dark div.checkbox[data-style="default"].active::after{box-shadow:0 0 0 0 "%textColor"}body.dark div.checkbox[data-style="default"].active.focus::after,body.dark div.checkbox[data-style="default"].active.clicked::after{background:"%textColor";box-shadow:0 0 0 20px "%textColor"}body.dark div.checkbox[data-style="switch"]::before{background:rgba(255,255,255,0.15)}body.dark div.checkbox[data-style="switch"]::after{background-color:#aaa}body.dark div.checkbox[data-style="switch"].active::before,body.dark div.checkbox[data-style="switch"].active::after{background-color:#fff}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea,select,button{font-size:14px;font-family:"%fontFamily",sans-serif;color:"%textColor";font-weight:"%fontWeightNormal"}ul{list-style:none}strong{font-weight:"%fontWeightBold"}a{color:"%textColor";text-decoration:none}body{width:100%;height:100%;overflow:hidden}body.noAnimations *,body.noAnimations *::before,body.noAnimations *::after{transition:none !important}body>textarea{position:fixed;top:0;left:0;width:50px;height:50px;z-index:-1}a.dragHelper{display:flex;align-items:center;font-size:"%bookmarksFontSize";line-height:"%bookmarksLineHeight";padding:0 "%bookmarksHorizontalPadding";white-space:nowrap;cursor:pointer;transition:background 0.3s, color 0.3s;position:absolute;background:"%hoverColor";padding-right:46px;box-shadow:3px 3px 20px rgba(0,0,0,0.3);transition:none;z-index:3}a.dragHelper.hover:not(.separator){background:"%hoverColor"}a.dragHelper.dragHover{background:"%hoverColor"}a.dragHelper.mark{background:"%colorScheme";color:#fff}a.dragHelper.active{font-weight:"%fontWeightMedium"}a.dragHelper.dir{font-weight:"%fontWeightBold"}a.dragHelper.separator{height:"%bookmarksLineHeight";cursor:default}a.dragHelper.separator>span.label{position:relative;width:100%;height:100%}a.dragHelper.separator>span.label::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15)}a.dragHelper>span.removeMask{position:absolute;top:0;right:0;width:100%;height:100%;background:#ddd;padding:0 "%bookmarksHorizontalPadding";transform:translateX(100%);transition:transform 0.3s}a.dragHelper>span.removeMask>em{font-style:italic}a.dragHelper>span.removeMask>span{pointer-events:auto;cursor:pointer;float:right}a.dragHelper.removed{pointer-events:none}a.dragHelper.removed>span.removeMask{transform:translateX(0) !important}a.dragHelper>span.copied{position:absolute;top:-20px;left:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);background:#5eba7d;color:#fff;font-size:80%;font-weight:"%fontWeightBold";line-height:normal;padding:3px 5px;pointer-events:none;opacity:0;transform:translate3d(0, 5px, 0);transition:opacity 0.3s, transform 0.3s}a.dragHelper>span.copied::after{content:"";position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;border:5px solid transparent;border-top-color:#5eba7d}a.dragHelper.copied{background:rgba(94,186,125,0.2) !important}a.dragHelper.copied>span.copied{opacity:1;transform:translate3d(0, 0, 0)}a.dragHelper>img,a.dragHelper>span.icon{position:relative;display:inline-block;width:"%bookmarksIconSize";height:"%bookmarksIconSize";margin:0 "%bookmarksHorizontalPadding" 0 0;pointer-events:none;flex-shrink:0}a.dragHelper>img{visibility:hidden}a.dragHelper>img[src]{visibility:visible}a.dragHelper.dir>span.icon{width:"%directoriesIconSize";height:"%directoriesIconSize"}a.dragHelper.dir>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%directoriesIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}a.dragHelper.link>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%bookmarksIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:rgba(0,0,0,0)}a.dragHelper.link>span.icon[data-color='1']::before{background-color:#37bf99}a.dragHelper.link>span.icon[data-color='2']::before{background-color:#d737d5}a.dragHelper.link>span.icon[data-color='3']::before{background-color:#3e6bf2}a.dragHelper.link>span.icon[data-color='4']::before{background-color:#f4572f}a.dragHelper.link>span.icon[data-color='5']::before{background-color:#f74b58}a.dragHelper.link>span.icon[data-color='6']::before{background-color:#f5a2bf}a.dragHelper.link>span.icon[data-color='7']::before{background-color:#1a90ba}a.dragHelper.link>span.icon[data-color='8']::before{background-color:#b4bd0e}a.dragHelper.link>span.icon[data-color='9']::before{background-color:#fdde32}a.dragHelper.link>span.icon[data-color='10']::before{background-color:#8ccbce}a.dragHelper>span.label{position:relative;text-overflow:ellipsis;overflow:hidden;pointer-events:none}a.dragHelper>span.label::after{content:"\200B"}a.dragHelper>span.label[data-num]::after{content:" " attr(data-num)}a.dragHelper>span.drag{display:none;position:absolute;top:0;bottom:0;right:15px;margin:auto;width:"%bookmarksLineHeight";height:"%bookmarksLineHeight";max-width:24px;max-height:24px;border-radius:2px;cursor:pointer;background-color:rgba(0,0,0,0.05);transition:background-color 0.5s, opacity 0.5s}a.dragHelper>span.drag::before{transition:inherit}a.dragHelper>span.drag:hover{background-color:rgba(0,0,0,0.125)}a.dragHelper>span.drag{display:block;background-color:rgba(0,0,0,0.1)}a.dragHelper>span.drag::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#888}a.dragHelper.snap{transition:0.2s;box-shadow:none;background:#fff}section#sidebar{position:relative;width:"%sidebarWidth";background:#fff;box-shadow:15px 0 50px rgba(0,0,0,0.15);height:100%;display:flex;float:left;flex-direction:column;user-select:none;transition:background 0.3s;z-index:2}section#sidebar.permanent{box-shadow:none !important;border-style:solid;border-width:0 1px 0 0;border-color:rgba(0,0,0,0.15)}section#sidebar[data-pos='right']{float:right;box-shadow:-15px 0 50px rgba(0,0,0,0.15)}section#sidebar[data-pos='right'].permanent{border-width:0 0 0 1px}section#sidebar>header{position:relative;display:flex;align-items:center;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;width:100%;height:"%sidebarHeaderHeight";padding:0 12px;background:"%colorScheme";transition:background 0.3s;box-shadow:0 6px 12px -3px rgba(0,0,0,0.2);overflow:hidden;flex-shrink:0;z-index:3}section#sidebar>header>h1{color:"%foregroundColor";font-weight:"%fontWeightMedium";margin-right:auto;font-size:100%;transition:transform 0.5s}section#sidebar>header>h1.hidden{display:none}section#sidebar>header>h1>strong{font-weight:"%fontWeightNormal";font-size:150%}section#sidebar>header>h1>span{opacity:0.7;font-size:90%;display:inline-block;line-height:normal;margin:0 0 0 3px}section#sidebar>header>h1>span.hidden{display:none}section#sidebar>header>a{position:relative;display:block;width:34px;height:34px;border-radius:50%;cursor:pointer;transition:background-color 0.3s, transform 0.3s, opacity 0.5s}section#sidebar>header>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/22px;background-color:"%foregroundColor"}section#sidebar>header>a:hover,section#sidebar>header>a.active{background-color:rgba(255,255,255,0.2)}section#sidebar>header>a.menu{margin-right:-2px}section#sidebar>header>div.searchBox{position:absolute;top:0;bottom:0;margin:auto;left:16px;width:calc(100% - 105px);height:30px;background-color:rgba(255,255,255,0.2);transform:translate3d(20px, 0, 0);transition:transform 0.3s, opacity 0.3s}section#sidebar>header>div.searchBox>input[type='text']{vertical-align:top;display:inline-block;height:100%;width:calc(100% - 30px);outline:none;border:0;background:transparent;color:"%foregroundColor";padding:0 7px}section#sidebar>header>div.searchBox>input[type='text']::-webkit-input-placeholder{color:"%foregroundColor";opacity:0.7}section#sidebar>header>div.searchBox>a.searchClose{position:relative;vertical-align:top;display:inline-block;height:30px;width:30px;cursor:pointer;transition:background-color 0.3s}section#sidebar>header>div.searchBox>a.searchClose:hover{background-color:rgba(255,255,255,0.2)}section#sidebar>header.searchVisible>h1{transform:translate3d(-200%, 0, 0);pointer-events:none;transition:transform 0.5s}section#sidebar>header.searchVisible>div.searchBox{transform:translate3d(0, 0, 0);transition:transform 0.5s 0.1s, opacity 0.5s 0.1s}section#sidebar>a.lockPinned{position:absolute;top:"%sidebarHeaderHeight";right:-22px;display:block;margin-top:9px;width:18px;height:45px;background:#fff;border-radius:10px;transition:transform 0.5s, opacity 0.5s;transform:translate3d(-7px, 0, 0);box-shadow:2px 2px 20px rgba(0,0,0,0.3);cursor:pointer}section#sidebar>a.lockPinned>span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/16px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-lock.svg);background-color:"%textColor"}section#sidebar>a.lockPinned::before,section#sidebar>a.lockPinned::after{content:"";position:absolute;left:5px;border:4px solid transparent;opacity:0.5}section#sidebar>a.lockPinned::before{top:0;border-bottom-color:"%textColor"}section#sidebar>a.lockPinned::after{bottom:0;border-top-color:"%textColor"}section#sidebar>a.lockPinned.active{transform:translate3d(0, 0, 0) !important}section#sidebar>a.lockPinned.fixed>span::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-unlock.svg)}section#sidebar[data-pos='right']>a.lockPinned{right:auto;left:-22px;transform:translate3d(7px, 0, 0)}section#sidebar>div.filter{position:absolute;display:flex;align-content:flex-start;top:"%sidebarHeaderHeight";left:0;right:0;margin:auto;width:calc(100% - 22px);background:#f5f5f5;padding:10px "%bookmarksHorizontalPadding" 5px;border-radius:0 0 5px 5px;transition:transform 0.3s, box-shadow 0.3s;z-index:2}section#sidebar>div.filter.hidden{display:none}section#sidebar>div.filter>a[data-direction]{position:relative;display:inline-block;cursor:pointer;margin:0 10px 5px 0;padding-left:18px}section#sidebar>div.filter>a[data-direction]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-arrow-up.svg);background-color:"%textColor"}section#sidebar>div.filter>a[data-direction]::before{width:14px;height:14px;margin:1px 0 0 0;transition:transform 0.5s}section#sidebar>div.filter>a[data-direction][data-direction="DESC"]::before{transform:rotateZ(180deg)}section#sidebar>div.filter>ul{float:right;margin-bottom:5px}section#sidebar>div.filter>ul>li{position:relative}section#sidebar>div.filter>ul>li+li{margin-top:5px}section#sidebar>div.filter>ul>li>div.checkbox{position:absolute;z-index:2;width:16px;height:16px;top:0;left:0}section#sidebar>div.filter>ul>li>div.checkbox::before{-webkit-mask-size:18px}section#sidebar>div.filter>ul>li>div.checkbox+a{padding-left:22px;cursor:pointer}section#sidebar>div.filter>ul>li>div.checkbox+a::before{display:none}section#sidebar>div.filter::after{content:"";display:block;clear:both}section#sidebar>div.scrollBox{display:none}section#sidebar>div.scrollBox.active{display:block}section#sidebar>div.scrollBox>p{font-size:120%;padding:30px 20px;font-style:italic;max-width:350px;margin:0 auto}section#sidebar>div.scrollBox.scrolled ~ div.filter{box-shadow:0px 3px 15px rgba(0,0,0,0.2)}section#sidebar>div.scrollBox.scrolled:not([data-direction='up']) ~ div.filter{transform:translate3d(0, -100%, 0);box-shadow:none}section#sidebar>div.scrollBox>ul,section#sidebar>div.scrollBox>div.pinned>ul{position:relative;margin:9px 0;z-index:1}section#sidebar>div.scrollBox>ul a,section#sidebar>div.scrollBox>div.pinned>ul a{display:flex;align-items:center;font-size:"%bookmarksFontSize";line-height:"%bookmarksLineHeight";padding:0 "%bookmarksHorizontalPadding";white-space:nowrap;cursor:pointer;transition:background 0.3s, color 0.3s;position:relative}section#sidebar>div.scrollBox>ul a.hover:not(.separator),section#sidebar>div.scrollBox>div.pinned>ul a.hover:not(.separator){background:"%hoverColor"}section#sidebar>div.scrollBox>ul a.dragHover,section#sidebar>div.scrollBox>div.pinned>ul a.dragHover{background:"%hoverColor"}section#sidebar>div.scrollBox>ul a.mark,section#sidebar>div.scrollBox>div.pinned>ul a.mark{background:"%colorScheme";color:#fff}section#sidebar>div.scrollBox>ul a.active,section#sidebar>div.scrollBox>div.pinned>ul a.active{font-weight:"%fontWeightMedium"}section#sidebar>div.scrollBox>ul a.dir,section#sidebar>div.scrollBox>div.pinned>ul a.dir{font-weight:"%fontWeightBold"}section#sidebar>div.scrollBox>ul a.separator,section#sidebar>div.scrollBox>div.pinned>ul a.separator{height:"%bookmarksLineHeight";cursor:default}section#sidebar>div.scrollBox>ul a.separator>span.label,section#sidebar>div.scrollBox>div.pinned>ul a.separator>span.label{position:relative;width:100%;height:100%}section#sidebar>div.scrollBox>ul a.separator>span.label::after,section#sidebar>div.scrollBox>div.pinned>ul a.separator>span.label::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15)}section#sidebar>div.scrollBox>ul a>span.removeMask,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask{position:absolute;top:0;right:0;width:100%;height:100%;background:#ddd;padding:0 "%bookmarksHorizontalPadding";transform:translateX(100%);transition:transform 0.3s}section#sidebar>div.scrollBox>ul a>span.removeMask>em,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>em{font-style:italic}section#sidebar>div.scrollBox>ul a>span.removeMask>span,section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>span{pointer-events:auto;cursor:pointer;float:right}section#sidebar>div.scrollBox>ul a.removed,section#sidebar>div.scrollBox>div.pinned>ul a.removed{pointer-events:none}section#sidebar>div.scrollBox>ul a.removed>span.removeMask,section#sidebar>div.scrollBox>div.pinned>ul a.removed>span.removeMask{transform:translateX(0) !important}section#sidebar>div.scrollBox>ul a>span.copied,section#sidebar>div.scrollBox>div.pinned>ul a>span.copied{position:absolute;top:-20px;left:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);background:#5eba7d;color:#fff;font-size:80%;font-weight:"%fontWeightBold";line-height:normal;padding:3px 5px;pointer-events:none;opacity:0;transform:translate3d(0, 5px, 0);transition:opacity 0.3s, transform 0.3s}section#sidebar>div.scrollBox>ul a>span.copied::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.copied::after{content:"";position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;border:5px solid transparent;border-top-color:#5eba7d}section#sidebar>div.scrollBox>ul a.copied,section#sidebar>div.scrollBox>div.pinned>ul a.copied{background:rgba(94,186,125,0.2) !important}section#sidebar>div.scrollBox>ul a.copied>span.copied,section#sidebar>div.scrollBox>div.pinned>ul a.copied>span.copied{opacity:1;transform:translate3d(0, 0, 0)}section#sidebar>div.scrollBox>ul a>img,section#sidebar>div.scrollBox>ul a>span.icon,section#sidebar>div.scrollBox>div.pinned>ul a>img,section#sidebar>div.scrollBox>div.pinned>ul a>span.icon{position:relative;display:inline-block;width:"%bookmarksIconSize";height:"%bookmarksIconSize";margin:0 "%bookmarksHorizontalPadding" 0 0;pointer-events:none;flex-shrink:0}section#sidebar>div.scrollBox>ul a>img,section#sidebar>div.scrollBox>div.pinned>ul a>img{visibility:hidden}section#sidebar>div.scrollBox>ul a>img[src],section#sidebar>div.scrollBox>div.pinned>ul a>img[src]{visibility:visible}section#sidebar>div.scrollBox>ul a.dir>span.icon,section#sidebar>div.scrollBox>div.pinned>ul a.dir>span.icon{width:"%directoriesIconSize";height:"%directoriesIconSize"}section#sidebar>div.scrollBox>ul a.dir>span.icon::before,section#sidebar>div.scrollBox>div.pinned>ul a.dir>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%directoriesIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);background-color:"%bookmarksDirColor"}section#sidebar>div.scrollBox>ul a.link>span.icon::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/"%bookmarksIconSize";-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);background-color:rgba(0,0,0,0)}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='1']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='1']::before{background-color:#37bf99}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='2']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='2']::before{background-color:#d737d5}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='3']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='3']::before{background-color:#3e6bf2}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='4']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='4']::before{background-color:#f4572f}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='5']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='5']::before{background-color:#f74b58}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='6']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='6']::before{background-color:#f5a2bf}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='7']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='7']::before{background-color:#1a90ba}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='8']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='8']::before{background-color:#b4bd0e}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='9']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='9']::before{background-color:#fdde32}section#sidebar>div.scrollBox>ul a.link>span.icon[data-color='10']::before,section#sidebar>div.scrollBox>div.pinned>ul a.link>span.icon[data-color='10']::before{background-color:#8ccbce}section#sidebar>div.scrollBox>ul a>span.label,section#sidebar>div.scrollBox>div.pinned>ul a>span.label{position:relative;text-overflow:ellipsis;overflow:hidden;pointer-events:none}section#sidebar>div.scrollBox>ul a>span.label::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.label::after{content:"\200B"}section#sidebar>div.scrollBox>ul a>span.label[data-num]::after,section#sidebar>div.scrollBox>div.pinned>ul a>span.label[data-num]::after{content:" " attr(data-num)}section#sidebar>div.scrollBox>ul a>span.drag,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag{display:none;position:absolute;top:0;bottom:0;right:15px;margin:auto;width:"%bookmarksLineHeight";height:"%bookmarksLineHeight";max-width:24px;max-height:24px;border-radius:2px;cursor:pointer;background-color:rgba(0,0,0,0.05);transition:background-color 0.5s, opacity 0.5s}section#sidebar>div.scrollBox>ul a>span.drag::before,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag::before{transition:inherit}section#sidebar>div.scrollBox>ul a>span.drag:hover,section#sidebar>div.scrollBox>div.pinned>ul a>span.drag:hover{background-color:rgba(0,0,0,0.125)}section#sidebar>div.scrollBox>ul a+ul,section#sidebar>div.scrollBox>div.pinned>ul a+ul{padding-left:"%bookmarksDirIndentation";height:0;overflow:hidden}section#sidebar>div.scrollBox>ul a.opened+ul,section#sidebar>div.scrollBox>div.pinned>ul a.opened+ul{height:auto}section#sidebar>div.scrollBox>ul a.opened:not(.animated)+ul,section#sidebar>div.scrollBox>div.pinned>ul a.opened:not(.animated)+ul{overflow:visible}section#sidebar>div.scrollBox>ul li.hidden>a,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a{opacity:0.3;font-style:italic}section#sidebar>div.scrollBox>ul li.hidden>a:hover,section#sidebar>div.scrollBox>ul li.hidden>a.active,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a:hover,section#sidebar>div.scrollBox>div.pinned>ul li.hidden>a.active{opacity:0.5}section#sidebar>div.scrollBox>ul li.isDragged,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged{width:calc(100% - 5px);border:3px dashed rgba(0,0,0,0.2);pointer-events:none}section#sidebar>div.scrollBox>ul li.isDragged>a,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged>a{visibility:hidden;line-height:calc(%bookmarksLineHeight - 6px)}section#sidebar>div.scrollBox>ul li.isDragged>a>img,section#sidebar>div.scrollBox>div.pinned>ul li.isDragged>a>img{visibility:hidden}section#sidebar>div.scrollBox>ul li.dragInitial,section#sidebar>div.scrollBox>div.pinned>ul li.dragInitial{display:none}section#sidebar>div.scrollBox>ul.hideRoot>li>a,section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>a{display:none}section#sidebar>div.scrollBox>ul.hideRoot>li>ul,section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>ul{padding-left:0}section#sidebar>div.scrollBox>div.pinned{position:relative;background-color:#fff;margin:0 0 9px 0;padding-top:9px;z-index:2}section#sidebar>div.scrollBox>div.pinned.hidden{display:none}section#sidebar>div.scrollBox>div.pinned.fixed{position:sticky;top:0}section#sidebar>div.scrollBox>div.pinned::after{content:"";display:block;height:1px;margin:7px "%bookmarksHorizontalPadding";background:rgba(0,0,0,0.15)}section#sidebar>div.scrollBox>div.pinned>ul{margin:0}section#sidebar.openedOnce>header>a.search::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg)}section#sidebar.openedOnce>header>a.sort::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-sort.svg)}section#sidebar.openedOnce>header>a.menu::before{-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-menu-1.svg)}section#sidebar.openedOnce>header>div.searchBox>a.searchClose::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);background-color:"%foregroundColor"}section#sidebar.openedOnce>div.scrollBox a>span.drag::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);background-color:#aaa}section#sidebar.openedOnce>div.scrollBox a>span.drag:hover::before{background-color:#888}section#sidebar[data-sort='custom']>div.scrollBox a:hover{padding-right:46px}section#sidebar[data-sort='custom']>div.scrollBox a>span.drag{display:block !important}section#sidebar.loading>svg.loading{position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}div#shareInfo,div#reloadInfo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background:#fff;overflow:auto;display:flex;transition:opacity 0.3s}div#shareInfo>div,div#reloadInfo>div{padding:20px;text-align:center;margin:auto;color:"%textColor"}div#shareInfo>div>h2,div#reloadInfo>div>h2{font-size:250%;font-weight:"%fontWeightNormal";margin-bottom:50px}div#shareInfo>div>p,div#reloadInfo>div>p{font-size:120%;line-height:150%;margin:20px 0}div#shareInfo>div>p>strong,div#reloadInfo>div>p>strong{text-decoration:underline}div#shareInfo>div>label,div#reloadInfo>div>label{display:block;text-align:center;font-size:120%;margin-top:40px}div#shareInfo>div>label>a,div#reloadInfo>div>label>a{position:relative;display:inline-block;width:26px;height:26px;vertical-align:top;margin:-3px 0 0 5px;border-radius:50%;cursor:pointer;transition:background 0.5s}div#shareInfo>div>label>a::before,div#reloadInfo>div>label>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/18px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);background-color:#aaa}div#shareInfo>div>label>a:hover,div#reloadInfo>div>label>a:hover{background:"%hoverColor"}div#shareInfo>div>div.checkbox,div#reloadInfo>div>div.checkbox{margin:20px auto 0}div#shareInfo>div>a,div#reloadInfo>div>a{position:relative;font-size:120%;color:"%textColor";display:inline-block;margin:40px 20px 0;font-weight:"%fontWeightBold";padding:5px 10px;transition:background 0.5s;border-radius:2px;cursor:pointer;z-index:2}div#shareInfo>div>a:hover,div#reloadInfo>div>a:hover{background:"%hoverColor"}div#reloadInfo>div{position:relative;padding-top:90px}div#reloadInfo>div::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask:no-repeat center/64px;-webkit-mask-image:url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);background-color:"%textColor"}div#reloadInfo>div::before{-webkit-mask-position-y:0}body.dragCancel *{cursor:no-drop !important}body.dragCancel section#sidebar>div.scrollBox ul li.isDragged{display:none}html[dir='rtl'] a.dragHelper{padding-right:"%bookmarksHorizontalPadding";padding-left:46px}html[dir='rtl'] a.dragHelper>span.copied{left:unset;right:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px)}html[dir='rtl'] a.dragHelper>img,html[dir='rtl'] a.dragHelper>span.icon{margin:0 0 0 "%bookmarksHorizontalPadding"}html[dir='rtl'] a.dragHelper>span.removeMask{transform:translateX(-100%)}html[dir='rtl'] a.dragHelper>span.removeMask>span{float:left}html[dir='rtl'] a.dragHelper>span.drag{right:unset;left:15px}html[dir='rtl'] section#sidebar>header>h1{margin-left:auto;margin-right:unset}html[dir='rtl'] section#sidebar>header>a:not(.search)::before{transform:scaleX(-1)}html[dir='rtl'] section#sidebar>header>div.searchBox{left:auto;right:16px}html[dir='rtl'] section#sidebar>header.searchVisible>h1{transform:translate3d(200%, 0, 0)}html[dir='rtl'] section#sidebar>a.lockPinned>span::before{transform:scaleX(-1)}html[dir='rtl'] section#sidebar>div.filter>a[data-direction]{margin-left:10px;margin-right:0;padding-left:0;padding-right:18px}html[dir='rtl'] section#sidebar>div.filter>a[data-direction]::before{left:unset;right:0}html[dir='rtl'] section#sidebar>div.filter>ul>li>div.checkbox{left:unset;right:0}html[dir='rtl'] section#sidebar>div.filter>ul>li>div.checkbox+a{padding-left:unset;padding-right:22px}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.copied,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.copied{left:unset;right:calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px)}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>img,html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.icon,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>img,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.icon{margin:0 0 0 "%bookmarksHorizontalPadding"}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.removeMask,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask{transform:translateX(-100%)}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.removeMask>span,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.removeMask>span{float:left}html[dir='rtl'] section#sidebar>div.scrollBox>ul a>span.drag,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a>span.drag{right:unset;left:15px}html[dir='rtl'] section#sidebar>div.scrollBox>ul a+ul,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul a+ul{padding-left:unset;padding-right:"%bookmarksDirIndentation"}html[dir='rtl'] section#sidebar>div.scrollBox>ul.hideRoot>li>ul,html[dir='rtl'] section#sidebar>div.scrollBox>div.pinned>ul.hideRoot>li>ul{padding-left:0;padding-right:0}html[dir='rtl'] section#sidebar[data-sort='custom']>div.scrollBox a:hover{padding-right:"%bookmarksHorizontalPadding";padding-left:46px}html[dir='rtl'] div#shareInfo>div>label>a,html[dir='rtl'] div#reloadInfo>div>label>a{margin-right:5px;margin-left:unset}body.highContrast:not(.dark) section#sidebar>header>a:hover,body.highContrast:not(.dark) section#sidebar>header>a.active{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) section#sidebar>header>div.searchBox{background-color:rgba(0,0,0,0.07)}body.highContrast:not(.dark) section#sidebar>header>div.searchBox>a.searchClose:hover{background-color:rgba(0,0,0,0.07)}body.dark section#sidebar{background:#3d3d3d}body.dark section#sidebar.permanent{border-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.filter{background:#4d4d4d}body.dark section#sidebar>a.lockPinned{background:#3d3d3d;box-shadow:1px 1px 15px rgba(0,0,0,0.2)}body.dark section#sidebar>div.scrollBox>div.pinned{background-color:#3d3d3d}body.dark section#sidebar>div.scrollBox>div.pinned::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar>div.scrollBox>ul li.isDragged{width:calc(100% - 5px);border-color:rgba(255,255,255,0.2)}body.dark section#sidebar>div.scrollBox>ul a.separator>span.label::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar>div.scrollBox>ul a>span.removeMask{background:#666}body.dark section#sidebar>div.scrollBox>ul a>span.drag{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.scrollBox>ul a>span.drag::before{background-color:#bbb}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover{background-color:rgba(255,255,255,0.25) !important}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover::before{background-color:#eee}body.dark section#sidebar>div.scrollBox>ul a>span.drag::before{background-color:#bbb}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar>div.scrollBox>ul a>span.drag:hover::before{background-color:#eee}body.dark section#sidebar ~ a.dragHelper.separator>span.label::after{background:rgba(255,255,255,0.15)}body.dark section#sidebar ~ a.dragHelper>span.removeMask{background:#666}body.dark section#sidebar ~ a.dragHelper>span.drag{background-color:rgba(255,255,255,0.1)}body.dark section#sidebar ~ a.dragHelper>span.drag::before{background-color:#bbb}body.dark section#sidebar ~ a.dragHelper>span.drag:hover{background-color:rgba(255,255,255,0.25) !important}body.dark section#sidebar ~ a.dragHelper>span.drag:hover::before{background-color:#eee}body.dark div#shareInfo,body.dark div#reloadInfo{background:#3d3d3d} diff --git a/dist/js/extension.js b/dist/js/extension.js index 33cdd065..06cf1f1a 100644 --- a/dist/js/extension.js +++ b/dist/js/extension.js @@ -1,2 +1,2 @@ /*! (c) Philipp König under GPL-3.0 */ -(e=>{"use strict";window.BookmarkHelper=function(t){this.removeEntry=(s=>new Promise(a=>{let l=t.helper.entry.getData(s);l&&l.url?(Object.values(t.elements.bookmarkBox).some(s=>{if(s.hasClass(t.opts.classes.sidebar.active)){let a=s.find("a["+t.opts.attr.id+"='"+l.id+"']");a.data("restore",l);let r=e("").addClass(t.opts.classes.sidebar.removeMask).append(""+t.helper.i18n.get("sidebar_deleted")+"").append(""+t.helper.i18n.get("sidebar_undo_deletion")+"").appendTo(a);return e.delay(100).then(()=>{a.addClass(t.opts.classes.sidebar.removed),r.children("span")[0].offsetTop>0&&r.children("em").remove()}),!0}}),this.performDeletion(l).then(a)):(t.helper.overlay.create("delete",t.helper.i18n.get("contextmenu_delete_dir"),l),a())})),this.editEntry=(e=>new Promise(s=>{let a=t.helper.model.getData("u/additionalInfo");a[e.id]={desc:e.additionalInfo},Promise.all([t.helper.model.call("updateBookmark",{id:e.id,title:e.title,url:e.url,preventReload:!0}),t.helper.model.setData({"u/additionalInfo":a})]).then(s)})),this.restoreEntry=(s=>new Promise(a=>{if(s&&s.length()>0){let l=s.data("restore");s.removeClass(t.opts.classes.sidebar.removed).addClass(t.opts.classes.sidebar.restored),e.delay(500).then(()=>(s.children("span."+t.opts.classes.sidebar.removeMask).remove(),t.helper.model.call("createBookmark",l))).then(e=>{let a=[];if(e&&e.created){s.attr(t.opts.attr.id,e.created),t.helper.model.call("trackEvent",{category:"extension",action:"restore",label:l.url?"bookmark":"directory"});let r=t.helper.model.getData("u/additionalInfo");r[l.id]&&(r[e.created]=r[l.id],a.push(t.helper.model.setData({"u/additionalInfo":r})))}return a.push(t.helper.entry.init()),Promise.all(a)}).then(()=>{a()})}else a()})),this.performDeletion=(e=>new Promise(s=>{t.helper.model.call("trackEvent",{category:"extension",action:"remove",label:e.url?"bookmark":"directory"}),t.helper.model.call("deleteBookmark",{id:e.id}).then(()=>{s()})})),this.pinEntry=(e=>new Promise(a=>{let l=t.helper.model.getData("u/pinnedEntries"),r=-1;Object.values(l).forEach(e=>{r=Math.max(r,e.index)}),l[e.id]={index:r+1},t.helper.model.call("trackEvent",{category:"extension",action:"pinnedEntry",label:"pin"}),s(l).then(a)})),this.unpinEntry=(e=>new Promise(a=>{let l=t.helper.model.getData("u/pinnedEntries");delete l[e.id],t.helper.model.call("trackEvent",{category:"extension",action:"pinnedEntry",label:"unpin"}),s(l).then(a)})),this.reorderPinnedEntries=(e=>new Promise(a=>{let l=t.helper.model.getData("u/pinnedEntries"),r=0;if(e.prevId){let s=t.helper.entry.getData(e.prevId);r=s.pinnedIndex+1}Object.keys(l).forEach(s=>{+s==+e.id?(l[s].index=r,t.helper.entry.addData(s,"pinnedIndex",r)):l[s].index>=r&&(l[s].index++,t.helper.entry.addData(s,"pinnedIndex",l[s].index))}),s(l).then(a)}));let s=e=>new Promise(s=>{Promise.all([t.helper.model.call("removeCache",{name:"htmlList"}),t.helper.model.call("removeCache",{name:"htmlPinnedEntries"}),t.helper.model.setData({"u/pinnedEntries":e})]).then(s)})},window.CheckboxHelper=function(t){let s={};this.get=((s,a,l="checkbox",o="default")=>{let i=e("
").html("").data("uid",Math.random().toString(36).substr(2,12)).attr(t.opts.attr.type,l).attr(t.opts.attr.style,o).addClass(t.opts.classes.checkbox.box);return a&&(i.children("input[type='checkbox']").attr(a),a[t.opts.attr.name]&&i.attr(t.opts.attr.name,a[t.opts.attr.name])),this.isChecked(i)&&i.addClass(t.opts.classes.checkbox.active),r(i,s),i}),this.isChecked=(e=>e.find("input[type='checkbox']")[0].checked);let a=(e,s)=>{let a=e.children("input[type='checkbox']");a.trigger("change"),t.opts.events&&t.opts.events.checkboxChanged&&t.helper.utility.triggerEvent("checkboxChanged",{container:e,checkbox:a,checked:e.hasClass(t.opts.classes.checkbox.active)},s.document()[0])},l=(r,o)=>{r.addClass(t.opts.classes.checkbox.clicked),r.removeClass(t.opts.classes.checkbox.focus),r.toggleClass(t.opts.classes.checkbox.active);let i=r.hasClass(t.opts.classes.checkbox.active),n=r.children("input[type='checkbox']");if("radio"===r.attr(t.opts.attr.type)&&r.attr(t.opts.attr.name))if(o){let s=r.attr(t.opts.attr.name);r.addClass(t.opts.classes.checkbox.active),i&&(n.attr("checked",!0),a(r,o)),o.find("div."+t.opts.classes.checkbox.box+"["+t.opts.attr.type+"='radio']["+t.opts.attr.name+"='"+s+"']").forEach(t=>{let s=e(t);t!==r[0]&&this.isChecked(s)&&l(s)})}else n.attr("checked",!1);else n.attr("checked",i),a(r,o);let d=r.data("uid");s[d]&&clearTimeout(s[d]),s[d]=setTimeout(()=>{r.removeClass(t.opts.classes.checkbox.clicked)},300)},r=(s,a)=>{s.on("mousedown",s=>{s.preventDefault(),s.stopPropagation(),e(s.currentTarget).addClass(t.opts.classes.checkbox.focus)}).on("click",t=>{t.preventDefault(),t.stopPropagation(),l(e(t.currentTarget),a)}),a.on("click",()=>{s.removeClass(t.opts.classes.checkbox.focus)})}},window.ContextmenuHelper=function(t){let s={};this.create=((s,p)=>{if(t.helper.toggle.addSidebarHoverClass(),t.helper.tooltip.close(),!1===a(s,p)){this.close(),p.addClass(t.opts.classes.sidebar.active);let a=e("
").addClass(t.opts.classes.contextmenu.wrapper).html("
      ").attr(t.opts.attr.type,s).data("elm",p).appendTo(t.elements.sidebar),c=s,h=p.attr(t.opts.attr.id);switch(h&&a.attr(t.opts.attr.id,h),s){case"list":{i(a,p);let e=t.helper.entry.getData(h);c=e&&e.isDir?"directory":"bookmark";break}case"separator":o(a,p);break;case"menu":r(a,p);break;case"sort":l(a,p)}t.helper.model.call("trackEvent",{category:"contextmenu",action:"open",label:c}),d(a),n(a,p,s),e.delay().then(()=>{a.addClass(t.opts.classes.contextmenu.visible)})}}),this.close=(()=>{let s=t.elements.iframeBody.find("div."+t.opts.classes.contextmenu.wrapper);s.forEach(s=>{e(s).removeClass(t.opts.classes.contextmenu.visible),e(s).data("elm").removeClass(t.opts.classes.sidebar.active)}),e.delay(500).then(()=>{s.remove(),t.helper.toggle.removeSidebarHoverClass()})});let a=(e,s)=>{let a=s.attr(t.opts.attr.id),l=s.attr(t.opts.attr.value),r="div."+t.opts.classes.contextmenu.wrapper+"["+t.opts.attr.type+"='"+e+"']";return a?r+="["+t.opts.attr.id+"='"+a+"']":l&&(r+="["+t.opts.attr.value+"='"+l+"']"),t.elements.sidebar.find(r).length()>0},l=(s,a)=>{let l=t.helper.list.getSortList(),r=t.helper.list.getSort(),o=s.children("ul."+t.opts.classes.contextmenu.list);s.children("ul."+t.opts.classes.contextmenu.icons).remove(),Object.keys(l).forEach(a=>{let l=a.replace(/([A-Z])/g,"_$1").toLowerCase();e("
    • ").append(t.helper.checkbox.get(t.elements.iframeBody,{[t.opts.attr.name]:"sort",[t.opts.attr.value]:a},"radio")).append(""+t.helper.i18n.get("sort_label_"+l)+"").appendTo(o),a===r.name&&s.find("input["+t.opts.attr.name+"='sort']["+t.opts.attr.value+"='"+a+"']").parent("div."+t.opts.classes.checkbox.box).trigger("click")})},r=(s,a)=>{let l=s.children("ul."+t.opts.classes.contextmenu.list),r=s.children("ul."+t.opts.classes.contextmenu.icons);e("
    • ").append(t.helper.checkbox.get(t.elements.iframeBody,{[t.opts.attr.name]:"toggleHidden"})).append(""+t.helper.i18n.get("contextmenu_toggle_hidden")+"").appendTo(l),t.helper.model.getData("u/showHidden")&&s.find("input["+t.opts.attr.name+"='toggleHidden']").parent("div."+t.opts.classes.checkbox.box).trigger("click"),e("
    • ").append(""+t.helper.i18n.get("contextmenu_reload_sidebar")+"").appendTo(l);let o=t.elements.bookmarkBox.all.children("ul"),i=o.hasClass(t.opts.classes.sidebar.hideRoot),n=!1;o.find("a."+t.opts.classes.sidebar.dirOpened).forEach(t=>{if(!1===i||e(t).parents("li").length()>1)return n=!0,!1}),n&&e("
    • ").append(""+t.helper.i18n.get("contextmenu_close_all_directories")+"").appendTo(l),r.append("
      • ").append("
      • ").append("
      • ")},o=(e,s)=>{let a=s.attr(t.opts.attr.id),l=t.helper.entry.getData(a);if(l&&l.parents&&l.parents.length>0){let s=e.children("ul."+t.opts.classes.contextmenu.list);l.parents.length>0&&s.append("
    • "+t.helper.i18n.get("contextmenu_delete_separator")+"
      • ")}e.children("ul."+t.opts.classes.contextmenu.icons).remove()},i=(e,s)=>{let a=s.attr(t.opts.attr.id),l=t.helper.entry.getData(a);if(l){let r=l.isDir?"_dir":"_bookmark",o=e.children("ul."+t.opts.classes.contextmenu.list),i=e.children("ul."+t.opts.classes.contextmenu.icons),n=t.elements.bookmarkBox.search.hasClass(t.opts.classes.sidebar.active);if(l.isDir){let e=l.children.filter(e=>e.url&&"about:blank"!==e.url);e.length>0&&o.append("
    • "+t.helper.i18n.get("contextmenu_open_children")+" ("+e.length+")
      • "),l.children.length>0&&o.append("
    • "+t.helper.i18n.get("contextmenu_update_urls")+"
      • ")}else n&&o.append("
    • "+t.helper.i18n.get("contextmenu_show_in_dir")+"
      • "),o.append("
    • "+t.helper.i18n.get("contextmenu_new_tab")+"
      • "),o.append("
    • "+t.helper.i18n.get("contextmenu_new_window")+"
      • "),!1===chrome.extension.inIncognitoContext&&o.append("
    • "+t.helper.i18n.get("contextmenu_new_tab_incognito")+"
      • ");i.append("
      • "),l.parents.length>0&&i.append("
      • ").append("
      • "),l.isDir?i.append("
      • "):l.pinned?i.append("
      • "):i.append("
      • "),t.helper.entry.isVisible(a)?i.append("
      • "):!n&&s.parents("li."+t.opts.classes.sidebar.hidden).length()<=1&&i.append("
      • ")}},n=(e,s,a)=>{let l=e.realWidth(),r=e.realHeight(),o=s[0].getBoundingClientRect(),i=o.top+o.height;if(i+r>=window.innerHeight?e.css("top",i-r).addClass(t.opts.classes.contextmenu.top):e.css("top",i+"px"),"sort"!==a&&"menu"!==a){let a=s.parent("li")[0].offsetLeft;t.helper.i18n.isRtl()&&(a=o.width-l),e.css("left",a+"px")}};s.settings=(e=>{t.helper.model.call("openLink",{href:chrome.extension.getURL("html/settings.html"),newTab:!0})}),s.checkbox=(s=>{s.eventObj.stopPropagation(),e(s.elm).prev("div."+t.opts.classes.checkbox.box).trigger("click")}),s.bookmarkManager=(e=>{t.helper.model.call("openLink",{href:"chrome://bookmarks",newTab:!0,active:!0})}),s.newIncognito=(e=>{t.helper.model.call("trackEvent",{category:"url",action:"open",label:"new_window_incognito"}),e.data&&t.helper.utility.openUrl(e.data,"incognito")}),s.newWindow=(e=>{t.helper.model.call("trackEvent",{category:"url",action:"open",label:"new_window"}),e.data&&(t.helper.utility.openUrl(e.data,"newWindow"),t.helper.toggle.closeSidebar())}),s.newTab=(e=>{if(t.helper.model.call("trackEvent",{category:"url",action:"open",label:"new_tab_contextmenu"}),e.data){let s="foreground"===t.helper.model.getData("b/newTab");e.data.reopenSidebar=t.helper.model.getData("b/reopenSidebar"),t.helper.utility.openUrl(e.data,"newTab",s),s&&t.helper.toggle.closeSidebar()}}),s.delete=(e=>{t.helper.bookmark.removeEntry(e.data.id)}),s.showHidden=(e=>{t.startLoading();let s=t.helper.model.getData("u/hiddenEntries");delete s[e.id],t.helper.model.setData({"u/hiddenEntries":s}).then(()=>Promise.all([t.helper.model.call("removeCache",{name:"htmlList"}),t.helper.model.call("removeCache",{name:"htmlPinnedEntries"})])).then(()=>{t.helper.model.call("reload",{type:"Hide"})})}),s.openChildren=(e=>{if(e.data){let s=e.data.children.filter(e=>e.url&&"about:blank"!==e.url);s.length>t.helper.model.getData("b/openChildrenWarnLimit")?t.helper.overlay.create(e.name,t.helper.i18n.get("contextmenu_open_children"),e.data):t.helper.utility.openAllBookmarks(s)}}),s.pin=(e=>{t.helper.bookmark.pinEntry(e.data).then(()=>{t.helper.model.call("reload",{type:"Pin"})})}),s.unpin=(e=>{t.helper.bookmark.unpinEntry(e.data).then(()=>{t.helper.model.call("reload",{type:"Unpin"})})}),s.showInDir=(e=>{let s=t.helper.entry.getData(e.id);if(s&&s.parents){let a=l=>{if(s.parents[l]){let e=t.elements.bookmarkBox.all.find("ul > li > a."+t.opts.classes.sidebar.bookmarkDir+"["+t.opts.attr.id+"='"+s.parents[l]+"']");e.hasClass(t.opts.classes.sidebar.dirOpened)?a(l+1):t.helper.list.toggleBookmarkDir(e,!0,!1).then(()=>{a(l+1)})}else Promise.all([t.helper.list.cacheList(),t.helper.search.clearSearch()]).then(()=>{let s=t.elements.bookmarkBox.all.find("ul > li > a["+t.opts.attr.id+"='"+e.id+"']");t.helper.scroll.setScrollPos(t.elements.bookmarkBox.all,s[0].offsetTop-50),s.addClass(t.opts.classes.sidebar.mark)})};a(0)}}),s.reload=(e=>{t.helper.model.call("reload",{type:"Force"})}),s.closeAll=(s=>{let a=t.elements.bookmarkBox.all.children("ul"),l=a.hasClass(t.opts.classes.sidebar.hideRoot),r=[];a.find("a."+t.opts.classes.sidebar.dirOpened).forEach(s=>{(!1===l||e(s).parents("li").length()>1)&&r.push(t.helper.list.toggleBookmarkDir(e(s),!1,!1))}),Promise.all(r).then(()=>{t.helper.list.cacheList()})});let d=a=>{a.find("input["+t.opts.attr.name+"='sort']").on("change",s=>{if(s.currentTarget.checked){let a=e(s.currentTarget).attr(t.opts.attr.value);t.helper.list.updateSort(a),this.close()}}),a.find("input["+t.opts.attr.name+"='toggleHidden']").on("change",s=>{t.startLoading(),Promise.all([t.helper.model.call("removeCache",{name:"htmlList"}),t.helper.model.call("removeCache",{name:"htmlPinnedEntries"}),t.helper.model.setData({"u/showHidden":t.helper.checkbox.isChecked(e(s.currentTarget).parent("div"))})]).then(()=>{t.helper.model.call("reload",{type:"ToggleHidden"})}),this.close()}),a.on("mouseleave",s=>{e(s.currentTarget).find("a").removeClass(t.opts.classes.sidebar.hover)}),a.find("a").on("mouseenter",s=>{a.find("a").removeClass(t.opts.classes.sidebar.hover),e(s.currentTarget).addClass(t.opts.classes.sidebar.hover)}).on("mouseleave",s=>{e(s.currentTarget).removeClass(t.opts.classes.sidebar.hover)}).on("click",l=>{l.preventDefault();let r={elm:l.currentTarget,eventObj:l,name:e(l.currentTarget).attr(t.opts.attr.name),id:a.attr(t.opts.attr.id)};r.data=r.id?t.helper.entry.getData(r.id):null,"sort"!==r.name&&"toggleHidden"!==r.name||(r.name="checkbox"),"function"==typeof s[r.name]?s[r.name](r):t.helper.overlay.create(r.name,e(r.elm).attr("title")||e(r.elm).text(),r.data)})}},window.DragDropHelper=function(t){let s=null,a=null,l=0,r=null,o={running:!1,posY:null,previousDelta:0,fpsLimit:30};this.init=(async()=>{s=t.helper.model.getData("b/sidebarPosition"),u(),n()}),this.cancel=(()=>{let s=t.elements.iframeBody.children("a."+t.opts.classes.drag.helper),a=t.elements.bookmarkBox.all.find("li."+t.opts.classes.drag.dragInitial),l=s.data("elm");if(l){let e=l.children("a");l.insertAfter(a).removeClass(t.opts.classes.drag.isDragged),p(e,{type:"end",cancel:!0})}a.remove(),s.remove(),t.elements.iframeBody.removeClass([t.opts.classes.drag.isDragged,t.opts.classes.drag.cancel]),e.delay(500).then(()=>{t.helper.toggle.removeSidebarHoverClass()})});let i=e=>{let a=0;if("object"==typeof e){a=e[0].getBoundingClientRect().left}else a=+e;return"right"===s&&(a=window.innerWidth-a),"object"==typeof e?.6*e.realWidth()+a>t.elements.sidebar.realWidth():a>t.elements.sidebar.realWidth()},n=async()=>{t.elements.iframeBody.on("dragenter",()=>{t.helper.contextmenu.close(),t.helper.tooltip.close(),t.elements.iframeBody.addClass(t.opts.classes.drag.isDragged),t.helper.toggle.addSidebarHoverClass(),p("selection",{type:"start"}),o.running||window.requestAnimationFrame(c)}).on("drop dragend",s=>{if(s.preventDefault(),s.stopPropagation(),o.posY=null,t.elements.iframeBody.hasClass(t.opts.classes.drag.isDragged)){if(i(s.pageX))p("selection",{type:"end",cancel:!0});else{let a=t.elements.bookmarkBox.all.find("li."+t.opts.classes.drag.isDragged).eq(0);if(a&&a.length()>0){let l=s.dataTransfer.getData("URL"),r=s.dataTransfer.getData("text/plain");if(location.href===l)r=e(document).find("head > title").eq(0).text();else if(r===l){let t=s.dataTransfer.getData("text/html");r=t&&t.length>0?e("
      ").html(t).text():""}p("selection",{type:"end"}),t.helper.overlay.create("add",t.helper.i18n.get("contextmenu_add"),{values:{index:a.prevAll("li").length(),parentId:a.parent("ul").prev("a").attr(t.opts.attr.id),title:r,url:l}})}}t.elements.iframeBody.removeClass([t.opts.classes.drag.isDragged,t.opts.classes.drag.cancel]),t.helper.toggle.removeSidebarHoverClass()}})},d=e=>{let s="bookmark";return"selection"===e?s=e:e.data("type")?s=e.data("type"):(e.hasClass(t.opts.classes.sidebar.bookmarkDir)?s="directory":e.parents("div."+t.opts.classes.sidebar.entryPinned).length()>0&&(s="pinned"),e.data("type",s)),s},p=(e,s={})=>{let a=null;"end"===s.type?a=s.cancel?"cancel":"dragend":"start"===s.type&&(a="dragstart"),a&&t.helper.model.call("trackEvent",{category:"dragndrop",action:d(e),label:a})},c=e=>{window.requestAnimationFrame(c);let s=e-o.previousDelta;if(!(o.fpsLimit&&s<1e3/o.fpsLimit)){if(null!==o.posY){let e=t.elements.bookmarkBox.all[0].offsetTop,s=t.elements.bookmarkBox.all[0].offsetHeight,a=t.helper.scroll.getScrollPos(t.elements.bookmarkBox.all),l=null;o.posY-e<60?l=a-Math.pow((50-o.posY+e)/10,2):o.posY+60>s&&(l=a+Math.pow((o.posY+50-s)/10,2)),l&&t.helper.scroll.setScrollPos(t.elements.bookmarkBox.all,l)}o.previousDelta=e}},h=()=>{m();let s=t.elements.iframeBody.children("a."+t.opts.classes.drag.helper),a=t.elements.bookmarkBox.all.find("li."+t.opts.classes.drag.dragInitial),l=s.data("elm"),r=l.children("a"),o=d(r);if(i(s))this.cancel();else{s.addClass(t.opts.classes.drag.snap);let i=l.parent("ul").prev("a").attr(t.opts.attr.id),n=0;l.prevAll("li").forEach(e=>{e!==a&&n++}),"pinned"===o?t.helper.bookmark.reorderPinnedEntries({id:l.children("a").attr(t.opts.attr.id),prevId:l.prev("li").children("a").attr(t.opts.attr.id)}):t.helper.model.call("moveBookmark",{id:l.children("a").attr(t.opts.attr.id),parentId:i,index:n}),p(r,{type:"end"}),t.elements.iframeBody.removeClass(t.opts.classes.drag.isDragged),e.delay().then(()=>{let t=l[0].getBoundingClientRect();return s.css({top:t.top+"px",left:t.left+"px"}),e.delay(200)}).then(()=>(l.removeClass(t.opts.classes.drag.isDragged),a.remove(),s.remove(),e.delay(300))).then(()=>{t.helper.toggle.removeSidebarHoverClass()})}},m=(e=null)=>{null===r||null!==e&&r.id===e.attr(t.opts.attr.id)||(r.elm.removeClass(t.opts.classes.drag.dragHover),clearTimeout(r.instance),r=null)},g=(s,n,p)=>{let c=null,h=null,g=0,u=0;if("dragover"===s){if(u=n,(g=p-20)===l)return!1;l=g,t.elements.bookmarkBox.all.find("li."+t.opts.classes.drag.isDragged).remove(),h=e("
    • ").html(" ").addClass(t.opts.classes.drag.isDragged)}else{let e=(c=t.elements.iframeBody.children("a."+t.opts.classes.drag.helper)).data("startPos");g=p-e.top,u=n-e.left,c.css({top:g+"px",left:u+"px"}),h=c.data("elm")}if(i(c||u))return m(),t.elements.iframeBody.addClass(t.opts.classes.drag.cancel),!1;t.elements.iframeBody.removeClass(t.opts.classes.drag.cancel);let b={elm:null},f=d(h.children("a")),v=null;if("pinned"===f?v=[t.elements.pinnedBox.find("> ul > li")]:(o.posY=p,v=[t.elements.bookmarkBox.all.find("a."+t.opts.classes.sidebar.dirOpened+" + ul > li"),t.elements.bookmarkBox.all.find("> ul > li > a."+t.opts.classes.sidebar.dirOpened).parent("li")]),v.some(s=>{s.forEach(s=>{let a=e(s);if(a[0]!==h[0]&&!a.hasClass(t.opts.classes.drag.dragInitial)){let e=a[0].getBoundingClientRect(),t=g-e.top;if(e.top>g)return!1;(null===b.elm||b.diff>t)&&(b={elm:a,height:a[0].offsetHeight,diff:t})}})}),b.elm&&b.elm!==a){a=b.elm;let s=b.elm.children("a").eq(0),l=s.hasClass(t.opts.classes.sidebar.bookmarkDir),o=b.diff/b.height*100;if(m(s),0===b.elm.nextAll("li:not(."+t.opts.classes.drag.isDragged+")").length()&&o>80){let e=h.insertAfter(b.elm.parents("li").eq(0));c&&c.data("elm",e)}else if(l&&o<50)if(s.hasClass(t.opts.classes.sidebar.dirOpened)){let e=h.prependTo(s.next("ul"));c&&c.data("elm",e)}else if(c&&c.data("isDir")){let e=h.insertAfter(b.elm);c&&c.data("elm",e)}else s.hasClass(t.opts.classes.sidebar.dirAnimated)?0===s.next("ul").length()&&(s.addClass(t.opts.classes.sidebar.dirOpened),e("