.copyright_resource_nav{position: relative;display: inline;}
            .copyright_resource_nav ul{position: absolute;left: calc(100% - 5px);bottom: -12px;background-color: #ffffff;border-radius: 6px;width: max-content;padding: 7px 0;margin: 0;list-style: none;box-shadow: 0 0 15px rgba(0,0,0,0.1);transform: scaleX(0);opacity: 0;pointer-events: none;transform-origin: left bottom;transition: all .35s ease;}
            .copyright_resource_nav ul li{padding: 5px 10px;text-align: left;}
            .copyright_resource_nav:hover ul{transform: scaleX(1);opacity: 1;pointer-events: auto;}
            .copyright_resource_nav>span{position: relative;padding: 8px 15px 8px 0;cursor: pointer;}
            .copyright_resource_nav>span::after{content: "";width: 0;height: 1px;position: absolute;bottom: 8px;left: 0;background-color: currentColor;transition: all .35s ease;}
            .copyright_resource_nav:hover>span::after{width: calc(100% - 15px);}
            .copyright_resource_nav ul.copyright_resource_nav_items li a{position: relative;color: #333;font-size: .9em;white-space: nowrap;text-decoration: none;transition: all .35s ease;}
            .copyright_resource_nav ul.copyright_resource_nav_items li a::after{content: "";width: 0;height: 1px;background-color: currentColor;position: absolute;bottom: 0;left: 0;transition: all .35s ease;}
            .copyright_resource_nav ul.copyright_resource_nav_items li:hover a{color: var(--bs-theme-color);}
            .copyright_resource_nav ul.copyright_resource_nav_items li:hover a::after{width: 100%;}
img {
	width: auto;
	height: auto;
}
:root {
--bs-screen-full: 100%;
--bs-screen-xxl: 92.5%;
--bs-screen-large: 78%;
--bs-screen-mid: 68%;
--bs-screen-small: 58%;
--bs-screen-full-notebook: 100%;
--bs-screen-xxl-notebook: 88%;
--bs-screen-large-notebook: 78%;
--bs-screen-mid-notebook: 68%;
--bs-screen-small-notebook: 58%;
--bs-screen-full-pad: 100%;
--bs-screen-xxl-pad: 98%;
--bs-screen-large-pad: 98%;
--bs-screen-mid-pad: 98%;
--bs-screen-small-pad: 98%;
--bs-screen-full-mobile: 100%;
--bs-screen-xxl-mobile: 98%;
--bs-screen-large-mobile: 98%;
--bs-screen-mid-mobile: 98%;
--bs-screen-small-mobile: 98%;
--bs-body-font-weight: 400;
--bs-body-color: #333333;
--bs-body-bg: #fff;
--bs-theme-color: #e70316;
--bs-sec-theme-color: #e70013;
--bs-link-color: #333333;
--bs-link-hover-color: #000;
--bs-font-sans-serif: 'Poppins';
--bs-body-font-size: 1rem;
--bs-h-font-sans-serif: "Poppins";
--bs-h-font-weight: 400;
--bs-h-font-size: 48px;
--bs-nb-h-font-size: 40px;
--bs-pad-h-font-size: 32px;
--bs-mob-h-font-size: 24px;
}
.section-header-wrap-block.section-block-demo50-header > .header-outer-wrap > .header-bottom {
	background-color:#fff;
}
.section-header-wrap-block.section-block-demo50-header > .header-outer-wrap > .header-top > .layout > .header-social > li > a > img {
}
.section-header-wrap-block.section-block-demo50-header > .header-outer-wrap > .header-top > .layout > .header-social > li > a {
	width: 29px;
}
.section-header-wrap-block.section-block-demo50-header > .header-outer-wrap > .header-bottom > .layout > .nav > .active > a > em {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.section-header-wrap-block.section-block-demo50-header > .header-outer-wrap > .header-bottom > .layout > .nav > li > a > em {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-bottom > .layout > .nav > .active > a {
	font-size: 14px;
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-bottom > .layout > .nav > li > a > em {
	font-size: 14px;
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-top > .layout.d-flex.justify-content-between.align-items-center > .search > .search-toggle > svg {
	background-color: rgb(255, 255, 255);
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-top > .layout.d-flex.justify-content-between.align-items-center > .search > .search-dropdown-menu > .search-close {
	background-color: rgb(0, 0, 0);
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-top > .layout.d-flex.justify-content-between.align-items-center > .head-contact > .head-email > a {
	font-size: 12px;
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-top > .layout.d-flex.justify-content-between.align-items-center > .head-contact > .head-phone > a {
	font-size: 12px;
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-bottom > .layout > .nav > .active > a > em {
	color: rgb(218, 82, 119);
}
.section-header-wrap-block.section-block-demo15-header > .header-outer-wrap > .header-bottom > .layout > .nav > .active > a > em:hover {
	color: rgb(218, 82, 119);
}
.section-header-wrap-block.section-block-demo50-header.fixed-nav > .header-outer-wrap > .header-top > .layout > .head-phone {
	font-size: 14px;
}
@media screen and (max-width: 480px) {
body > .section-header-wrap-block.section-block-demo50-header {
	background-color: rgb(237, 243, 248);
	padding-top: 0px;
	padding-right: 0px;
}
.section-header-wrap-block.section-block-demo50-header > .mobile-head-items.layout {
	background-color: rgb(237, 243, 248);
}
}

        .demo194-body main [data-screen="screen-xxl"] .layout {
            padding: 0 50px;
        }

        @media screen and (max-width: 1280px) {
            .demo194-body main [data-screen="screen-xxl"] .layout {
                padding: 0;
            }

        }

.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom {text-decoration-color: rgb(255, 255, 255);color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom > .layout.d-flex.justify-content-between.align-items-center > .copyright {color: rgb(255, 255, 255);font-weight: 500;background-color: rgba(0, 0, 0, 0);}.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom > .layout.d-flex.justify-content-between.align-items-center > .footer-right {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom > .layout.d-flex.justify-content-between.align-items-center {color: rgb(255, 255, 255);opacity: 1;background-color: rgba(0, 0, 0, 0);}.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom > .layout.d-flex.justify-content-between.align-items-center:hover {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo91-footer > .footer-bottom:hover {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company > .foot-contact > .foot-phone > img {top: 15px;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company {left: 20px;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item {left: 20px;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between {justify-content: space-around;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .layout.foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-title {font-size: 18px;font-family: Rubik;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .layout.foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-val > a {font-size: 16px;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .layout.foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-val {font-size: 16px;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .layout.foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-nav > li > a {font-size: 16px;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .layout.foot-items.flex-wrap.d-flex.justify-content-between > .foot-item.foot-inquiry-item > .inquiry-desc {font-size: 16px;}.section-footer-wrap-block.section-block-demo92-footer > .footer-wrap > .footer-bottom > .copyright {font-size: 14px;}.section-footer-wrap-block.section-block-demo92-footer {background-color: rgb(24, 125, 200);}.section-footer-wrap-block.section-block-demo91-footer {background-color: #242323;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item > .foot-title {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company > .foot-contact > a {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company > .foot-contact > img {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company > .foot-contact > .foot-email > a {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-company > .foot-contact > .foot-address {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item > .foot-nav > li > a {color: #ffffff;}.section-footer-wrap-block.section-block-demo91-footer > .layout.foot-items.d-flex.justify-content-between > .foot-item.foot-item-inquiry > .inquiry-info {color: #ffffff;opacity: 0.3;}.section-footer-wrap-block.section-block-demo89-footer > .footer-top.layout.d-flex.flex-wrap.justify-content-between {padding-top: 15px;padding-bottom: 15px;}.section-footer-wrap-block.section-block-demo89-footer > .footer-bottom.layout.footer-items.d-flex.flex-wrap.justify-content-between {padding-top: 0px;padding-bottom: 0px;}.section-footer-wrap-block.section-block-demo57-footer {padding-top: 80px;padding-bottom: 20px;background-color: #303030;}.section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-ico > img {padding-left: 0px;width: 32px;}.section-footer-wrap-block.section-block-demo57-footer > .footer-wrap > .layout > .foot-items.flex-wrap.d-flex.justify-content-between > .foot-item > .foot-contacts > li > .foot-ico {padding-left: 0px;padding-right: 0px;margin-left: 0px;}

.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);

  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}
.pwa-spinning-loader-indicator {
  display: inline-flex !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}

.pwa-spinning-loader-indicator.size-l {
  width: 56px !important;
  height: 56px !important;
}

.pwa-spinning-loader-indicator.size-m {
  width: 40px !important;
  height: 40px !important;
}

.pwa-spinning-loader-indicator.size-s {
  width: 24px !important;
  height: 24px !important;
}

.pwa-spinning-loader-indicator.size-sm {
  width: 20px !important;
  height: 20px !important;
}

.pwa-spinning-loader-indicator.size-xs {
  width: 16px !important;
  height: 16px !important;
}

.pwa-spinning-loader-indicator.main-color {
  color: var(--pwa-foreground) !important;
}

.pwa-spinning-loader-indicator.white-color {
  color: var(--pwa-foreground) !important;
}

.pwa-spinning-loader-indicator.info-color {
  color: var(--pwa-foreground-info) !important;
}

.pwa-popup-wrap {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  color: var(--pwa-foreground) !important;
  border-radius: 8px !important;
  background: var(--pwa-background) !important;
  box-shadow: var(--pwa-shadow-medium) !important;
}

.pwa-popup-wrap.dark-color {
  background: var(--pwa-background-fill-selected) !important;
  color: var(--pwa-foreground-inverse) !important;
}

.pwa-popup-wrap.main-color {
  background: var(--pwa-background-surface-secondary) !important;
  color: var(--pwa-foreground) !important;
}

.pwa-popup-wrap.background-surface {
  background-color: var(--pwa-background-surface) !important;
}

.pwa-popup-wrap.size-xs {
  width: 120px !important;
}

.pwa-popup-wrap.size-s {
  max-width: 250px !important;
  min-width: 220px !important;
}

.pwa-popup-wrap,
.pwa-popup-wrap.size-auto {
  max-width: none !important;
}

.pwa-popup-wrap.size-hug {
  max-width: max-content !important;
  max-height: max-content !important;
}

.pwa-popup-wrap.size-sm {
  width: 320px !important;
}

.pwa-popup-wrap.size-dialog-m {
  width: 400px !important;
}

@media (max-width: 480px) {
  .pwa-popup-wrap.size-dialog-m {
    width: calc(100vw - 2 * 16px) !important;
  }
}

.pwa-popup-wrap.size-m {
  width: 460px !important;
  box-shadow: var(--pwa-shadow-large) !important;
}

.pwa-popup-wrap.size-fill {
  width: 100% !important;
  height: 100% !important;
}

.pwa-popup-wrap.size-l {
  width: 520px !important;
  box-shadow: var(--pwa-shadow-large) !important;
}

.pwa-popup-wrap.size-dialog-xl {
  width: 800px !important;
}

.pwa-popup-wrap.size-xl {
  width: 620px !important;
  box-shadow: var(--pwa-shadow-large) !important;
}

.pwa-popup-wrap.overflow-auto {
  overflow: auto !important;
}

.pwa-popup-wrap.overflow-hidden {
  overflow: hidden !important;
}

.pwa-popup-wrap.overflow-clip {
  overflow: clip !important;
}

.pwa-popup-wrap.shadow-none {
  box-shadow: none !important;
}

.pwa-popup-wrap.flex-column {
  display: flex !important;
  flex-direction: column !important;
}

pwa-list-popup {
  display: inline-block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: var(--pwa-foreground) !important;
  padding: 8px !important;
}

pwa-list-popup .pwa-list-popup-loading,
pwa-list-popup .pwa-list-popup-empty {
  display: none !important;
  flex-direction: column !important;
  min-width: 300px !important;
  min-height: 100px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

pwa-list-popup .pwa-list-popup-empty {
  margin-bottom: -28px !important;
}

pwa-list-popup .pwa-list-popup-container {
  display: flex !important;
  flex-direction: column !important;
  min-width: 300px !important;
  max-width: 300px !important;
  min-height: 37px !important;
  align-items: start !important;
  justify-content: start !important;
  max-height: 185px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  font-size: 14px !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] {
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  justify-content: start !important;
  align-items: center !important;
  width: 100% !important;
  padding: 8px !important;
  margin-bottom: 2px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  border-radius: 4px !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index]:hover,
pwa-list-popup .pwa-list-popup-container > *[list-item-index][list-item-selected] {
  background: var(--pwa-background-surface-hover) !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: start !important;
  align-items: center !important;
  width: 100% !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-tag {
  background: var(--pwa-background-surface-secondary) !important;
  border-radius: 4px !important;
  margin-right: 8px !important;
  color: var(--pwa-foreground) !important;
  padding: 1px 5px !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-tag b {
  font-weight: 600 !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-label {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-label b {
  font-weight: 600 !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-description {

  font-size: 12px !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-top: 5px !important;
}

pwa-list-popup .pwa-list-popup-container > *[list-item-index] .list-item-description b {
  font-weight: 600 !important;
}

pwa-list-popup .pwa-list-popup-footer {
  display: flex !important;
  justify-items: flex-end !important;
  align-items: center !important;
  padding: 8px 0 0 0 !important;
  height: 28px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  color: var(--pwa-foreground-secondary) !important;
}

pwa-list-popup .pwa-list-popup-footer-label {
  width: 100% !important;
}

pwa-list-popup .pwa-list-popup-footer-label b {
  font-weight: 600 !important;
}

pwa-list-popup .pwa-list-popup-footer-button-settings {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}

pwa-list-popup .pwa-list-popup-footer-button-settings[hidden],
pwa-list-popup .pwa-list-popup-footer-button-settings.hidden {
  display: none !important;
}

pwa-list-popup .pwa-list-popup-footer-button-settings:hover {
  background: var(--pwa-background-surface-hover) !important;
}

pwa-list-popup .pwa-list-popup-footer-button-settings:hover svg {
  transform: rotate(60deg) !important;
}

pwa-list-popup .pwa-list-popup-footer-button-settings svg {
  transition: 0.5s ease transform !important;
  transform: rotate(0deg) !important;
}

pwa-list-popup .pwa-list-popup-footer-icon-intermediate-loading {
  margin-right: 8px !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  display: none !important;
}

pwa-list-popup .pwa-list-popup-footer-icon-intermediate-loading[hidden],
pwa-list-popup .pwa-list-popup-footer-icon-intermediate-loading.hidden {
  display: none !important;
}

pwa-list-popup.loading .pwa-list-popup-loading {
  display: flex !important;
}

pwa-list-popup.loading .pwa-list-popup-footer,
pwa-list-popup.loading .pwa-list-popup-empty,
pwa-list-popup.loading .pwa-list-popup-container {
  display: none !important;
}

pwa-list-popup.intermediate-loading .pwa-list-popup-footer-icon-intermediate-loading {
  display: flex !important;
}

pwa-list-popup.empty .pwa-list-popup-empty {
  display: flex !important;
}

pwa-list-popup.empty .pwa-list-popup-footer-label {
  visibility: hidden !important;
}

pwa-list-popup.empty .pwa-list-popup-loading,
pwa-list-popup.empty .pwa-list-popup-container {
  display: none !important;
}

pwa-list-popup{ z-index:9999999999999 !important; }

.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {

  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);

  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);

  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;
  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;
  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  
.pwa-toast-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  pointer-events: none;
}
.pwa-toast-container .pwa-toast {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  max-width: 450px;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  display: flex;
  align-items: stretch;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.7;
  color: var(--pwa-foreground);
  background-color: var(--pwa-background);
  box-shadow: var(--pwa-shadow-medium);
  pointer-events: all;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.pwa-toast-container .pwa-toast.pwa-toast-invisible {
  margin-top: -100px;
  opacity: 0;
}
.pwa-toast-container .pwa-toast.pwa-toast-success .pwa-toast-strap {
  background-color: var(--pwa-background-fill-success);
}
.pwa-toast-container .pwa-toast.pwa-toast-info .pwa-toast-strap {
  background-color: var(--pwa-background-fill-info);
}
.pwa-toast-container .pwa-toast.pwa-toast-warning .pwa-toast-strap {
  background-color: var(--pwa-background-fill-warning);
}
.pwa-toast-container .pwa-toast.pwa-toast-error .pwa-toast-strap {
  background-color: var(--pwa-background-fill-danger);
}
.pwa-toast-container .pwa-toast .pwa-toast-strap {
  width: 56px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-toast-container .pwa-toast .pwa-toast-strap path,
.pwa-toast-container .pwa-toast .pwa-toast-strap rect,
.pwa-toast-container .pwa-toast .pwa-toast-strap circle {
  stroke: var(--pwa-foreground);
}
.pwa-toast-container .pwa-toast .pwa-toast-content {
  flex: 1;
  flex-wrap: wrap;
  padding: 12px 48px 12px 16px;
}
.pwa-toast-container .pwa-toast .pwa-toast-content .pwa-toast-title {
  margin-bottom: 8px;
  font-weight: 600;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn {
  position: absolute;

  display: flex;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.pwa-toast-container .pwa-toast .pwa-toast-close-btn:hover {
  opacity: 0.75;
}

  
:root {
  --pwa-white-color: #FFF;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6;
  --pwa-brown-100: #F7EBE4;
  --pwa-brown-200: #EDDCD1;
  --pwa-brown-300: #D1B4A3;
  --pwa-brown-400: #B58B73;
  --pwa-brown-500: #765644;
  --pwa-brown-600: #6E4D3A;
  --pwa-brown-700: #634331;
  --pwa-brown-800: #4D3322;
  --pwa-brown-900: #362217;
  --pwa-brown-950: #0F0E0D;
  --pwa-neutral-cold-50: #f2f2f2;
  --pwa-neutral-cold-100: #e8e8e8;
  --pwa-neutral-cold-200: #d1d1d1;
  --pwa-neutral-cold-300: #b8b8b8;
  --pwa-neutral-cold-400: #9fa2a1;
  --pwa-neutral-cold-500: #868e89;
  --pwa-neutral-cold-600: #6d7972;
  --pwa-neutral-cold-700: #56625b;
  --pwa-neutral-cold-800: #3d4842;
  --pwa-neutral-cold-900: #27302b;

  --pwa-neutral-cold-950: #161d1a;
  --pwa-neutral-warm-50: #fdfcfc;
  --pwa-neutral-warm-100: #f4f2f1;
  --pwa-neutral-warm-200: #ded8d5;
  --pwa-neutral-warm-300: #c4bbb6;
  --pwa-neutral-warm-400: #a4968e;
  --pwa-neutral-warm-500: #73655d;
  --pwa-neutral-warm-600: #695d55;
  --pwa-neutral-warm-700: #574d47;
  --pwa-neutral-warm-800: #473e39;
  --pwa-neutral-warm-900: #362f2b;
  --pwa-neutral-warm-950: #1c1917;
  --pwa-neutral-dark-50: #141A17;
  --pwa-neutral-dark-100: #1F2623;
  --pwa-neutral-dark-200: #2B3330;
  --pwa-neutral-dark-300: #37403C;
  --pwa-neutral-dark-400: #444D48;
  --pwa-neutral-dark-500: #5E6662;
  --pwa-neutral-dark-600: #878C8A;
  --pwa-neutral-dark-700: #A6A6A6;
  --pwa-neutral-dark-800: #BFBFBF;
  --pwa-neutral-dark-900: #D9D9D9;
  --pwa-neutral-dark-950: #EBEBEB;
  --pwa-pink-50: #fff0f0;
  --pwa-pink-100: #fee6e6;
  --pwa-pink-200: #fcc4c5;
  --pwa-pink-300: #f99a9c;
  --pwa-pink-400: #E46A6B;
  --pwa-pink-500: #9e1012;
  --pwa-pink-600: #8e0b0d;
  --pwa-pink-700: #82080a;
  --pwa-pink-800: #670406;
  --pwa-pink-900: #550203;
  --pwa-pink-950: #3d0001;
  --pwa-blue-50: #ecf7fd;
  --pwa-blue-100: #daeffb;
  --pwa-blue-200: #a6d8f5;
  --pwa-blue-300: #6fc1f0;
  --pwa-blue-400: #1c9de8;
  --pwa-blue-500: #106a9e;
  --pwa-blue-600: #0e5d8b;
  --pwa-blue-700: #0d547d;
  --pwa-blue-800: #0a4466;
  --pwa-blue-900: #08354f;
  --pwa-blue-950: #041c2a;
  --pwa-green-50: #F1F9F2;
  --pwa-green-100: #DFF1E3;
  --pwa-green-200: #BFE3C6;
  --pwa-green-300: #98D2A3;
  --pwa-green-400: #66BD77;
  --pwa-green-500: #429953;
  --pwa-green-600: #3C8B4C;
  --pwa-green-700: #347942;
  --pwa-green-800: #2B6436;
  --pwa-green-900: #1F4727;
  --pwa-green-950: #122B17;
  --pwa-yellow-50: #FBF7EF;
  --pwa-yellow-100: #FBF1DA;
  --pwa-yellow-200: #FAE7C0;
  --pwa-yellow-300: #FAD791;
  --pwa-yellow-400: #EBBA59;
  --pwa-yellow-500: #D59C2D;
  --pwa-yellow-600: #BD8B29;
  --pwa-yellow-700: #A67B26;
  --pwa-yellow-800: #886520;
  --pwa-yellow-900: #664C1A;
  --pwa-yellow-950: #523A0A;
  --pwa-red-50: #FBECEC;
  --pwa-red-100: #FFDEDE;
  --pwa-red-200: #F6C0C0;
  --pwa-red-300: #EB9F9F;
  --pwa-red-400: #E15F5F;
  --pwa-red-500: #C63737;
  --pwa-red-600: #B82525;
  --pwa-red-700: #A31F1F;
  --pwa-red-800: #830E0E;
  --pwa-red-900: #5D0909;
  --pwa-red-950: #471515;
  --pwa-purple-50: #F6F4FB;
  --pwa-purple-100: #E9E3FA;
  --pwa-purple-200: #D6CDEF;
  --pwa-purple-300: #B9AAE4;
  --pwa-purple-400: #967ED8;
  --pwa-purple-500: #5A36BE;
  --pwa-purple-600: #5233A9;
  --pwa-purple-700: #462C8B;
  --pwa-purple-800: #37236C;
  --pwa-purple-900: #2B1D53;
  --pwa-purple-950: #1C1334;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b;
  --pwa-google-docs-color: #0077e1;
  --pwa-chrome-extension-color: #0d9d59;
  --pwa-edge-extension-color: #249fbd;
  --pwa-firefox-extension-color: #3f83d7;
  --pwa-safari-extension-color: #00b0ff;
  --pwa-bitbucket-color: #205081;
  --pwa-facebook-color: #3b5998;
  --pwa-twitter-color: #1da1f2;
  --pwa-google-plus-color: #f42a2a;
  --pwa-linkedin-color: #0077b5;
  --pwa-instagram-color: #4362a7;
  --pwa-reddit-color: #ff4301;
  --pwa-medium-color: #00ab6c;
  --pwa-pinterest-color: #cb2027;
  --pwa-email-color: #c71610;
  --pwa-youtube-color: #ff0000;
  --pwa-sso-background-color: #fff;
}
/* !!! Don't use colors directly in the most of cases, use semantic vars*/
::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
:-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::-webkit-input-placeholder,
.has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error :-ms-input-placeholder,
.has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.error ::placeholder,
.has-error ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary);
}
.blog ::placeholder {
  color: var(--pwa-foreground-tertiary);
}
/* Default for all form elements */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06);
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03));
}
.pwa-dark-mode,
.pwa-static-dark-theme,
.pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02);
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03);
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02));
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03));
}
/* Legacy */
/* All paddings and margins */
:root,
.pwa-static-light-theme,
.pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950);
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400);
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600);
  --pwa-foreground-inverse: var(--pwa-white-color);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-600);
  --pwa-foreground-warning: var(--pwa-yellow-600);
  --pwa-foreground-success: var(--pwa-green-600);
  --pwa-foreground-info: var(--pwa-blue-600);
  --pwa-foreground-danger-strong: var(--pwa-red-900);
  --pwa-foreground-warning-strong: var(--pwa-yellow-900);
  --pwa-foreground-success-strong: var(--pwa-green-900);
  --pwa-foreground-info-strong: var(--pwa-blue-900);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-cold-800);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-neutral-cold-950);
  --pwa-foreground-link-hover: var(--pwa-blue-600);
  --pwa-background: var(--pwa-white-color);
  --pwa-background-secondary: var(--pwa-brown-50);
  --pwa-background-surface: var(--pwa-white-color);
  --pwa-background-surface-warning: var(--pwa-yellow-100);
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900);
  --pwa-background-surface-active: var(--pwa-neutral-warm-50);
  --pwa-background-surface-secondary: var(--pwa-brown-50);
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100);
  --pwa-background-surface-hover: var(--pwa-brown-50);
  --pwa-background-surface-selected: var(--pwa-brown-100);
  --pwa-background-surface-brand: var(--pwa-pink-50);
  --pwa-background-surface-brand-hover: var(--pwa-pink-100);
  --pwa-background-surface-brand-selected: var(--pwa-pink-200);
  --pwa-background-surface-brand-strong: var(--pwa-pink-200);
  --pwa-background-fill: var(--pwa-white-color);
  --pwa-background-fill-hover: var(--pwa-brown-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100);
  --pwa-background-fill-brand: var(--pwa-pink-100);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: var(--pwa-red-100);
  --pwa-background-fill-success: var(--pwa-green-100);
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: var(--pwa-yellow-100);
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: var(--pwa-blue-100);
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: var(--pwa-purple-100);
  --pwa-background-fill-brown: var(--pwa-brown-200);
  --pwa-border: var(--pwa-neutral-cold-200);
  --pwa-border-selected: var(--pwa-neutral-cold-950);
  --pwa-border-disabled: var(--pwa-neutral-cold-200);
  --pwa-border-inverse: var(--pwa-white-color);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-cold-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-cold-950);
  --pwa-button-fg-inverted: var(--pwa-white-color);
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400);
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50);
  --pwa-toolkit-fill: var(--pwa-brown-100);
  --pwa-toolkit-fill-hover: var(--pwa-brown-200);
  --pwa-toolkit-fill-brand: var(--pwa-pink-200);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300);
  --pwa-toolkit-fill-success: var(--pwa-green-200);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-cold-400);
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill: var(--pwa-neutral-cold-200);
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300);
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200);
  --pwa-webeditor-background: var(--pwa-neutral-warm-100);
  --pwa-summary-chart-bar-color: var(--pwa-pink-200);
  --pwa-scrollbar-color: inherit;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50);
  --pwa-skeleton-red: var(--pwa-red-50);
  --pwa-skeleton-yellow: var(--pwa-yellow-50);
  --pwa-skeleton-blue: var(--pwa-blue-50);
}
.pwa-dark-mode,
.pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
}
.pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900);
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900);
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800);
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700);
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50);
  --pwa-foreground-static-dark: var(--pwa-white-color);
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50);
  --pwa-foreground-danger: var(--pwa-red-400);
  --pwa-foreground-warning: var(--pwa-yellow-500);
  --pwa-foreground-success: var(--pwa-green-500);
  --pwa-foreground-info: var(--pwa-blue-400);
  --pwa-foreground-danger-strong: var(--pwa-red-100);
  --pwa-foreground-warning-strong: var(--pwa-yellow-100);
  --pwa-foreground-success-strong: var(--pwa-green-100);
  --pwa-foreground-info-strong: var(--pwa-blue-100);
  --pwa-foreground-brand-strong: var(--pwa-pink-900);
  --pwa-foreground-hover: var(--pwa-neutral-dark-600);
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200);
  --pwa-foreground-link-hover: var(--pwa-blue-500);
  --pwa-background: var(--pwa-neutral-dark-50);
  --pwa-background-secondary: var(--pwa-neutral-dark-50);
  --pwa-background-surface: var(--pwa-neutral-dark-50);
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100);
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300);
  --pwa-background-surface-active: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100);
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100);
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand: #D4A7A8;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200);
  --pwa-background-surface-brand-selected: var(--pwa-pink-100);
  --pwa-background-surface-brand-strong: var(--pwa-pink-300);
  --pwa-background-fill: var(--pwa-neutral-dark-100);
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200);
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200);
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950);
  --pwa-background-fill-neutral: #878c8a40;
  --pwa-background-fill-brand: var(--pwa-pink-200);
  --pwa-background-fill-danger-strong: var(--pwa-red-600);
  --pwa-background-fill-danger: #4A1414;
  --pwa-background-fill-success: #214026;
  --pwa-background-fill-success-strong: var(--pwa-green-600);
  --pwa-background-fill-warning: #554018;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600);
  --pwa-background-fill-info: #163447;
  --pwa-background-fill-info-strong: var(--pwa-blue-600);
  --pwa-background-fill-purple: #2D1E54;
  --pwa-background-fill-brown: #514036;
  --pwa-border: var(--pwa-neutral-dark-400);
  --pwa-border-selected: var(--pwa-neutral-dark-900);
  --pwa-border-disabled: var(--pwa-neutral-dark-400);
  --pwa-border-inverse: var(--pwa-neutral-dark-50);
  --pwa-border-static: var(--pwa-neutral-dark-50);
  --pwa-border-warning: var(--pwa-yellow-600);
  --pwa-border-success: var(--pwa-green-600);
  --pwa-border-danger: var(--pwa-red-600);
  --pwa-border-info: var(--pwa-blue-600);
  --pwa-button-bg-main: var(--pwa-neutral-dark-950);
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800);
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25);
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3);
  --pwa-button-bg-danger: var(--pwa-red-50);
  --pwa-button-bg-danger-hover: var(--pwa-red-100);
  --pwa-button-bg-danger-clicked: var(--pwa-red-200);
  --pwa-button-fg-danger: var(--pwa-red-600);
  --pwa-button-border-danger: var(--pwa-red-600);
  --pwa-button-fg: var(--pwa-neutral-dark-900);
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50);
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-border: var(--pwa-neutral-cold-400);
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500);
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300);
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700);
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800);
  --pwa-toolkit-fill-brand: var(--pwa-pink-300);
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200);
  --pwa-toolkit-fill-success: var(--pwa-green-300);
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200);
  --pwa-toolkit-fill-danger: var(--pwa-red-200);
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300);
  --pwa-toolkit-bg: #EAEEF270;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800);
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950);
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800);
  --pwa-controls-border: var(--pwa-neutral-dark-950);
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill: var(--pwa-neutral-dark-600);
  --pwa-toggles-fill-hover: var(--pwa-pink-100);
  --pwa-toggles-fill-selected: var(--pwa-pink-200);
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100);
  --pwa-webeditor-background: var(--pwa-neutral-dark-100);
  --pwa-summary-chart-bar-color: #665050;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500);
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1);
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1);
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1);
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1);
  --pwa-foreground: var(--pwa-white-color);
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400);
  --pwa-foreground-link: var(--pwa-white-color);
  --pwa-background-surface: var(--pwa-neutral-cold-900);
  --pwa-button-bg-main: var(--pwa-neutral-cold-50);
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100);
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200);
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300);
}
@font-face {
  font-family: 'Inter Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/76224c7fa303861462e7852599eede15.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/d6125db9dd20399de9327477f139015d.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/0683969827c7dc6663082dc1b24196ae.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/3be6b9e3b22c24eaada78645bd238f38.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/c3c9f10a4dbfc7314a595390a2cb1f05.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Light';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Semibold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Bold';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Regular';
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
/* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/
@font-face {
  font-family: Reckless;
  font-weight: 400;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/2eec7f0e7cb56892253764dfc785c783.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 300;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/909b8bc49663b52b1d7bf392516d8646.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  font-weight: 600;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/caf7350ce27ff08eba174958f7ceb489.woff2) format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Reckless;
  font-weight: 700;
  src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/fonts/72925d98be7136ed68a13e16c7f1ef93.woff2) format('woff2');
  font-display: swap;
}
.pwa-word-explorer-window-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.pwa-word-explorer-window-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--pwa-foreground);
  font-family: "Inter", sans-serif;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--pwa-background);
  z-index: 1000;
  display: flex;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .content-loading-overlay.hidden,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .panel-loading-overlay.hidden {
  display: none !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 1002;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper {
  width: calc(100% - 20px);
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .icon {
  position: absolute;
  top: 5px;
  left: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper input {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pwa-border);
  border-radius: 15px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 40px;
  outline: none;
  box-sizing: border-box;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator {
  position: absolute;
  top: 4px;
  right: 4px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  cursor: pointer;
  position: absolute;
  top: 2px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev.disable,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next.disable {
  opacity: 0.3;
  pointer-events: none;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .prev {
  transform: rotate(180deg);
  right: 20px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .query .query-wrapper .navigator .next {
  right: 8px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  display: block;
  position: relative;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left {
  width: 300px;
  border-right: 1px solid var(--pwa-border);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories {
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category {
  border-bottom: 1px solid var(--pwa-background);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button {
  width: 100%;
  height: 40px;
  background: var(--pwa-background-surface-secondary);
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  padding-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--pwa-foreground);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button:hover {
  background: var(--pwa-background-surface-hover);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  float: left;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .open-flag {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  float: left;
  text-align: center;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .category-button .category-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container {
  max-height: 0;
  overflow: hidden;
  transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1) max-height;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-marker {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-name {
  margin-left: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory .subcategory-chevron {
  margin-left: auto;
  margin-right: 5px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category .subcategory-container .subcategory.selected .subcategory-marker {
  background: var(--pwa-border-selected) !important;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .left .categories .category.selected .category-button {
  background: var(--pwa-background-surface-selected);
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right {
  width: calc( 100% -  300px );
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container {
  width: 100%;
  height: calc(100% -  30px );
  overflow: auto;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search {
  margin-left: 2px;
  opacity: 0.8;
  cursor: pointer;
  font-size: 14px;
}
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-copy:hover,
.pwa-word-explorer-window-wrapper .pwa-word-explorer-window .right .html-container .icon-search:hover {
  opacity: 1;
}
.pwa-log-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999;
  width: 100% !important;
  height: 100% !important;
}
.pwa-log-popup .dark-overlay {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.68);
}
.pwa-log-popup .window-wrapper {
  width: 500px;
  height: 250px;
  position: absolute;
  border: none;
  left: calc( 50% -  250px  ) !important;
  top: calc( 50% -  125px  ) !important;
  box-shadow: 0 5px 15px 0 #000000 !important;
}
#pwa-word-explorer {
  padding: 28px;
  font-family: Lato, sans-serif !important;
}
#pwa-word-explorer h2 {
  color: var(--pwa-foreground);
  white-space: nowrap;
  -webkit-user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-family: Reckless, sans-serif !important;
  font-size: 20px !important;
  margin-top: 0px !important;
  padding: 0px 0px 15px 0px !important;
}
#pwa-word-explorer h1,
#pwa-word-explorer h2,
#pwa-word-explorer h3,
#pwa-word-explorer h4,
#pwa-word-explorer h5 {
  font-family: Reckless, sans-serif !important;
}
#pwa-word-explorer > ul {
  list-style-type: none;
  padding-left: 0;
}
#pwa-word-explorer a {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:visited {
  color: var(--pwa-foreground);
}
#pwa-word-explorer a:active,
#pwa-word-explorer a:hover {
  color: var(--pwa-foreground-info);
}
#pwa-word-explorer > ol.dictionary-definitions {
  list-style-type: decimal;
  padding-left: 20px;
}
#pwa-word-explorer ul.word-list li {
  display: inline-block;
  margin-right: 30px;
  width: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#pwa-word-explorer ul.word-list li i {
  display: none !important;
}
#pwa-word-explorer ul.word-list li:hover i {
  display: inline-block !important;
}
#pwa-word-explorer i {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  color: var(--pwa-foreground);
}
#pwa-word-explorer blockquote {
  border-left: 10px solid var(--pwa-border);
  margin: 1.5em 0px;
  padding: 0.5em 10px;
}
#pwa-word-explorer blockquote p {
  display: inline;
}

  
.pwa-auto-complete-component {
  position: absolute;
}
.pwa-auto-complete-component .pwa-auto-complete-list {
  background: white;
  border: #DEE0E0 1px solid;
  overflow-y: scroll;
  max-height: 200px;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item {
  height: 30px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Lato, sans-serif;
}
.pwa-auto-complete-component .pwa-auto-complete-list .pwa-auto-complete-item.selected {
  background: rgba(128, 128, 128, 0.15);
}

  
.pwa-editor-content-editable > p {
  margin: 1em 0;
}
.pwa-editor-content-editable > p:first-child {
  margin-top: 0;
}

  
.pwa-editor {
  overflow: hidden;
  padding: 1px;
}
.pwa-editor iframe {
  overflow: hidden;
  height: 100% !important;
}
.pwa-editor .editable {
  outline: none;
  font-size: 19px;
  user-select: text;
}
.pwa-editor .editable[contenteditable],
.pwa-editor .editable > [contenteditable] {
  padding: 30px 35px;
}
.pwa-editor .editable [contenteditable] {
  outline: none;
}
.pwa-editor .editable * {
  font-size: inherit !important;
}
.pwa-editor .editable h1 {
  font-size: 2em !important;
}
.pwa-editor .editable h2 {
  font-size: 1.5em !important;
}
.pwa-editor .editable blockquote {
  position: relative;
  margin: 0;
  padding: 15px 25px 15px 29px;
}
.pwa-editor .editable blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--pwa-border);
}
.pwa-editor .editable blockquote > :first-child {
  margin-top: 0;
}
.pwa-editor .editable blockquote > :last-child {
  margin-bottom: 0;
}
.pwa-editor .editable .pwa-pm {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  /* the above doesn't seem to work in Edge */
}
.pwa-editor .editable .pwa-pm .ProseMirror-selectednode {
  outline: none !important;
}
.pwa-editor .editable .pwa-pm pre {
  white-space: pre-wrap;
}
.pwa-editor .editable .pwa-pm li {
  position: relative;
}
.pwa-editor table {
  border-collapse: collapse;
}
.pwa-editor table,
.pwa-editor th,
.pwa-editor td {
  border: 1px solid black;
  padding: 5px 5px;
}
.pwa-editor .pwa-character {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  text-transform: uppercase;
}
.pwa-editor .pwa-dialogue {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.pwa-editor .pwa-scenename {
  text-transform: uppercase;
}
.pwa-editor .pwa-placeholder {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}
.pwa-editor .pwa-placeholder--active {
  color: var(--pwa-foreground-tertiary);
  text-decoration: underline;
}

  
span[class^=pwa] {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
span[class^=pwa].pwa.invisible {
  color: transparent !important;
}
span[class^=pwa].pwa.pwa-mark-hidden,
span[class^=pwa].pwa.pwa-mark-ignored {
  display: none;
}
span[class^=pwa].pwa-span-hovered {
  background: rgba(32, 148, 250, 0.3);
}
span[class^=pwa].pwa-span-hovered[data-pwa-category="longsentences"],
span[class^=pwa].pwa-span-hovered[data-pwa-category="sentence"] {
  background: rgba(32, 148, 250, 0.3) !important;
}
span[class^=pwa].pwa-color.pwa-red {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C9513F;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-red.pwa-span-hovered {
  background: rgba(201, 81, 63, 0.3);
}
span[class^=pwa].pwa-color.pwa-green {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #53902a;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-green.pwa-span-hovered {
  background: rgba(83, 144, 42, 0.3);
}
span[class^=pwa].pwa-color.pwa-yellow {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #C2A407;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-yellow.pwa-span-hovered {
  background: rgba(194, 164, 7, 0.3);
}
span[class^=pwa].pwa-color.pwa-blue {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #4465C4;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-blue.pwa-span-hovered {
  background: rgba(68, 101, 196, 0.3);
}
span[class^=pwa].pwa-color.pwa-purple {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #660066;
  background: transparent;
}
span[class^=pwa].pwa-color.pwa-purple.pwa-span-hovered {
  background: rgba(102, 0, 102, 0.3);
}
span[class^=pwa].pwa-grammar,
span[class^=pwa].pwa-spelling,
span[class^=pwa].pwa-style {
  background-size: 0px 2px, 100% 2px;
  background-repeat: no-repeat, no-repeat;
  background-position: 200% 100%, 0px 100%;
  border-bottom: 1px solid transparent;
}
span[class^=pwa].pwa-grammar.pwa-span-hovered,
span[class^=pwa].pwa-spelling.pwa-span-hovered,
span[class^=pwa].pwa-style.pwa-span-hovered {
  background-size: auto, 100% 2px;
  background-position: 100% 100%, 0px 100%;
  transition: background-position 0.3s ease;
}
span[class^=pwa].pwa-grammar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAACCAYAAADLlPadAAAABmJLR�EAIAwDsA6DHPh/ZoTJ2JMoSPW7PwAAAMCqsx0AAAAAkgHerQKHq3BtYQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAABmJLR0QA/wD/AP+gvaeTAAAAEklEQVQImWP4vGvnfyYGBgYGABl4A2hm/SKhAAAAAElFTkSuQmCC);
}
span[class^=pwa].pwa-grammar.pwa-span-hovered {
  background-color: #f8d4d4;
}
span[class^=pwa].pwa-comment {
  background-color: var(--pwa-background-fill-warning);
  opacity: 0.6;
}
span[class^=pwa].pwa-comment.pwa-span-hovered {
  opacity: 0.4;
}
span[class^=pwa].pwa-comment.pwa-span-blink {
  z-index: 2;
}
span[class^=pwa].pwa1 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 blue;
  background: transparent;
}
span[class^=pwa].pwa1.pwa-span-hovered {
  background: rgba(0, 0, 255, 0.3);
}
span[class^=pwa].pwa1 sup {
  box-shadow: none;
}
span[class^=pwa].pwa1 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa2 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 purple;
  background: transparent;
}
span[class^=pwa].pwa2.pwa-span-hovered {
  background: rgba(128, 0, 128, 0.3);
}
span[class^=pwa].pwa2 sup {
  box-shadow: none;
}
span[class^=pwa].pwa2 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa3 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 cornflowerblue;

  background: transparent;
}
span[class^=pwa].pwa3.pwa-span-hovered {
  background: rgba(100, 149, 237, 0.3);
}
span[class^=pwa].pwa3 sup {
  box-shadow: none;
}
span[class^=pwa].pwa3 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa4 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 chartreuse;
  background: transparent;
}
span[class^=pwa].pwa4.pwa-span-hovered {
  background: rgba(127, 255, 0, 0.3);
}
span[class^=pwa].pwa4 sup {
  box-shadow: none;
}
span[class^=pwa].pwa4 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa5 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 crimson;
  background: transparent;
}
span[class^=pwa].pwa5.pwa-span-hovered {
  background: rgba(220, 20, 60, 0.3);
}
span[class^=pwa].pwa5 sup {
  box-shadow: none;
}
span[class^=pwa].pwa5 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa6 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 coral;
  background: transparent;
}
span[class^=pwa].pwa6.pwa-span-hovered {
  background: rgba(255, 127, 80, 0.3);
}
span[class^=pwa].pwa6 sup {
  box-shadow: none;
}
span[class^=pwa].pwa6 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa7 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkorchid;
  background: transparent;
}
span[class^=pwa].pwa7.pwa-span-hovered {
  background: rgba(153, 50, 204, 0.3);
}
span[class^=pwa].pwa7 sup {
  box-shadow: none;
}
span[class^=pwa].pwa7 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa8 {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 darkgoldenrod;
  background: transparent;
}
span[class^=pwa].pwa8.pwa-span-hovered {
  background: rgba(184, 134, 11, 0.3);
}
span[class^=pwa].pwa8 sup {
  box-shadow: none;
}
span[class^=pwa].pwa8 sup.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].pwa.highlight-hidden {
  box-shadow: none;
}
span[class^=pwa].pwa.highlight-hidden.pwa-span-hovered {
  background: transparent;
}
span[class^=pwa].selected {
  background-color: blue;
  color: #fff;
}
span[class^=pwa].pwa-graph-item-selected {
  background-color: rgba(176, 176, 176, 0.4);
}
span[class^=pwa].pwa-search-result {
  background-color: rgba(255, 255, 0, 0.4);
}
span[class^=pwa].pwa-search-result-current {
  background-color: rgba(0, 255, 255, 0.4);
  border: 1px dotted #909453 !important;
  margin: -1px !important;
}
span[class^=pwa].pwa-search-result-current-no-rb {
  border-right-color: transparent !important;
}
span[class^=pwa].pwa-search-result-current-no-lb {
  border-left-color: transparent !important;
}
span[class^=pwa].pwa-mark-touchable {
  pointer-events: auto;
}
span[class^=pwa].pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none;
}

  <style type="text/css" pwa-content-style="">
