:root{--bg:linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--headerBg:#fbfdfe;--logoPathCl:#212636;--titleCl:#212636;--cardBg:#fbfdfe;--cardBorderCl:#c7c7c7;--extensionTitleCl:#212636;--extensionDescCl:#212636;--labelBg:#fbfdfe;--labelCl:#09153e;--labelActiveBg:#de473f;--labelActiveCl:#ededed;--labelFocusCl:#c7221a;--labelHoverCl:#ededed;--btnThemeBg:#ededed;--btnThemeFocusCl:#de473f;--btnThemeHoverCl:#c7c7c7;--btnSwitchBg:#c7c7c7;--btnSwitchAfterBg:#ededed;--btnSwitchBgActive:#c7221a;--btnSwitchBgActiveHover:#f25c54;--btnSwitchFocusCl:#c7221a;--btnRemoveCl:#212636;--btnRemoveBorderCl:#c7c7c7;--btnRemoveFocusCl:#c7221a;--btnRemoveHoverBgCl:#c7221a;--btnRemoveHoverCl:#fbfdfe}.theme-dark{--bg:linear-gradient(180deg, #040918 0%, #091540 100%);--headerBg:#212636;--titleCl:#fbfdfe;--logoPathCl:#fbfdfe;--btnThemeBg:#2f364b;--btnThemeHoverCl:#545969;--cardBg:#212636;--cardBorderCl:#545969;--labelBg:#212636;--labelCl:#fbfdfe;--labelActiveCl:#212636;--labelHoverCl:#2f364b;--extensionTitleCl:#fbfdfe;--extensionDescCl:#fbfdfe;--btnRemoveBorderCl:#545969;--btnRemoveCl:#fbfdfe;--btnRemoveHoverBgCl:#de473f;--btnRemoveHoverCl:#2f364b;--btnSwitchBg:#545969;--btnSwitchBgActive:#f25c54;--btnSwitchBgActiveHover:#de473f}.dark-icon{display:none}.theme-dark .dark-icon{display:inline-block}.theme-dark .light-icon{display:none}@font-face{font-family:NotoSans;src:url(../assets/NotoSans-VariableFont_wdth_wght-CYoOFcCZ.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html{font-size:62.5%}body{background:var(--bg);min-width:32rem;max-width:144rem;height:calc(100vh - 4rem);margin:0 auto;padding:0 2rem;font-family:NotoSans,sans-serif;font-size:1.6rem}p{margin:0}header,main{margin-top:4rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.1rem;height:.1rem;margin:-.1rem;padding:0;position:absolute;overflow:hidden}.flex-container{display:flex}.jc-sp-bt{justify-content:space-between}.flex-center-y{align-items:center}.flex-start-y{align-items:flex-start}.btn{cursor:pointer}.header-inner{background-color:var(--headerBg);border-radius:2rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.logo svg .text path{fill:var(--logoPathCl)}.title{color:var(--titleCl)}.btn-switch-theme{background-color:var(--btnThemeBg);border:none;border-radius:1rem;padding:.8rem;transition:background-color .3s}.btn-switch-theme:hover{background-color:var(--btnThemeHoverCl)}.btn-switch-theme:focus{outline:.2rem solid var(--btnThemeFocusCl)}.controls label{cursor:pointer;background-color:var(--labelBg);color:var(--labelCl);border-radius:2rem;margin-right:1rem;padding:1rem 1.6rem;transition:background-color .3s,color .3s}.controls label:hover{background-color:var(--labelHoverCl)}.controls input:checked+label{background-color:var(--labelActiveBg);color:var(--labelActiveCl)}.controls input:focus+label{outline:.2rem solid var(--labelFocusCl);outline-offset:.1rem}.controls label:last-of-type{margin-right:0}.grid-container{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.extension{background-color:var(--cardBg);border:.1rem solid var(--cardBorderCl);border-radius:2rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:background-color .3s,border-color .3s;display:flex}.extension header{margin-top:0;margin-bottom:4rem}.extension-info{margin-left:1.5rem}.extension-info h2{color:var(--extensionTitleCl);margin-top:0;margin-bottom:.5rem}.extension-info p{color:var(--extensionDescCl)}.extension header img{width:6rem;height:6rem}.extension footer{justify-content:space-between;align-items:center;display:flex}.btn-switch{background-color:var(--btnSwitchBg);border:none;border-radius:3rem;width:4rem;height:2rem;transition:background-color .3s;position:relative}.btn-switch:after{content:"";background-color:var(--btnSwitchAfterBg);border-radius:3rem;width:1.6rem;height:1.6rem;transition:transform .3s;position:absolute;top:50%;transform:translateY(-50%)translate(-1.8rem)}.btn-switch.is-active{background-color:var(--btnSwitchBgActive)}.btn-switch.is-active:hover{background-color:var(--btnSwitchBgActiveHover)}.btn-switch.is-active:after{transform:translateY(-50%)translate(.1rem)}.btn-switch:focus{outline:.2rem solid var(--btnSwitchFocusCl);outline-offset:.1rem}.btn-remove{border:.1rem solid var(--btnRemoveBorderCl);color:var(--btnRemoveCl);background-color:#0000;border-radius:2rem;padding:.8rem 1.2rem;transition:background-color .3s,color .3s,border-color .3s}.btn-remove:hover{background-color:var(--btnRemoveHoverBgCl);color:var(--btnRemoveHoverCl)}.btn-remove:focus{outline:.2rem solid var(--btnRemoveFocusCl)}@media (width<=62em){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (width<=48em){main{margin-top:2rem}.grid-container{grid-template-columns:repeat(1,1fr);margin-top:4rem}.column-mobile{flex-direction:column}}