diff --git a/app/assets/icons/close.svg b/app/assets/icons/close.svg
new file mode 100644
index 0000000..b689cbb
--- /dev/null
+++ b/app/assets/icons/close.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/app/assets/icons/hamburguer.svg b/app/assets/icons/hamburguer.svg
new file mode 100644
index 0000000..de58858
--- /dev/null
+++ b/app/assets/icons/hamburguer.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/app/assets/js/scripts.js b/app/assets/js/scripts.js
index 5485ac8..3ab0dd9 100644
--- a/app/assets/js/scripts.js
+++ b/app/assets/js/scripts.js
@@ -64,4 +64,25 @@ document.addEventListener('DOMContentLoaded', function () {
document.addEventListener('click', () => {
closeAllMenus();
});
+
+ // Remove toasty elements when clicked
+ document.addEventListener('click', (e) => {
+ const toastyElement = e.target.closest('.toasty');
+ if (toastyElement) {
+ toastyElement.remove();
+ }
+ });
+
+ // Toggle header open class when open-nav is clicked
+ document.addEventListener('click', (e) => {
+ const openNavElement = e.target.closest('.open-nav');
+ if (openNavElement) {
+ const header = document.querySelector('header');
+ if (header.classList.contains('open')) {
+ header.classList.remove('open');
+ } else {
+ header.classList.add('open');
+ }
+ }
+ });
});
\ No newline at end of file
diff --git a/app/assets/scss/_base.scss b/app/assets/scss/_base.scss
index 178f176..d305839 100644
--- a/app/assets/scss/_base.scss
+++ b/app/assets/scss/_base.scss
@@ -26,6 +26,7 @@ a {
padding-left: var(--container_spacing);
margin-right: auto;
margin-left: auto;
+ overflow: hidden;
@include mixin.devices(desktop) {
max-width: 1248px;
diff --git a/app/assets/scss/_icons.scss b/app/assets/scss/_icons.scss
index 7396b0a..43ec0fd 100644
--- a/app/assets/scss/_icons.scss
+++ b/app/assets/scss/_icons.scss
@@ -35,4 +35,7 @@
@include mixin.icon('refresh', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');
@include mixin.icon('error', 'invert(30%) sepia(58%) saturate(3703%) hue-rotate(336deg) brightness(90%) contrast(91%)');
-@include mixin.icon('warning', 'invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)');
\ No newline at end of file
+@include mixin.icon('warning', 'invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)');
+
+@include mixin.icon('hamburguer', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');
+@include mixin.icon('close', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');
\ No newline at end of file
diff --git a/app/assets/scss/home.scss b/app/assets/scss/home.scss
index 647ba98..2a7215f 100644
--- a/app/assets/scss/home.scss
+++ b/app/assets/scss/home.scss
@@ -1,22 +1,129 @@
+@use "mixin";
+
body {
- padding: 42px 0 52px 0;
+ padding: 42px 0 0 0;
+ @include mixin.devices(desktop) {
+ padding: 42px 0 52px 0;
+ }
}
+
+.toasty {
+ border-radius: 8px;
+ box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
+ box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
+ box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
+ position: absolute;
+ top: 16px;
+ left: 16px;
+ right: 16px;
+ color: #fff;
+ z-index: 1000;
+ width: auto;
+ padding: 16px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ cursor: pointer;
+
+ .close {
+ .icon {
+ width: 14px;
+ height: 14px;
+ }
+ }
+ p {
+ padding: 0;
+ margin: 0;
+ font-size: 12px;
+ line-height: 1.3em;
+ }
+
+ @include mixin.devices(desktop) {
+ max-width: 480px;
+ left: 50%;
+ margin-left: -256px;
+ }
+
+ &--error {
+ background-color: rgb(247, 102, 97);
+ }
+
+ &--warning {
+ background-color: rgb(247, 152, 97);
+ }
+}
+
header {
display: grid;
- grid-template-columns: 1fr 2fr 1fr;
+ grid-template-columns: auto 1fr 1fr;
align-items: center;
padding: 0 0 42px 0;
+ @include mixin.devices(desktop) {
+ grid-template-columns: 1fr 2fr 1fr;
+ }
+
+ &.open {
+ .extension {
+ &__toggle {
+ background-color: #000;
+ }
+ }
+ .open-nav {
+ .icon {
+ &--hamburguer {
+ display: none;
+ }
+ &--close {
+ display: block;
+ }
+ }
+ }
+ nav {
+ display: flex;
+ }
+
+ .integration__menu {
+ .icon {
+ filter: invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%);
+ }
+ }
+ }
+
+ .open-nav {
+ cursor: pointer;
+ position: relative;
+ z-index: 501;
+ padding-right: 16px;
+ .icon {
+ width: 24px;
+ height: 24px;
+ &--hamburguer {
+ display: block;
+ }
+ &--close {
+ display: none;
+ }
+ }
+ @include mixin.devices(desktop) {
+ display: none;
+ }
+ }
+
.brand {
display: flex;
align-items: center;
+
.icon {
margin-right: 6px;
+
&--marreta {
width: 32px;
height: 32px;
}
}
+
h1 {
font-family: var(--font-family-unna);
color: #000;
@@ -24,77 +131,172 @@ header {
}
nav {
- display: flex;
- justify-content: center;
- gap: 48px;
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: var(--marreta);
+ padding: var(--container_spacing) var(--container_spacing) calc(4*var(--container_spacing)) var(--container_spacing);
+ z-index: 500;
+ align-items: flex-end;
+ flex-direction: column;
+ justify-content: end;
+
+ &> * {
+ width: 100%;
+ @include mixin.devices(desktop) {
+ width: auto;
+ }
+ }
+
+ @include mixin.devices(desktop) {
+ opacity: 1;
+ display: flex;
+ position: relative;
+ left: initial;
+ right: initial;
+ bottom: initial;
+ top: initial;
+ background-color: transparent;
+ padding: 0;
+ justify-content: center;
+ align-items: normal;
+ flex-direction:initial;
+ gap: 48px;
+ }
a {
+ display: block;
+ font-size: 24px;
+ padding: 16px 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.24);
+ color: #fff;
text-decoration: none;
- color: #333;
+
+ @include mixin.devices(desktop) {
+ color: #333;
+ font-size: initial;
+ padding: 0;
+ border-bottom: 0;
+ }
&:hover {
- color: #007bff;
+ color: #fff;
+ @include mixin.devices(desktop) {
+ color: #007bff;
+ }
}
}
.integration {
position: relative;
+ padding-top: 32px;
+
+ @include mixin.devices(desktop) {
+ padding-top: 0;
+ }
&__toggle {
background: none;
border: none;
- cursor: pointer;
- color: #333;
+ color: rgba(255,255,255,0.5);
+ padding: 0;
+ @include mixin.devices(desktop) {
+ color: #333;
+ cursor: pointer;
+ }
&:hover {
- color: #007bff;
+ color: rgba(255,255,255,0.5);
+ @include mixin.devices(desktop) {
+ color: #007bff;
+ }
}
}
&__menu {
- position: absolute;
- top: 110%;
- left: 0;
- border-radius: 16px;
- background-color: #F4F4F5;
- border: 4px solid #F4F4F5;
- z-index: 10;
- box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
- box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
- box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
- box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
- transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);
- max-height: 0;
- opacity: 0;
- overflow: hidden;
+ @include mixin.devices(desktop) {
+ position: absolute;
+ top: 110%;
+ left: 0;
+ border-radius: 16px;
+ background-color: #F4F4F5;
+ border: 4px solid #F4F4F5;
+ z-index: 10;
+ box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
+ box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
+ box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
+ transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);
+ max-height: 0;
+ opacity: 0;
+ overflow: hidden;
+ }
a {
- margin-bottom: 4px;
+ font-size: 14px;
+ border-bottom: 0;
+ margin-top: 8px;
+ padding: 16px 0 0 0;
+ display: flex;
+ align-items: center;
+ color: #fff;
+ font-weight: 600;
+
+ @include mixin.devices(desktop) {
+ background-color: #fff;
+ margin-top: 0;
+ margin-bottom: 4px;
+ padding: 8px 16px;
+ font-size: var(--font-size);
+ color: var(--text);
+ }
+
&:first-child {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
+
&:last-child {
margin-bottom: 0;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
- color: var(--text);
- font-weight: 600;
- display: block;
- padding: 8px 16px;
- background-color: #fff;
- display: flex;
- align-items: center;
+
&:hover {
color: var(--marreta);
}
+
span {
display: inline-block;
}
}
+
+ .icon {
+ width: 22px;
+ height: 22px;
+ order: 1;
+
+ @include mixin.devices(desktop) {
+ order: 2;
+ width: 16px;
+ height: 16px;
+ }
+ }
+
.name {
- width: 140px;
+ order: 2;
+ line-height: 1em;
+ padding-left: 12px;
+
+ @include mixin.devices(desktop) {
+ order: 1;
+ padding-left: 0;
+ width: 140px;
+ line-height: var(--line-height);
+ }
}
}
@@ -111,10 +313,10 @@ header {
}
.arrow {
+ display: none;
position: relative;
top: -3px;
content: "";
- display: inline-block;
width: 6px;
height: 6px;
border-right: 2px solid black;
@@ -122,6 +324,10 @@ header {
transform: rotate(135deg);
margin-right: 0;
margin-left: 16px;
+
+ @include mixin.devices(desktop) {
+ display: inline-block;
+ }
}
}
}
@@ -130,6 +336,7 @@ header {
display: flex;
justify-content: flex-end;
position: relative;
+ z-index: 501;
&__toggle {
background-color: var(--marreta);
@@ -140,6 +347,7 @@ header {
font-weight: 600;
padding: 12px 24px;
line-height: 1.3em;
+
&:hover {
background-color: var(--marreta-darken);
}
@@ -164,15 +372,18 @@ header {
a {
margin-bottom: 4px;
+
&:first-child {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
+
&:last-child {
margin-bottom: 0;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
+
color: var(--text);
font-weight: 600;
display: block;
@@ -180,13 +391,16 @@ header {
background-color: #fff;
display: flex;
align-items: center;
+
&:hover {
color: var(--marreta);
}
+
span {
display: inline-block;
}
}
+
.name {
width: 140px;
}
@@ -197,6 +411,7 @@ header {
background-color: #F4F4F5;
color: var(--textmuted);
}
+
.extension__menu {
max-height: 200px;
opacity: 1;
@@ -325,13 +540,20 @@ main {
.plus {
z-index: 3;
position: relative;
- display: grid;
- grid-auto-columns: 1fr;
- grid-template-columns: 1fr 1fr;
- gap: 0px 38px;
- align-items: start;
- max-width: 900px;
- margin: 62px auto 0 auto;
+ background-color: rgba(244, 244, 245, 1);
+ margin-left: calc(-1*var(--container_spacing));
+ margin-right: calc(-1*var(--container_spacing));
+
+ @include mixin.devices(desktop) {
+ background-color: transparent;
+ display: grid;
+ grid-auto-columns: 1fr;
+ grid-template-columns: 1fr 1fr;
+ gap: 0px 38px;
+ align-items: start;
+ max-width: 900px;
+ margin: 62px auto 0 auto;
+ }
h2 {
font-size: 16px;
@@ -364,7 +586,23 @@ main {
}
}
+ .add_as_app {
+ margin-top: 62px;
+ padding: var(--container_spacing);
+
+ @include mixin.devices(desktop) {
+ padding: 0;
+ margin-top: 0;
+ }
+ }
+
.bookmarklet {
+ display: none;
+
+ @include mixin.devices(desktop) {
+ display: block;
+ }
+
a {
border: 2px solid var(--marreta);
color: var(--marreta);
diff --git a/app/dist/css/style.css b/app/dist/css/style.css
index 1b5ae63..8226b46 100644
--- a/app/dist/css/style.css
+++ b/app/dist/css/style.css
@@ -1,2 +1,2 @@
-body{padding:42px 0 52px 0}header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 0 42px 0}header .brand{display:flex;align-items:center}header .brand .icon{margin-right:6px}header .brand .icon--marreta{width:32px;height:32px}header .brand h1{font-family:var(--font-family-unna);color:#000}header nav{display:flex;justify-content:center;gap:48px}header nav a{text-decoration:none;color:#333}header nav a:hover{color:#007bff}header nav .integration{position:relative}header nav .integration__toggle{background:0 0;border:none;cursor:pointer;color:#333}header nav .integration__toggle:hover{color:#007bff}header nav .integration__menu{position:absolute;top:110%;left:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header nav .integration__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header nav .integration__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header nav .integration__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header nav .integration__menu a:hover{color:var(--marreta)}header nav .integration__menu a span{display:inline-block}header nav .integration__menu .name{width:140px}header nav .integration.open .integration__menu{max-height:200px;opacity:1}header nav .integration.open .arrow{top:1px;transform:rotate(-45deg)}header nav .integration .arrow{position:relative;top:-3px;content:"";display:inline-block;width:6px;height:6px;border-right:2px solid #000;border-top:2px solid #000;transform:rotate(135deg);margin-right:0;margin-left:16px}header .extension{display:flex;justify-content:flex-end;position:relative}header .extension__toggle{background-color:var(--marreta);border-radius:40px;border:0;cursor:pointer;color:#fff;font-weight:600;padding:12px 24px;line-height:1.3em}header .extension__toggle:hover{background-color:var(--marreta-darken)}header .extension__menu{position:absolute;top:110%;right:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header .extension__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header .extension__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header .extension__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header .extension__menu a:hover{color:var(--marreta)}header .extension__menu a span{display:inline-block}header .extension__menu .name{width:140px}header .extension.open .extension__toggle{background-color:#f4f4f5;color:var(--textmuted)}header .extension.open .extension__menu{max-height:200px;opacity:1}main .description{position:relative;z-index:3;font-family:var(--font-family-unna);font-size:64px;line-height:61.44px;text-align:center;color:#000;max-width:512px;margin:0 auto}main .walls_destroyed{position:relative;z-index:3;max-width:512px;margin:22px auto;text-align:center}main .walls_destroyed span{color:var(--textmuted)}main form{z-index:2;position:relative}main form .fields{max-width:470px;margin:0 auto;position:relative}main form .fields::before{content:"";background-image:url(../assets/images/wall.png);background-repeat:no-repeat;background-size:100% 100%;width:422px;height:306px;position:absolute;top:-110px;right:-180px;z-index:1}main form .fields .input{position:relative;z-index:2;padding-right:28px;padding-top:2px}main form .fields .input .icon{z-index:2}main form .fields .input .icon--link{position:absolute;top:50%;left:1rem;margin-top:-6px}main form .fields .input input{background-color:#f4f4f5;padding:16px 0 16px 44px;border:0;border-radius:8px;width:100%;box-sizing:border-box;position:relative;line-height:1.3em}main form .fields button{position:relative;background-color:var(--marreta);border-radius:50%;height:56px;width:56px;border:0;z-index:3;position:absolute;top:0;right:0;cursor:pointer}main form .fields button:hover{background-color:var(--marreta-darken)}main form .fields button .icon{width:23px;height:23px}main form .fields button .icon--marreta,main form .fields button .icon--refresh{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}main .adblock{color:var(--textmuted);font-size:13px;line-height:1.2em;text-align:center;max-width:470px;position:relative;z-index:3;margin:22px auto 0 auto}main .plus{z-index:3;position:relative;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;gap:0 38px;align-items:start;max-width:900px;margin:62px auto 0 auto}main .plus h2{font-size:16px;padding-bottom:8px;margin:0}main .plus h2 .icon{margin-right:10px}main .plus .text{font-size:14px;color:var(--textmuted);padding-left:26px}main .plus .text ol{padding-left:16px;margin:0}main .plus .text p{margin:0;padding-right:22px}main .plus .text strong{font-weight:600;color:var(--text)}main .plus .bookmarklet a{border:2px solid var(--marreta);color:var(--marreta);border-radius:40px;padding:8px 16px;margin-top:16px;display:inline-block;font-weight:600}main .plus .bookmarklet a:hover{border-color:var(--marreta-darken);color:var(--marreta-darken)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:inter;src:url(../dist/fonts/inter-500.eot);src:local("Inter Medium"),local("Inter-Medium"),url(../dist/fonts/inter-500.woff2) format("woff2"),url(../dist/fonts/inter-500.woff) format("woff"),url(../dist/fonts/inter-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:inter;src:url(../dist/fonts/inter-600.eot);src:local("Inter SemiBold"),local("Inter-SemiBold"),url(../dist/fonts/inter-600.woff2) format("woff2"),url(../dist/fonts/inter-600.woff) format("woff"),url(../dist/fonts/inter-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:unna;src:url(../dist/fonts/unna-400.eot);src:local("Unna Regular"),local("Unna-Regular"),url(../dist/fonts/unna-400.woff2) format("woff2"),url(../dist/fonts/unna-400.woff) format("woff"),url(../dist/fonts/unna-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family-inter:"inter";--font-family-unna:"unna";--font-size:16px;--font-weight:500;--line-height:160%;--marreta:#3B82F6;--marreta-lighten:rgb(83.3804878049, 145.5487804878, 247.1195121951);--marreta-darken:rgb(11.1512195122, 99.1219512195, 242.8487804878);--text:#484848;--text-lighten:rgb(84.75, 84.75, 84.75);--text-darken:rgb(46.5, 46.5, 46.5);--textmuted:#818181;--textmuted-lighten:rgb(141.75, 141.75, 141.75);--textmuted-darken:rgb(103.5, 103.5, 103.5);--link:#3B82F6;--link-lighten:rgb(83.3804878049, 145.5487804878, 247.1195121951);--link-darken:rgb(11.1512195122, 99.1219512195, 242.8487804878);--container_spacing:24px}@media only screen and (min-width:1200px){:root{--container_spacing:64px}}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-inter);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--text);text-align:left;background-color:var(--background);min-width:320px}a{text-decoration:none;color:var(--link)}a:hover{text-decoration:none;color:var(--link-lighten)}.container{padding-right:var(--container_spacing);padding-left:var(--container_spacing);margin-right:auto;margin-left:auto}@media only screen and (min-width:1200px){.container{max-width:1248px}}.icon{display:inline-block;vertical-align:-.125em;fill:currentcolor;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}.icon--bookmark{background-size:auto 100%!important}.icon--marreta{background-image:url(../dist/icons/marreta.svg);filter:invert(43%) sepia(74%) saturate(2288%) hue-rotate(201deg) brightness(98%) contrast(97%)}.icon--bookmark{background-image:url(../dist/icons/bookmark.svg);filter:invert(80%) sepia(46%) saturate(1512%) hue-rotate(340deg) brightness(106%) contrast(97%)}.icon--android{background-image:url(../dist/icons/android.svg);filter:invert(72%) sepia(34%) saturate(778%) hue-rotate(32deg) brightness(97%) contrast(88%)}.icon--apple{background-image:url(../dist/icons/apple.svg);filter:invert(0) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)}.icon--bsky{background-image:url(../dist/icons/bsky.svg);filter:invert(47%) sepia(66%) saturate(4445%) hue-rotate(195deg) brightness(98%) contrast(104%)}.icon--telegram{background-image:url(../dist/icons/telegram.svg);filter:invert(61%) sepia(86%) saturate(1341%) hue-rotate(166deg) brightness(96%) contrast(85%)}.icon--chrome{background-image:url(../dist/icons/chrome.svg);filter:invert(40%) sepia(90%) saturate(1163%) hue-rotate(203deg) brightness(104%) contrast(92%)}.icon--firefox{background-image:url(../dist/icons/firefox.svg);filter:invert(57%) sepia(43%) saturate(1854%) hue-rotate(360deg) brightness(102%) contrast(106%)}.icon--link{background-image:url(../dist/icons/link.svg);filter:invert(53%) sepia(12%) saturate(17%) hue-rotate(39deg) brightness(94%) contrast(91%)}.icon--refresh{background-image:url(../dist/icons/refresh.svg);filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}.icon--error{background-image:url(../dist/icons/error.svg);filter:invert(30%) sepia(58%) saturate(3703%) hue-rotate(336deg) brightness(90%) contrast(91%)}.icon--warning{background-image:url(../dist/icons/warning.svg);filter:invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)}body{padding:42px 0 52px 0}header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 0 42px 0}header .brand{display:flex;align-items:center}header .brand .icon{margin-right:6px}header .brand .icon--marreta{width:32px;height:32px}header .brand h1{font-family:var(--font-family-unna);color:#000}header nav{display:flex;justify-content:center;gap:48px}header nav a{text-decoration:none;color:#333}header nav a:hover{color:#007bff}header nav .integration{position:relative}header nav .integration__toggle{background:0 0;border:none;cursor:pointer;color:#333}header nav .integration__toggle:hover{color:#007bff}header nav .integration__menu{position:absolute;top:110%;left:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header nav .integration__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header nav .integration__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header nav .integration__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header nav .integration__menu a:hover{color:var(--marreta)}header nav .integration__menu a span{display:inline-block}header nav .integration__menu .name{width:140px}header nav .integration.open .integration__menu{max-height:200px;opacity:1}header nav .integration.open .arrow{top:1px;transform:rotate(-45deg)}header nav .integration .arrow{position:relative;top:-3px;content:"";display:inline-block;width:6px;height:6px;border-right:2px solid #000;border-top:2px solid #000;transform:rotate(135deg);margin-right:0;margin-left:16px}header .extension{display:flex;justify-content:flex-end;position:relative}header .extension__toggle{background-color:var(--marreta);border-radius:40px;border:0;cursor:pointer;color:#fff;font-weight:600;padding:12px 24px;line-height:1.3em}header .extension__toggle:hover{background-color:var(--marreta-darken)}header .extension__menu{position:absolute;top:110%;right:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header .extension__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header .extension__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header .extension__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header .extension__menu a:hover{color:var(--marreta)}header .extension__menu a span{display:inline-block}header .extension__menu .name{width:140px}header .extension.open .extension__toggle{background-color:#f4f4f5;color:var(--textmuted)}header .extension.open .extension__menu{max-height:200px;opacity:1}main .description{position:relative;z-index:3;font-family:var(--font-family-unna);font-size:64px;line-height:61.44px;text-align:center;color:#000;max-width:512px;margin:0 auto}main .walls_destroyed{position:relative;z-index:3;max-width:512px;margin:22px auto;text-align:center}main .walls_destroyed span{color:var(--textmuted)}main form{z-index:2;position:relative}main form .fields{max-width:470px;margin:0 auto;position:relative}main form .fields::before{content:"";background-image:url(../assets/images/wall.png);background-repeat:no-repeat;background-size:100% 100%;width:422px;height:306px;position:absolute;top:-110px;right:-180px;z-index:1}main form .fields .input{position:relative;z-index:2;padding-right:28px;padding-top:2px}main form .fields .input .icon{z-index:2}main form .fields .input .icon--link{position:absolute;top:50%;left:1rem;margin-top:-6px}main form .fields .input input{background-color:#f4f4f5;padding:16px 0 16px 44px;border:0;border-radius:8px;width:100%;box-sizing:border-box;position:relative;line-height:1.3em}main form .fields button{position:relative;background-color:var(--marreta);border-radius:50%;height:56px;width:56px;border:0;z-index:3;position:absolute;top:0;right:0;cursor:pointer}main form .fields button:hover{background-color:var(--marreta-darken)}main form .fields button .icon{width:23px;height:23px}main form .fields button .icon--marreta,main form .fields button .icon--refresh{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}main .adblock{color:var(--textmuted);font-size:13px;line-height:1.2em;text-align:center;max-width:470px;position:relative;z-index:3;margin:22px auto 0 auto}main .plus{z-index:3;position:relative;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;gap:0 38px;align-items:start;max-width:900px;margin:62px auto 0 auto}main .plus h2{font-size:16px;padding-bottom:8px;margin:0}main .plus h2 .icon{margin-right:10px}main .plus .text{font-size:14px;color:var(--textmuted);padding-left:26px}main .plus .text ol{padding-left:16px;margin:0}main .plus .text p{margin:0;padding-right:22px}main .plus .text strong{font-weight:600;color:var(--text)}main .plus .bookmarklet a{border:2px solid var(--marreta);color:var(--marreta);border-radius:40px;padding:8px 16px;margin-top:16px;display:inline-block;font-weight:600}main .plus .bookmarklet a:hover{border-color:var(--marreta-darken);color:var(--marreta-darken)}
+body{padding:42px 0 0 0}@media only screen and (min-width:1200px){body{padding:42px 0 52px 0}}.toasty{border-radius:8px;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);position:absolute;top:16px;left:16px;right:16px;color:#fff;z-index:1000;width:auto;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toasty .close .icon{width:14px;height:14px}.toasty p{padding:0;margin:0;font-size:12px;line-height:1.3em}@media only screen and (min-width:1200px){.toasty{max-width:480px;left:50%;margin-left:-256px}}.toasty--error{background-color:#f76661}.toasty--warning{background-color:#f79861}header{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;padding:0 0 42px 0}@media only screen and (min-width:1200px){header{grid-template-columns:1fr 2fr 1fr}}header.open .extension__toggle{background-color:#000}header.open .open-nav .icon--hamburguer{display:none}header.open .open-nav .icon--close{display:block}header.open nav{display:flex}header.open .integration__menu .icon{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}header .open-nav{cursor:pointer;position:relative;z-index:501;padding-right:16px}header .open-nav .icon{width:24px;height:24px}header .open-nav .icon--hamburguer{display:block}header .open-nav .icon--close{display:none}@media only screen and (min-width:1200px){header .open-nav{display:none}}header .brand{display:flex;align-items:center}header .brand .icon{margin-right:6px}header .brand .icon--marreta{width:32px;height:32px}header .brand h1{font-family:var(--font-family-unna);color:#000}header nav{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--marreta);padding:var(--container_spacing) var(--container_spacing) calc(4 * var(--container_spacing)) var(--container_spacing);z-index:500;align-items:flex-end;flex-direction:column;justify-content:end}header nav>*{width:100%}@media only screen and (min-width:1200px){header nav>*{width:auto}}@media only screen and (min-width:1200px){header nav{opacity:1;display:flex;position:relative;left:initial;right:initial;bottom:initial;top:initial;background-color:transparent;padding:0;justify-content:center;align-items:normal;flex-direction:initial;gap:48px}}header nav a{display:block;font-size:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none}@media only screen and (min-width:1200px){header nav a{color:#333;font-size:initial;padding:0;border-bottom:0}}header nav a:hover{color:#fff}@media only screen and (min-width:1200px){header nav a:hover{color:#007bff}}header nav .integration{position:relative;padding-top:32px}@media only screen and (min-width:1200px){header nav .integration{padding-top:0}}header nav .integration__toggle{background:0 0;border:none;color:rgba(255,255,255,.5);padding:0}@media only screen and (min-width:1200px){header nav .integration__toggle{color:#333;cursor:pointer}}header nav .integration__toggle:hover{color:rgba(255,255,255,.5)}@media only screen and (min-width:1200px){header nav .integration__toggle:hover{color:#007bff}}@media only screen and (min-width:1200px){header nav .integration__menu{position:absolute;top:110%;left:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}}header nav .integration__menu a{font-size:14px;border-bottom:0;margin-top:8px;padding:16px 0 0 0;display:flex;align-items:center;color:#fff;font-weight:600}@media only screen and (min-width:1200px){header nav .integration__menu a{background-color:#fff;margin-top:0;margin-bottom:4px;padding:8px 16px;font-size:var(--font-size);color:var(--text)}}header nav .integration__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header nav .integration__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header nav .integration__menu a:hover{color:var(--marreta)}header nav .integration__menu a span{display:inline-block}header nav .integration__menu .icon{width:22px;height:22px;order:1}@media only screen and (min-width:1200px){header nav .integration__menu .icon{order:2;width:16px;height:16px}}header nav .integration__menu .name{order:2;line-height:1em;padding-left:12px}@media only screen and (min-width:1200px){header nav .integration__menu .name{order:1;padding-left:0;width:140px;line-height:var(--line-height)}}header nav .integration.open .integration__menu{max-height:200px;opacity:1}header nav .integration.open .arrow{top:1px;transform:rotate(-45deg)}header nav .integration .arrow{display:none;position:relative;top:-3px;content:"";width:6px;height:6px;border-right:2px solid #000;border-top:2px solid #000;transform:rotate(135deg);margin-right:0;margin-left:16px}@media only screen and (min-width:1200px){header nav .integration .arrow{display:inline-block}}header .extension{display:flex;justify-content:flex-end;position:relative;z-index:501}header .extension__toggle{background-color:var(--marreta);border-radius:40px;border:0;cursor:pointer;color:#fff;font-weight:600;padding:12px 24px;line-height:1.3em}header .extension__toggle:hover{background-color:var(--marreta-darken)}header .extension__menu{position:absolute;top:110%;right:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header .extension__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header .extension__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header .extension__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header .extension__menu a:hover{color:var(--marreta)}header .extension__menu a span{display:inline-block}header .extension__menu .name{width:140px}header .extension.open .extension__toggle{background-color:#f4f4f5;color:var(--textmuted)}header .extension.open .extension__menu{max-height:200px;opacity:1}main .description{position:relative;z-index:3;font-family:var(--font-family-unna);font-size:64px;line-height:61.44px;text-align:center;color:#000;max-width:512px;margin:0 auto}main .walls_destroyed{position:relative;z-index:3;max-width:512px;margin:22px auto;text-align:center}main .walls_destroyed span{color:var(--textmuted)}main form{z-index:2;position:relative}main form .fields{max-width:470px;margin:0 auto;position:relative}main form .fields::before{content:"";background-image:url(../assets/images/wall.png);background-repeat:no-repeat;background-size:100% 100%;width:422px;height:306px;position:absolute;top:-110px;right:-180px;z-index:1}main form .fields .input{position:relative;z-index:2;padding-right:28px;padding-top:2px}main form .fields .input .icon{z-index:2}main form .fields .input .icon--link{position:absolute;top:50%;left:1rem;margin-top:-6px}main form .fields .input input{background-color:#f4f4f5;padding:16px 0 16px 44px;border:0;border-radius:8px;width:100%;box-sizing:border-box;position:relative;line-height:1.3em}main form .fields button{position:relative;background-color:var(--marreta);border-radius:50%;height:56px;width:56px;border:0;z-index:3;position:absolute;top:0;right:0;cursor:pointer}main form .fields button:hover{background-color:var(--marreta-darken)}main form .fields button .icon{width:23px;height:23px}main form .fields button .icon--marreta,main form .fields button .icon--refresh{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}main .adblock{color:var(--textmuted);font-size:13px;line-height:1.2em;text-align:center;max-width:470px;position:relative;z-index:3;margin:22px auto 0 auto}main .plus{z-index:3;position:relative;background-color:#f4f4f5;margin-left:calc(-1 * var(--container_spacing));margin-right:calc(-1 * var(--container_spacing))}@media only screen and (min-width:1200px){main .plus{background-color:transparent;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;gap:0 38px;align-items:start;max-width:900px;margin:62px auto 0 auto}}main .plus h2{font-size:16px;padding-bottom:8px;margin:0}main .plus h2 .icon{margin-right:10px}main .plus .text{font-size:14px;color:var(--textmuted);padding-left:26px}main .plus .text ol{padding-left:16px;margin:0}main .plus .text p{margin:0;padding-right:22px}main .plus .text strong{font-weight:600;color:var(--text)}main .plus .add_as_app{margin-top:62px;padding:var(--container_spacing)}@media only screen and (min-width:1200px){main .plus .add_as_app{padding:0;margin-top:0}}main .plus .bookmarklet{display:none}@media only screen and (min-width:1200px){main .plus .bookmarklet{display:block}}main .plus .bookmarklet a{border:2px solid var(--marreta);color:var(--marreta);border-radius:40px;padding:8px 16px;margin-top:16px;display:inline-block;font-weight:600}main .plus .bookmarklet a:hover{border-color:var(--marreta-darken);color:var(--marreta-darken)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:inter;src:url(../dist/fonts/inter-500.eot);src:local("Inter Medium"),local("Inter-Medium"),url(../dist/fonts/inter-500.woff2) format("woff2"),url(../dist/fonts/inter-500.woff) format("woff"),url(../dist/fonts/inter-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:inter;src:url(../dist/fonts/inter-600.eot);src:local("Inter SemiBold"),local("Inter-SemiBold"),url(../dist/fonts/inter-600.woff2) format("woff2"),url(../dist/fonts/inter-600.woff) format("woff"),url(../dist/fonts/inter-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:unna;src:url(../dist/fonts/unna-400.eot);src:local("Unna Regular"),local("Unna-Regular"),url(../dist/fonts/unna-400.woff2) format("woff2"),url(../dist/fonts/unna-400.woff) format("woff"),url(../dist/fonts/unna-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family-inter:"inter";--font-family-unna:"unna";--font-size:16px;--font-weight:500;--line-height:160%;--marreta:#3B82F6;--marreta-lighten:rgb(83.3804878049, 145.5487804878, 247.1195121951);--marreta-darken:rgb(11.1512195122, 99.1219512195, 242.8487804878);--text:#484848;--text-lighten:rgb(84.75, 84.75, 84.75);--text-darken:rgb(46.5, 46.5, 46.5);--textmuted:#818181;--textmuted-lighten:rgb(141.75, 141.75, 141.75);--textmuted-darken:rgb(103.5, 103.5, 103.5);--link:#3B82F6;--link-lighten:rgb(83.3804878049, 145.5487804878, 247.1195121951);--link-darken:rgb(11.1512195122, 99.1219512195, 242.8487804878);--container_spacing:24px}@media only screen and (min-width:1200px){:root{--container_spacing:64px}}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-inter);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--text);text-align:left;background-color:var(--background);min-width:320px}a{text-decoration:none;color:var(--link)}a:hover{text-decoration:none;color:var(--link-lighten)}.container{padding-right:var(--container_spacing);padding-left:var(--container_spacing);margin-right:auto;margin-left:auto;overflow:hidden}@media only screen and (min-width:1200px){.container{max-width:1248px}}.icon{display:inline-block;vertical-align:-.125em;fill:currentcolor;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}.icon--bookmark{background-size:auto 100%!important}.icon--marreta{background-image:url(../dist/icons/marreta.svg);filter:invert(43%) sepia(74%) saturate(2288%) hue-rotate(201deg) brightness(98%) contrast(97%)}.icon--bookmark{background-image:url(../dist/icons/bookmark.svg);filter:invert(80%) sepia(46%) saturate(1512%) hue-rotate(340deg) brightness(106%) contrast(97%)}.icon--android{background-image:url(../dist/icons/android.svg);filter:invert(72%) sepia(34%) saturate(778%) hue-rotate(32deg) brightness(97%) contrast(88%)}.icon--apple{background-image:url(../dist/icons/apple.svg);filter:invert(0) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)}.icon--bsky{background-image:url(../dist/icons/bsky.svg);filter:invert(47%) sepia(66%) saturate(4445%) hue-rotate(195deg) brightness(98%) contrast(104%)}.icon--telegram{background-image:url(../dist/icons/telegram.svg);filter:invert(61%) sepia(86%) saturate(1341%) hue-rotate(166deg) brightness(96%) contrast(85%)}.icon--chrome{background-image:url(../dist/icons/chrome.svg);filter:invert(40%) sepia(90%) saturate(1163%) hue-rotate(203deg) brightness(104%) contrast(92%)}.icon--firefox{background-image:url(../dist/icons/firefox.svg);filter:invert(57%) sepia(43%) saturate(1854%) hue-rotate(360deg) brightness(102%) contrast(106%)}.icon--link{background-image:url(../dist/icons/link.svg);filter:invert(53%) sepia(12%) saturate(17%) hue-rotate(39deg) brightness(94%) contrast(91%)}.icon--refresh{background-image:url(../dist/icons/refresh.svg);filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}.icon--error{background-image:url(../dist/icons/error.svg);filter:invert(30%) sepia(58%) saturate(3703%) hue-rotate(336deg) brightness(90%) contrast(91%)}.icon--warning{background-image:url(../dist/icons/warning.svg);filter:invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)}.icon--hamburguer{background-image:url(../dist/icons/hamburguer.svg);filter:invert(0) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)}.icon--close{background-image:url(../dist/icons/close.svg);filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}body{padding:42px 0 0 0}@media only screen and (min-width:1200px){body{padding:42px 0 52px 0}}.toasty{border-radius:8px;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);position:absolute;top:16px;left:16px;right:16px;color:#fff;z-index:1000;width:auto;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toasty .close .icon{width:14px;height:14px}.toasty p{padding:0;margin:0;font-size:12px;line-height:1.3em}@media only screen and (min-width:1200px){.toasty{max-width:480px;left:50%;margin-left:-256px}}.toasty--error{background-color:#f76661}.toasty--warning{background-color:#f79861}header{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;padding:0 0 42px 0}@media only screen and (min-width:1200px){header{grid-template-columns:1fr 2fr 1fr}}header.open .extension__toggle{background-color:#000}header.open .open-nav .icon--hamburguer{display:none}header.open .open-nav .icon--close{display:block}header.open nav{display:flex}header.open .integration__menu .icon{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}header .open-nav{cursor:pointer;position:relative;z-index:501;padding-right:16px}header .open-nav .icon{width:24px;height:24px}header .open-nav .icon--hamburguer{display:block}header .open-nav .icon--close{display:none}@media only screen and (min-width:1200px){header .open-nav{display:none}}header .brand{display:flex;align-items:center}header .brand .icon{margin-right:6px}header .brand .icon--marreta{width:32px;height:32px}header .brand h1{font-family:var(--font-family-unna);color:#000}header nav{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--marreta);padding:var(--container_spacing) var(--container_spacing) calc(4 * var(--container_spacing)) var(--container_spacing);z-index:500;align-items:flex-end;flex-direction:column;justify-content:end}header nav>*{width:100%}@media only screen and (min-width:1200px){header nav>*{width:auto}}@media only screen and (min-width:1200px){header nav{opacity:1;display:flex;position:relative;left:initial;right:initial;bottom:initial;top:initial;background-color:transparent;padding:0;justify-content:center;align-items:normal;flex-direction:initial;gap:48px}}header nav a{display:block;font-size:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none}@media only screen and (min-width:1200px){header nav a{color:#333;font-size:initial;padding:0;border-bottom:0}}header nav a:hover{color:#fff}@media only screen and (min-width:1200px){header nav a:hover{color:#007bff}}header nav .integration{position:relative;padding-top:32px}@media only screen and (min-width:1200px){header nav .integration{padding-top:0}}header nav .integration__toggle{background:0 0;border:none;color:rgba(255,255,255,.5);padding:0}@media only screen and (min-width:1200px){header nav .integration__toggle{color:#333;cursor:pointer}}header nav .integration__toggle:hover{color:rgba(255,255,255,.5)}@media only screen and (min-width:1200px){header nav .integration__toggle:hover{color:#007bff}}@media only screen and (min-width:1200px){header nav .integration__menu{position:absolute;top:110%;left:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}}header nav .integration__menu a{font-size:14px;border-bottom:0;margin-top:8px;padding:16px 0 0 0;display:flex;align-items:center;color:#fff;font-weight:600}@media only screen and (min-width:1200px){header nav .integration__menu a{background-color:#fff;margin-top:0;margin-bottom:4px;padding:8px 16px;font-size:var(--font-size);color:var(--text)}}header nav .integration__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header nav .integration__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header nav .integration__menu a:hover{color:var(--marreta)}header nav .integration__menu a span{display:inline-block}header nav .integration__menu .icon{width:22px;height:22px;order:1}@media only screen and (min-width:1200px){header nav .integration__menu .icon{order:2;width:16px;height:16px}}header nav .integration__menu .name{order:2;line-height:1em;padding-left:12px}@media only screen and (min-width:1200px){header nav .integration__menu .name{order:1;padding-left:0;width:140px;line-height:var(--line-height)}}header nav .integration.open .integration__menu{max-height:200px;opacity:1}header nav .integration.open .arrow{top:1px;transform:rotate(-45deg)}header nav .integration .arrow{display:none;position:relative;top:-3px;content:"";width:6px;height:6px;border-right:2px solid #000;border-top:2px solid #000;transform:rotate(135deg);margin-right:0;margin-left:16px}@media only screen and (min-width:1200px){header nav .integration .arrow{display:inline-block}}header .extension{display:flex;justify-content:flex-end;position:relative;z-index:501}header .extension__toggle{background-color:var(--marreta);border-radius:40px;border:0;cursor:pointer;color:#fff;font-weight:600;padding:12px 24px;line-height:1.3em}header .extension__toggle:hover{background-color:var(--marreta-darken)}header .extension__menu{position:absolute;top:110%;right:0;border-radius:16px;background-color:#f4f4f5;border:4px solid #f4f4f5;z-index:10;box-shadow:0 4px 6px 0 rgba(0,0,0,.05);box-shadow:0 10px 15px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 20px 25px 0 rgba(0,0,0,.1);transition:max-height .8s cubic-bezier(.16,1,.3,1);max-height:0;opacity:0;overflow:hidden}header .extension__menu a{margin-bottom:4px;color:var(--text);font-weight:600;display:block;padding:8px 16px;background-color:#fff;display:flex;align-items:center}header .extension__menu a:first-child{border-top-left-radius:16px;border-top-right-radius:16px}header .extension__menu a:last-child{margin-bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}header .extension__menu a:hover{color:var(--marreta)}header .extension__menu a span{display:inline-block}header .extension__menu .name{width:140px}header .extension.open .extension__toggle{background-color:#f4f4f5;color:var(--textmuted)}header .extension.open .extension__menu{max-height:200px;opacity:1}main .description{position:relative;z-index:3;font-family:var(--font-family-unna);font-size:64px;line-height:61.44px;text-align:center;color:#000;max-width:512px;margin:0 auto}main .walls_destroyed{position:relative;z-index:3;max-width:512px;margin:22px auto;text-align:center}main .walls_destroyed span{color:var(--textmuted)}main form{z-index:2;position:relative}main form .fields{max-width:470px;margin:0 auto;position:relative}main form .fields::before{content:"";background-image:url(../assets/images/wall.png);background-repeat:no-repeat;background-size:100% 100%;width:422px;height:306px;position:absolute;top:-110px;right:-180px;z-index:1}main form .fields .input{position:relative;z-index:2;padding-right:28px;padding-top:2px}main form .fields .input .icon{z-index:2}main form .fields .input .icon--link{position:absolute;top:50%;left:1rem;margin-top:-6px}main form .fields .input input{background-color:#f4f4f5;padding:16px 0 16px 44px;border:0;border-radius:8px;width:100%;box-sizing:border-box;position:relative;line-height:1.3em}main form .fields button{position:relative;background-color:var(--marreta);border-radius:50%;height:56px;width:56px;border:0;z-index:3;position:absolute;top:0;right:0;cursor:pointer}main form .fields button:hover{background-color:var(--marreta-darken)}main form .fields button .icon{width:23px;height:23px}main form .fields button .icon--marreta,main form .fields button .icon--refresh{filter:invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)}main .adblock{color:var(--textmuted);font-size:13px;line-height:1.2em;text-align:center;max-width:470px;position:relative;z-index:3;margin:22px auto 0 auto}main .plus{z-index:3;position:relative;background-color:#f4f4f5;margin-left:calc(-1 * var(--container_spacing));margin-right:calc(-1 * var(--container_spacing))}@media only screen and (min-width:1200px){main .plus{background-color:transparent;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;gap:0 38px;align-items:start;max-width:900px;margin:62px auto 0 auto}}main .plus h2{font-size:16px;padding-bottom:8px;margin:0}main .plus h2 .icon{margin-right:10px}main .plus .text{font-size:14px;color:var(--textmuted);padding-left:26px}main .plus .text ol{padding-left:16px;margin:0}main .plus .text p{margin:0;padding-right:22px}main .plus .text strong{font-weight:600;color:var(--text)}main .plus .add_as_app{margin-top:62px;padding:var(--container_spacing)}@media only screen and (min-width:1200px){main .plus .add_as_app{padding:0;margin-top:0}}main .plus .bookmarklet{display:none}@media only screen and (min-width:1200px){main .plus .bookmarklet{display:block}}main .plus .bookmarklet a{border:2px solid var(--marreta);color:var(--marreta);border-radius:40px;padding:8px 16px;margin-top:16px;display:inline-block;font-weight:600}main .plus .bookmarklet a:hover{border-color:var(--marreta-darken);color:var(--marreta-darken)}
/*# sourceMappingURL=style.css.map */
diff --git a/app/dist/css/style.css.map b/app/dist/css/style.css.map
index 06ee0c1..a38c4f8 100644
--- a/app/dist/css/style.css.map
+++ b/app/dist/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["home.scss","../../node_modules/normalize.css/normalize.css","_fonts.scss","_root.scss","_mixin.scss","_base.scss","_icons.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["body {\r\n padding: 42px 0 52px 0;\r\n}\r\nheader {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr 1fr;\r\n align-items: center;\r\n padding: 0 0 42px 0;\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n .icon {\r\n margin-right: 6px;\r\n &--marreta {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n h1 {\r\n font-family: var(--font-family-unna);\r\n color: #000;\r\n }\r\n }\r\n\r\n nav {\r\n display: flex;\r\n justify-content: center;\r\n gap: 48px;\r\n\r\n a {\r\n text-decoration: none;\r\n color: #333;\r\n\r\n &:hover {\r\n color: #007bff;\r\n }\r\n }\r\n\r\n .integration {\r\n position: relative;\r\n\r\n &__toggle {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #333;\r\n\r\n &:hover {\r\n color: #007bff;\r\n }\r\n }\r\n\r\n &__menu {\r\n position: absolute;\r\n top: 110%;\r\n left: 0;\r\n border-radius: 16px;\r\n background-color: #F4F4F5;\r\n border: 4px solid #F4F4F5;\r\n z-index: 10;\r\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\r\n box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);\r\n box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);\r\n transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n max-height: 0;\r\n opacity: 0;\r\n overflow: hidden;\r\n\r\n a {\r\n margin-bottom: 4px;\r\n &:first-child {\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n }\r\n color: var(--text);\r\n font-weight: 600;\r\n display: block;\r\n padding: 8px 16px;\r\n background-color: #fff;\r\n display: flex;\r\n align-items: center;\r\n &:hover {\r\n color: var(--marreta);\r\n }\r\n span {\r\n display: inline-block;\r\n }\r\n }\r\n .name {\r\n width: 140px;\r\n }\r\n }\r\n\r\n &.open {\r\n .integration__menu {\r\n max-height: 200px;\r\n opacity: 1;\r\n }\r\n\r\n .arrow {\r\n top: 1px;\r\n transform: rotate(-45deg);\r\n }\r\n }\r\n\r\n .arrow {\r\n position: relative;\r\n top: -3px;\r\n content: \"\";\r\n display: inline-block;\r\n width: 6px;\r\n height: 6px;\r\n border-right: 2px solid black;\r\n border-top: 2px solid black;\r\n transform: rotate(135deg);\r\n margin-right: 0;\r\n margin-left: 16px;\r\n }\r\n }\r\n }\r\n\r\n .extension {\r\n display: flex;\r\n justify-content: flex-end;\r\n position: relative;\r\n\r\n &__toggle {\r\n background-color: var(--marreta);\r\n border-radius: 40px;\r\n border: 0;\r\n cursor: pointer;\r\n color: #FFF;\r\n font-weight: 600;\r\n padding: 12px 24px;\r\n line-height: 1.3em;\r\n &:hover {\r\n background-color: var(--marreta-darken);\r\n }\r\n }\r\n\r\n &__menu {\r\n position: absolute;\r\n top: 110%;\r\n right: 0;\r\n border-radius: 16px;\r\n background-color: #F4F4F5;\r\n border: 4px solid #F4F4F5;\r\n z-index: 10;\r\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\r\n box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);\r\n box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);\r\n transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n max-height: 0;\r\n opacity: 0;\r\n overflow: hidden;\r\n\r\n a {\r\n margin-bottom: 4px;\r\n &:first-child {\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n }\r\n color: var(--text);\r\n font-weight: 600;\r\n display: block;\r\n padding: 8px 16px;\r\n background-color: #fff;\r\n display: flex;\r\n align-items: center;\r\n &:hover {\r\n color: var(--marreta);\r\n }\r\n span {\r\n display: inline-block;\r\n }\r\n }\r\n .name {\r\n width: 140px;\r\n }\r\n }\r\n\r\n &.open {\r\n .extension__toggle {\r\n background-color: #F4F4F5;\r\n color: var(--textmuted);\r\n }\r\n .extension__menu {\r\n max-height: 200px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n}\r\n\r\nmain {\r\n .description {\r\n position: relative;\r\n z-index: 3;\r\n font-family: var(--font-family-unna);\r\n font-size: 64px;\r\n line-height: 61.44px;\r\n text-align: center;\r\n color: #000;\r\n max-width: 512px;\r\n margin: 0 auto;\r\n }\r\n\r\n .walls_destroyed {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 512px;\r\n margin: 22px auto;\r\n text-align: center;\r\n\r\n span {\r\n color: var(--textmuted);\r\n }\r\n }\r\n\r\n form {\r\n z-index: 2;\r\n position: relative;\r\n\r\n .fields {\r\n &::before {\r\n content: '';\r\n background-image: url(../assets/images/wall.png);\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n width: 422px;\r\n height: 306px;\r\n position: absolute;\r\n top: -110px;\r\n right: -180px;\r\n z-index: 1;\r\n }\r\n\r\n max-width: 470px;\r\n margin: 0 auto;\r\n position: relative;\r\n\r\n .input {\r\n position: relative;\r\n z-index: 2;\r\n padding-right: 28px;\r\n padding-top: 2px;\r\n\r\n .icon {\r\n z-index: 2;\r\n\r\n &--link {\r\n position: absolute;\r\n top: 50%;\r\n left: 1rem;\r\n margin-top: -6px;\r\n }\r\n }\r\n\r\n input {\r\n background-color: #F4F4F5;\r\n padding: 16px 0 16px 44px;\r\n border: 0;\r\n border-radius: 8px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: 1.3em;\r\n }\r\n }\r\n\r\n button {\r\n position: relative;\r\n background-color: var(--marreta);\r\n border-radius: 50%;\r\n height: 56px;\r\n width: 56px;\r\n border: 0;\r\n z-index: 3;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: var(--marreta-darken);\r\n }\r\n\r\n .icon {\r\n width: 23px;\r\n height: 23px;\r\n\r\n &--refresh,\r\n &--marreta {\r\n filter: invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .adblock {\r\n color: var(--textmuted);\r\n font-size: 13px;\r\n line-height: 1.2em;\r\n text-align: center;\r\n max-width: 470px;\r\n position: relative;\r\n z-index: 3;\r\n margin: 22px auto 0 auto;\r\n }\r\n\r\n .plus {\r\n z-index: 3;\r\n position: relative;\r\n display: grid;\r\n grid-auto-columns: 1fr;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0px 38px;\r\n align-items: start;\r\n max-width: 900px;\r\n margin: 62px auto 0 auto;\r\n\r\n h2 {\r\n font-size: 16px;\r\n padding-bottom: 8px;\r\n margin: 0;\r\n\r\n .icon {\r\n margin-right: 10px;\r\n }\r\n }\r\n\r\n .text {\r\n font-size: 14px;\r\n color: var(--textmuted);\r\n padding-left: 26px;\r\n\r\n ol {\r\n padding-left: 16px;\r\n margin: 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding-right: 22px;\r\n }\r\n\r\n strong {\r\n font-weight: 600;\r\n color: var(--text);\r\n }\r\n }\r\n\r\n .bookmarklet {\r\n a {\r\n border: 2px solid var(--marreta);\r\n color: var(--marreta);\r\n border-radius: 40px;\r\n padding: 8px 16px;\r\n margin-top: 16px;\r\n display: inline-block;\r\n font-weight: 600;\r\n\r\n &:hover {\r\n border-color: var(--marreta-darken);\r\n color: var(--marreta-darken);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nfooter {}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@font-face {\r\n font-family: 'inter';\r\n src: url('../dist/fonts/inter-500.eot');\r\n src: local('Inter Medium'), local('Inter-Medium'),\r\n url('../dist/fonts/inter-500.woff2') format('woff2'),\r\n url('../dist/fonts/inter-500.woff') format('woff'),\r\n url('../dist/fonts/inter-500.ttf') format('truetype');\r\n font-weight: 500;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'inter';\r\n src: url('../dist/fonts/inter-600.eot');\r\n src: local('Inter SemiBold'), local('Inter-SemiBold'),\r\n url('../dist/fonts/inter-600.woff2') format('woff2'),\r\n url('../dist/fonts/inter-600.woff') format('woff'),\r\n url('../dist/fonts/inter-600.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'unna';\r\n src: url('../dist/fonts/unna-400.eot');\r\n src: local('Unna Regular'), local('Unna-Regular'),\r\n url('../dist/fonts/unna-400.woff2') format('woff2'),\r\n url('../dist/fonts/unna-400.woff') format('woff'),\r\n url('../dist/fonts/unna-400.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n font-display: swap;\r\n}","@use \"mixin\";\r\n\r\n:root {\r\n\t// Fonts\r\n\t--font-family-sans-serif: -apple-system,\r\n\t\tBlinkMacSystemFont,\r\n\t\t\"Segoe UI\",\r\n\t\tRoboto,\r\n\t\t\"Helvetica Neue\",\r\n\t\tArial,\r\n\t\t\"Noto Sans\",\r\n\t\t\"Liberation Sans\",\r\n\t\tsans-serif,\r\n\t\t\"Apple Color Emoji\",\r\n\t\t\"Segoe UI Emoji\",\r\n\t\t\"Segoe UI Symbol\",\r\n\t\t\"Noto Color Emoji\";\r\n\t--font-family-monospace: SFMono-Regular,\r\n\t\tMenlo, Monaco,\r\n\t\tConsolas,\r\n\t\t\"Liberation Mono\",\r\n\t\t\"Courier New\",\r\n\t\tmonospace;\r\n\t--font-family-inter: \"inter\";\r\n --font-family-unna: \"unna\";\r\n\r\n\t//-- Styles\r\n\t--font-size: 16px;\r\n\t--font-weight: 500;\r\n\t--line-height: 160%;\r\n\r\n\t// Colors\r\n\t@include mixin.create-color('marreta', #3B82F6);\r\n @include mixin.create-color('text', #484848);\r\n @include mixin.create-color('textmuted', #818181);\r\n @include mixin.create-color('link', #3B82F6);\r\n\r\n\t// Spacing\r\n\t--container_spacing: 24px;\r\n\t@include mixin.devices(desktop) {\r\n --container_spacing: 64px;\r\n }\r\n}\r\n\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n}\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n\thtml {\r\n\t\tscroll-behavior: auto;\r\n\t}\r\n}","@use \"sass:math\";\r\n@use \"sass:color\";\r\n\r\n@mixin create-color($name, $hex) {\r\n --#{$name}: #{$hex};\r\n --#{$name}-lighten: #{color.adjust($hex, $lightness: 5%)};\r\n --#{$name}-darken: #{color.adjust($hex, $lightness: -10%)};\r\n} \r\n\r\n@mixin devices($breakpoint) {\r\n\t@if $breakpoint == desktop {\r\n\t\t@media only screen and (min-width: 1200px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin icon($name, $filter) {\r\n\t.icon--#{$name} {\r\n\t\tbackground-image: url(\"../dist/icons/#{$name}.svg\");\r\n filter: #{$filter};\r\n\t}\r\n}","@use \"mixin\";\r\n\r\n// Default\r\nbody {\r\n\tfont-family: var(--font-family-inter);\r\n\tfont-size: var(--font-size);\r\n\tfont-weight: var(--font-weight);\r\n\tline-height: var(--line-height);\r\n\tcolor: var(--text);\r\n\ttext-align: left;\r\n\tbackground-color: var(--background);\r\n\tmin-width: 320px;\r\n}\r\n\r\na {\r\n\ttext-decoration: none;\r\n\tcolor: var(--link);\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--link-lighten);\r\n\t}\r\n}\r\n\r\n.container {\r\n\tpadding-right: var(--container_spacing);\r\n\tpadding-left: var(--container_spacing);\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\r\n\t@include mixin.devices(desktop) {\r\n max-width: 1248px;\r\n }\r\n\r\n}","@use \"mixin\";\r\n\r\n// https://icons.getbootstrap.com/\r\n// https://icofont.com/icons\r\n\r\n// https://jakearchibald.github.io/svgomg/\r\n// https://yoksel.github.io/url-encoder/\r\n// https://codepen.io/sosuke/pen/Pjoqqp\r\n\r\n.icon {\r\n display: inline-block;\r\n vertical-align: -0.125em;\r\n fill: currentcolor;\r\n width: 16px;\r\n height: 16px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 100% auto;\r\n &--bookmark {\r\n background-size: auto 100% !important;\r\n }\r\n}\r\n\r\n@include mixin.icon('marreta', 'invert(43%) sepia(74%) saturate(2288%) hue-rotate(201deg) brightness(98%) contrast(97%)');\r\n@include mixin.icon('bookmark', 'invert(80%) sepia(46%) saturate(1512%) hue-rotate(340deg) brightness(106%) contrast(97%)');\r\n\r\n@include mixin.icon('android', 'invert(72%) sepia(34%) saturate(778%) hue-rotate(32deg) brightness(97%) contrast(88%)');\r\n@include mixin.icon('apple', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');\r\n@include mixin.icon('bsky', 'invert(47%) sepia(66%) saturate(4445%) hue-rotate(195deg) brightness(98%) contrast(104%)');\r\n@include mixin.icon('telegram', 'invert(61%) sepia(86%) saturate(1341%) hue-rotate(166deg) brightness(96%) contrast(85%)');\r\n@include mixin.icon('chrome', 'invert(40%) sepia(90%) saturate(1163%) hue-rotate(203deg) brightness(104%) contrast(92%)');\r\n@include mixin.icon('firefox', 'invert(57%) sepia(43%) saturate(1854%) hue-rotate(360deg) brightness(102%) contrast(106%)');\r\n\r\n@include mixin.icon('link', 'invert(53%) sepia(12%) saturate(17%) hue-rotate(39deg) brightness(94%) contrast(91%)');\r\n@include mixin.icon('refresh', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');\r\n\r\n@include mixin.icon('error', 'invert(30%) sepia(58%) saturate(3703%) hue-rotate(336deg) brightness(90%) contrast(91%)');\r\n@include mixin.icon('warning', 'invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)');"]}
\ No newline at end of file
+{"version":3,"sources":["home.scss","_mixin.scss","../../node_modules/normalize.css/normalize.css","_fonts.scss","_root.scss","_base.scss","_icons.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@use \"mixin\";\r\n\r\nbody {\r\n padding: 42px 0 0 0;\r\n @include mixin.devices(desktop) {\r\n padding: 42px 0 52px 0;\r\n }\r\n}\r\n\r\n.toasty {\r\n border-radius: 8px;\r\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\r\n box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);\r\n box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);\r\n position: absolute;\r\n top: 16px;\r\n left: 16px;\r\n right: 16px;\r\n color: #fff;\r\n z-index: 1000;\r\n width: auto;\r\n padding: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n .close {\r\n .icon {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n }\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n font-size: 12px;\r\n line-height: 1.3em;\r\n }\r\n\r\n @include mixin.devices(desktop) {\r\n max-width: 480px;\r\n left: 50%;\r\n margin-left: -256px;\r\n }\r\n\r\n &--error {\r\n background-color: rgb(247, 102, 97);\r\n }\r\n\r\n &--warning {\r\n background-color: rgb(247, 152, 97);\r\n }\r\n}\r\n\r\nheader {\r\n display: grid;\r\n grid-template-columns: auto 1fr 1fr;\r\n align-items: center;\r\n padding: 0 0 42px 0;\r\n\r\n @include mixin.devices(desktop) {\r\n grid-template-columns: 1fr 2fr 1fr;\r\n }\r\n\r\n &.open {\r\n .extension {\r\n &__toggle {\r\n background-color: #000;\r\n }\r\n }\r\n .open-nav {\r\n .icon {\r\n &--hamburguer {\r\n display: none;\r\n }\r\n &--close {\r\n display: block;\r\n }\r\n }\r\n }\r\n nav {\r\n display: flex;\r\n }\r\n\r\n .integration__menu {\r\n .icon {\r\n filter: invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%);\r\n }\r\n }\r\n }\r\n\r\n .open-nav {\r\n cursor: pointer;\r\n position: relative;\r\n z-index: 501;\r\n padding-right: 16px;\r\n .icon {\r\n width: 24px;\r\n height: 24px;\r\n &--hamburguer {\r\n display: block;\r\n }\r\n &--close {\r\n display: none;\r\n }\r\n }\r\n @include mixin.devices(desktop) {\r\n display: none;\r\n }\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n\r\n .icon {\r\n margin-right: 6px;\r\n\r\n &--marreta {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n\r\n h1 {\r\n font-family: var(--font-family-unna);\r\n color: #000;\r\n }\r\n }\r\n\r\n nav {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: var(--marreta);\r\n padding: var(--container_spacing) var(--container_spacing) calc(4*var(--container_spacing)) var(--container_spacing);\r\n z-index: 500;\r\n align-items: flex-end;\r\n flex-direction: column;\r\n justify-content: end;\r\n\r\n &> * {\r\n width: 100%;\r\n @include mixin.devices(desktop) {\r\n width: auto;\r\n }\r\n }\r\n\r\n @include mixin.devices(desktop) {\r\n opacity: 1;\r\n display: flex;\r\n position: relative;\r\n left: initial;\r\n right: initial;\r\n bottom: initial;\r\n top: initial;\r\n background-color: transparent;\r\n padding: 0;\r\n justify-content: center;\r\n align-items: normal;\r\n flex-direction:initial;\r\n gap: 48px;\r\n }\r\n\r\n a {\r\n display: block;\r\n font-size: 24px;\r\n padding: 16px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.24);\r\n color: #fff;\r\n text-decoration: none;\r\n\r\n @include mixin.devices(desktop) {\r\n color: #333;\r\n font-size: initial;\r\n padding: 0;\r\n border-bottom: 0;\r\n }\r\n\r\n &:hover {\r\n color: #fff;\r\n @include mixin.devices(desktop) {\r\n color: #007bff;\r\n }\r\n }\r\n }\r\n\r\n .integration {\r\n position: relative;\r\n padding-top: 32px;\r\n\r\n @include mixin.devices(desktop) {\r\n padding-top: 0;\r\n }\r\n\r\n &__toggle {\r\n background: none;\r\n border: none;\r\n color: rgba(255,255,255,0.5);\r\n padding: 0;\r\n @include mixin.devices(desktop) {\r\n color: #333;\r\n cursor: pointer;\r\n }\r\n\r\n &:hover {\r\n color: rgba(255,255,255,0.5);\r\n @include mixin.devices(desktop) {\r\n color: #007bff;\r\n }\r\n }\r\n }\r\n\r\n &__menu {\r\n @include mixin.devices(desktop) {\r\n position: absolute;\r\n top: 110%;\r\n left: 0;\r\n border-radius: 16px;\r\n background-color: #F4F4F5;\r\n border: 4px solid #F4F4F5;\r\n z-index: 10;\r\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\r\n box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);\r\n box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);\r\n transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n max-height: 0;\r\n opacity: 0;\r\n overflow: hidden;\r\n }\r\n\r\n a {\r\n font-size: 14px;\r\n border-bottom: 0;\r\n margin-top: 8px;\r\n padding: 16px 0 0 0;\r\n display: flex;\r\n align-items: center;\r\n color: #fff;\r\n font-weight: 600;\r\n\r\n @include mixin.devices(desktop) {\r\n background-color: #fff;\r\n margin-top: 0;\r\n margin-bottom: 4px;\r\n padding: 8px 16px;\r\n font-size: var(--font-size);\r\n color: var(--text);\r\n }\r\n\r\n &:first-child {\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n }\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n }\r\n\r\n &:hover {\r\n color: var(--marreta);\r\n }\r\n\r\n span {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n .icon {\r\n width: 22px;\r\n height: 22px;\r\n order: 1;\r\n\r\n @include mixin.devices(desktop) {\r\n order: 2;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n\r\n .name {\r\n order: 2;\r\n line-height: 1em;\r\n padding-left: 12px;\r\n\r\n @include mixin.devices(desktop) {\r\n order: 1;\r\n padding-left: 0;\r\n width: 140px;\r\n line-height: var(--line-height);\r\n }\r\n }\r\n }\r\n\r\n &.open {\r\n .integration__menu {\r\n max-height: 200px;\r\n opacity: 1;\r\n }\r\n\r\n .arrow {\r\n top: 1px;\r\n transform: rotate(-45deg);\r\n }\r\n }\r\n\r\n .arrow {\r\n display: none;\r\n position: relative;\r\n top: -3px;\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-right: 2px solid black;\r\n border-top: 2px solid black;\r\n transform: rotate(135deg);\r\n margin-right: 0;\r\n margin-left: 16px;\r\n\r\n @include mixin.devices(desktop) {\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .extension {\r\n display: flex;\r\n justify-content: flex-end;\r\n position: relative;\r\n z-index: 501;\r\n\r\n &__toggle {\r\n background-color: var(--marreta);\r\n border-radius: 40px;\r\n border: 0;\r\n cursor: pointer;\r\n color: #FFF;\r\n font-weight: 600;\r\n padding: 12px 24px;\r\n line-height: 1.3em;\r\n\r\n &:hover {\r\n background-color: var(--marreta-darken);\r\n }\r\n }\r\n\r\n &__menu {\r\n position: absolute;\r\n top: 110%;\r\n right: 0;\r\n border-radius: 16px;\r\n background-color: #F4F4F5;\r\n border: 4px solid #F4F4F5;\r\n z-index: 10;\r\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\r\n box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);\r\n box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);\r\n transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n max-height: 0;\r\n opacity: 0;\r\n overflow: hidden;\r\n\r\n a {\r\n margin-bottom: 4px;\r\n\r\n &:first-child {\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n }\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n }\r\n\r\n color: var(--text);\r\n font-weight: 600;\r\n display: block;\r\n padding: 8px 16px;\r\n background-color: #fff;\r\n display: flex;\r\n align-items: center;\r\n\r\n &:hover {\r\n color: var(--marreta);\r\n }\r\n\r\n span {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n .name {\r\n width: 140px;\r\n }\r\n }\r\n\r\n &.open {\r\n .extension__toggle {\r\n background-color: #F4F4F5;\r\n color: var(--textmuted);\r\n }\r\n\r\n .extension__menu {\r\n max-height: 200px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n}\r\n\r\nmain {\r\n .description {\r\n position: relative;\r\n z-index: 3;\r\n font-family: var(--font-family-unna);\r\n font-size: 64px;\r\n line-height: 61.44px;\r\n text-align: center;\r\n color: #000;\r\n max-width: 512px;\r\n margin: 0 auto;\r\n }\r\n\r\n .walls_destroyed {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 512px;\r\n margin: 22px auto;\r\n text-align: center;\r\n\r\n span {\r\n color: var(--textmuted);\r\n }\r\n }\r\n\r\n form {\r\n z-index: 2;\r\n position: relative;\r\n\r\n .fields {\r\n &::before {\r\n content: '';\r\n background-image: url(../assets/images/wall.png);\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n width: 422px;\r\n height: 306px;\r\n position: absolute;\r\n top: -110px;\r\n right: -180px;\r\n z-index: 1;\r\n }\r\n\r\n max-width: 470px;\r\n margin: 0 auto;\r\n position: relative;\r\n\r\n .input {\r\n position: relative;\r\n z-index: 2;\r\n padding-right: 28px;\r\n padding-top: 2px;\r\n\r\n .icon {\r\n z-index: 2;\r\n\r\n &--link {\r\n position: absolute;\r\n top: 50%;\r\n left: 1rem;\r\n margin-top: -6px;\r\n }\r\n }\r\n\r\n input {\r\n background-color: #F4F4F5;\r\n padding: 16px 0 16px 44px;\r\n border: 0;\r\n border-radius: 8px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: 1.3em;\r\n }\r\n }\r\n\r\n button {\r\n position: relative;\r\n background-color: var(--marreta);\r\n border-radius: 50%;\r\n height: 56px;\r\n width: 56px;\r\n border: 0;\r\n z-index: 3;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: var(--marreta-darken);\r\n }\r\n\r\n .icon {\r\n width: 23px;\r\n height: 23px;\r\n\r\n &--refresh,\r\n &--marreta {\r\n filter: invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .adblock {\r\n color: var(--textmuted);\r\n font-size: 13px;\r\n line-height: 1.2em;\r\n text-align: center;\r\n max-width: 470px;\r\n position: relative;\r\n z-index: 3;\r\n margin: 22px auto 0 auto;\r\n }\r\n\r\n .plus {\r\n z-index: 3;\r\n position: relative;\r\n background-color: rgba(244, 244, 245, 1);\r\n margin-left: calc(-1*var(--container_spacing));\r\n margin-right: calc(-1*var(--container_spacing));\r\n\r\n @include mixin.devices(desktop) {\r\n background-color: transparent;\r\n display: grid;\r\n grid-auto-columns: 1fr;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0px 38px;\r\n align-items: start;\r\n max-width: 900px;\r\n margin: 62px auto 0 auto;\r\n }\r\n\r\n h2 {\r\n font-size: 16px;\r\n padding-bottom: 8px;\r\n margin: 0;\r\n\r\n .icon {\r\n margin-right: 10px;\r\n }\r\n }\r\n\r\n .text {\r\n font-size: 14px;\r\n color: var(--textmuted);\r\n padding-left: 26px;\r\n\r\n ol {\r\n padding-left: 16px;\r\n margin: 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding-right: 22px;\r\n }\r\n\r\n strong {\r\n font-weight: 600;\r\n color: var(--text);\r\n }\r\n }\r\n\r\n .add_as_app {\r\n margin-top: 62px;\r\n padding: var(--container_spacing);\r\n\r\n @include mixin.devices(desktop) {\r\n padding: 0;\r\n margin-top: 0;\r\n }\r\n }\r\n\r\n .bookmarklet {\r\n display: none;\r\n\r\n @include mixin.devices(desktop) {\r\n display: block;\r\n }\r\n\r\n a {\r\n border: 2px solid var(--marreta);\r\n color: var(--marreta);\r\n border-radius: 40px;\r\n padding: 8px 16px;\r\n margin-top: 16px;\r\n display: inline-block;\r\n font-weight: 600;\r\n\r\n &:hover {\r\n border-color: var(--marreta-darken);\r\n color: var(--marreta-darken);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nfooter {}","@use \"sass:math\";\r\n@use \"sass:color\";\r\n\r\n@mixin create-color($name, $hex) {\r\n --#{$name}: #{$hex};\r\n --#{$name}-lighten: #{color.adjust($hex, $lightness: 5%)};\r\n --#{$name}-darken: #{color.adjust($hex, $lightness: -10%)};\r\n} \r\n\r\n@mixin devices($breakpoint) {\r\n\t@if $breakpoint == desktop {\r\n\t\t@media only screen and (min-width: 1200px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin icon($name, $filter) {\r\n\t.icon--#{$name} {\r\n\t\tbackground-image: url(\"../dist/icons/#{$name}.svg\");\r\n filter: #{$filter};\r\n\t}\r\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@font-face {\r\n font-family: 'inter';\r\n src: url('../dist/fonts/inter-500.eot');\r\n src: local('Inter Medium'), local('Inter-Medium'),\r\n url('../dist/fonts/inter-500.woff2') format('woff2'),\r\n url('../dist/fonts/inter-500.woff') format('woff'),\r\n url('../dist/fonts/inter-500.ttf') format('truetype');\r\n font-weight: 500;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'inter';\r\n src: url('../dist/fonts/inter-600.eot');\r\n src: local('Inter SemiBold'), local('Inter-SemiBold'),\r\n url('../dist/fonts/inter-600.woff2') format('woff2'),\r\n url('../dist/fonts/inter-600.woff') format('woff'),\r\n url('../dist/fonts/inter-600.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'unna';\r\n src: url('../dist/fonts/unna-400.eot');\r\n src: local('Unna Regular'), local('Unna-Regular'),\r\n url('../dist/fonts/unna-400.woff2') format('woff2'),\r\n url('../dist/fonts/unna-400.woff') format('woff'),\r\n url('../dist/fonts/unna-400.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n font-display: swap;\r\n}","@use \"mixin\";\r\n\r\n:root {\r\n\t--font-family-sans-serif: -apple-system,\r\n\t\tBlinkMacSystemFont,\r\n\t\t\"Segoe UI\",\r\n\t\tRoboto,\r\n\t\t\"Helvetica Neue\",\r\n\t\tArial,\r\n\t\t\"Noto Sans\",\r\n\t\t\"Liberation Sans\",\r\n\t\tsans-serif,\r\n\t\t\"Apple Color Emoji\",\r\n\t\t\"Segoe UI Emoji\",\r\n\t\t\"Segoe UI Symbol\",\r\n\t\t\"Noto Color Emoji\";\r\n\t--font-family-monospace: SFMono-Regular,\r\n\t\tMenlo, Monaco,\r\n\t\tConsolas,\r\n\t\t\"Liberation Mono\",\r\n\t\t\"Courier New\",\r\n\t\tmonospace;\r\n\t--font-family-inter: \"inter\";\r\n --font-family-unna: \"unna\";\r\n\r\n\t--font-size: 16px;\r\n\t--font-weight: 500;\r\n\t--line-height: 160%;\r\n\r\n\t@include mixin.create-color('marreta', #3B82F6);\r\n @include mixin.create-color('text', #484848);\r\n @include mixin.create-color('textmuted', #818181);\r\n @include mixin.create-color('link', #3B82F6);\r\n\r\n\t--container_spacing: 24px;\r\n\t@include mixin.devices(desktop) {\r\n --container_spacing: 64px;\r\n }\r\n}\r\n\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n}\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n\thtml {\r\n\t\tscroll-behavior: auto;\r\n\t}\r\n}","@use \"mixin\";\r\n\r\nbody {\r\n\tfont-family: var(--font-family-inter);\r\n\tfont-size: var(--font-size);\r\n\tfont-weight: var(--font-weight);\r\n\tline-height: var(--line-height);\r\n\tcolor: var(--text);\r\n\ttext-align: left;\r\n\tbackground-color: var(--background);\r\n\tmin-width: 320px;\r\n}\r\n\r\na {\r\n\ttext-decoration: none;\r\n\tcolor: var(--link);\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--link-lighten);\r\n\t}\r\n}\r\n\r\n.container {\r\n\tpadding-right: var(--container_spacing);\r\n\tpadding-left: var(--container_spacing);\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n overflow: hidden;\r\n\r\n\t@include mixin.devices(desktop) {\r\n max-width: 1248px;\r\n }\r\n\r\n}","@use \"mixin\";\r\n\r\n// https://icons.getbootstrap.com/\r\n// https://icofont.com/icons\r\n\r\n// https://jakearchibald.github.io/svgomg/\r\n// https://yoksel.github.io/url-encoder/\r\n// https://codepen.io/sosuke/pen/Pjoqqp\r\n\r\n.icon {\r\n display: inline-block;\r\n vertical-align: -0.125em;\r\n fill: currentcolor;\r\n width: 16px;\r\n height: 16px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 100% auto;\r\n &--bookmark {\r\n background-size: auto 100% !important;\r\n }\r\n}\r\n\r\n@include mixin.icon('marreta', 'invert(43%) sepia(74%) saturate(2288%) hue-rotate(201deg) brightness(98%) contrast(97%)');\r\n@include mixin.icon('bookmark', 'invert(80%) sepia(46%) saturate(1512%) hue-rotate(340deg) brightness(106%) contrast(97%)');\r\n\r\n@include mixin.icon('android', 'invert(72%) sepia(34%) saturate(778%) hue-rotate(32deg) brightness(97%) contrast(88%)');\r\n@include mixin.icon('apple', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');\r\n@include mixin.icon('bsky', 'invert(47%) sepia(66%) saturate(4445%) hue-rotate(195deg) brightness(98%) contrast(104%)');\r\n@include mixin.icon('telegram', 'invert(61%) sepia(86%) saturate(1341%) hue-rotate(166deg) brightness(96%) contrast(85%)');\r\n@include mixin.icon('chrome', 'invert(40%) sepia(90%) saturate(1163%) hue-rotate(203deg) brightness(104%) contrast(92%)');\r\n@include mixin.icon('firefox', 'invert(57%) sepia(43%) saturate(1854%) hue-rotate(360deg) brightness(102%) contrast(106%)');\r\n\r\n@include mixin.icon('link', 'invert(53%) sepia(12%) saturate(17%) hue-rotate(39deg) brightness(94%) contrast(91%)');\r\n@include mixin.icon('refresh', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');\r\n\r\n@include mixin.icon('error', 'invert(30%) sepia(58%) saturate(3703%) hue-rotate(336deg) brightness(90%) contrast(91%)');\r\n@include mixin.icon('warning', 'invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)');\r\n\r\n@include mixin.icon('hamburguer', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');\r\n@include mixin.icon('close', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');"]}
\ No newline at end of file
diff --git a/app/dist/icons/close.svg b/app/dist/icons/close.svg
new file mode 100644
index 0000000..2f694ed
--- /dev/null
+++ b/app/dist/icons/close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/dist/icons/hamburguer.svg b/app/dist/icons/hamburguer.svg
new file mode 100644
index 0000000..00a140b
--- /dev/null
+++ b/app/dist/icons/hamburguer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/dist/js/scripts.js b/app/dist/js/scripts.js
index c6a2345..7b03050 100644
--- a/app/dist/js/scripts.js
+++ b/app/dist/js/scripts.js
@@ -1,2 +1,2 @@
-"serviceWorker"in navigator&&window.addEventListener("load",()=>{navigator.serviceWorker.register("/service-worker.js").then(()=>{}).catch(()=>{})}),document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".integration");var e=document.querySelector(".integration__toggle");let o=document.querySelector(".extension");var n=document.querySelector(".extension__toggle");let r=e=>{e!==t&&t.classList.remove("open"),e!==o&&o.classList.remove("open")};e.addEventListener("click",e=>{e.stopPropagation(),r(t),t.classList.toggle("open")}),n.addEventListener("click",e=>{e.stopPropagation(),r(o),o.classList.toggle("open")}),t.addEventListener("click",e=>{e.stopPropagation()}),o.addEventListener("click",e=>{e.stopPropagation()}),document.addEventListener("click",()=>{t.classList.remove("open"),o.classList.remove("open")})});
+"serviceWorker"in navigator&&window.addEventListener("load",()=>{navigator.serviceWorker.register("/service-worker.js").then(()=>{}).catch(()=>{})}),document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".integration");var e=document.querySelector(".integration__toggle");let o=document.querySelector(".extension");var n=document.querySelector(".extension__toggle");let s=e=>{e!==t&&t.classList.remove("open"),e!==o&&o.classList.remove("open")};e.addEventListener("click",e=>{e.stopPropagation(),s(t),t.classList.toggle("open")}),n.addEventListener("click",e=>{e.stopPropagation(),s(o),o.classList.toggle("open")}),t.addEventListener("click",e=>{e.stopPropagation()}),o.addEventListener("click",e=>{e.stopPropagation()}),document.addEventListener("click",()=>{t.classList.remove("open"),o.classList.remove("open")}),document.addEventListener("click",e=>{e=e.target.closest(".toasty");e&&e.remove()}),document.addEventListener("click",e=>{e.target.closest(".open-nav")&&((e=document.querySelector("header")).classList.contains("open")?e.classList.remove("open"):e.classList.add("open"))})});
//# sourceMappingURL=scripts.js.map
diff --git a/app/dist/js/scripts.js.map b/app/dist/js/scripts.js.map
index 5e61e22..6563178 100644
--- a/app/dist/js/scripts.js.map
+++ b/app/dist/js/scripts.js.map
@@ -1 +1 @@
-{"version":3,"sources":["scripts.js"],"names":["navigator","window","addEventListener","serviceWorker","register","then","catch","document","integration","querySelector","integrationToggle","extension","extensionToggle","closeOtherMenus","exceptMenu","classList","remove","e","stopPropagation","toggle"],"mappings":"AAIA,kBAAAA,WACAC,OAAAC,iBAAA,OAAA,KACAF,UAAAG,cAAAC,SAAA,oBAAA,EACAC,KAAA,MAEA,EACAC,MAAA,MAEA,CACA,CAAA,EAMAC,SAAAL,iBAAA,mBAAA,WACA,IAAAM,EAAAD,SAAAE,cAAA,cAAA,EACA,IAAAC,EAAAH,SAAAE,cAAA,sBAAA,EACA,IAAAE,EAAAJ,SAAAE,cAAA,YAAA,EACA,IAAAG,EAAAL,SAAAE,cAAA,oBAAA,EAGA,IAMAI,EAAA,IACAC,IAAAN,GACAA,EAAAO,UAAAC,OAAA,MAAA,EAEAF,IAAAH,GACAA,EAAAI,UAAAC,OAAA,MAAA,CAEA,EAEAN,EAAAR,iBAAA,QAAA,IACAe,EAAAC,gBAAA,EACAL,EAAAL,CAAA,EACAA,EAAAO,UAAAI,OAAA,MAAA,CACA,CAAA,EAEAP,EAAAV,iBAAA,QAAA,IACAe,EAAAC,gBAAA,EACAL,EAAAF,CAAA,EACAA,EAAAI,UAAAI,OAAA,MAAA,CACA,CAAA,EAGAX,EAAAN,iBAAA,QAAA,IACAe,EAAAC,gBAAA,CACA,CAAA,EAEAP,EAAAT,iBAAA,QAAA,IACAe,EAAAC,gBAAA,CACA,CAAA,EAGAX,SAAAL,iBAAA,QAAA,KApCAM,EAAAO,UAAAC,OAAA,MAAA,EACAL,EAAAI,UAAAC,OAAA,MAAA,CAqCA,CAAA,CACA,CAAA","file":"scripts.js","sourcesContent":["/**\r\n * Service Worker registration for PWA functionality\r\n * Registers a service worker to enable offline capabilities and PWA features\r\n */\r\nif ('serviceWorker' in navigator) {\r\n window.addEventListener('load', () => {\r\n navigator.serviceWorker.register('/service-worker.js')\r\n .then(() => {\r\n // Service Worker registered successfully\r\n })\r\n .catch(() => {\r\n // Service Worker registration failed\r\n });\r\n });\r\n}\r\n\r\n/**\r\n * Header toggle menus\r\n */\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n const integration = document.querySelector('.integration');\r\n const integrationToggle = document.querySelector('.integration__toggle');\r\n const extension = document.querySelector('.extension');\r\n const extensionToggle = document.querySelector('.extension__toggle');\r\n\r\n // Function to close all menus\r\n const closeAllMenus = () => {\r\n integration.classList.remove('open');\r\n extension.classList.remove('open');\r\n };\r\n\r\n // Function to close other menus except the one passed\r\n const closeOtherMenus = (exceptMenu) => {\r\n if (exceptMenu !== integration) {\r\n integration.classList.remove('open');\r\n }\r\n if (exceptMenu !== extension) {\r\n extension.classList.remove('open');\r\n }\r\n };\r\n\r\n integrationToggle.addEventListener('click', (e) => {\r\n e.stopPropagation(); // Prevent click from bubbling to document\r\n closeOtherMenus(integration);\r\n integration.classList.toggle('open');\r\n });\r\n\r\n extensionToggle.addEventListener('click', (e) => {\r\n e.stopPropagation(); // Prevent click from bubbling to document\r\n closeOtherMenus(extension);\r\n extension.classList.toggle('open');\r\n });\r\n\r\n // Prevent clicks inside menus from closing them\r\n integration.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n });\r\n\r\n extension.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n });\r\n\r\n // Close menus when clicking outside\r\n document.addEventListener('click', () => {\r\n closeAllMenus();\r\n });\r\n});"]}
\ No newline at end of file
+{"version":3,"sources":["scripts.js"],"names":["navigator","window","addEventListener","serviceWorker","register","then","catch","document","integration","querySelector","integrationToggle","extension","extensionToggle","closeOtherMenus","exceptMenu","classList","remove","e","stopPropagation","toggle","toastyElement","target","closest","header","contains","add"],"mappings":"AAIA,kBAAAA,WACAC,OAAAC,iBAAA,OAAA,KACAF,UAAAG,cAAAC,SAAA,oBAAA,EACAC,KAAA,MAEA,EACAC,MAAA,MAEA,CACA,CAAA,EAMAC,SAAAL,iBAAA,mBAAA,WACA,IAAAM,EAAAD,SAAAE,cAAA,cAAA,EACA,IAAAC,EAAAH,SAAAE,cAAA,sBAAA,EACA,IAAAE,EAAAJ,SAAAE,cAAA,YAAA,EACA,IAAAG,EAAAL,SAAAE,cAAA,oBAAA,EAGA,IAMAI,EAAA,IACAC,IAAAN,GACAA,EAAAO,UAAAC,OAAA,MAAA,EAEAF,IAAAH,GACAA,EAAAI,UAAAC,OAAA,MAAA,CAEA,EAEAN,EAAAR,iBAAA,QAAA,IACAe,EAAAC,gBAAA,EACAL,EAAAL,CAAA,EACAA,EAAAO,UAAAI,OAAA,MAAA,CACA,CAAA,EAEAP,EAAAV,iBAAA,QAAA,IACAe,EAAAC,gBAAA,EACAL,EAAAF,CAAA,EACAA,EAAAI,UAAAI,OAAA,MAAA,CACA,CAAA,EAGAX,EAAAN,iBAAA,QAAA,IACAe,EAAAC,gBAAA,CACA,CAAA,EAEAP,EAAAT,iBAAA,QAAA,IACAe,EAAAC,gBAAA,CACA,CAAA,EAGAX,SAAAL,iBAAA,QAAA,KApCAM,EAAAO,UAAAC,OAAA,MAAA,EACAL,EAAAI,UAAAC,OAAA,MAAA,CAqCA,CAAA,EAGAT,SAAAL,iBAAA,QAAA,IACAkB,EAAAH,EAAAI,OAAAC,QAAA,SAAA,EACAF,GACAA,EAAAJ,OAAA,CAEA,CAAA,EAGAT,SAAAL,iBAAA,QAAA,IACAe,EAAAI,OAAAC,QAAA,WAAA,KAEAC,EAAAhB,SAAAE,cAAA,QAAA,GACAM,UAAAS,SAAA,MAAA,EACAD,EAAAR,UAAAC,OAAA,MAAA,EAEAO,EAAAR,UAAAU,IAAA,MAAA,EAGA,CAAA,CACA,CAAA","file":"scripts.js","sourcesContent":["/**\r\n * Service Worker registration for PWA functionality\r\n * Registers a service worker to enable offline capabilities and PWA features\r\n */\r\nif ('serviceWorker' in navigator) {\r\n window.addEventListener('load', () => {\r\n navigator.serviceWorker.register('/service-worker.js')\r\n .then(() => {\r\n // Service Worker registered successfully\r\n })\r\n .catch(() => {\r\n // Service Worker registration failed\r\n });\r\n });\r\n}\r\n\r\n/**\r\n * Header toggle menus\r\n */\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n const integration = document.querySelector('.integration');\r\n const integrationToggle = document.querySelector('.integration__toggle');\r\n const extension = document.querySelector('.extension');\r\n const extensionToggle = document.querySelector('.extension__toggle');\r\n\r\n // Function to close all menus\r\n const closeAllMenus = () => {\r\n integration.classList.remove('open');\r\n extension.classList.remove('open');\r\n };\r\n\r\n // Function to close other menus except the one passed\r\n const closeOtherMenus = (exceptMenu) => {\r\n if (exceptMenu !== integration) {\r\n integration.classList.remove('open');\r\n }\r\n if (exceptMenu !== extension) {\r\n extension.classList.remove('open');\r\n }\r\n };\r\n\r\n integrationToggle.addEventListener('click', (e) => {\r\n e.stopPropagation(); // Prevent click from bubbling to document\r\n closeOtherMenus(integration);\r\n integration.classList.toggle('open');\r\n });\r\n\r\n extensionToggle.addEventListener('click', (e) => {\r\n e.stopPropagation(); // Prevent click from bubbling to document\r\n closeOtherMenus(extension);\r\n extension.classList.toggle('open');\r\n });\r\n\r\n // Prevent clicks inside menus from closing them\r\n integration.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n });\r\n\r\n extension.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n });\r\n\r\n // Close menus when clicking outside\r\n document.addEventListener('click', () => {\r\n closeAllMenus();\r\n });\r\n\r\n // Remove toasty elements when clicked\r\n document.addEventListener('click', (e) => {\r\n const toastyElement = e.target.closest('.toasty');\r\n if (toastyElement) {\r\n toastyElement.remove();\r\n }\r\n });\r\n\r\n // Toggle header open class when open-nav is clicked\r\n document.addEventListener('click', (e) => {\r\n const openNavElement = e.target.closest('.open-nav');\r\n if (openNavElement) {\r\n const header = document.querySelector('header');\r\n if (header.classList.contains('open')) {\r\n header.classList.remove('open');\r\n } else {\r\n header.classList.add('open');\r\n }\r\n }\r\n });\r\n});"]}
\ No newline at end of file
diff --git a/app/languages/de-de.php b/app/languages/de-de.php
index bc33c4a..23fc4ec 100644
--- a/app/languages/de-de.php
+++ b/app/languages/de-de.php
@@ -5,7 +5,7 @@ return [
'url_placeholder' => 'Adresse eingegeben (z.B., https://example.com)',
'analyze_button' => 'Analysiere',
'nav_integration' => 'Integrations',
- 'nav_extension' => 'Install the extension',
+ 'nav_extension' => 'Install',
'bookmarklet_title' => 'Zu Lesezeichen hinzufügen',
'bookmarklet_description' => 'Ziehe Sie die Schaltfläche unten in Ihre Lesezeichenleiste, um schnell auf zuzugreifen:',
'open_in' => 'Öffne {site_name}',
diff --git a/app/languages/en.php b/app/languages/en.php
index bad0dce..74eae3f 100644
--- a/app/languages/en.php
+++ b/app/languages/en.php
@@ -5,7 +5,7 @@ return [
'url_placeholder' => 'Enter URL (e.g., https://example.com)',
'analyze_button' => 'Analyze',
'nav_integration' => 'Integrations',
- 'nav_extension' => 'Install the extension',
+ 'nav_extension' => 'Install',
'bookmarklet_title' => 'Add to Bookmarks',
'bookmarklet_description' => 'Drag the button below to your bookmarks bar to quickly access on any page:',
'open_in' => 'Open in {site_name}',
diff --git a/app/languages/es.php b/app/languages/es.php
index be46efc..787513e 100644
--- a/app/languages/es.php
+++ b/app/languages/es.php
@@ -5,7 +5,7 @@ return [
'url_placeholder' => 'Ingrese URL (ej: https://ejemplo.com)',
'analyze_button' => 'Analizar',
'nav_integration' => 'Integraciones',
- 'nav_extension' => 'Instalar la extensión',
+ 'nav_extension' => 'Instalar',
'bookmarklet_title' => 'Agregar a Favoritos',
'bookmarklet_description' => 'Arrastra el botón a tu barra de favoritos para acceder rápidamente en cualquier página:',
'open_in' => 'Abrir en {site_name}',
diff --git a/app/languages/pt-br.php b/app/languages/pt-br.php
index 6b9df68..a67a62f 100644
--- a/app/languages/pt-br.php
+++ b/app/languages/pt-br.php
@@ -5,7 +5,7 @@ return [
'url_placeholder' => 'Digite a URL (ex: https://exemplo.com)',
'analyze_button' => 'Analisar',
'nav_integration' => 'Integrações',
- 'nav_extension' => 'Instale a extensão',
+ 'nav_extension' => 'Instale',
'bookmarklet_title' => 'Adicione aos Favoritos',
'bookmarklet_description' => 'Adicione aos favoritos arrastando o botão abaixo para sua barra de favoritos!',
'open_in' => 'Me arrasta',
diff --git a/app/languages/ru-ru.php b/app/languages/ru-ru.php
index fe53029..ec385c0 100644
--- a/app/languages/ru-ru.php
+++ b/app/languages/ru-ru.php
@@ -5,7 +5,7 @@ return [
'url_placeholder' => 'Введите URL (например, https://example.com)',
'analyze_button' => 'Анализировать',
'nav_integration' => 'Integrations',
- 'nav_extension' => 'Install the extension',
+ 'nav_extension' => 'Install',
'bookmarklet_title' => 'Добавить в закладки',
'bookmarklet_description' => 'Перетащите кнопку ниже на панель закладок, чтобы быстро получить доступ к на любой странице:',
'open_in' => 'Открыть в {site_name}',
diff --git a/app/src/views/home.php b/app/src/views/home.php
index 80768b4..cb88dae 100644
--- a/app/src/views/home.php
+++ b/app/src/views/home.php
@@ -26,8 +26,24 @@
+
+
+