pwa-webeditor-overlay {
  /* !!! Don't use colors directly in the most of cases, use semantic vars*/
  /* Default for all form elements */
  /* Legacy */
  /* All paddings and margins */
  /* button without styles, but adds behavior for our icons */
  /* Legacy */
  /* similar as for report icons */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 2147483647 !important;
}

pwa-webeditor-overlay :root {
  --pwa-white-color: #FFF !important;
  /* Full color palette */
  --pwa-brown-50: #FEF9F6 !important;
  --pwa-brown-100: #F7EBE4 !important;
  --pwa-brown-200: #EDDCD1 !important;
  --pwa-brown-300: #D1B4A3 !important;
  --pwa-brown-400: #B58B73 !important;
  --pwa-brown-500: #765644 !important;
  --pwa-brown-600: #6E4D3A !important;
  --pwa-brown-700: #634331 !important;
  --pwa-brown-800: #4D3322 !important;
  --pwa-brown-900: #362217 !important;
  --pwa-brown-950: #0F0E0D !important;
  --pwa-neutral-cold-50: #f2f2f2 !important;
  --pwa-neutral-cold-100: #e8e8e8 !important;
  --pwa-neutral-cold-200: #d1d1d1 !important;
  --pwa-neutral-cold-300: #b8b8b8 !important;
  --pwa-neutral-cold-400: #9fa2a1 !important;
  --pwa-neutral-cold-500: #868e89 !important;
  --pwa-neutral-cold-600: #6d7972 !important;
  --pwa-neutral-cold-700: #56625b !important;
  --pwa-neutral-cold-800: #3d4842 !important;
  --pwa-neutral-cold-900: #27302b !important;
  --pwa-neutral-cold-950: #161d1a !important;
  --pwa-neutral-warm-50: #fdfcfc !important;
  --pwa-neutral-warm-100: #f4f2f1 !important;
  --pwa-neutral-warm-200: #ded8d5 !important;
  --pwa-neutral-warm-300: #c4bbb6 !important;
  --pwa-neutral-warm-400: #a4968e !important;
  --pwa-neutral-warm-500: #73655d !important;
  --pwa-neutral-warm-600: #695d55 !important;
  --pwa-neutral-warm-700: #574d47 !important;
  --pwa-neutral-warm-800: #473e39 !important;
  --pwa-neutral-warm-900: #362f2b !important;
  --pwa-neutral-warm-950: #1c1917 !important;
  --pwa-neutral-dark-50: #141A17 !important;
  --pwa-neutral-dark-100: #1F2623 !important;
  --pwa-neutral-dark-200: #2B3330 !important;
  --pwa-neutral-dark-300: #37403C !important;
  --pwa-neutral-dark-400: #444D48 !important;
  --pwa-neutral-dark-500: #5E6662 !important;
  --pwa-neutral-dark-600: #878C8A !important;
  --pwa-neutral-dark-700: #A6A6A6 !important;
  --pwa-neutral-dark-800: #BFBFBF !important;
  --pwa-neutral-dark-900: #D9D9D9 !important;
  --pwa-neutral-dark-950: #EBEBEB !important;
  --pwa-pink-50: #fff0f0 !important;
  --pwa-pink-100: #fee6e6 !important;
  --pwa-pink-200: #fcc4c5 !important;
  --pwa-pink-300: #f99a9c !important;
  --pwa-pink-400: #E46A6B !important;
  --pwa-pink-500: #9e1012 !important;
  --pwa-pink-600: #8e0b0d !important;
  --pwa-pink-700: #82080a !important;
  --pwa-pink-800: #670406 !important;
  --pwa-pink-900: #550203 !important;
  --pwa-pink-950: #3d0001 !important;
  --pwa-blue-50: #ecf7fd !important;
  --pwa-blue-100: #daeffb !important;
  --pwa-blue-200: #a6d8f5 !important;
  --pwa-blue-300: #6fc1f0 !important;
  --pwa-blue-400: #1c9de8 !important;
  --pwa-blue-500: #106a9e !important;
  --pwa-blue-600: #0e5d8b !important;
  --pwa-blue-700: #0d547d !important;
  --pwa-blue-800: #0a4466 !important;
  --pwa-blue-900: #08354f !important;
  --pwa-blue-950: #041c2a !important;
  --pwa-green-50: #F1F9F2 !important;
  --pwa-green-100: #DFF1E3 !important;
  --pwa-green-200: #BFE3C6 !important;
  --pwa-green-300: #98D2A3 !important;
  --pwa-green-400: #66BD77 !important;
  --pwa-green-500: #429953 !important;
  --pwa-green-600: #3C8B4C !important;
  --pwa-green-700: #347942 !important;
  --pwa-green-800: #2B6436 !important;
  --pwa-green-900: #1F4727 !important;
  --pwa-green-950: #122B17 !important;
  --pwa-yellow-50: #FBF7EF !important;
  --pwa-yellow-100: #FBF1DA !important;
  --pwa-yellow-200: #FAE7C0 !important;
  --pwa-yellow-300: #FAD791 !important;
  --pwa-yellow-400: #EBBA59 !important;
  --pwa-yellow-500: #D59C2D !important;
  --pwa-yellow-600: #BD8B29 !important;
  --pwa-yellow-700: #A67B26 !important;
  --pwa-yellow-800: #886520 !important;
  --pwa-yellow-900: #664C1A !important;
  --pwa-yellow-950: #523A0A !important;
  --pwa-red-50: #FBECEC !important;
  --pwa-red-100: #FFDEDE !important;
  --pwa-red-200: #F6C0C0 !important;
  --pwa-red-300: #EB9F9F !important;
  --pwa-red-400: #E15F5F !important;
  --pwa-red-500: #C63737 !important;
  --pwa-red-600: #B82525 !important;
  --pwa-red-700: #A31F1F !important;
  --pwa-red-800: #830E0E !important;
  --pwa-red-900: #5D0909 !important;
  --pwa-red-950: #471515 !important;
  --pwa-purple-50: #F6F4FB !important;
  --pwa-purple-100: #E9E3FA !important;
  --pwa-purple-200: #D6CDEF !important;
  --pwa-purple-300: #B9AAE4 !important;
  --pwa-purple-400: #967ED8 !important;
  --pwa-purple-500: #5A36BE !important;
  --pwa-purple-600: #5233A9 !important;
  --pwa-purple-700: #462C8B !important;
  --pwa-purple-800: #37236C !important;
  --pwa-purple-900: #2B1D53 !important;
  --pwa-purple-950: #1C1334 !important;
  /* Region integrations, social colors */
  --pwa-word-color: #19468b !important;
  --pwa-google-docs-color: #0077e1 !important;
  --pwa-chrome-extension-color: #0d9d59 !important;
  --pwa-edge-extension-color: #249fbd !important;
  --pwa-firefox-extension-color: #3f83d7 !important;
  --pwa-safari-extension-color: #00b0ff !important;
  --pwa-bitbucket-color: #205081 !important;
  --pwa-facebook-color: #3b5998 !important;
  --pwa-twitter-color: #1da1f2 !important;
  --pwa-google-plus-color: #f42a2a !important;
  --pwa-linkedin-color: #0077b5 !important;
  --pwa-instagram-color: #4362a7 !important;
  --pwa-reddit-color: #ff4301 !important;
  --pwa-medium-color: #00ab6c !important;
  --pwa-pinterest-color: #cb2027 !important;
  --pwa-email-color: #c71610 !important;
  --pwa-youtube-color: #ff0000 !important;
  --pwa-sso-background-color: #fff !important;
}

