해외안전여행

본문 바로가기 주메뉴 바로가기

해외안전정보

국가/지역별 정보

아프가니스탄

Afghanistan 서남아시아태평양

지도 건너뛰기

아프가니스탄

Afghanistan 서남아시아태평양

여행금지전 지역

현지 한국대사관 바로가기

안전공지

여행 경보 조정

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"><pwa-container data-uid="pwa_32D24-88044-C96D3-02672-4A" class="pwa-container " style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"><pwa data-pwa-id="B1DB6-671EB-8C53E-77AB7-CF" data-pwa-hint="The punctuation mark ':' may not require a space before it. Consider removing the space." data-pwa-heavy="false" data-pwa-rule-id="WHITESPACE" data-pwa-category="grammar" data-pwa-suggestions=":" data-pwa-help-article-id="1000046" data-pwa-style-category="grammar" class="pwa-mark" style="position: absolute; top: 449px; left: 75.6094px; width: 8.34375px; height: 21px;"></pwa><pwa data-pwa-id="1A374-1003B-2F235-0CBFE-EF" data-pwa-hint="Incorrect named entity spelling: district 10" data-pwa-heavy="false" data-pwa-rule-id="SSNE_3BADACE4C3F65FD49E1CA41235A54DCE" data-pwa-category="spelling" data-pwa-suggestions="District 10" data-pwa-help-article-id="1008127" data-pwa-style-category="spelling" class="pwa-mark" style="position: absolute; top: 609px; left: 192px; width: 67.5469px; height: 21px;"></pwa><pwa data-pwa-id="58273-2B8DD-DD3CA-F7938-A3" data-pwa-hint="Unknown word: Rd" data-pwa-heavy="false" data-pwa-rule-id="SIMPLE_SPELLING" data-pwa-category="spelling" data-pwa-suggestions="Red~Re~Rod~Ra~Rt" data-pwa-help-article-id="1000042" data-pwa-style-category="spelling" class="pwa-mark" style="position: absolute; top: 777px; left: 510.125px; width: 18.1562px; height: 21px;"></pwa><pwa style="position: absolute; top: 99999px; left: 999999px; width: 1px; height: 1px;"></pwa></pwa-container><pwa-container style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"></pwa-container></pwa-container-wrapper>
<div>
<h3 class="tit">대사관 연락처(카타르 임시사무소)</h3> ㅇ 대표번호(근무시간 중) : (974) 4463-9555<br>
ㅇ 긴급연락처(사건사고 등 긴급상황 발생 시, 24시간) : (974) 6673-4250<br>
ㅇ E-mail : <a href="mailto:kabul@mofa.go.kr">kabul@mofa.go.kr</a><br>
<br>

<h3 class="tit">관광통역서비스</h3> ㅇ 아프가니스탄은 여행금지국가이며, 단체 여행도 금지되어 있습니다.<br>
ㅇ Ariana 항공 : (93) 7900 71 333, <a href="mailto:info@flyariana.com">info@flyariana.com</a><br>
ㅇ Kam Air : (93)&nbsp;0799 97 4422, <a href="mailto:helpdesk@kamair.com">helpdesk@kamair.com</a><br>
<br>

<h3 class="tit">의료기관 연락처</h3> ㅇ Wazir Akbar Khan<br>

<p style="margin-left: 15px; margin-right: 15px;">- Wazir Akbar Khan area, district 10<br>- (93) 20 230 1360</p><br style="letter-spacing: -0.4px;">
<span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">ㅇ French Medical Institute for Mothers and Children (FMIC)</span><br style="letter-spacing: -0.4px;">

<p style="margin-right: 15px; margin-left: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 16px; font-family: 'Malgun Gothic'; letter-spacing: -0.4px;">- Behind Kabul Medical University, Aliabad, Kabul, Afghanistan<br>- (93)&nbsp;79 107 0000</p>
<p style="margin-right: 15px; margin-left: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 16px; font-family: 'Malgun Gothic'; letter-spacing: -0.4px;"><br></p> ㅇ Global Medical Complex<br>

<p style="margin-left: 15px; margin-right: 15px;">- Between Baraki and Kart-e Parwan Square, Moulana Jalaluddin Balkhi Rd Kabul, Kabul 0093, Afghanistan<br>-&nbsp;(93) 78 643 4258</p><br>
ㅇ Ariana Medical Complex<br>

<p style="margin-right: 15px; margin-left: 15px;">- Red Crescent, 5th Phase, Kabul, Afghanistan<br>-&nbsp;(93) 70 613 1455</p>
<p style="margin-right: 15px; margin-left: 15px;"><br style="letter-spacing: -0.4px;"></p> ㅇ Sana Medical Complex<br>

<p style="margin-left: 15px; margin-right: 15px;">- Esmat Muslim St, Kabul, Afghanistan<br>-&nbsp;(93) 77 160 0007</p>
<p style="margin-left: 15px; margin-right: 15px;"><br></p><br></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<div>ㅇ 위치: 서남아시아 동경 65도, 북위 33도<br>
ㅇ 수도: 카불<br>
ㅇ 면적: 652,000km(한반도의 3배)<br>
ㅇ 언어: 다리어, 파슈토어<br>
ㅇ 인종: 파슈툰족(42%), 타지크족(27%), 하자라족(9%), 우즈베크족(9%) <br>
ㅇ 종교: 이슬람교<br>
ㅇ 국가번호 : +93<br></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper>
<div>
<h3 class="tit">최근 주재국 테러정세 전망</h3>
<p>ㅇ&nbsp;아프가니스탄은 2021.08월 탈레반 재집권 후 최근까지 反탈레반 극단주의 무장단체인 이슬람국가 호라산(IS-K) 등에 의한 테러가 지속되면서 민간인 피해가 계속 발생하고 있습니다.&nbsp;<br> ㅇ&nbsp;아프가니스탄은 국제사회로부터 알-카에다 등 다양한 테러 조직들의 은신처라는 의혹을 받고 있으며 탈레반과 대립관계에 있는 IS-K 이외에도 탈레반 정권에 반발하는 반군세력도 활동을 지속하고 있어 동 지역은 현재&nbsp;각종 테러 공격으로부터 안전하지 않습니다.&nbsp;</p>
<p><br></p>
<h3 class="tit">사건ㆍ사고유형</h3>
<p>ㅇ 아프가니스탄내 인구밀집 지역에서 시아파, 탈레반 인사, 외국인을 대상으로 한 폭탄 테러가 지속 발생하고 있으며, 특히 외국인은 극단주의 무장단체들의 주요 테러 표적이 되고 있습니다.&nbsp;<br>
ㅇ 아프가니스탄은 세계 최대 빈곤국 중 하나로, 어려운 경제 상황에 기인하여 강도 등 생계형 범죄가 기승을 부리고 있으며, 폐쇄적인 사회 분위기로 인해 여성을 상대로 한 성추행, 강간 등의 성범죄도 다수 발생하고 있습니다.<br>
ㅇ 운전자들이 과속, 역주행, 신호위반 및 난폭운전을 예사로이 하고 있으며, 아프가니스탄 교통경찰 역량도 부족한 상황이므로, 외국인들이 아프가니스탄 내에서 운전하는 것은 매우 위험하며, 도보로 거리를 다니는 것도 매우 위험한 상황입니다.<br>
ㅇ 아프가니스탄 내 특별한 풍토병은 없으나, 여름철에 불량한 위생으로 인한 장티푸스가 발생하고 있으며, 일부 지역에서는 말라리아 발병도 보고되고 있습니다.<br>
<br></p>
<h3 class="tit">자연재해</h3>
<p>ㅇ 아프가니스탄은 수시로 소규모의 지진이 발생하는 지진대에 속하고 카불 시내에서도 침대가 흔들릴 정도의 지진이 수시로 발생하므로 강진 발생에 특히 유의해야 합니다.&nbsp;<br>ㅇ&nbsp;아프가니스탄은 기후변화 취약국으로 최근 몇 년간 폭발성 홍수, 폭풍, 폭설, 가뭄 등 극단적 기후 현상이 빈번히 발생하여 각별히 안전에 유의해야 합니다.&nbsp;</p></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper>
<h6 class="tit">무비자 입국 가능 여부(1회 입국시 최대 연속 체류 가능 일자)</h6>
<p>ㅇ 외교관 여권 소지자 : X</p>
<p>ㅇ 관용여권 소지자 : X</p>
<p>ㅇ 일반여권 소지자(복수와 단수를 구분할 경우 별도 표기 필요) : X</p>
<p>ㅇ 도착사증 발급 여부 : 도착사증 미발급</p>
<p><br></p>
<p><br></p>
<h6 class="tit">입국시 유의사항 등</h6>
<p>ㅇ&nbsp;2007.08월 이후 여행금지국으로 지정되어, 예외적 여권사용허가서 없이 입국 금지&nbsp;</p>
<p><br></p>
<p><br></p>
<h6 class="tit">출국시 유의사항 등</h6>
<p>ㅇ 미화 $5,000 이상의 외국환 반출시 사전 신고 필요</p>
<p><br></p>
<p><br></p>
<h6 class="tit">참고자료</h6>
<p>ㅇ 해당국가의 한국 대사관 홈페이지 : https://overseas.mofa.go.kr/af-ko/index.do</p>
<p>ㅇ 기타 참고자료</p><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper>
<div>
<h3 class="tit">인사</h3>
<p>ㅇ 아프가니스탄의 경우 기본적으로 악수와 오른쪽 어깨를 살짝 부딪혀서 인사를 합니다.<br>
ㅇ 상대방이 여성일 경우 여성 측에서 먼저 손을 내밀지 않는 이상 악수를 하지 않는 것이 매너입니다.<br>
<br></p>
<h3 class="tit">종교관련</h3>
<p>ㅇ 아프가니스탄은 이슬람 국가로서, 아프가니스탄 사람들을 대상으로 개종을 강요하거나 선교활동을 하는 것은 주재국 법에 부합하지 않는 매우 위험한 행동입니다.</p>
<p><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">ㅇ&nbsp;</span><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">특히, 극</span><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">단적 이슬람 세력에게 선교활동이 알려지게 되는 경우, 즉각적인 테러위협도 있습니다.</span><br>
<br></p>
<h3 class="tit">팁 문화</h3>
<p>o 아프가니스탄에서는 일반적으로 팁 문화가 없습니다.</p>
<p><br></p></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"><pwa-container data-uid="pwa_79F68-0CECC-DDAD0-51960-15" class="pwa-container " style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"><pwa style="position: absolute; top: 99999px; left: 999999px; width: 1px; height: 1px;"></pwa></pwa-container><pwa-container style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"></pwa-container></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"><pwa-container data-uid="pwa_06EE7-D0B77-FB45D-A2958-D0" class="pwa-container " style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"><pwa style="position: absolute; top: 99999px; left: 999999px; width: 1px; height: 1px;"></pwa></pwa-container><pwa-container style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"></pwa-container></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper>
<div>
<h3 class="tit">주요 교통 법규 및 문화</h3>
<p>ㅇ 아프가니스탄의 도로 상황은 전반적으로 열악하고 교통법규는 대부분 준수되지 않으며 긴급 출동 서비스도 제공되지 않아 현실적으로 외국인의 자가운전이 불가능한 실정입니다.&nbsp;</p>
<p style="margin-left: 15px; margin-right: 15px;">- 주재국은 여행금지국으로 지정되어 여권사용허가를 받고 입국이 가능하며, 여권사용허가 신청시 경비업체와 체결한 별도의 이동간 안전 및 경호 대책(무장 경호원, 주재국 운전기사 대동 및 방탄 차량 지원 등) 강구 필요</p>
<p><br></p>
<h3 class="tit">관련 사건사고 사례</h3>
<p>ㅇ 우리 국민의 운전이 아프가니스탄 내에서 사실상 불가하므로 2007년 여행금지국 지정 이후 별도의 사건 사고 사례는 없습니다.&nbsp;<br>
<br></p>
<h3 class="tit">관련 사건사고 발생시 대처방법</h3>
<p>ㅇ 우리국민이 탑승한 차량의 교통사고 발생시 주아프가니스탄대사관 긴급연락처로 연락 요망<br>
<br>
 [대중교통]<br>ㅇ 아프가니스탄 수도 카불 시내 대중교통으로는 택시와 버스가 있지만, 외국인의 경우 납치 및 테러 위험이 심각하므로 대중교통을 이용하지 않는 것이 좋습니다.</p>
