.ff-red-70{color:var(--firefox-red-70)}:root{--almost-black: #1a1b1e;--very-dark-gray: #282c33;--dark-gray: #373b44;--mid-dark-gray: #484d59;--mid-gray: #748691;--mid-light-gray: #c8ced9;--light-gray: #c8ced9;--very-light-gray: #eceff4;--almost-white: #f2f3f4;--red: #bf616a;--green: #59a277;--orange: #d08770;--twitter-blue: #55acee;--dark-blue: #29303d;--light-blue: #4ea1c4;--header-height: 3.5rem;--cta-green: #4ed3a2;--cta-green-darker: #1eaa77;--light-orange: #dbab85;--firefox-green-50: #30e60b;--firefox-green-70: #058b00;--firefox-orange-50: #ff9400;--firefox-orange-60: #d76e00;--firefox-orange-70: #a44900;--firefox-orange-80: #712b00;--firefox-yellow-60: #d7b600;--firefox-purple-70: #6200a4;--firefox-ink-70: #363959;--firefox-red-70: #a4000f;--firefox-red-80: #5a0002;--firefox-blue-40: #45a1ff;--firefox-blue-50: #0a84ff;--firefox-blue-60: #0060df;--firefox-blue-70: #003eaa;--firefox-blue-80: #002275}@media (prefers-color-scheme: light){:root{--foreground: var(--almost-black);--foreground-dimmed: var(--dark-gray);--neutral: var(--mid-gray);--background: var(--almost-white);--background-dimmed: var(--light-gray);--background-very-dimmed: var(--very-light-gray);--background-alert: var(--light-orange);--foreground-alert: var(--almost-black);--shadow: var(--mid-dark-gray);--accent: var(--firefox-blue-70);--accent-active: var(--firefox-blue-60);--cta: var(--cta-green);--cta-active: var(--cta-green-darker);--inverted-background: var(--dark-blue);--inverted-foreground: var(--almost-white)}}@media (prefers-color-scheme: dark){:root{--foreground: var(--almost-white);--foreground-dimmed: var(--very-light-gray);--neutral: var(--mid-gray);--background: var(--very-dark-gray);--background-dimmed: var(--dark-gray);--background-very-dimmed: var(--mid-dark-gray);--background-alert: var(--light-orange);--foreground-alert: var(--almost-black);--shadow: var(--very-dark-gray);--accent: var(--firefox-blue-40);--accent-active: var(--firefox-blue-50);--cta: var(--cta-green-darker);--cta-active: var(--cta-green);--inverted-background: var(--almost-white);--inverted-foreground: var(--dark-blue)}}html,body{width:100%;height:100%}body{color:var(--foreground);background:var(--background);font-family:"Helvetica Neue", Arial, sans-serif;font-size:17px;line-height:1.5;text-align:center;display:grid;grid-template-rows:var(--header-height) 1fr}footer{padding:1rem;background-color:var(--background-very-dimmed);color:var(--mid-gray);font-size:0.85rem;font-style:italic}a{color:var(--accent);text-decoration:none}a.cta{color:var(--cta-active);font-weight:bold}a.cta:hover{color:var(--cta)}a:hover{color:var(--accent-active);text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{color:var(--foreground-dimmed)}.wrapper ion-icon{position:relative;top:0.2rem}.icon{height:16px;vertical-align:middle}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;height:var(--header-height);line-height:var(--header-height);padding-left:2rem;padding-right:2rem;z-index:1}.navbar h1{display:inline-block;margin:0}.navbar h1 .logo{vertical-align:middle;height:1.5rem}.navbar h1 a{color:var(--foreground) !important;text-decoration:none}.navbar .links{list-style-type:none;margin:0;padding-left:0}.navbar .links li{display:inline-block;margin-left:0.4rem;font-weight:bold;line-height:normal;border-radius:1rem}.navbar .links li a{display:inline-block;padding:0.4rem 1rem;text-decoration:none;color:var(--foreground-dimmed)}.navbar .links li.current a{color:var(--accent);text-decoration:underline dotted}.navbar .links li:hover{background-color:var(--background-dimmed)}.navbar .links li.help-me{background-color:var(--cta)}.navbar .links li.help-me a{color:var(--foreground)}.navbar .links li.help-me:hover{background-color:var(--cta-active)}.wrapper{box-sizing:border-box;width:100%}.wrapper hr{width:50%;margin:4rem auto;color:rgba(var(--foreground), 0.6)}.main-image{display:flex;flex-direction:row;background:linear-gradient(150deg, #2853df 15%, #05d5ff 94%)}.main-image .get-it-main-action img{border:1px dashed var(--foreground);border-radius:6px}.main-image .get-it-main-action img:hover{border-style:solid}.main-image h1,.main-image h2,.main-image h3,.main-image span{color:var(--almost-white) !important}.main-image h2{font-size:2rem}.main-image .half{flex:1;display:flex;align-items:center;padding:5rem 2rem}.main-image .half .description{max-width:400px;margin:auto}.main-image .feedback-summary .rating{font-size:1.5rem}.main-image img{max-width:100%;max-height:440px}.main-image .subtitle{opacity:0.8}.main-feedback{padding:5rem}.main-feedback .feedback-grid{width:90%;margin:3rem auto 5rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:1rem;row-gap:2rem}.main-feedback .feedback-grid .feedback-card{position:relative;padding:1rem 1.5rem 2.5rem 1.5rem;text-align:left;border:1px solid var(--neutral);border-radius:0.4rem;background-color:var(--background-very-dimmed)}.main-feedback .feedback-grid .feedback-card .user-and-rating{margin:0;position:absolute;bottom:0.5rem;right:1rem;font-size:1rem;font-style:italic;color:var(--foreground-dimmed)}.main-feedback .feedback-grid .feedback-card .user-and-rating .user{opacity:0.8}.main-feedback .feedback-grid .feedback-card .user-and-rating .rating{vertical-align:text-bottom}.main-feedback .feedback-grid .feedback-card .feedback{font-size:1rem}.main-feedback .feedback-grid .help-me-card{grid-column-start:span 2;display:flex;flex-direction:row;justify-content:center;align-items:center}.main-feedback .feedback-grid .help-me-card .text,.main-feedback .feedback-grid .help-me-card .photo{display:block;flex:1;height:100%}.main-feedback .feedback-grid .help-me-card .text{text-align:center;display:flex;flex-direction:column;justify-content:center}.main-feedback .feedback-grid .help-me-card .text a.help-me-btn{align-self:center;display:inline-block;padding:0.5rem 2rem;border:2px solid var(--cta);border-radius:1rem;color:var(--cta);font-weight:bold}.main-feedback .feedback-grid .help-me-card .text a.help-me-btn:hover{background-color:var(--cta);color:var(--background);text-decoration:none}.main-feedback .feedback-grid .help-me-card .photo img{height:250px;transform:rotate(5deg);box-shadow:1px 1px 2px var(--shadow);border-radius:4px}.faq-more-info,.faq-usage,.faq-problems,.faq-alert,.changelog-alert,.changelog{width:60%;margin:2rem auto;text-align:left}.faq-more-info blockquote,.faq-usage blockquote,.faq-problems blockquote{padding-left:1rem;margin-left:0;color:var(--foreground-dimmed);font-style:italic;border-left:3px solid var(--foreground-dimmed)}.faq-more-info .faq-section-title,.faq-usage .faq-section-title,.faq-problems .faq-section-title{padding:0.5rem 1.5rem;margin-top:5rem;margin-bottom:1rem;background-color:var(--inverted-background);color:var(--inverted-foreground);border-radius:0.2rem;font-weight:bold}.faq-more-info .faq-section-title:first-child,.faq-usage .faq-section-title:first-child,.faq-problems .faq-section-title:first-child{margin-top:2rem}.faq-more-info dt,.faq-usage dt,.faq-problems dt{padding:0.5rem;margin-top:3rem;margin-bottom:1rem;border-radius:0.2rem;background:var(--background-dimmed);color:var(--foreground-dimmed);font-size:1.2rem;font-weight:bold;clear:both}.faq-more-info dt:first-child,.faq-usage dt:first-child,.faq-problems dt:first-child{margin-top:2rem}.faq-more-info dd,.faq-usage dd,.faq-problems dd{margin-left:0;padding-left:0.5rem}.faq-more-info dd img,.faq-usage dd img,.faq-problems dd img{box-shadow:0px 0px 5px var(--shadow)}.faq-more-info dd ul,.faq-more-info dd ol,.faq-usage dd ul,.faq-usage dd ol,.faq-problems dd ul,.faq-problems dd ol{margin-top:0.5rem;padding-left:1rem}.faq-more-info #more-info-developer+dd img,.faq-usage #more-info-developer+dd img,.faq-problems #more-info-developer+dd img{height:10rem;float:left;margin:auto 1.5rem 1rem auto}.faq-more-info #usage-two-pocket-buttons+dd img,.faq-usage #usage-two-pocket-buttons+dd img,.faq-problems #usage-two-pocket-buttons+dd img{float:left;margin:auto 2rem 1rem auto}.faq-more-info #problems-browser-console+dd img,.faq-more-info #problems-no-toolbar-button+dd img,.faq-usage #problems-browser-console+dd img,.faq-usage #problems-no-toolbar-button+dd img,.faq-problems #problems-browser-console+dd img,.faq-problems #problems-no-toolbar-button+dd img{max-width:90%;display:block;margin:2rem auto}.changelog h2{padding:0.5rem 1.5rem;margin-top:5rem;margin-bottom:1rem;background-color:var(--inverted-background);color:var(--inverted-foreground);border-radius:0.2rem;font-weight:bold}.changelog h2:first-child{margin-top:2rem}.changelog h3{padding:0.5rem;margin-top:3rem;margin-bottom:1rem;border-radius:0.2rem;background:var(--background-dimmed);color:var(--foreground-dimmed);font-size:1.2rem;font-weight:bold}.changelog .pocket-eol-warning{border:1px dashed orangered;border-left:6px solid orangered;border-radius:0.4rem;padding:0.5rem 1rem}.changelog .changelog-changes{list-style-type:none;border-left:2px solid var(--background-very-dimmed);padding-left:1rem}.changelog .changelog-changes li{margin-bottom:0.5rem}.changelog .fix,.changelog .feature,.changelog .chore,.changelog .update,.changelog .design,.changelog .perfs{font-weight:bold}.changelog .feature ion-icon{color:var(--firefox-green-70)}.changelog .update ion-icon{color:var(--firefox-blue-60)}.changelog .design ion-icon{color:var(--firefox-ink-70)}.changelog .fix ion-icon{color:var(--firefox-red-80)}.changelog .perfs ion-icon{color:var(--firefox-ink-70)}.changelog .chore ion-icon{color:var(--firefox-ink-70)}.changelog .anchor,.faq-more-info .anchor,.faq-usage .anchor,.faq-problems .anchor{color:var(--foreground-dimmed);margin-right:0.2rem}@media (max-width: 1024px){.main-image{flex-direction:column;height:initial}.main-image .half{padding:1rem 2rem}.main-image .screenshot{margin:auto}.faq-more-info,.faq-usage,.faq-problems,.faq-alert,.changelog-alert{width:90%}}@media (max-width: 900px){.main-image{padding:2rem}.main-feedback{padding:3rem}.main-feedback .feedback-grid{margin:2rem auto 4rem auto;grid-template-columns:1fr 1fr}.main-feedback .feedback-grid .hide-on-small-screen{display:none}.faq-more-info,.faq-usage,.faq-problems,.faq-alert,.changelog-alert,.changelog{width:80%}}@media (max-width: 600px){body{grid-template-rows:calc(var(--header-height) * 2) 1fr}.navbar{flex-direction:column;height:calc(var(--header-height) * 2);padding-left:0rem;padding-right:0rem}.navbar .links{width:100%;height:2rem;margin-bottom:1rem;display:flex;justify-content:center}.navbar .links .home{display:none}.main-image{padding:1rem}.main-image .half{padding:0rem 0.5rem 2rem 0.5rem}.main-feedback{padding:1rem}.main-feedback .feedback-grid{margin:1rem auto 3rem auto;grid-template-columns:1fr;row-gap:1rem}.main-feedback .feedback-grid .help-me-card{grid-column-start:span 1}.main-feedback .feedback-grid .help-me-card .photo{display:none}.main-feedback .feedback-grid .feedback-card{padding:0.5rem 1rem 2rem 1rem}.faq-more-info,.faq-usage,.faq-problems,.faq-alert,.changelog-alert,.changelog{width:90%}}.alert{border:2px solid var(--firefox-orange-70);border-radius:8px;background:var(--background-alert);color:var(--foreground-alert);font-weight:normal;padding:0.5rem 1rem;line-height:1.1}