pwa-webeditor-overlay ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay ::placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .error ::-webkit-input-placeholder,
pwa-webeditor-overlay .has-error ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .error :-ms-input-placeholder,
pwa-webeditor-overlay .has-error :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .error ::placeholder,
pwa-webeditor-overlay .has-error ::placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .blog ::-webkit-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .blog :-ms-input-placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay .blog ::placeholder {
  color: var(--pwa-foreground-tertiary) !important;
}

pwa-webeditor-overlay :root,
pwa-webeditor-overlay .pwa-static-light-theme,
pwa-webeditor-overlay .pwa-dark-mode .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(20, 26, 23, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.06) !important;
  --pwa-shadow-medium: 0 0 2px 0 rgba(20, 26, 23, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1) !important;
  --pwa-shadow-large: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 8px 25px 0 rgba(20, 26, 23, 0.2), 0 0 100px 40px rgba(20, 26, 23, 0.03) !important;
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(20, 26, 23, 0.15)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06)) !important;
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(20, 26, 23, 0.2)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1)) !important;
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)) drop-shadow(0 8px 25px rgba(20, 26, 23, 0.2)) drop-shadow(0 0 100px rgba(20, 26, 23, 0.03)) !important;
}

pwa-webeditor-overlay .pwa-dark-mode,
pwa-webeditor-overlay .pwa-static-dark-theme,
pwa-webeditor-overlay .pwa-inverted-theme {
  --pwa-shadow-small: 0 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  --pwa-shadow-medium: 0 0 2px 0 rgba(255, 255, 255, 0.4), 0 4px 15px 0 rgba(20, 26, 23, 0.5), 0 0 100px 30px rgba(255, 255, 255, 0.02) !important;
  --pwa-shadow-large: 0 0 2px 0 rgba(255, 255, 255, 0.75), 0 8px 35px 0 rgba(20, 26, 23, 0.7), 0 0 100px 40px rgba(255, 255, 255, 0.03) !important;
  --pwa-shadow-fx-small: drop-shadow(0 0 2px rgba(255, 255, 255, 0.15)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12)) !important;
  --pwa-shadow-fx-medium: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) drop-shadow(0 4px 15px rgba(20, 26, 23, 0.5)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.02)) !important;
  --pwa-shadow-fx-large: drop-shadow(0 0 2px rgba(255, 255, 255, 0.75)) drop-shadow(0 8px 35px rgba(20, 26, 23, 0.7)) drop-shadow(0 0 100px rgba(255, 255, 255, 0.03)) !important;
}