<p><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">ㅇ 외국인들이 불가피하게&nbsp;카불&nbsp;시내를 이동할 경우에는 현지인 운전사와 경호원을 동승 시켜 납치 및 자폭테러에 대비해서 이동해야 합니다.&nbsp;</span><br>ㅇ 아프가니스탄에는 UAE(두바이 등), 사우디(리야드 등),&nbsp;파키스탄(이슬라마바드), 인도(델리), 카타르(도하), 튀르키예(이스탄불), 우즈벡(타슈켄트)&nbsp;등으로 운항하는 민간 항공편이 있습니다.&nbsp;</p>
<p><br></p>
<h3 class="tit">기타 유의사항</h3>
<p>ㅇ 주재국은 교통 법규 집행체계, 인프라 미비 및 교통법규 미준수로 교통신호, 차선 구분이 없으며, 일부 차량의 도로 역주행이 수시로 발생되는바, 주재국 체류시 안전을 위하여 가급적 이동 삼가 요망<br></p></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

<pwa-container-wrapper style="display: flex !important; height: 0px !important;"></pwa-container-wrapper><pwa-container-wrapper style="display: flex !important; height: 0px !important;"><pwa-container data-uid="pwa_E2917-D8849-4A4F8-52055-06" class="pwa-container " style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"><pwa style="position: absolute; top: 99999px; left: 999999px; width: 1px; height: 1px;"></pwa></pwa-container><pwa-container style="overflow: hidden; position: absolute; box-sizing: border-box; pointer-events: none; padding: 0px; width: 1e+06px; height: 100000px; z-index: 1;"></pwa-container></pwa-container-wrapper>
<div>
<h3 class="tit">날씨</h3>
<p>ㅇ 아프가니스탄은 고지 산악지대이며 여름과 겨울의 기온차가 뚜렷한 건조한 기후를 가지고 있습니다. 기후의 차이는 각 지방마다 큰 편입니다.<br></p>
<p style="margin-left: 15px; margin-right: 15px;">- 동부지방 : 여름 35도, 겨울 -20도, 강우량 200mm/연<br>
- 북서지방 : 여름 40도, 겨울 -12도, 강우량 1,400mm/연<br>- 남서지방 : 여름 45도, 겨울 -15도, 강우량 100mm/연</p>
<p><br></p>
<h3 class="tit">기타</h3>
<p><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">ㅇ 한국과 아프가니스탄은 4시간 30분의 시차가 있습니다.</span><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">&nbsp;(아프간</span><span style="font-family: 'Malgun Gothic'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: -0.4px;">&nbsp;00:00일 때, 한국은 04:30)</span></p>
<p>ㅇ 대부분 관공서의 일처리가 늦고 사회 각 분야에 부정부패가 만연합니다.&nbsp;<br>
<br></p></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;"> <pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047=""> 
<div class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components><pwa-extension-ng-components style="font-weight: normal; font-family: 'Overpass Regular', sans-serif; font-size: 14px;">
<style type="text/css" pwa-ng-styles-fix="">pwa-extension-ng-components {   /* if you want to specify font-weight manually, use 'Inter' + explicit font-weight*/   /* if you want to specify font-weight manually, use 'Reckless' + explicit font-weight*/   /* .text-left, .text-right, .text-center migrated from bootstrap*/   /* Body text */   /* Title text */   /* Display text */   /* Label text */   /* button without styles, but adds behavior for our icons */   /* Legacy */   /* similar as for report icons */ } @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; } @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; } @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-extension-ng-components html, pwa-extension-ng-components body {   font-family: "Inter", sans-serif, serif;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components h1, pwa-extension-ng-components h2, pwa-extension-ng-components h3, pwa-extension-ng-components h4, pwa-extension-ng-components h5, pwa-extension-ng-components h6 {   font-family: Reckless, sans-serif;   font-weight: 600;   margin: 0 0 0.5em 0; } pwa-extension-ng-components h2 {   font-size: 40px;   line-height: 1.2; } pwa-extension-ng-components h3 {   font-size: 32px;   line-height: 1.2; } pwa-extension-ng-components h4 {   font-size: 24px;   line-height: 1.3;   margin-bottom: 0.6em; } pwa-extension-ng-components h5 {   font-size: 20px;   line-height: 1.3;   margin-bottom: 0.75em; } pwa-extension-ng-components h6 {   font-size: 16px;   line-height: 1.3; } pwa-extension-ng-components p {   line-height: 1.5;   margin: 0 0 1em 0;   font-size: 16px; } pwa-extension-ng-components p.size-l {   font-size: 14px;   line-height: 1.4; } pwa-extension-ng-components p.size-s {   font-size: 14px;   line-height: 1.6; } pwa-extension-ng-components p.size-xs {   font-size: 12px;   line-height: 1.7; } pwa-extension-ng-components ul, pwa-extension-ng-components ol {   margin-top: 0;   margin-bottom: 1em; } pwa-extension-ng-components ul ul, pwa-extension-ng-components ol ul, pwa-extension-ng-components ul ol, pwa-extension-ng-components ol ol {   margin-bottom: 0; } pwa-extension-ng-components pre {   display: block;   font-family: monospace; } pwa-extension-ng-components code {   padding: 4px;   font-family: monospace;   font-size: 14px;   color: var(--pwa-foreground-danger);   background-color: var(--pwa-background-surface-secondary);   border: solid 1px var(--pwa-border);   border-radius: 4px; } pwa-extension-ng-components address {   font-style: normal;   line-height: 1.7;   margin: 0 0 1em 0; } pwa-extension-ng-components blockquote {   padding: 12px 24px;   margin: 0 0 1.5em 0;   font-size: 16px;   border-left: 5px solid var(--pwa-border);   line-height: 1.7; } pwa-extension-ng-components blockquote p:last-child, pwa-extension-ng-components blockquote ul:last-child, pwa-extension-ng-components blockquote ol:last-child {   margin-bottom: 0; } pwa-extension-ng-components blockquote footer, pwa-extension-ng-components blockquote small {   display: block;   font-size: 14px;   color: var(--pwa-foreground-secondary);   padding-top: 8px; } pwa-extension-ng-components blockquote footer:before, pwa-extension-ng-components blockquote small:before {   content: "\2014   \A0"; } pwa-extension-ng-components .text-left {   text-align: left; } pwa-extension-ng-components .text-right {   text-align: right; } pwa-extension-ng-components .text-center {   text-align: center; } pwa-extension-ng-components .pwa-body-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-body-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-body-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-body-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 400;   font-family: "Inter", sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-title-small {   font-size: 12px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 18px; } pwa-extension-ng-components .pwa-title-medium {   font-size: 14px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-title-large {   font-size: 16px;   letter-spacing: 0;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-title-x-large {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-small {   font-size: 20px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 28px; } pwa-extension-ng-components .pwa-display-medium {   font-size: 24px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 32px; } pwa-extension-ng-components .pwa-display-large {   font-size: 32px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 40px; } pwa-extension-ng-components .pwa-display-x-large {   font-size: 40px;   letter-spacing: -0.2px;   font-weight: 600;   font-family: Reckless, sans-serif;   line-height: 48px; } pwa-extension-ng-components .pwa-label-small-bold {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-bold {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-bold {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 600;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .pwa-label-small-md {   font-size: 12px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 16px; } pwa-extension-ng-components .pwa-label-medium-md {   font-size: 14px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 20px; } pwa-extension-ng-components .pwa-label-large-md {   font-size: 16px;   letter-spacing: 0.2px;   font-weight: 500;   font-family: "Inter", sans-serif;   line-height: 24px; } pwa-extension-ng-components .shadow1 {   box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 {   box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 {   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 {   filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 {   filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 {   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 {   filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.primary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.primary-color.wide, pwa-extension-ng-components .pwa-btn.main-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.primary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.main-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.primary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.primary-color.size-s, pwa-extension-ng-components .pwa-btn.main-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m, pwa-extension-ng-components .pwa-btn.main-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.primary-color, pwa-extension-ng-components .pwa-btn.main-color, pwa-extension-ng-components .pwa-btn.primary-color.size-l, pwa-extension-ng-components .pwa-btn.main-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.primary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.primary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.main-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-inverted);   background-color: var(--pwa-button-bg-main-clicked);   border-color: var(--pwa-button-bg-main-clicked); } pwa-extension-ng-components .pwa-btn.primary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.main-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.primary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.primary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.main-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main);   border-color: var(--pwa-button-bg-main); } pwa-extension-ng-components .pwa-btn.primary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.main-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-fg-inverted);   border-bottom: 2px solid var(--pwa-button-fg-inverted);   border-left: 2px solid var(--pwa-button-fg-inverted);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.secondary-color .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon .pwa-icon svg, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color.wide, pwa-extension-ng-components .pwa-btn.second-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.secondary-color.wide.no-wrap, pwa-extension-ng-components .pwa-btn.second-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide), pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-content, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.secondary-color.ellipsis:not(.wide) .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s, pwa-extension-ng-components .pwa-btn.second-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-s .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m, pwa-extension-ng-components .pwa-btn.second-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-m .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.secondary-color, pwa-extension-ng-components .pwa-btn.second-color, pwa-extension-ng-components .pwa-btn.secondary-color.size-l, pwa-extension-ng-components .pwa-btn.second-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.secondary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.secondary-color.size-l .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.second-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled), pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: var(--pwa-background);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):hover, pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled).clicked, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border); } pwa-extension-ng-components .pwa-btn.secondary-color:not(.loading):not(.disabled):not(:disabled):focus, pwa-extension-ng-components .pwa-btn.second-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.secondary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.secondary-color.disabled:not(.loading), pwa-extension-ng-components .pwa-btn.second-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.secondary-color.loading:not(:disabled):not(.disabled):after, pwa-extension-ng-components .pwa-btn.second-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.tertiary-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.tertiary-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.tertiary-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.tertiary-color, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.tertiary-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.tertiary-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg);   background-color: transparent;   border-color: transparent; } pwa-extension-ng-components .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; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg);   background-color: var(--pwa-button-bg-tertiary-clicked);   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.tertiary-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.tertiary-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: transparent;   border-color: transparent; } pwa-extension-ng-components .pwa-btn.tertiary-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.danger-color {   position: relative;   box-sizing: border-box;   display: inline-flex;   align-items: center;   margin: 0;   font-family: "Inter", sans-serif;   font-weight: 600;   border: 1px solid;   border-radius: 6px;   text-decoration: none;   text-align: center;   cursor: pointer;   z-index: 1;   overflow: visible;   white-space: nowrap;   letter-spacing: 0.02em;   /* 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-extension-ng-components .pwa-btn.danger-color .pwa-btn-content {   display: flex;   align-items: center;   flex: 1 1 auto;   justify-content: center; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon {   display: inline-flex;   align-items: center;   vertical-align: top;   height: 100%;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon .pwa-icon svg {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-btn.danger-color.wide {   display: flex;   width: 100%;   white-space: normal; } pwa-extension-ng-components .pwa-btn.danger-color.wide.no-wrap {   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) {   max-width: 100%;   overflow: hidden;   white-space: nowrap; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-content {   overflow: hidden; } pwa-extension-ng-components .pwa-btn.danger-color.ellipsis:not(.wide) .pwa-btn-text {   overflow: hidden;   text-overflow: ellipsis;   padding: 4px 0; } pwa-extension-ng-components .pwa-btn.danger-color.size-s {   height: 32px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-s .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m {   height: 40px;   padding: 0 16px;   line-height: 20px;   font-size: 14px; } pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-m .pwa-btn-text + .pwa-btn-icon {   margin-left: 8px; } pwa-extension-ng-components .pwa-btn.danger-color, pwa-extension-ng-components .pwa-btn.danger-color.size-l {   height: 48px;   padding: 0 16px;   line-height: 24px;   font-size: 16px; } pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.danger-color .pwa-btn-text + .pwa-btn-icon, pwa-extension-ng-components .pwa-btn.danger-color.size-l .pwa-btn-text + .pwa-btn-icon {   margin-left: 12px; } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled) {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .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); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):active, pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled)[clicked], pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled).clicked {   color: var(--pwa-button-fg-danger);   background-color: var(--pwa-button-bg-danger-clicked);   border-color: var(--pwa-button-border-danger); } pwa-extension-ng-components .pwa-btn.danger-color:not(.loading):not(.disabled):not(:disabled):focus {   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-btn.danger-color:disabled:not(.loading), pwa-extension-ng-components .pwa-btn.danger-color.disabled:not(.loading) {   cursor: default;   color: var(--pwa-button-fg-disabled);   background: var(--pwa-button-bg-main-disabled);   border-color: var(--pwa-button-border-disabled); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled) {   cursor: default;   color: var(--pwa-button-fg-danger);   background: var(--pwa-button-bg-danger);   border-color: var(--pwa-button-bg-danger); } pwa-extension-ng-components .pwa-btn.danger-color.loading:not(:disabled):not(.disabled):after {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-left: -8px;   margin-top: -8px;   border-radius: 50%;   border-top: 2px solid transparent;   border-right: 2px solid var(--pwa-button-bg-danger);   border-bottom: 2px solid var(--pwa-button-bg-danger);   border-left: 2px solid var(--pwa-button-bg-danger);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-btn.underline .pwa-btn-text {   text-decoration: underline; } pwa-extension-ng-components .pwa-action-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   margin: 0;   padding: 0;   border: none;   background: none;   color: inherit; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) {   cursor: pointer; } pwa-extension-ng-components .pwa-action-icon:hover:not(:disabled, .disabled) .pwa-icon {   opacity: 0.75; } pwa-extension-ng-components .pwa-action-icon.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-action-icon.second-color {   color: var(--pwa-foreground-secondary); } pwa-extension-ng-components .pwa-action-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon:not(.white-color), pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon:not(.white-color) {   color: var(--pwa-foreground-disabled) !important; } pwa-extension-ng-components .pwa-action-icon:disabled .pwa-icon svg, pwa-extension-ng-components .pwa-action-icon.disabled .pwa-icon svg {   opacity: 0.4; } pwa-extension-ng-components .pwa-action-icon.fill-hover {   padding: 2px;   border-radius: 6px; } pwa-extension-ng-components .pwa-action-icon.fill-hover:hover {   background: var(--pwa-background-fill-hover); } pwa-extension-ng-components .pwa-button {   display: inline-block;   box-sizing: border-box;   cursor: pointer;   outline: none;   white-space: nowrap;   text-align: center;   text-decoration: none;   padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover {   text-decoration: none; } pwa-extension-ng-components .pwa-button:focus {   text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=''], pwa-extension-ng-components .pwa-button[disabled="true"] {   opacity: 0.7;   pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden {   display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-brand-selected);   border: 1px solid transparent;   border-radius: 4px;   color: var(--pwa-foreground) !important; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus {   color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover {   border: 1px solid var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-button.filled-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-foreground);   font-weight: 600;   background: var(--pwa-background-surface-secondary);   border: 1px solid transparent;   border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button {   font-family: "Inter", sans-serif;   font-size: 14px;   color: var(--pwa-background-surface-secondary);   font-weight: 600;   background: transparent;   border: 1px solid var(--pwa-background-surface-secondary);   border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited {   color: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.inverted-green-button:hover {   border: 1px solid var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-button.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 {   width: 100%; } pwa-extension-ng-components .pwa-button__icon {   display: inline-block;   vertical-align: middle;   margin-right: 4px; } pwa-extension-ng-components .pwa-button__text {   display: inline-block;   vertical-align: middle; } pwa-extension-ng-components .main-color-on-dark {   color: var(--pwa-button-fg-inverted) !important;   border: 1px solid var(--pwa-button-border) !important; } pwa-extension-ng-components .main-color-on-dark:hover {   color: var(--pwa-button-fg) !important; } pwa-extension-ng-components .input {   display: flex;   align-items: stretch;   position: relative;   z-index: 1;   background-color: var(--pwa-background);   border-radius: 4px;   font-size: 16px;   width: 100%;   /* Input Sizes */   /* Input kinds */ } pwa-extension-ng-components .input input {   box-sizing: border-box;   display: block;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   flex: 1 1 auto;   border: none;   background-color: transparent;   position: relative;   border-radius: 4px;   min-width: 0;   margin: 1px;   font-size: inherit;   padding: 0 15px;   height: 46px;   line-height: 46px;   box-shadow: none !important; } pwa-extension-ng-components .input input:focus:not(:disabled) {   outline: none; } pwa-extension-ng-components .input input:focus:not(:disabled) ~ .input-fake-border {   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .input input:disabled ~ .input-fake-border {   background-color: var(--pwa-background-surface-secondary) !important;   border: 1px solid var(--pwa-border) !important; } pwa-extension-ng-components .input input:disabled ~ .pull-left .pwa-icon, pwa-extension-ng-components .input input:disabled ~ .pull-right .pwa-icon {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input input:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .input .input-fake-border {   box-sizing: border-box;   border: 1px solid var(--pwa-border);   border-radius: 4px;   position: absolute;   right: 0;   top: 0;   left: 0;   height: 48px;   z-index: -1; } pwa-extension-ng-components .input button {   cursor: pointer;   background-color: transparent;   margin: 0;   padding: 0;   border: none;   outline: none;   display: inline-flex; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right {   display: flex;   align-items: center;   flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon {   pointer-events: none; } pwa-extension-ng-components .input .pull-left {   order: -1;   padding-left: 12px; } pwa-extension-ng-components .input .pull-right {   padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control {   padding-left: 12px; } pwa-extension-ng-components .input.size-s input {   font-size: 14px;   height: 30px;   line-height: 30px;   padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border {   height: 32px; } pwa-extension-ng-components .input.size-s .pull-left {   order: -1;   padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right {   padding-right: 8px; } pwa-extension-ng-components .input.size-l input {   font-size: 20px;   height: 54px;   line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border {   height: 56px; } pwa-extension-ng-components .input.size-l .pull-left {   order: -1;   padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right {   padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .input.blog {   background-color: transparent; } pwa-extension-ng-components .input.blog input {   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   margin: 0 0 2px 0;   border-radius: 0;   padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border {   box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border {   border-radius: 0;   border: none;   border-bottom: solid 2px var(--pwa-border); } pwa-extension-ng-components .textarea {   display: block;   font-size: 16px;   height: 100px;   /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea {   box-sizing: border-box;   height: 100%;   width: 100%;   padding: 12px 15px;   font-size: inherit;   line-height: 1.5em;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background-color: var(--pwa-background);   border-radius: 4px;   border: 1px solid var(--pwa-border); } pwa-extension-ng-components .textarea textarea:focus:not(:disabled) {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .textarea textarea:disabled {   background-color: var(--pwa-foreground-inactive) !important;   border-color: var(--pwa-border) !important; } pwa-extension-ng-components .textarea textarea:disabled::placeholder {   color: var(--pwa-foreground-tertiary) !important; } pwa-extension-ng-components .textarea.size-s {   font-size: 14px;   height: 60px; } pwa-extension-ng-components .textarea.size-s textarea {   padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l {   font-size: 20px;   height: 140px; } pwa-extension-ng-components .textarea.error textarea {   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .textarea.error textarea:focus {   box-shadow: 0 0 0 3px var(--pwa-background-fill-danger);   border-color: var(--pwa-border-danger); } pwa-extension-ng-components .controls-group {   display: flex;   align-items: stretch;   background-color: var(--pwa-background);   border-radius: 4px;   /*we have all this importants because of chrome extension and its importants*/ } pwa-extension-ng-components .controls-group > .input {   flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span {   margin-right: -1px !important;   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child {   border-top-left-radius: 4px !important;   border-bottom-left-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child {   border-top-right-radius: 4px !important;   border-bottom-right-radius: 4px !important;   margin-right: 0 !important; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border {   border-radius: 0 !important; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border {   border-radius: 4px !important; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border {   border-radius: 4px 0 0 4px !important; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border {   border-radius: 0 4px 4px 0 !important; } pwa-extension-ng-components .form-field-jquery-validation {   border-radius: 4px; } pwa-extension-ng-components .pwa-spinning-loader-indicator {   display: inline-flex;   align-items: center;   width: 40px;   height: 40px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-l {   width: 56px;   height: 56px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-m {   width: 40px;   height: 40px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-sm {   width: 20px;   height: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xs {   width: 16px;   height: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.main-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.white-color {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-spinning-loader-indicator.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-switch {   margin: 0;   position: relative;   display: block;   /* if you need another, wrap this component to a parent */   height: 24px;   width: 48px;   cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden {   display: none; } pwa-extension-ng-components .pwa-switch input {   display: none; } pwa-extension-ng-components .pwa-switch .track {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 12px;   background-color: var(--pwa-neutral-cold-200);   transition: 0.3s;   cursor: pointer;   color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch .thumb {   position: absolute;   left: 3px;   top: 3px;   width: 18px;   height: 18px;   border-radius: 50%;   transition: 0.3s;   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):not(:disabled) ~ .thumb {   background: var(--pwa-background); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .track {   background: var(--pwa-neutral-cold-200); } pwa-extension-ng-components .pwa-switch input:not(:checked):disabled ~ .thumb {   background: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .track {   background: var(--pwa-toggles-fill-selected); } pwa-extension-ng-components .pwa-switch input:checked:not(:disabled) ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .track {   background: var(--pwa-button-fg-disabled); } pwa-extension-ng-components .pwa-switch input:checked:disabled ~ .thumb {   transform: translateX(24px); } pwa-extension-ng-components .pwa-switch.loading .thumb:before {   content: '';   width: 16px;   height: 16px;   position: absolute;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-button-bg-main);   border-bottom: 2px solid var(--pwa-button-bg-main);   border-left: 2px solid var(--pwa-button-bg-main);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite;   opacity: 0.25; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-select {   appearance: none;   -moz-appearance: none;   -webkit-appearance: none;   display: inline-flex;   width: 100%;   height: 48px;   cursor: pointer;   padding: 0 40px 0 16px;   box-sizing: border-box;   font-size: 16px;   color: var(--pwa-foreground);   text-overflow: ellipsis;   border: 1px solid var(--pwa-border);   border-radius: 4px;   background-color: var(--pwa-background);   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);   background-repeat: no-repeat;   background-position: calc(100% - 13px) 50%;   /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand {   display: none; } pwa-extension-ng-components .pwa-select:focus {   outline: none;   border-color: var(--pwa-border-selected);   border-radius: 6px;   border: 2px solid;   transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s {   font-size: 14px;   height: 32px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l {   font-size: 18px;   height: 56px;   padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select-with-icon {   position: relative; } pwa-extension-ng-components .pwa-select-with-icon__icon {   position: absolute;   left: 12px;   top: 50%;   transform: translateY(-50%);   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-select-with-icon .pwa-select {   padding-left: 44px; } pwa-extension-ng-components .pwa-tabs {   display: flex;   flex-direction: row;   align-items: stretch;   justify-content: center;   width: 100%;   height: 42px;   font-family: "Inter", sans-serif;   font-weight: normal; } pwa-extension-ng-components .pwa-tabs .pwa-tab {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: 8px;   font-size: 14px;   padding: 4px 8px;   box-sizing: border-box;   cursor: pointer;   border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected {   font-weight: 600;   opacity: 1;   border-bottom: 2px solid var(--pwa-border-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab {   width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left {   justify-content: left; } pwa-extension-ng-components .pwa-icon {   display: inline-flex;   color: var(--pwa-foreground);   /* Colors */   /* Some icons additional styles */   /* workaround for mixed icons */ } pwa-extension-ng-components .pwa-icon path, pwa-extension-ng-components .pwa-icon line, pwa-extension-ng-components .pwa-icon circle, pwa-extension-ng-components .pwa-icon rect {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon.no-stroke path, pwa-extension-ng-components .pwa-icon.no-stroke line, pwa-extension-ng-components .pwa-icon.no-stroke circle, pwa-extension-ng-components .pwa-icon.no-stroke rect {   stroke: none; } pwa-extension-ng-components .pwa-icon.direction-left {   transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom {   transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical {   transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round {   display: inline-flex;   align-items: center;   justify-content: center;   width: 24px;   height: 24px;   border-radius: 50%;   position: relative; } pwa-extension-ng-components .pwa-icon.round:before {   content: "";   position: absolute;   top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;   background-color: currentColor;   opacity: 0.1;   z-index: 0;   border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg {   z-index: 1; } pwa-extension-ng-components .pwa-icon.auto-size {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.auto-size svg {   max-width: 100%;   height: auto; } pwa-extension-ng-components .pwa-icon.main-color {   color: var(--pwa-foreground) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.second-color {   color: var(--pwa-foreground-secondary) !important; } pwa-extension-ng-components .pwa-icon.success-color {   color: var(--pwa-foreground-success) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-icon.brand-color-strong {   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-icon.warning-color {   color: var(--pwa-foreground-warning) !important;   /*Legacy !important for prevent rewriting by extension*/ } pwa-extension-ng-components .pwa-icon.white-color {   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-icon.info-color {   color: var(--pwa-foreground-info); } pwa-extension-ng-components .pwa-icon.any-color {   color: inherit; } pwa-extension-ng-components .pwa-icon.word-color {   color: var(--pwa-word-color); } pwa-extension-ng-components .pwa-icon.google-docs-color {   color: var(--pwa-google-docs-color); } pwa-extension-ng-components .pwa-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading {   position: relative;   overflow: hidden; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading svg {   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect {   fill: currentColor;   height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path {   fill: white;   stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect, pwa-extension-ng-components .pwa-icon.filled circle {   stroke: transparent;   fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled, pwa-extension-ng-components .pwa-icon.filled circle.filled {   stroke: currentColor; } pwa-extension-ng-components .pwa-icon .filled-path {   stroke: transparent !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon .stroke-path {   fill: transparent !important;   stroke: currentColor !important; } pwa-extension-ng-components .pwa-icon .filled-stroked-path {   stroke: currentColor !important;   fill: currentColor !important; } pwa-extension-ng-components .pwa-icon-color-static {   display: inline-flex;   /* strokes */ } pwa-extension-ng-components .pwa-icon-color-static .stroke-pwa-main-color {   stroke: var(--pwa-foreground); } pwa-extension-ng-components .pwa-system-button {   display: inline-flex;   flex-shrink: 0;   align-items: center;   box-sizing: border-box;   position: relative;   gap: 4px;   font-family: "Inter", sans-serif;   font-weight: 600;   color: var(--pwa-foreground);   background: var(--pwa-background);   border-radius: 8px;   border: solid 1px var(--pwa-button-border);   font-size: 14px;   min-height: 32px;   line-height: 30px;   padding: 0 11px;   min-width: 32px;   cursor: pointer;   white-space: nowrap;   /* Sizes */   /* Button-Icon */ } pwa-extension-ng-components .pwa-system-button:hover:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-hover); } pwa-extension-ng-components .pwa-system-button:active:not(.loading):not(:disabled):not(.disabled), pwa-extension-ng-components .pwa-system-button.active:not(.loading):not(:disabled):not(.disabled) {   background-color: var(--pwa-button-bg-secondary-clicked);   border-color: var(--pwa-button-border);   color: var(--pwa-button-fg); } pwa-extension-ng-components .pwa-system-button:focus:not(:disabled):not(.loading), pwa-extension-ng-components .pwa-system-button:focus:not(.disabled):not(.loading) {   outline: none;   box-shadow: 0 0 0 3px var(--pwa-background-fill-info); } pwa-extension-ng-components .pwa-system-button:disabled, pwa-extension-ng-components .pwa-system-button.disabled {   background-color: var(--pwa-foreground-inactive);   color: var(--pwa-foreground-tertiary);   cursor: default;   /* Integration with icons, emojies, logo */ } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon {   color: var(--pwa-foreground-tertiary); } pwa-extension-ng-components .pwa-system-button:disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button.disabled .pwa-icon-color-static, pwa-extension-ng-components .pwa-system-button:disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button.disabled .pwa-emoji-icon, pwa-extension-ng-components .pwa-system-button:disabled .pwa-logo, pwa-extension-ng-components .pwa-system-button.disabled .pwa-logo {   opacity: 0.6; } pwa-extension-ng-components .pwa-system-button.size-s {   line-height: 22px;   min-height: 24px;   min-width: 24px;   font-size: 12px;   padding: 0 7px; } pwa-extension-ng-components .pwa-system-button.size-l {   line-height: 46px;   min-height: 48px;   min-width: 48px;   font-size: 16px;   padding: 0 15px;   gap: 8px; } pwa-extension-ng-components .pwa-system-button .pwa-system-button-icon {   display: inline-flex;   align-items: center;   position: relative;   flex: 0 0 auto; } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-icon {   width: 100%;   justify-content: center;   margin: 0;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.icon .pwa-system-button-content {   display: none;   /* for ng component*/ } pwa-extension-ng-components .pwa-system-button.loading {   cursor: default;   box-shadow: none; } pwa-extension-ng-components .pwa-system-button.loading:before {   content: '';   display: block;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   z-index: 1;   background-color: rgba(255, 255, 255, 0.8);   border-radius: 8px; } pwa-extension-ng-components .pwa-system-button.loading:after {   content: '';   width: 16px;   height: 16px;   position: absolute;   z-index: 2;   box-sizing: border-box;   top: 50%;   left: 50%;   margin-top: -8px;   margin-left: -8px;   border-radius: 50%;   border-top: 2px solid rgba(255, 255, 255, 0.2);   border-right: 2px solid var(--pwa-foreground);   border-bottom: 2px solid var(--pwa-foreground);   border-left: 2px solid var(--pwa-foreground);   transform-origin: center;   animation: pwa-spinning-keyframes 750ms linear infinite; } @keyframes pwa-spinning-keyframes {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(359deg);   } } pwa-extension-ng-components .pwa-badge {   display: inline-flex;   gap: 4px;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600;   position: relative;   text-decoration: none;   white-space: nowrap;   /* Colors */   /* if badge is link*/   /* Sizes */   /* integration with +pwa-icon() component */ } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-badge.brand-color {   background: var(--pwa-background-fill-brand);   color: var(--pwa-foreground-brand-strong); } pwa-extension-ng-components .pwa-badge.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-badge.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-badge.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-badge.info-color {   background: var(--pwa-background-fill-info);   color: var(--pwa-foreground-info-strong); } pwa-extension-ng-components .pwa-badge.neutral-color {   background: var(--pwa-neutral-cold-100);   color: var(--pwa-foreground); } apwa-extension-ng-components .pwa-badge {   text-decoration: none;   color: var(--pwa-foreground-warning); } apwa-extension-ng-components .pwa-badge:after {   content: '';   display: block;   position: absolute;   bottom: 0.25em;   left: 8px;   right: 8px;   border-bottom: solid 1px currentColor;   opacity: 0.8; } a:hoverpwa-extension-ng-components .pwa-badge {   text-decoration: none; } a:hoverpwa-extension-ng-components .pwa-badge:after {   display: none; } pwa-extension-ng-components .pwa-badge.interactive {   cursor: pointer; } pwa-extension-ng-components .pwa-badge.size-s {   font-size: 12px;   padding: 0 8px;   line-height: 20px !important;   height: 20px !important; } pwa-extension-ng-components .pwa-badge .pwa-icon {   color: currentColor; } pwa-extension-ng-components .pwa-counter {   display: inline-flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   font-family: "Inter", sans-serif;   color: var(--pwa-foreground);   background: var(--pwa-background-fill-warning);   border-radius: 16px;   padding: 0 8px;   line-height: 24px;   min-width: 24px;   font-size: 14px;   font-weight: 600; } pwa-extension-ng-components .pwa-counter.error-color {   background: var(--pwa-background-fill-danger);   color: var(--pwa-foreground-danger-strong); } pwa-extension-ng-components .pwa-counter.warning-color {   background: var(--pwa-background-fill-warning);   color: var(--pwa-foreground-warning-strong); } pwa-extension-ng-components .pwa-counter.success-color {   background: var(--pwa-background-fill-success);   color: var(--pwa-foreground-success-strong); } pwa-extension-ng-components .pwa-counter.info-color {   background: var(--pwa-background-fill-neutral);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox {   font-size: 16px;   line-height: 24px;   display: inline-flex;   align-items: center;   font-weight: normal; } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * {   margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input {   display: none; } pwa-extension-ng-components .pwa-checkbox > input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label {   display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect {   height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path {   transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13);   transform-origin: center; } pwa-extension-ng-components .pwa-checkbox svg {   width: 24px;   height: 24px;   flex: 24px 0 0; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg rect {   fill: var(--pwa-background-fill-selected);   stroke: var(--pwa-background-fill-selected); } pwa-extension-ng-components .pwa-checkbox input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-checkbox input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg rect {   fill: var(--pwa-foreground-disabled);   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox input.disabled:checked ~ svg path {   stroke: var(--pwa-button-bg-main-disabled); } pwa-extension-ng-components .pwa-checkbox.size-s {   font-size: 14px; } pwa-extension-ng-components .pwa-checkbox.size-s svg {   width: 16px;   flex: 16px 0 0; } pwa-extension-ng-components .pwa-checkbox.wide {   display: flex; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]) ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled) ~ .pwa-checkbox-label {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg rect {   fill: var(--pwa-background);   stroke: var(--pwa-border); } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg rect {   fill: currentColor;   stroke: currentColor; } pwa-extension-ng-components .pwa-checkbox.any-color input:not(:disabled):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not([disabled]):checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input:not(.disabled):checked ~ svg path {   stroke: var(--pwa-background); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled] ~ .pwa-checkbox-label, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled ~ .pwa-checkbox-label {   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-border-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:not(:checked) ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:not(:checked) ~ svg path {   display: none; } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg rect, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg rect {   fill: var(--pwa-background-fill-disabled);   stroke: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-checkbox.any-color input:disabled:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input[disabled]:checked ~ svg path, pwa-extension-ng-components .pwa-checkbox.any-color input.disabled:checked ~ svg path {   stroke: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-modal {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-modal.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-popup-wrap {   position: relative;   display: block;   box-sizing: border-box;   font-family: "Inter", sans-serif;   font-size: 16px;   color: var(--pwa-foreground);   border-radius: 8px;   background: var(--pwa-background);   box-shadow: var(--pwa-shadow-medium); } pwa-extension-ng-components .pwa-popup-wrap.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground-inverse); } pwa-extension-ng-components .pwa-popup-wrap.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-popup-wrap.size-xs {   width: 120px; } pwa-extension-ng-components .pwa-popup-wrap.size-s {   max-width: 250px;   min-width: 220px; } pwa-extension-ng-components .pwa-popup-wrap, pwa-extension-ng-components .pwa-popup-wrap.size-auto {   max-width: none; } pwa-extension-ng-components .pwa-popup-wrap.size-hug {   max-width: max-content;   max-height: max-content; } pwa-extension-ng-components .pwa-popup-wrap.size-m {   width: 460px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-popup-wrap.size-l {   width: 520px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.size-xl {   width: 620px;   box-shadow: var(--pwa-shadow-large); } pwa-extension-ng-components .pwa-popup-wrap.overflow-auto {   overflow: auto; } pwa-extension-ng-components .pwa-popup-wrap.overflow-hidden {   overflow: hidden; } pwa-extension-ng-components .pwa-popup-wrap.overflow-clip {   overflow: clip; } pwa-extension-ng-components .pwa-popup-wrap.shadow-none {   box-shadow: none; } pwa-extension-ng-components .pwa-popup-wrap.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog.size-s {   border-radius: 4px;   padding: 12px 8px;   font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   border-radius: 4px;   padding: 12px 16px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l {   border-radius: 8px;   padding: 16px 12px;   font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer {   display: flex;   box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_header.with-separator {   border-bottom: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog_header.flex-column {   flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content {   overflow-x: hidden;   overflow-y: auto;   height: 100%; } pwa-extension-ng-components .pwa-dialog_footer {   justify-content: flex-start;   align-items: center;   z-index: 1;   background: var(--pwa-background-surface-secondary); } pwa-extension-ng-components .pwa-dialog_footer.with-separator {   border-top: 1px solid var(--pwa-border); } pwa-extension-ng-components .pwa-dialog.size-s {   padding: 0;   padding: 12px, 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header {   padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px -4px 12px 8px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer {   padding: 12px 8px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content {   padding: 12px 12px 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m {   padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header {   padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content {   padding: 12px 4px 12px 16px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer {   padding: 12px 16px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog.size-l {   padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header {   padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content {   padding: 16px 0px 16px 12px;   flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content.no-vertical-padding {   padding-top: 0;   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer {   padding: 16px 12px;   position: relative;   z-index: 11; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content {   margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position {   position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width {   width: 100%; } pwa-extension-ng-components .pwa-dialog.fill-parent {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-dialog-overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.4);   z-index: 2147483647;   display: flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-web-dialog {   font-family: "Inter", sans-serif;   max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 {   font-weight: 600;   font-size: 20px;   line-height: 32px;   margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p {   margin: 0 0 12px 0;   font-size: 16px;   line-height: 32px;   white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content {   padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button {   position: absolute;   top: 0;   right: 0;   margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons {   display: flex;   width: 100%;   justify-content: flex-end;   padding: 12px 24px 20px;   box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * {   margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip {   display: inline-flex;   flex-direction: column;   position: absolute;   border: none;   box-sizing: border-box;   font-family: "Inter", sans-serif;   padding: 0;   white-space: pre-wrap;   visibility: hidden;   position: fixed; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color {   background: var(--pwa-background);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.dark-color {   background: var(--pwa-background-fill-selected);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip.main-color {   background: var(--pwa-background-surface-secondary);   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-tooltip_content {   visibility: visible;   position: relative;   background: inherit;   color: inherit;   font-size: 14px;   border-radius: 4px;   line-height: 133.33%; } pwa-extension-ng-components .pwa-tooltip_marker {   visibility: visible;   width: 8px;   height: 8px;   position: absolute;   z-index: -1;   background: inherit;   transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker {   display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker {   display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content {   transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content {   transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content {   transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker {   display: block;   top: 0;   left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content {   transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content {   padding: 4px 8px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content {   padding: 8px;   border-radius: 6px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content {   border-radius: 8px;   padding: 12px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content {   color: var(--pwa-foreground-static-light);   background: var(--pwa-background-surface-dark); } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content {   color: var(--pwa-foreground);   background: var(--pwa-background-surface); } pwa-extension-ng-components .pwa-modal2 {   position: fixed;   display: flex;   z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar {   display: inline-flex;   align-items: center;   justify-content: center;   position: relative;   width: 32px;   height: 32px;   border-radius: 50%;   overflow: hidden;   background-color: var(--pwa-background-surface-brand-selected); } pwa-extension-ng-components .pwa-avatar.size-s {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name {   font-size: 12px;   line-height: 24px; } pwa-extension-ng-components .pwa-avatar.size-l {   width: 36px;   height: 36px; } pwa-extension-ng-components .pwa-avatar.size-l .pwa-avatar__name {   line-height: 36px; } pwa-extension-ng-components .pwa-avatar__image {   width: 100%;   height: auto;   border-radius: 50%;   display: block; } pwa-extension-ng-components .pwa-avatar__name {   display: flex;   justify-content: center;   align-items: center;   width: 100%;   height: 100%;   color: var(--pwa-foreground-static-dark);   line-height: 32px;   font-size: 16px;   text-transform: uppercase;   font-weight: normal; } pwa-extension-ng-components .link-chevron {   color: var(--pwa-foreground);   text-decoration: none !important;   white-space: nowrap;   display: inline-flex;   align-items: center; } pwa-extension-ng-components .link-chevron:visited, pwa-extension-ng-components .link-chevron:active {   color: var(--pwa-foreground); } pwa-extension-ng-components .link-chevron:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron .link-chevron__text {   text-decoration: underline;   text-underline-offset: 2px; } pwa-extension-ng-components .link-chevron.second-color {   color: var(--pwa-foreground-warning); } pwa-extension-ng-components .link-chevron.second-color:hover, pwa-extension-ng-components .link-chevron.second-color:active {   color: var(--pwa-foreground-warning-strong);   opacity: 1; } pwa-extension-ng-components .link-chevron.error-color {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.error-color:hover, pwa-extension-ng-components .link-chevron.error-color:visited, pwa-extension-ng-components .link-chevron.error-color:active {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .link-chevron.any-color {   color: inherit; } pwa-extension-ng-components .link-chevron.any-color:hover {   color: var(--pwa-foreground-info);   opacity: 0.8; } pwa-extension-ng-components .link-chevron.size-s {   font-size: 14px; } pwa-extension-ng-components .link-chevron.size-m {   font-size: 16px; } pwa-extension-ng-components .link-chevron.size-l {   font-size: 20px; } pwa-extension-ng-components .link-chevron__icon {   display: inline-flex;   align-items: center;   position: relative;   left: -2px; } pwa-extension-ng-components .link-chevron.wide {   white-space: normal;   padding-right: 22px;   /* default icon size 24 - &nbsp width */   position: relative;   display: inline;   line-height: normal; } pwa-extension-ng-components .link-chevron.wide .link-chevron__text {   vertical-align: text-bottom; } pwa-extension-ng-components .link-chevron.wide .link-chevron__icon {   display: flex;   position: absolute;   bottom: 0;   right: 0;   margin-bottom: -0.05em;   left: auto; } pwa-extension-ng-components .link-chevron.wide.size-s .link-chevron__icon {   margin-bottom: -0.15em; } pwa-extension-ng-components .link-chevron.wide.size-l .link-chevron__icon {   margin-bottom: 0; } pwa-extension-ng-components .pwa-logo {   display: inline-flex;   align-items: center;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-logo.round {   border-radius: 50%;   overflow: hidden; } pwa-extension-ng-components .pwa-logo.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-logo.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-list-placeholder {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * {   max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p {   font-family: Reckless, sans-serif;   color: var(--pwa-foreground);   text-align: center;   margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 {   font-weight: 600;   font-size: 22px;   line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 {   font-weight: 600;   font-size: 16px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p {   font-family: "Inter", sans-serif;   font-weight: 400;   font-size: 14px;   line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img {   margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button {   margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   position: absolute;   top: 0;   left: 0;   background-color: rgba(0, 0, 0, 0);   transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible {   background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter {   width: 5px;   height: 100%;   cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter {   width: 100%;   height: 5px;   cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover {   background-color: rgba(0, 0, 0, 0.49); } @keyframes pwa-throbber-pulse-animation {   0% {     transform: translate(-50%, -50%) scale(0.95);     opacity: 0.7;   }   70% {     transform: translate(-50%, -50%) scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: translate(-50%, -50%) scale(0.95);   } } @keyframes pwa-throbber-pulse-animation2 {   0% {     transform: scale(0.95);     opacity: 0.7;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(0.95);   } } @keyframes pwa-throbber-dot-pulse-animation {   0% {     transform: scale(1);     opacity: 1;   }   70% {     transform: scale(2);     opacity: 0;   }   100% {     opacity: 0;     transform: scale(1);   } } pwa-extension-ng-components .pwa-throbber-circle {   position: absolute !important;   display: block;   width: 1em;   height: 1em;   border-radius: 1em;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-circle-new {   position: relative !important;   display: block;   width: 20px;   height: 20px;   border-radius: 20px;   background: var(--pwa-blue-200);   animation: pwa-throbber-pulse-animation2 1s infinite; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxlarge {   font-size: 20px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xlarge {   font-size: 18px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-large {   font-size: 16px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-regular {   font-size: 14px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-small {   font-size: 12px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xsmall {   font-size: 10px; } pwa-extension-ng-components .pwa-throbber-circle-new.size-xxsmall {   font-size: 8px; } pwa-extension-ng-components .pwa-throbber-dot {   position: relative; } pwa-extension-ng-components .pwa-throbber-dot_pulsating, pwa-extension-ng-components .pwa-throbber-dot_static {   position: absolute;   top: 0;   left: 0;   display: flex;   align-items: center;   justify-content: center;   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-throbber-dot_pulsating {   animation: pwa-throbber-dot-pulse-animation 1s infinite;   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot_static {   color: var(--pwa-blue-600); } pwa-extension-ng-components .pwa-throbber-dot, pwa-extension-ng-components .pwa-throbber-dot.size-m {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-throbber-dot.size-l {   width: 32px;   height: 32px; } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_pulsating {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.danger-color .pwa-throbber-dot_static {   color: var(--pwa-foreground-danger); } pwa-extension-ng-components .pwa-throbber-dot.no-pulsating .pwa-throbber-dot_pulsating {   display: none; } pwa-extension-ng-components .pwa-dropdown-list {   display: flex;   flex-direction: column;   padding: 8px; } pwa-extension-ng-components .pwa-dropdown-list__header {   display: flex;   align-items: center;   white-space: nowrap;   padding: 0 8px;   margin-bottom: 4px;   font-weight: 600;   font-size: 14px;   color: var(--pwa-foreground);   line-height: 1.43;   gap: 12px;   min-height: 32px; } pwa-extension-ng-components .pwa-dropdown-list__input {   padding: 4px 8px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item {   display: flex;   align-items: stretch;   padding: 8px;   cursor: pointer;   position: relative;   box-sizing: border-box;   max-width: 100%;   font-size: 14px;   border-radius: 6px; } pwa-extension-ng-components .pwa-dropdown-list__item:first-child {   margin-top: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:last-child {   margin-bottom: 0; } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):hover, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).hover {   background-color: var(--pwa-background-surface-hover); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):active, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).active {   background-color: var(--pwa-background-surface-selected); } pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled):focus, pwa-extension-ng-components .pwa-dropdown-list__item:not(.disabled).focus {   background-color: var(--pwa-background-surface-secondary-hover);   outline: 2px solid var(--pwa-blue-400); } pwa-extension-ng-components .pwa-dropdown-list__item.active {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dropdown-list__item.selected .pwa-dropdown-list__item__icon-selected {   display: block; } pwa-extension-ng-components .pwa-dropdown-list__item.disabled {   color: var(--pwa-foreground-tertiary);   cursor: default; } pwa-extension-ng-components .pwa-dropdown-list__item__icon {   flex: 0 0 auto;   width: 24px;   margin-right: 12px;   display: flex;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__icon.compact {   width: auto;   height: 24px;   margin-right: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content {   flex: 1 1 auto;   line-height: 24px;   display: flex;   justify-content: space-between;   align-items: center; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text {   overflow: hidden;   text-overflow: ellipsis;   padding-right: 28px;   line-height: 24px;   white-space: nowrap; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text span {   font-size: 12px;   margin-left: 8px; } pwa-extension-ng-components .pwa-dropdown-list__item__content__text--semibold {   display: flex;   flex-direction: row;   gap: 8px;   align-items: center;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content__subtext {   font-size: 12px;   color: var(--pwa-foreground-tertiary);   line-height: 1.27;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item .new-feature {   color: var(--pwa-foreground);   font-size: 12px;   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical {   flex: 1 1 auto;   line-height: 24px;   display: block;   white-space: nowrap;   overflow: hidden; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical b {   font-weight: 600; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column {   display: flex;   flex-direction: column; } pwa-extension-ng-components .pwa-dropdown-list__item__content-vertical.flex-column > *:not(.pwa-invisible) + * {   margin-top: 4px; } pwa-extension-ng-components .pwa-dropdown-list__item__icon-selected {   display: none;   position: absolute;   top: 8px;   right: 16px; } pwa-extension-ng-components .pwa-dropdown-list__group-title {   display: flex;   justify-content: space-between;   align-items: center;   white-space: nowrap;   gap: 16px;   padding: 0 8px;   line-height: 24px;   font-size: 12px;   font-weight: 600;   color: var(--pwa-foreground-tertiary);   min-height: 28px; } pwa-extension-ng-components .pwa-dropdown-list__separator {   display: block;   margin: 4px 8px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dropdown-list__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dropdown-list__footer {   padding: 4px 16px;   display: flex;   align-items: center;   justify-content: space-between; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__group-title, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__header, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__input, pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__footer {   padding-right: 4px; } pwa-extension-ng-components .pwa-dropdown-list.constant-scroll-paddings .pwa-dropdown-list__separator {   margin-right: 4px; } pwa-extension-ng-components .pwa-dialog-constructor {   display: block;   position: relative;   padding: 24px; } pwa-extension-ng-components .pwa-dialog-constructor.no-padding {   padding: 0; } pwa-extension-ng-components .pwa-dialog-constructor__close {   display: block;   position: absolute;   top: 12px;   right: 12px;   cursor: pointer; } pwa-extension-ng-components .pwa-dialog-constructor__close:hover {   opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-constructor__title {   display: flex;   font-size: 16px;   font-weight: 600;   margin-bottom: 24px;   gap: 12px;   align-items: center; } pwa-extension-ng-components .pwa-dialog-constructor__title__sub {   display: block;   padding: 8px 0;   font-size: 16px;   color: var(--pwa-foreground-secondary);   font-weight: normal; } pwa-extension-ng-components .pwa-dialog-constructor__search {   display: block;   margin-bottom: 12px; } pwa-extension-ng-components .pwa-dialog-constructor__list {   display: block;   margin-left: -16px;   margin-right: -16px; } pwa-extension-ng-components .pwa-dialog-constructor__list > div {   padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__separator {   display: block;   margin: 4px -24px;   border-top: solid 1px var(--pwa-border); } pwa-extension-ng-components .pwa-dialog-constructor__separator.wide {   margin: 4px 0; } pwa-extension-ng-components .pwa-dialog-constructor__content {   display: block;   line-height: 1.75; } pwa-extension-ng-components .pwa-dialog-constructor__content a {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-dialog-constructor__content a:hover {   text-decoration: underline; } pwa-extension-ng-components .pwa-dialog-constructor__note {   display: block;   background-color: var(--pwa-background-surface-secondary);   padding: 8px 12px;   border-radius: 4px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor__note em {   color: var(--pwa-foreground);   font-weight: 600;   font-style: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field {   display: block;   line-height: normal; } pwa-extension-ng-components .pwa-dialog-constructor__field:not(:last-child) {   margin-bottom: 24px; } pwa-extension-ng-components .pwa-dialog-constructor__field label {   display: inline-flex;   margin-bottom: 8px; } pwa-extension-ng-components .pwa-dialog-constructor__field .pwa-dialog-constructor__note {   display: block;   margin-bottom: 0; } pwa-extension-ng-components .pwa-dialog-constructor__field__tip {   padding: 8px 0;   font-size: 12px;   color: var(--pwa-foreground-secondary);   font-weight: normal;   line-height: 1.7; } pwa-extension-ng-components .pwa-dialog-constructor__footer {   padding: 24px 0 0 0;   display: flex;   align-items: center;   flex-direction: row-reverse; } pwa-extension-ng-components .pwa-dialog-constructor__footer > *, pwa-extension-ng-components .pwa-dialog-constructor__footer > .pwa-btn {   margin-left: 16px !important; } pwa-extension-ng-components .pwa-dialog-constructor__footer .pull-left {   margin-left: 0 !important;   flex: 1 1 auto; } pwa-extension-ng-components .pwa-dialog-constructor.size-s {   padding: 16px 20px;   min-width: 400px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__title {   font-size: 16px;   margin-bottom: 16px; } pwa-extension-ng-components .pwa-dialog-constructor.size-s .pwa-dialog-constructor__content {   font-size: 14px; } pwa-extension-ng-components .pwa-paging {   flex: 1 1 auto;   display: flex;   align-items: center;   font-size: 14px; } pwa-extension-ng-components .pwa-paging .pwa-paging__item {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging a:hover {   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-paging__item {   margin: 0 8px;   font-weight: normal !important;   cursor: pointer; } pwa-extension-ng-components .pwa-paging__item.current, pwa-extension-ng-components .pwa-paging__item.current:hover {   color: var(--pwa-foreground);   font-weight: 600 !important; } pwa-extension-ng-components .pwa-paging__item.disabled {   pointer-events: none;   opacity: 0.4; } pwa-extension-ng-components .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging__item--next {   width: 36px;   height: 36px;   display: inline-flex;   justify-content: center;   align-items: center; } pwa-extension-ng-components .pwa-paging__item--prev {   margin-left: 0; } pwa-extension-ng-components .pwa-paging__item--next {   margin-right: 0; } pwa-extension-ng-components .pwa-paging.any-color .pwa-paging__item {   color: inherit; } pwa-extension-ng-components .pwa-paging.any-color__item.current, pwa-extension-ng-components .pwa-paging.any-color__item.current:hover {   color: inherit; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item {   margin: 0; } pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--prev, pwa-extension-ng-components .pwa-paging.size-s .pwa-paging__item--next {   width: 24px;   height: 24px; } pwa-extension-ng-components .pwa-report-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-report-icon.size-fill {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-report-icon.size-fill svg {   width: 100%;   height: 100%; } pwa-extension-ng-components .pwa-emoji-icon {   display: inline-flex; } pwa-extension-ng-components .pwa-radio .radio-container {   font-weight: normal;   font-family: "Inter", sans-serif;   display: inline-flex;   align-items: center;   position: relative;   cursor: pointer;   font-size: 16px;   color: var(--pwa-foreground); } pwa-extension-ng-components .pwa-radio .radio-container input {   width: 0;   height: 0;   position: absolute;   opacity: 0; } pwa-extension-ng-components .pwa-radio .radio-container input ~ * {   cursor: pointer; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ * {   cursor: default;   color: var(--pwa-foreground-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   background-color: var(--pwa-background-fill-disabled); } pwa-extension-ng-components .pwa-radio .radio-container input:checked ~ .checkmark:after {   display: block; } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark {   border-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container input:disabled ~ .checkmark:after {   background-color: var(--pwa-border); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark {   flex: 0 0 auto;   display: flex;   align-items: center;   justify-content: center;   height: 22px;   width: 22px;   box-sizing: border-box;   border-radius: 50%;   border: 2px solid var(--pwa-border-selected);   background-color: var(--pwa-background); } pwa-extension-ng-components .pwa-radio .radio-container .checkmark:after {   content: "";   position: absolute;   display: none;   width: 12px;   height: 12px;   border-radius: 50%;   background-color: var(--pwa-border-selected); } pwa-extension-ng-components .pwa-radio .radio-container .radio-text {   padding-left: 12px;   line-height: 28px; } pwa-extension-ng-components :host {   --pwa-scrollbar-color: inherit; } pwa-extension-ng-components .pwa-dark-mode {   --pwa-scrollbar-color: var(--pwa-neutral-dark-500); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden {   display: none !important; } pwa-extension-ng-components .pwa-visible {   display: block !important; } pwa-extension-ng-components .pwa-blurred {   filter: blur(3px);   pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar {   overflow-y: scroll;   scrollbar-color: var(--pwa-scrollbar-color) transparent;   scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * {   scrollbar-width: thin;   scrollbar-color: var(--pwa-scrollbar-color) transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.auto-hide-scrollbar {   overflow-y: auto; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar {   background: transparent;   width: 12px;   height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button {   display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb {   background: var(--pwa-background-surface-secondary);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover {   background: var(--pwa-webeditor-background);   border-radius: 99px;   border: 4px solid transparent;   background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner {   background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar {   background: transparent;   width: 0;   height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components .pwa-flex-columns {   display: flex;   flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 {   min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 {   min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 {   min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 {   min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 {   min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 {   min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 {   min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 {   min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 {   min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 {   min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 {   min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px250 {   min-width: 250px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 {   min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 {   min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 {   min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 {   width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 {   width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 {   width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 {   width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 {   width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 {   width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 {   width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 {   width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 {   width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 {   width: 100%; } pwa-extension-ng-components pwa-reports-dialog, pwa-extension-ng-components pwa-story-editing-dialog {   position: fixed;   width: 348px;   height: 585px; } pwa-extension-ng-components .pwa-icon svg, pwa-extension-ng-components pwa-checkbox svg, pwa-extension-ng-components pwa-report-icon svg, pwa-extension-ng-components .improvements-message__icon svg, pwa-extension-ng-components .user-improvements-button__star svg {   fill: none !important; } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list .pwa-icon {   color: var(--pwa-foreground-static-dark); } pwa-extension-ng-components .pwa-extension-widget .pwa-widget-list-view__grid-list pwa-throbber-dot .pwa-icon {   color: inherit; } @media print {   pwa-extension-ng-components {     display: none;   } } 
</style><pwa-root-extension-component ng-version="19.1.4" class="pwa-styled-scrollbar" _nghost-ng-c2641874047="">
<div _ngcontent-ng-c2641874047="" class="root-extension__layer-composer"><pwa-layer-composer _ngcontent-ng-c2641874047="" _nghost-ng-c39504895=""></pwa-layer-composer></div></pwa-root-extension-component></pwa-extension-ng-components>

메뉴 한번에 보기 열고닫기