pwa-webeditor-overlay :root,
pwa-webeditor-overlay .pwa-static-light-theme,
pwa-webeditor-overlay .pwa-dark-mode .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-cold-950) !important;
  --pwa-foreground-disabled: var(--pwa-neutral-cold-400) !important;
  --pwa-foreground-secondary: var(--pwa-neutral-cold-800) !important;
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-600) !important;
  --pwa-foreground-inverse: var(--pwa-white-color) !important;
  --pwa-foreground-static-dark: var(--pwa-white-color) !important;
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50) !important;
  --pwa-foreground-danger: var(--pwa-red-600) !important;
  --pwa-foreground-warning: var(--pwa-yellow-600) !important;
  --pwa-foreground-success: var(--pwa-green-600) !important;
  --pwa-foreground-info: var(--pwa-blue-600) !important;
  --pwa-foreground-danger-strong: var(--pwa-red-900) !important;
  --pwa-foreground-warning-strong: var(--pwa-yellow-900) !important;
  --pwa-foreground-success-strong: var(--pwa-green-900) !important;
  --pwa-foreground-info-strong: var(--pwa-blue-900) !important;
  --pwa-foreground-brand-strong: var(--pwa-pink-900) !important;
  --pwa-foreground-hover: var(--pwa-neutral-cold-800) !important;
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200) !important;
  --pwa-foreground-link: var(--pwa-neutral-cold-950) !important;
  --pwa-foreground-link-hover: var(--pwa-blue-600) !important;
  --pwa-background: var(--pwa-white-color) !important;
  --pwa-background-secondary: var(--pwa-brown-50) !important;
  --pwa-background-surface: var(--pwa-white-color) !important;
  --pwa-background-surface-warning: var(--pwa-yellow-100) !important;
  --pwa-background-surface-dark: var(--pwa-neutral-cold-900) !important;
  --pwa-background-surface-active: var(--pwa-neutral-warm-50) !important;
  --pwa-background-surface-secondary: var(--pwa-brown-50) !important;
  --pwa-background-surface-secondary-hover: var(--pwa-brown-100) !important;
  --pwa-background-surface-hover: var(--pwa-brown-50) !important;
  --pwa-background-surface-selected: var(--pwa-brown-100) !important;
  --pwa-background-surface-brand: var(--pwa-pink-50) !important;
  --pwa-background-surface-brand-hover: var(--pwa-pink-100) !important;
  --pwa-background-surface-brand-selected: var(--pwa-pink-200) !important;
  --pwa-background-surface-brand-strong: var(--pwa-pink-200) !important;
  --pwa-background-fill: var(--pwa-white-color) !important;
  --pwa-background-fill-hover: var(--pwa-brown-200) !important;
  --pwa-background-fill-disabled: var(--pwa-neutral-cold-50) !important;
  --pwa-background-fill-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-background-fill-neutral: var(--pwa-neutral-cold-100) !important;
  --pwa-background-fill-brand: var(--pwa-pink-100) !important;
  --pwa-background-fill-danger-strong: var(--pwa-red-600) !important;
  --pwa-background-fill-danger: var(--pwa-red-100) !important;
  --pwa-background-fill-success: var(--pwa-green-100) !important;
  --pwa-background-fill-success-strong: var(--pwa-green-600) !important;
  --pwa-background-fill-warning: var(--pwa-yellow-100) !important;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600) !important;
  --pwa-background-fill-info: var(--pwa-blue-100) !important;
  --pwa-background-fill-info-strong: var(--pwa-blue-600) !important;
  --pwa-background-fill-purple: var(--pwa-purple-100) !important;
  --pwa-background-fill-brown: var(--pwa-brown-200) !important;
  --pwa-border: var(--pwa-neutral-cold-200) !important;
  --pwa-border-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-border-disabled: var(--pwa-neutral-cold-200) !important;
  --pwa-border-inverse: var(--pwa-white-color) !important;
  --pwa-border-static: var(--pwa-neutral-dark-50) !important;
  --pwa-border-warning: var(--pwa-yellow-600) !important;
  --pwa-border-success: var(--pwa-green-600) !important;
  --pwa-border-danger: var(--pwa-red-600) !important;
  --pwa-border-info: var(--pwa-blue-600) !important;
  --pwa-button-bg-main: var(--pwa-neutral-cold-950) !important;
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-900) !important;
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-800) !important;
  --pwa-button-bg-main-disabled: var(--pwa-neutral-cold-50) !important;
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2) !important;
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25) !important;
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-brown-400) r g b / 0.2) !important;
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-brown-400) r g b / 0.25) !important;
  --pwa-button-bg-danger: var(--pwa-red-50) !important;
  --pwa-button-bg-danger-hover: var(--pwa-red-100) !important;
  --pwa-button-bg-danger-clicked: var(--pwa-red-200) !important;
  --pwa-button-fg-danger: var(--pwa-red-600) !important;
  --pwa-button-border-danger: var(--pwa-red-600) !important;
  --pwa-button-fg: var(--pwa-neutral-cold-950) !important;
  --pwa-button-fg-inverted: var(--pwa-white-color) !important;
  --pwa-button-fg-disabled: var(--pwa-neutral-cold-400) !important;
  --pwa-button-border: var(--pwa-neutral-cold-400) !important;
  --pwa-button-border-disabled: var(--pwa-neutral-cold-400) !important;
  --pwa-button-fill-disabled: var(--pwa-neutral-cold-50) !important;
  --pwa-toolkit-fill: var(--pwa-brown-100) !important;
  --pwa-toolkit-fill-hover: var(--pwa-brown-200) !important;
  --pwa-toolkit-fill-brand: var(--pwa-pink-200) !important;
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-300) !important;
  --pwa-toolkit-fill-success: var(--pwa-green-200) !important;
  --pwa-toolkit-fill-success-hover: var(--pwa-green-300) !important;
  --pwa-toolkit-fill-danger: var(--pwa-red-200) !important;
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300) !important;
  --pwa-toolkit-bg: #EAEEF270 !important;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800) !important;
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800) !important;
  --pwa-controls-border: var(--pwa-neutral-cold-400) !important;
  --pwa-controls-border-disabled: var(--pwa-neutral-cold-300) !important;
  --pwa-toggles-fill: var(--pwa-neutral-cold-200) !important;
  --pwa-toggles-fill-hover: var(--pwa-neutral-cold-300) !important;
  --pwa-toggles-fill-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-200) !important;
  --pwa-webeditor-background: var(--pwa-neutral-warm-100) !important;
  --pwa-summary-chart-bar-color: var(--pwa-pink-200) !important;
  --pwa-scrollbar-color: inherit !important;
  --pwa-skeleton-neutral: var(--pwa-neutral-cold-50) !important;
  --pwa-skeleton-red: var(--pwa-red-50) !important;
  --pwa-skeleton-yellow: var(--pwa-yellow-50) !important;
  --pwa-skeleton-blue: var(--pwa-blue-50) !important;
}

pwa-webeditor-overlay .pwa-dark-mode,
pwa-webeditor-overlay .pwa-inverted-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900) !important;
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900) !important;
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800) !important;
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700) !important;
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50) !important;
  --pwa-foreground-static-dark: var(--pwa-white-color) !important;
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50) !important;
  --pwa-foreground-danger: var(--pwa-red-400) !important;
  --pwa-foreground-warning: var(--pwa-yellow-500) !important;
  --pwa-foreground-success: var(--pwa-green-500) !important;
  --pwa-foreground-info: var(--pwa-blue-400) !important;
  --pwa-foreground-danger-strong: var(--pwa-red-100) !important;
  --pwa-foreground-warning-strong: var(--pwa-yellow-100) !important;
  --pwa-foreground-success-strong: var(--pwa-green-100) !important;
  --pwa-foreground-info-strong: var(--pwa-blue-100) !important;
  --pwa-foreground-brand-strong: var(--pwa-pink-900) !important;
  --pwa-foreground-hover: var(--pwa-neutral-dark-600) !important;
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200) !important;
  --pwa-foreground-link: var(--pwa-white-color) !important;
  --pwa-foreground-link-hover: var(--pwa-blue-500) !important;
  --pwa-background: var(--pwa-neutral-dark-50) !important;
  --pwa-background-secondary: var(--pwa-neutral-dark-50) !important;
  --pwa-background-surface: var(--pwa-neutral-dark-50) !important;
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300) !important;
  --pwa-background-surface-active: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-brand: #D4A7A8 !important;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-brand-selected: var(--pwa-pink-100) !important;
  --pwa-background-surface-brand-strong: var(--pwa-pink-300) !important;
  --pwa-background-fill: var(--pwa-neutral-dark-100) !important;
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200) !important;
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950) !important;
  --pwa-background-fill-neutral: #878c8a40 !important;
  --pwa-background-fill-brand: var(--pwa-pink-200) !important;
  --pwa-background-fill-danger-strong: var(--pwa-red-600) !important;
  --pwa-background-fill-danger: #4A1414 !important;
  --pwa-background-fill-success: #214026 !important;
  --pwa-background-fill-success-strong: var(--pwa-green-600) !important;
  --pwa-background-fill-warning: #554018 !important;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600) !important;
  --pwa-background-fill-info: #163447 !important;
  --pwa-background-fill-info-strong: var(--pwa-blue-600) !important;
  --pwa-background-fill-purple: #2D1E54 !important;
  --pwa-background-fill-brown: #514036 !important;
  --pwa-border: var(--pwa-neutral-dark-400) !important;
  --pwa-border-selected: var(--pwa-neutral-dark-900) !important;
  --pwa-border-disabled: var(--pwa-neutral-dark-400) !important;
  --pwa-border-inverse: var(--pwa-neutral-dark-50) !important;
  --pwa-border-static: var(--pwa-neutral-dark-50) !important;
  --pwa-border-warning: var(--pwa-yellow-600) !important;
  --pwa-border-success: var(--pwa-green-600) !important;
  --pwa-border-danger: var(--pwa-red-600) !important;
  --pwa-border-info: var(--pwa-blue-600) !important;
  --pwa-button-bg-main: var(--pwa-neutral-dark-950) !important;
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900) !important;
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800) !important;
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300) !important;
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25) !important;
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3) !important;
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25) !important;
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3) !important;
  --pwa-button-bg-danger: var(--pwa-red-50) !important;
  --pwa-button-bg-danger-hover: var(--pwa-red-100) !important;
  --pwa-button-bg-danger-clicked: var(--pwa-red-200) !important;
  --pwa-button-fg-danger: var(--pwa-red-600) !important;
  --pwa-button-border-danger: var(--pwa-red-600) !important;
  --pwa-button-fg: var(--pwa-neutral-dark-900) !important;
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50) !important;
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500) !important;
  --pwa-button-border: var(--pwa-neutral-cold-400) !important;
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500) !important;
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300) !important;
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700) !important;
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800) !important;
  --pwa-toolkit-fill-brand: var(--pwa-pink-300) !important;
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200) !important;
  --pwa-toolkit-fill-success: var(--pwa-green-300) !important;
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200) !important;
  --pwa-toolkit-fill-danger: var(--pwa-red-200) !important;
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300) !important;
  --pwa-toolkit-bg: #EAEEF270 !important;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800) !important;
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800) !important;
  --pwa-controls-border: var(--pwa-neutral-dark-950) !important;
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600) !important;
  --pwa-toggles-fill: var(--pwa-neutral-dark-600) !important;
  --pwa-toggles-fill-hover: var(--pwa-pink-100) !important;
  --pwa-toggles-fill-selected: var(--pwa-pink-200) !important;
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100) !important;
  --pwa-webeditor-background: var(--pwa-neutral-dark-100) !important;
  --pwa-summary-chart-bar-color: #665050 !important;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500) !important;
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1) !important;
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1) !important;
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1) !important;
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1) !important;
}

pwa-webeditor-overlay .pwa-static-dark-theme {
  --pwa-foreground: var(--pwa-neutral-dark-900) !important;
  --pwa-foreground-disabled: var(--pwa-neutral-dark-900) !important;
  --pwa-foreground-secondary: var(--pwa-neutral-dark-800) !important;
  --pwa-foreground-tertiary: var(--pwa-neutral-dark-700) !important;
  --pwa-foreground-inverse: var(--pwa-neutral-dark-50) !important;
  --pwa-foreground-static-dark: var(--pwa-white-color) !important;
  --pwa-foreground-static-light: var(--pwa-neutral-dark-50) !important;
  --pwa-foreground-danger: var(--pwa-red-400) !important;
  --pwa-foreground-warning: var(--pwa-yellow-500) !important;
  --pwa-foreground-success: var(--pwa-green-500) !important;
  --pwa-foreground-info: var(--pwa-blue-400) !important;
  --pwa-foreground-danger-strong: var(--pwa-red-100) !important;
  --pwa-foreground-warning-strong: var(--pwa-yellow-100) !important;
  --pwa-foreground-success-strong: var(--pwa-green-100) !important;
  --pwa-foreground-info-strong: var(--pwa-blue-100) !important;
  --pwa-foreground-brand-strong: var(--pwa-pink-900) !important;
  --pwa-foreground-hover: var(--pwa-neutral-dark-600) !important;
  --pwa-foreground-inactive: var(--pwa-neutral-cold-200) !important;
  --pwa-foreground-link-hover: var(--pwa-blue-500) !important;
  --pwa-background: var(--pwa-neutral-dark-50) !important;
  --pwa-background-secondary: var(--pwa-neutral-dark-50) !important;
  --pwa-background-surface: var(--pwa-neutral-dark-50) !important;
  --pwa-background-surface-warning: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-dark: var(--pwa-neutral-dark-300) !important;
  --pwa-background-surface-active: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-secondary: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-secondary-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-hover: var(--pwa-neutral-dark-100) !important;
  --pwa-background-surface-selected: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-brand: #D4A7A8 !important;
  --pwa-background-surface-brand-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-surface-brand-selected: var(--pwa-pink-100) !important;
  --pwa-background-surface-brand-strong: var(--pwa-pink-300) !important;
  --pwa-background-fill: var(--pwa-neutral-dark-100) !important;
  --pwa-background-fill-hover: var(--pwa-neutral-dark-200) !important;
  --pwa-background-fill-disabled: var(--pwa-neutral-dark-200) !important;
  --pwa-background-fill-selected: var(--pwa-neutral-dark-950) !important;
  --pwa-background-fill-neutral: #878c8a40 !important;
  --pwa-background-fill-brand: var(--pwa-pink-200) !important;
  --pwa-background-fill-danger-strong: var(--pwa-red-600) !important;
  --pwa-background-fill-danger: #4A1414 !important;
  --pwa-background-fill-success: #214026 !important;
  --pwa-background-fill-success-strong: var(--pwa-green-600) !important;
  --pwa-background-fill-warning: #554018 !important;
  --pwa-background-fill-warning-strong: var(--pwa-yellow-600) !important;
  --pwa-background-fill-info: #163447 !important;
  --pwa-background-fill-info-strong: var(--pwa-blue-600) !important;
  --pwa-background-fill-purple: #2D1E54 !important;
  --pwa-background-fill-brown: #514036 !important;
  --pwa-border: var(--pwa-neutral-dark-400) !important;
  --pwa-border-selected: var(--pwa-neutral-dark-900) !important;
  --pwa-border-disabled: var(--pwa-neutral-dark-400) !important;
  --pwa-border-inverse: var(--pwa-neutral-dark-50) !important;
  --pwa-border-static: var(--pwa-neutral-dark-50) !important;
  --pwa-border-warning: var(--pwa-yellow-600) !important;
  --pwa-border-success: var(--pwa-green-600) !important;
  --pwa-border-danger: var(--pwa-red-600) !important;
  --pwa-border-info: var(--pwa-blue-600) !important;
  --pwa-button-bg-main: var(--pwa-neutral-dark-950) !important;
  --pwa-button-bg-main-hover: var(--pwa-neutral-dark-900) !important;
  --pwa-button-bg-main-clicked: var(--pwa-neutral-dark-800) !important;
  --pwa-button-bg-secondary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25) !important;
  --pwa-button-bg-secondary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3) !important;
  --pwa-button-bg-tertiary-hover: rgb(from var(--pwa-neutral-dark-700) r g b / 0.25) !important;
  --pwa-button-bg-tertiary-clicked: rgb(from var(--pwa-neutral-dark-700) r g b / 0.3) !important;
  --pwa-button-bg-danger: var(--pwa-red-50) !important;
  --pwa-button-bg-danger-hover: var(--pwa-red-100) !important;
  --pwa-button-bg-danger-clicked: var(--pwa-red-200) !important;
  --pwa-button-fg-danger: var(--pwa-red-600) !important;
  --pwa-button-border-danger: var(--pwa-red-600) !important;
  --pwa-button-fg: var(--pwa-neutral-dark-900) !important;
  --pwa-button-fg-inverted: var(--pwa-neutral-dark-50) !important;
  --pwa-button-fg-disabled: var(--pwa-neutral-dark-500) !important;
  --pwa-button-border: var(--pwa-neutral-cold-400) !important;
  --pwa-button-border-disabled: var(--pwa-neutral-dark-500) !important;
  --pwa-button-fill-disabled: var(--pwa-neutral-dark-300) !important;
  --pwa-toolkit-fill: var(--pwa-neutral-dark-700) !important;
  --pwa-toolkit-fill-hover: var(--pwa-neutral-dark-800) !important;
  --pwa-toolkit-fill-brand: var(--pwa-pink-300) !important;
  --pwa-toolkit-fill-brand-hover: var(--pwa-pink-200) !important;
  --pwa-toolkit-fill-success: var(--pwa-green-300) !important;
  --pwa-toolkit-fill-success-hover: var(--pwa-green-200) !important;
  --pwa-toolkit-fill-danger: var(--pwa-red-200) !important;
  --pwa-toolkit-fill-danger-hover: var(--pwa-red-300) !important;
  --pwa-toolkit-bg: #EAEEF270 !important;
  --pwa-toolkit-label: var(--pwa-neutral-cold-800) !important;
  --pwa-toolkit-label-selected: var(--pwa-neutral-cold-950) !important;
  --pwa-toolkit-separator: var(--pwa-neutral-cold-800) !important;
  --pwa-controls-border: var(--pwa-neutral-dark-950) !important;
  --pwa-controls-border-disabled: var(--pwa-neutral-dark-600) !important;
  --pwa-toggles-fill: var(--pwa-neutral-dark-600) !important;
  --pwa-toggles-fill-hover: var(--pwa-pink-100) !important;
  --pwa-toggles-fill-selected: var(--pwa-pink-200) !important;
  --pwa-toggles-fill-disabled: var(--pwa-neutral-cold-100) !important;
  --pwa-webeditor-background: var(--pwa-neutral-dark-100) !important;
  --pwa-summary-chart-bar-color: #665050 !important;
  --pwa-scrollbar-color: var(--pwa-neutral-dark-500) !important;
  --pwa-skeleton-neutral: rgb(from #B8B8B8 r g b / 0.1) !important;
  --pwa-skeleton-red: rgb(from #E73030 r g b / 0.1) !important;
  --pwa-skeleton-yellow: rgb(from #F8A551 r g b / 0.1) !important;
  --pwa-skeleton-blue: rgb(from #56A8FC r g b / 0.1) !important;
  --pwa-foreground: var(--pwa-white-color) !important;
  --pwa-foreground-tertiary: var(--pwa-neutral-cold-400) !important;
  --pwa-foreground-link: var(--pwa-white-color) !important;
  --pwa-background-surface: var(--pwa-neutral-cold-900) !important;
  --pwa-button-bg-main: var(--pwa-neutral-cold-50) !important;
  --pwa-button-bg-main-hover: var(--pwa-neutral-cold-100) !important;
  --pwa-button-bg-main-clicked: var(--pwa-neutral-cold-200) !important;
  --pwa-button-bg-main-disabled: var(--pwa-neutral-dark-300) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color,
pwa-webeditor-overlay .pwa-btn.main-color {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;

  align-items: center !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  border: 1px solid !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
  /* Buttons with icons */
  /* if you want good vertical alignment for button text and icon, wrap text into '.pwa-btn-text' */
  /* and icon into '.pwa-btn-icon' */
}

pwa-webeditor-overlay .pwa-btn.primary-color .pwa-btn-content,
pwa-webeditor-overlay .pwa-btn.main-color .pwa-btn-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color .pwa-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: top !important;
  height: 100% !important;
  position: relative !important;
  flex: 0 0 auto !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg,
pwa-webeditor-overlay .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {
  width: 16px !important;
  height: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg,
pwa-webeditor-overlay .pwa-btn.main-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg {
  width: fit-content !important;
  height: fit-content !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.wide,
pwa-webeditor-overlay .pwa-btn.main-color.wide {
  display: flex !important;
  width: 100% !important;
  white-space: normal !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.wide.no-wrap,
pwa-webeditor-overlay .pwa-btn.main-color.wide.no-wrap {
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.ellipsis:not(.wide),
pwa-webeditor-overlay .pwa-btn.main-color.ellipsis:not(.wide) {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content,
pwa-webeditor-overlay .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {
  overflow: hidden !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 4px 0 !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-xs,
pwa-webeditor-overlay .pwa-btn.main-color.size-xs {
  height: 24px !important;
  padding: 0 4px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.primary-color.size-xs .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color.size-xs .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-s,
pwa-webeditor-overlay .pwa-btn.main-color.size-s {
  height: 32px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-m,
pwa-webeditor-overlay .pwa-btn.main-color.size-m {
  height: 40px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color,
pwa-webeditor-overlay .pwa-btn.main-color,
pwa-webeditor-overlay .pwa-btn.primary-color.size-l,
pwa-webeditor-overlay .pwa-btn.main-color.size-l {
  height: 48px !important;
  padding: 0 16px !important;
  line-height: 24px !important;
  font-size: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {
  margin-left: 12px !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled),
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {
  color: var(--pwa-button-fg-inverted) !important;
  background-color: var(--pwa-button-bg-main) !important;
  border-color: var(--pwa-button-bg-main) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover,
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):hover {
  color: var(--pwa-button-fg-inverted) !important;
  background-color: var(--pwa-button-bg-main-hover) !important;
  border-color: var(--pwa-button-bg-main-hover) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked,
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {
  color: var(--pwa-button-fg-inverted) !important;
  background-color: var(--pwa-button-bg-main-clicked) !important;
  border-color: var(--pwa-button-bg-main-clicked) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus,
pwa-webeditor-overlay .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {
  outline: 2px solid var(--pwa-blue-400) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.main-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.primary-color.disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.main-color.disabled:not(.loading) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: var(--pwa-button-bg-main-disabled) !important;
  border-color: var(--pwa-button-border-disabled) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.loading:not(:disabled):not(.disabled),
pwa-webeditor-overlay .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: var(--pwa-button-bg-main) !important;
  border-color: var(--pwa-button-bg-main) !important;
}

pwa-webeditor-overlay .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after,
pwa-webeditor-overlay .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  box-sizing: border-box !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  border-radius: 50% !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid var(--pwa-button-fg-inverted) !important;
  border-bottom: 2px solid var(--pwa-button-fg-inverted) !important;
  border-left: 2px solid var(--pwa-button-fg-inverted) !important;
  transform-origin: center !important;
  animation: pwa-spinning-keyframes 750ms linear infinite !important;
}

@keyframes pwa-spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

pwa-webeditor-overlay .pwa-btn.primary-color.animated,
pwa-webeditor-overlay .pwa-btn.main-color.animated {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color,
pwa-webeditor-overlay .pwa-btn.second-color {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  border: 1px solid !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
  /* Buttons with icons */
  /* if you want good vertical alignment for button text and icon, wrap text into '.pwa-btn-text' */
  /* and icon into '.pwa-btn-icon' */
}

pwa-webeditor-overlay .pwa-btn.secondary-color .pwa-btn-content,
pwa-webeditor-overlay .pwa-btn.second-color .pwa-btn-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color .pwa-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: top !important;
  height: 100% !important;
  position: relative !important;
  flex: 0 0 auto !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg,
pwa-webeditor-overlay .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {
  width: 16px !important;
  height: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg,
pwa-webeditor-overlay .pwa-btn.second-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg {
  width: fit-content !important;
  height: fit-content !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.wide,
pwa-webeditor-overlay .pwa-btn.second-color.wide {
  display: flex !important;
  width: 100% !important;
  white-space: normal !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.wide.no-wrap,
pwa-webeditor-overlay .pwa-btn.second-color.wide.no-wrap {
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.ellipsis:not(.wide),
pwa-webeditor-overlay .pwa-btn.second-color.ellipsis:not(.wide) {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content,
pwa-webeditor-overlay .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {
  overflow: hidden !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 4px 0 !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-xs,
pwa-webeditor-overlay .pwa-btn.second-color.size-xs {
  height: 24px !important;
  padding: 0 4px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-xs .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color.size-xs .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-s,
pwa-webeditor-overlay .pwa-btn.second-color.size-s {
  height: 32px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-m,
pwa-webeditor-overlay .pwa-btn.second-color.size-m {
  height: 40px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color,
pwa-webeditor-overlay .pwa-btn.second-color,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-l,
pwa-webeditor-overlay .pwa-btn.second-color.size-l {
  height: 48px !important;
  padding: 0 16px !important;
  line-height: 24px !important;
  font-size: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {
  margin-left: 12px !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled),
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {
  color: var(--pwa-button-fg) !important;
  background-color: var(--pwa-background) !important;
  border-color: var(--pwa-button-border) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover,
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):hover {
  color: var(--pwa-button-fg) !important;
  background-color: var(--pwa-button-bg-secondary-hover) !important;
  border-color: var(--pwa-button-border) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked,
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {
  color: var(--pwa-button-fg) !important;
  background-color: var(--pwa-button-bg-secondary-clicked) !important;
  border-color: var(--pwa-button-border) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus,
pwa-webeditor-overlay .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {
  outline: 2px solid var(--pwa-blue-400) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.second-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.secondary-color.disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.second-color.disabled:not(.loading) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: transparent !important;
  border-color: var(--pwa-button-border-disabled) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled),
pwa-webeditor-overlay .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: transparent !important;
  border-color: var(--pwa-button-border-disabled) !important;
}

pwa-webeditor-overlay .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after,
pwa-webeditor-overlay .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  box-sizing: border-box !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  border-radius: 50% !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid var(--pwa-foreground) !important;
  border-bottom: 2px solid var(--pwa-foreground) !important;
  border-left: 2px solid var(--pwa-foreground) !important;
  transform-origin: center !important;
  animation: pwa-spinning-keyframes 750ms linear infinite !important;
}

@keyframes pwa-spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

pwa-webeditor-overlay .pwa-btn.secondary-color.animated,
pwa-webeditor-overlay .pwa-btn.second-color.animated {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  border: 1px solid !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
  /* Buttons with icons */
  /* if you want good vertical alignment for button text and icon, wrap text into '.pwa-btn-text' */
  /* and icon into '.pwa-btn-icon' */
}

pwa-webeditor-overlay .pwa-btn.tertiary-color .pwa-btn-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color .pwa-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: top !important;
  height: 100% !important;
  position: relative !important;
  flex: 0 0 auto !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {
  width: 16px !important;
  height: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg {
  width: fit-content !important;
  height: fit-content !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.wide {
  display: flex !important;
  width: 100% !important;
  white-space: normal !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.wide.no-wrap {
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.ellipsis:not(.wide) {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {
  overflow: hidden !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 4px 0 !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-xs {
  height: 24px !important;
  padding: 0 4px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-xs .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-s {
  height: 32px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-m {
  height: 40px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-l {
  height: 48px !important;
  padding: 0 16px !important;
  line-height: 24px !important;
  font-size: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {
  margin-left: 12px !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {
  color: var(--pwa-button-fg) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):hover {
  color: var(--pwa-button-fg) !important;
  background-color: var(--pwa-button-bg-tertiary-hover) !important;
  border-color: transparent !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {
  color: var(--pwa-button-fg) !important;
  background-color: var(--pwa-button-bg-tertiary-clicked) !important;
  border-color: transparent !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {
  outline: 2px solid var(--pwa-blue-400) !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.tertiary-color.disabled:not(.loading) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: transparent !important;
  border-color: transparent !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: transparent !important;
  border-color: transparent !important;
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  box-sizing: border-box !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  border-radius: 50% !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid var(--pwa-foreground) !important;
  border-bottom: 2px solid var(--pwa-foreground) !important;
  border-left: 2px solid var(--pwa-foreground) !important;
  transform-origin: center !important;
  animation: pwa-spinning-keyframes 750ms linear infinite !important;
}

@keyframes pwa-spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

pwa-webeditor-overlay .pwa-btn.tertiary-color.animated {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  border: 1px solid !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
  /* Buttons with icons */
  /* if you want good vertical alignment for button text and icon, wrap text into '.pwa-btn-text' */
  /* and icon into '.pwa-btn-icon' */
}

pwa-webeditor-overlay .pwa-btn.danger-color .pwa-btn-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color .pwa-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: top !important;
  height: 100% !important;
  position: relative !important;
  flex: 0 0 auto !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {
  width: 16px !important;
  height: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.dont-shrink-icons .pwa-btn-icon .pwa-icon svg {
  width: fit-content !important;
  height: fit-content !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.wide {
  display: flex !important;
  width: 100% !important;
  white-space: normal !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.wide.no-wrap {
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.ellipsis:not(.wide) {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {
  overflow: hidden !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 4px 0 !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-xs {
  height: 24px !important;
  padding: 0 4px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-xs .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.danger-color.size-xs .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-s {
  height: 32px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-m {
  height: 40px !important;
  padding: 0 16px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {
  margin-left: 8px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color,
pwa-webeditor-overlay .pwa-btn.danger-color.size-l {
  height: 48px !important;
  padding: 0 16px !important;
  line-height: 24px !important;
  font-size: 16px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text,
pwa-webeditor-overlay .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon,
pwa-webeditor-overlay .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {
  margin-left: 12px !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {
  color: var(--pwa-button-fg-danger) !important;
  background-color: var(--pwa-button-bg-danger) !important;
  border-color: var(--pwa-button-border-danger) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):hover {
  color: var(--pwa-button-fg-danger) !important;
  background-color: var(--pwa-button-bg-danger-hover) !important;
  border-color: var(--pwa-button-border-danger) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active,
pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked],
pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {
  color: var(--pwa-button-fg-danger) !important;
  background-color: var(--pwa-button-bg-danger-clicked) !important;
  border-color: var(--pwa-button-border-danger) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {
  outline: 2px solid var(--pwa-blue-400) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color:disabled:not(.loading),
pwa-webeditor-overlay .pwa-btn.danger-color.disabled:not(.loading) {
  cursor: default !important;
  color: var(--pwa-button-fg-disabled) !important;
  background: var(--pwa-button-bg-main-disabled) !important;
  border-color: var(--pwa-button-border-disabled) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {
  cursor: default !important;
  color: var(--pwa-button-fg-danger) !important;
  background: var(--pwa-button-bg-danger) !important;
  border-color: var(--pwa-button-bg-danger) !important;
}

pwa-webeditor-overlay .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  box-sizing: border-box !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  border-radius: 50% !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid var(--pwa-button-bg-danger) !important;
  border-bottom: 2px solid var(--pwa-button-bg-danger) !important;
  border-left: 2px solid var(--pwa-button-bg-danger) !important;
  transform-origin: center !important;
  animation: pwa-spinning-keyframes 750ms linear infinite !important;
}

@keyframes pwa-spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

pwa-webeditor-overlay .pwa-btn.danger-color.animated {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out !important;
}

pwa-webeditor-overlay .pwa-btn.underline .pwa-btn-text {
  text-decoration: underline !important;
}

pwa-webeditor-overlay .pwa-action-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: inherit !important;
}

pwa-webeditor-overlay .pwa-action-icon:hover:not(:disabled, .disabled) {
  cursor: pointer !important;
}

pwa-webeditor-overlay .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {
  opacity: 0.75 !important;
}

pwa-webeditor-overlay .pwa-action-icon.primary-color,
pwa-webeditor-overlay .pwa-action-icon.main-color {
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-action-icon.secondary-color,
pwa-webeditor-overlay .pwa-action-icon.second-color {
  color: var(--pwa-foreground-secondary) !important;
}

pwa-webeditor-overlay .pwa-action-icon.tertiary-color {
  color: var(--pwa-button-fg) !important;
}

pwa-webeditor-overlay .pwa-action-icon.info-color {
  color: var(--pwa-foreground-info) !important;
}

pwa-webeditor-overlay .pwa-action-icon:disabled .pwa-icon:not(.white-color),
pwa-webeditor-overlay .pwa-action-icon.disabled .pwa-icon:not(.white-color) {
  color: var(--pwa-foreground-disabled) !important;
}

pwa-webeditor-overlay .pwa-action-icon:disabled .pwa-icon svg,
pwa-webeditor-overlay .pwa-action-icon.disabled .pwa-icon svg {
  opacity: 0.4 !important;
}

pwa-webeditor-overlay .pwa-action-icon.fill-hover {
  padding: 2px !important;
  border-radius: 6px !important;
}

pwa-webeditor-overlay .pwa-action-icon.fill-hover:hover {
  background: var(--pwa-background-fill-hover) !important;
}

pwa-webeditor-overlay .pwa-action-icon.fill-secondary-hover {
  border-radius: 6px !important;
}

pwa-webeditor-overlay .pwa-action-icon.fill-secondary-hover:hover {
  background: var(--pwa-button-bg-secondary-hover) !important;
}

pwa-webeditor-overlay .pwa-btn.pwa-fixed-size-icon-btn {
  padding: 0 !important;
  height: 32px !important;
  width: 32px !important;
  display: flex !important;
  justify-content: center !important;
}

pwa-webeditor-overlay .pwa-button {
  display: inline-block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  outline: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 0.8em 2em !important;
}

pwa-webeditor-overlay .pwa-button:hover {
  text-decoration: none !important;
}

pwa-webeditor-overlay .pwa-button:focus {
  text-decoration: none !important;
}

pwa-webeditor-overlay .pwa-button.disabled,
pwa-webeditor-overlay .pwa-button[disabled=''],
pwa-webeditor-overlay .pwa-button[disabled="true"] {
  opacity: 0.7 !important;
  pointer-events: none !important;
}

pwa-webeditor-overlay .pwa-button[hidden],
pwa-webeditor-overlay .pwa-button.hidden {
  display: none !important;
}

pwa-webeditor-overlay .pwa-button.filled-orange-button {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: var(--pwa-foreground) !important;
  font-weight: 600 !important;
  background: var(--pwa-background-surface-brand-selected) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-button.filled-orange-button:visited {
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-button.filled-orange-button:hover,
pwa-webeditor-overlay .pwa-button.filled-orange-button:hover:focus {
  color: var(--pwa-background-surface-brand-selected) !important;
}

pwa-webeditor-overlay .pwa-button.filled-orange-button:hover {
  background: transparent !important;
}

pwa-webeditor-overlay .pwa-button.filled-orange-button:hover {
  border: 1px solid var(--pwa-background-surface-brand-selected) !important;
}

pwa-webeditor-overlay .pwa-button.filled-green-button {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: var(--pwa-foreground) !important;
  font-weight: 600 !important;
  background: var(--pwa-background-surface-secondary) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
}

pwa-webeditor-overlay .pwa-button.filled-green-button:visited {
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-button.filled-green-button:hover,
pwa-webeditor-overlay .pwa-button.filled-green-button:hover:focus {
  color: var(--pwa-background-surface-secondary) !important;
}

pwa-webeditor-overlay .pwa-button.filled-green-button:hover {
  background: transparent !important;
}

pwa-webeditor-overlay .pwa-button.filled-green-button:hover {
  border: 1px solid var(--pwa-background-surface-secondary) !important;
}

pwa-webeditor-overlay .pwa-button.inverted-green-button {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: var(--pwa-background-surface-secondary) !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: 1px solid var(--pwa-background-surface-secondary) !important;
  border-radius: 4px !important;
}

pwa-webeditor-overlay .pwa-button.inverted-green-button:visited {
  color: var(--pwa-background-surface-secondary) !important;
}

pwa-webeditor-overlay .pwa-button.inverted-green-button:hover,
pwa-webeditor-overlay .pwa-button.inverted-green-button:hover:focus {
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-button.inverted-green-button:hover {
  background: var(--pwa-background-surface-secondary) !important;
}

pwa-webeditor-overlay .pwa-button.inverted-green-button:hover {
  border: 1px solid var(--pwa-background-surface-secondary) !important;
}

pwa-webeditor-overlay .pwa-button.size-xxlarge {
  font-size: 20px !important;
}

pwa-webeditor-overlay .pwa-button.size-xlarge {
  font-size: 18px !important;
}

pwa-webeditor-overlay .pwa-button.size-large {
  font-size: 16px !important;
}

pwa-webeditor-overlay .pwa-button.size-regular {
  font-size: 14px !important;
}

pwa-webeditor-overlay .pwa-button.size-small {
  font-size: 12px !important;
}

pwa-webeditor-overlay .pwa-button.size-xsmall {
  font-size: 10px !important;
}

pwa-webeditor-overlay .pwa-button.size-xxsmall {
  font-size: 8px !important;
}

pwa-webeditor-overlay .pwa-button.sizing-width-pc100 {
  width: 100% !important;
}

pwa-webeditor-overlay .pwa-button__icon {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 4px !important;
}

pwa-webeditor-overlay .pwa-button__text {
  display: inline-block !important;
  vertical-align: middle !important;
}

pwa-webeditor-overlay .main-color-on-dark {
  color: var(--pwa-button-fg-inverted) !important;
  border: 1px solid var(--pwa-button-border) !important;
}

pwa-webeditor-overlay .main-color-on-dark:hover {
  color: var(--pwa-button-fg) !important;
}

pwa-webeditor-overlay .pwa-icon {
  display: inline-flex !important;
  color: var(--pwa-foreground) !important;
  /* Colors */
  /* Some icons additional styles */
  /* workaround for mixed icons */
}

pwa-webeditor-overlay .pwa-icon path,
pwa-webeditor-overlay .pwa-icon line,
pwa-webeditor-overlay .pwa-icon circle,
pwa-webeditor-overlay .pwa-icon rect {
  stroke: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon.no-stroke path,
pwa-webeditor-overlay .pwa-icon.no-stroke line,
pwa-webeditor-overlay .pwa-icon.no-stroke circle,
pwa-webeditor-overlay .pwa-icon.no-stroke rect {
  stroke: none !important;
}

pwa-webeditor-overlay .pwa-icon.direction-left {
  transform: rotate(-180deg) !important;
}

pwa-webeditor-overlay .pwa-icon.direction-bottom {
  transform: rotate(90deg) !important;
}

pwa-webeditor-overlay .pwa-icon.direction-top {
  transform: rotate(-90deg) !important;
}

pwa-webeditor-overlay .pwa-icon.orientation-vertical {
  transform: rotate(-90deg) !important;
}

pwa-webeditor-overlay .pwa-icon.round {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  position: relative !important;
}

pwa-webeditor-overlay .pwa-icon.round:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: currentColor !important;
  opacity: 0.1 !important;
  z-index: 0 !important;
  border-radius: 50% !important;
}

pwa-webeditor-overlay .pwa-icon.round svg {
  z-index: 1 !important;
}

pwa-webeditor-overlay .pwa-icon.auto-size {
  max-width: 100% !important;
  height: auto !important;
}

pwa-webeditor-overlay .pwa-icon.auto-size svg {
  max-width: 100% !important;
  height: auto !important;
}

pwa-webeditor-overlay .pwa-icon.main-color {
  color: var(--pwa-foreground) !important;
  /*Legacy !important for prevent rewriting by extension*/
}

pwa-webeditor-overlay .pwa-icon.second-color {
  color: var(--pwa-foreground-secondary) !important;
}

pwa-webeditor-overlay .pwa-icon.success-color {
  color: var(--pwa-foreground-success) !important;
  /*Legacy !important for prevent rewriting by extension*/
}

pwa-webeditor-overlay .pwa-icon.error-color {
  color: var(--pwa-foreground-danger) !important;
}

pwa-webeditor-overlay .pwa-icon.brand-color-strong {
  color: var(--pwa-foreground-brand-strong) !important;
}

pwa-webeditor-overlay .pwa-icon.warning-color {
  color: var(--pwa-foreground-warning) !important;
  /*Legacy !important for prevent rewriting by extension*/
}

pwa-webeditor-overlay .pwa-icon.white-color {
  color: var(--pwa-foreground-inverse) !important;
}

pwa-webeditor-overlay .pwa-icon.info-color {
  color: var(--pwa-foreground-info) !important;
}

pwa-webeditor-overlay .pwa-icon.any-color {
  color: inherit !important;
}

pwa-webeditor-overlay .pwa-icon.word-color {
  color: var(--pwa-word-color) !important;
}

pwa-webeditor-overlay .pwa-icon.google-docs-color {
  color: var(--pwa-google-docs-color) !important;
}

pwa-webeditor-overlay .pwa-icon.size-fill {
  width: 100% !important;
  height: 100% !important;
}

pwa-webeditor-overlay .pwa-icon.size-fill svg {
  width: 100% !important;
  height: 100% !important;
}

pwa-webeditor-overlay .pwa-icon.pwa-icon-loading {
  position: relative !important;
  overflow: hidden !important;
}

pwa-webeditor-overlay .pwa-icon.pwa-icon-loading svg {
  transform-origin: center !important;
  animation: pwa-spinning-keyframes 750ms linear infinite !important;
}

@keyframes pwa-spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

pwa-webeditor-overlay .pwa-icon.pwa-icon-loading path {
  stroke: transparent !important;
  fill: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon.pwa-icon-logo rect {
  fill: currentColor !important;
  height: 100% !important;
}

pwa-webeditor-overlay .pwa-icon.pwa-icon-logo path {
  fill: white !important;
  stroke: transparent !important;
}

pwa-webeditor-overlay .pwa-icon.filled path,
pwa-webeditor-overlay .pwa-icon.filled rect,
pwa-webeditor-overlay .pwa-icon.filled circle {
  stroke: transparent !important;
  fill: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon.filled path.filled,
pwa-webeditor-overlay .pwa-icon.filled rect.filled,
pwa-webeditor-overlay .pwa-icon.filled circle.filled {
  stroke: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon .filled-path {
  stroke: transparent !important;
  fill: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon .stroke-path {
  fill: transparent !important;
  stroke: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon .filled-stroked-path {
  stroke: currentColor !important;
  fill: currentColor !important;
}

pwa-webeditor-overlay .pwa-icon-color-static {
  display: inline-flex !important;
  /* strokes */
}

pwa-webeditor-overlay .pwa-icon-color-static .stroke-pwa-main-color {
  stroke: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay * {
  position: static !important;
  overflow: visible !important;
}

pwa-webeditor-overlay .pwa-webeditor-window,
pwa-webeditor-overlay .pwa-webeditor-loader {
  top: calc(50% - 50px / 2) !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

pwa-webeditor-overlay .pwa-webeditor-window {
  width: 100% !important;
  height: 100% !important;
  max-width: 90% !important;
  max-height: calc(90% - 50px) !important;
  min-width: 600px !important;
  min-height: 500px !important;
  position: absolute !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-close-button {
  position: absolute !important;
  top: -24px !important;
  right: -24px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--pwa-foreground) !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-content {
  background: var(--pwa-background) !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transform: scale(1, 1) !important;
  opacity: 1 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  background: transparent !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-content.hidden {
  transform: scale(0.1, 0.1) !important;
  opacity: 0 !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-action-bar-overlay {
  height: 50px !important;
  width: 100% !important;
  position: fixed !important;
  bottom: -50px !important;
  z-index: 2147483647 !important;
  background: rgba(0, 0, 0, 0.4) !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-action-bar {
  height: 50px !important;
  width: 100% !important;
  position: fixed !important;
  bottom: -50px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background-color: var(--pwa-background) !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-action-bar--visible {
  display: flex !important;
}

pwa-webeditor-overlay .pwa-webeditor-window .pwa-webeditor-action-bar__item:first-child {
  margin-right: 20px !important;
}

pwa-webeditor-overlay .pwa-webeditor-loader {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  position: relative !important;
  justify-content: center !important;
  align-items: center !important;
}

pwa-webeditor-overlay .pwa-webeditor-loader.hidden {
  display: none !important;
}

.graf-dropCap .pwa-mark {
  display: inline-block !important;
}

.postArticle-content pwa-editor-bar-cnt {
  position: absolute !important;
}

  
[_nghost-ng-c2641874047]   .root-extension__layer-composer[_ngcontent-ng-c2641874047] {
  z-index: 2147483646;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  
[_nghost-ng-c39504895]{display:flex;width:100%;height:100%;pointer-events:none}

  <style type="text/css" pwa-styles-sentence-highlight="">
.pwa-sentence-highlight {
  position: absolute !important;
  background-color: #0079F228 !important;
}

  <style type="text/css" pwa-style-marks="">
.pwa-mark:not(.pwa-mark-any-color).select {
  color: red !important;
}

.pwa-mark:not(.pwa-mark-any-color):focus {
  outline: none !important;
}

.pwa-mark:not(.pwa-mark-any-color):before {
  position: absolute !important;
  bottom: 0 !important;
  width: 100% !important;
}

.pwa-mark:not(.pwa-mark-any-color):after {
  content: "" !important;
  display: inline-block !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=spelling] {

  animation: pwa-mark-appearance-animation-spelling 250ms ease forwards !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=grammar] {
  animation: pwa-mark-appearance-animation-grammar 250ms ease forwards !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=style] {
  animation: pwa-mark-appearance-animation-style 250ms ease forwards !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-hidden {
  display: none !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-touchable {
  pointer-events: auto !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-touchable.pwa-span-hovered {
  pointer-events: none !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-span-hovered {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-done[data-pwa-style-category=spelling] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #FA5A4E !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-span-hovered[data-pwa-style-category=spelling] {
  background: rgba(250, 90, 78, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-done[data-pwa-style-category=grammar] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #56A8FC !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=passive] {
  animation: pwa-mark-appearance-animation-style 250ms ease forwards !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=passive].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #9932cc !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=passive].pwa-span-hovered {
  background: rgba(153, 50, 204, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #9932cc !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='1'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 0, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='1'].pwa-span-hovered {
  background: rgba(255, 0, 0, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 0, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='2'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(57, 144, 40, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='2'].pwa-span-hovered {
  background: rgba(57, 144, 40, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(57, 144, 40, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='3'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(68, 101, 196, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='3'].pwa-span-hovered {
  background: rgba(68, 101, 196, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(68, 101, 196, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='4'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(102, 0, 102, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='4'].pwa-span-hovered {
  background: rgba(102, 0, 102, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(102, 0, 102, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='5'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(194, 164, 7, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='5'].pwa-span-hovered {
  background: rgba(194, 164, 7, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(194, 164, 7, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='6'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(73, 184, 51, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='6'].pwa-span-hovered {
  background: rgba(73, 184, 51, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(73, 184, 51, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='7'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(243, 206, 9, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='7'].pwa-span-hovered {
  background: rgba(243, 206, 9, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(243, 206, 9, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='8'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(107, 133, 208, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='8'].pwa-span-hovered {
  background: rgba(107, 133, 208, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(107, 133, 208, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='9'].pwa-mark-done {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(153, 0, 153, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='9'].pwa-span-hovered {
  background: rgba(153, 0, 153, 0.5) !important;
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(153, 0, 153, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='10'] .pwa-mark:not(.pwa-mark-any-color).pwa-mark-ignored:before {
  transition: all 250ms ease !important;
  right: 50% !important;
  left: 50% !important;
  opacity: 0 !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-ignored.pwa-mark-done {
  animation: none !important;
  box-shadow: none !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-ignored {
  animation: none !important;
  box-shadow: none !important;
}

@keyframes pwa-mark-appearance-animation-spelling {
  0% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 transparent;
  }

  100% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #FA5A4E;
  }
}

@keyframes pwa-mark-appearance-animation-grammar {
  0% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 transparent;
  }

  100% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #56A8FC;
  }
}

@keyframes pwa-mark-appearance-animation-passive {
  0% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 transparent;
  }

  100% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #9932cc;
  }
}

pwa {
  font-size: inherit !important;
}

@keyframes pwa-mark-appearance-animation-style {
  0% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 transparent;
  }

  100% {
    box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #fad163;
  }
}

@media print {
  .pwa-mark {
    display: none !important;
  }
}

.pwa-mark:not(.pwa-mark-any-color):focus {
  outline: none !important;
}

.pwa-mark:not(.pwa-mark-any-color):after {
  content: "" !important;
  display: inline-block !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=spelling] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #FA5A4E !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=spelling].pwa-span-hovered {
  background: rgba(250, 90, 78, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=grammar],
.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category^=acronym_realtime] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #56A8FC !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=grammar].pwa-span-hovered,
.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category^=acronym_realtime].pwa-span-hovered {
  background: rgba(86, 168, 252, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=style],
.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=styleguide] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #fad163 !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=style].pwa-span-hovered,
.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=styleguide].pwa-span-hovered {
  background: rgba(250, 209, 99, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=passive] {
  animation: none !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #9932cc !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-category=passive].pwa-span-hovered {
  background: rgba(153, 50, 204, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='1'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 0, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='1'].pwa-span-hovered {
  background: rgba(255, 153, 153, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 0, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='2'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(57, 144, 40, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='2'].pwa-span-hovered {
  background: rgba(136, 217, 120, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(57, 144, 40, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='3'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(68, 101, 196, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='3'].pwa-span-hovered {
  background: rgba(184, 197, 233, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(68, 101, 196, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='4'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(102, 0, 102, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='4'].pwa-span-hovered {
  background: rgba(255, 0, 255, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(102, 0, 102, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='5'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(194, 164, 7, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='5'].pwa-span-hovered {
  background: rgba(250, 226, 104, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(194, 164, 7, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='6'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(73, 184, 51, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='6'].pwa-span-hovered {
  background: rgba(171, 228, 160, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(73, 184, 51, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='7'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(243, 206, 9, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='7'].pwa-span-hovered {
  background: rgba(251, 236, 154, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(243, 206, 9, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='8'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(107, 133, 208, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='8'].pwa-span-hovered {
  background: rgba(223, 229, 245, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(107, 133, 208, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='9'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(153, 0, 153, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='9'].pwa-span-hovered {
  background: rgba(255, 51, 255, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(153, 0, 153, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='10'] {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 132, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color)[data-pwa-style-color='10'].pwa-span-hovered {
  background: rgba(255, 206, 153, 0.5) !important;
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 rgba(255, 132, 0, 0.5) !important;
}

.pwa-mark:not(.pwa-mark-any-color).pwa-mark-ignored {
  box-shadow: none !important;
}

pwa {
  font-size: inherit !important;
}

.pwa-mark.pwa-mark-any-color {
  box-shadow: inset 0 0px 0 white, inset 0 -2px 0 currentColor !important;
  background: none !important;
}

.pwa-mark.pwa-mark-any-color:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  color: inherit !important;
  background: currentColor !important;
}

.pwa-mark.pwa-mark-any-color.pwa-span-hovered:after {
  opacity: 0.1 !important;
  transform: scaleY(1) !important;
  height: 100% !important;
}

.qa-sdk-wrapper {
  position: fixed;
  width: 400px;
  right: -600px;
  max-height: 530px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease-in-out;
  background: #fff;
}

.qa-sdk-close-btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}

.qa-sdk-close-btn:hover {
  border-radius: 50%;
  background-color: #d5d9df;
}

#qa-sdk-iframe {
  width: 400px;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .qa-sdk-wrapper{
    width: 356px;
  }
  #qa-sdk-iframe {
    width: 356px;
	}

    .ai-assist-highlight {
      background: yellow;
    }
    @media print {
      #ai-assist-root-bangs,
      #ai-assist-root-bilibili,
      #ai-assist-root-new {
        display: none !important;
      }
    }