diff --git a/app/assets/js/scripts.js b/app/assets/js/scripts.js index 3ab0dd9..eae9d73 100644 --- a/app/assets/js/scripts.js +++ b/app/assets/js/scripts.js @@ -85,4 +85,20 @@ document.addEventListener('DOMContentLoaded', function () { } } }); + + // Paste button functionality + const pasteButton = document.getElementById('paste'); + const urlInput = document.getElementById('url'); + + if (pasteButton && urlInput) { + pasteButton.addEventListener('click', async (e) => { + e.preventDefault(); + try { + const clipboardText = await navigator.clipboard.readText(); + urlInput.value = clipboardText.trim(); + } catch (err) { + console.error('Failed to read clipboard contents', err); + } + }); + } }); \ No newline at end of file diff --git a/app/assets/scss/_icons.scss b/app/assets/scss/_icons.scss index 43ec0fd..b51ccae 100644 --- a/app/assets/scss/_icons.scss +++ b/app/assets/scss/_icons.scss @@ -38,4 +38,6 @@ @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 +@include mixin.icon('close', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)'); + +@include mixin.icon('paste', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)'); \ No newline at end of file diff --git a/app/assets/scss/home.scss b/app/assets/scss/home.scss index 2a7215f..e4fafc1 100644 --- a/app/assets/scss/home.scss +++ b/app/assets/scss/home.scss @@ -496,6 +496,23 @@ main { } } + .paste { + background: rgb(244,244,245); + background: linear-gradient(90deg, rgba(244,244,245,0) 0%, rgba(244,244,245,1) 30%, rgba(244,244,245,1) 100%); + align-items: center; + z-index: 3; + position: absolute; + top: 4px; + padding: 0 18px 0 22px; + right: 50px; + cursor: pointer; + height: 48px; + display: flex; + .icon { + + } + } + button { position: relative; background-color: var(--marreta); diff --git a/app/dist/css/style.css b/app/dist/css/style.css index 8226b46..87552d8 100644 --- a/app/dist/css/style.css +++ b/app/dist/css/style.css @@ -1,2 +1,2 @@ -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)} +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 .paste{background:#f4f4f5;background:linear-gradient(90deg,rgba(244,244,245,0) 0,#f4f4f5 30%,#f4f4f5 100%);align-items:center;z-index:3;position:absolute;top:4px;padding:0 18px 0 22px;right:50px;cursor:pointer;height:48px;display:flex}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%)}.icon--paste{background-image:url(../dist/icons/paste.svg);filter:invert(0) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)}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 .paste{background:#f4f4f5;background:linear-gradient(90deg,rgba(244,244,245,0) 0,#f4f4f5 30%,#f4f4f5 100%);align-items:center;z-index:3;position:absolute;top:4px;padding:0 18px 0 22px;right:50px;cursor:pointer;height:48px;display:flex}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 a38c4f8..6a29708 100644 --- a/app/dist/css/style.css.map +++ b/app/dist/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["home.scss","_mixin.scss","../../node_modules/normalize.css/normalize.css","_fonts.scss","_root.scss","_base.scss","_icons.scss"],"names":[],"mappings":"AAEA,KACI,QAAA,KAAA,EAAA,EAAA,ECQF,0CDTF,KAGQ,QAAA,KAAA,EAAA,KAAA,GAIR,QACI,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,SAAA,SACA,IAAA,KACA,KAAA,KACA,MAAA,KACA,MAAA,KACA,QAAA,KACA,MAAA,KACA,QAAA,KACA,QAAA,KACA,gBAAA,cACA,YAAA,OACA,OAAA,QAGI,qBACI,MAAA,KACA,OAAA,KAGR,UACI,QAAA,EACA,OAAA,EACA,UAAA,KACA,YAAA,MC3BN,0CDFF,QAiCQ,UAAA,MACA,KAAA,IACA,YAAA,QAGJ,eACI,iBAAA,QAGJ,iBACI,iBAAA,QAIR,OACI,QAAA,KACA,sBAAA,KAAA,IAAA,IACA,YAAA,OACA,QAAA,EAAA,EAAA,KAAA,ECjDF,0CD6CF,OAOQ,sBAAA,IAAA,IAAA,KAKI,+BACI,iBAAA,KAKA,wCACI,QAAA,KAEJ,mCACI,QAAA,MAIZ,gBACI,QAAA,KAIA,qCACI,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eAKZ,iBACI,OAAA,QACA,SAAA,SACA,QAAA,IACA,cAAA,KACA,uBACI,MAAA,KACA,OAAA,KACA,mCACI,QAAA,MAEJ,8BACI,QAAA,KC9Fd,0CDkFE,iBAgBQ,QAAA,MAIR,cACI,QAAA,KACA,YAAA,OAEA,oBACI,aAAA,IAEA,6BACI,MAAA,KACA,OAAA,KAIR,iBACI,YAAA,wBACA,MAAA,KAIR,WACI,QAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,EACA,OAAA,EACA,iBAAA,eACA,QAAA,yBAAA,yBAAA,mCAAA,yBACA,QAAA,IACA,YAAA,SACA,eAAA,OACA,gBAAA,IAEA,aACI,MAAA,KCxIV,0CDuIM,aAGQ,MAAA,MC1Id,0CDyHE,WAsBQ,QAAA,EACA,QAAA,KACA,SAAA,SACA,KAAA,QACA,MAAA,QACA,OAAA,QACA,IAAA,QACA,iBAAA,YACA,QAAA,EACA,gBAAA,OACA,YAAA,OACA,eAAA,QACA,IAAA,MAGJ,aACI,QAAA,MACA,UAAA,KACA,QAAA,KAAA,EACA,cAAA,IAAA,MAAA,sBACA,MAAA,KACA,gBAAA,KCpKV,0CD8JM,aASQ,MAAA,KACA,UAAA,QACA,QAAA,EACA,cAAA,GAGJ,mBACI,MAAA,KC9Kd,0CD6KU,mBAGQ,MAAA,SAKZ,wBACI,SAAA,SACA,YAAA,KCvLV,0CDqLM,wBAKQ,YAAA,GAGJ,gCACI,WAAA,IACA,OAAA,KACA,MAAA,qBACA,QAAA,ECjMd,0CD6LU,gCAMQ,MAAA,KACA,OAAA,SAGJ,sCACI,MAAA,qBCxMlB,0CDuMc,sCAGQ,MAAA,SC1MtB,0CD+MU,8BAEQ,SAAA,SACA,IAAA,KACA,KAAA,EACA,cAAA,KACA,iBAAA,QACA,OAAA,IAAA,MAAA,QACA,QAAA,GACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,WAAA,IAAA,yBACA,WAAA,EACA,QAAA,EACA,SAAA,QAGJ,gCACI,UAAA,KACA,cAAA,EACA,WAAA,IACA,QAAA,KAAA,EAAA,EAAA,EACA,QAAA,KACA,YAAA,OACA,MAAA,KACA,YAAA,IC1OlB,0CDkOc,gCAWQ,iBAAA,KACA,WAAA,EACA,cAAA,IACA,QAAA,IAAA,KACA,UAAA,iBACA,MAAA,aAGJ,4CACI,uBAAA,KACA,wBAAA,KAGJ,2CACI,cAAA,EACA,0BAAA,KACA,2BAAA,KAGJ,sCACI,MAAA,eAGJ,qCACI,QAAA,aAIR,oCACI,MAAA,KACA,OAAA,KACA,MAAA,EC5QlB,0CDyQc,oCAMQ,MAAA,EACA,MAAA,KACA,OAAA,MAIR,oCACI,MAAA,EACA,YAAA,IACA,aAAA,KCxRlB,0CDqRc,oCAMQ,MAAA,EACA,aAAA,EACA,MAAA,MACA,YAAA,oBAMR,gDACI,WAAA,MACA,QAAA,EAGJ,oCACI,IAAA,IACA,UAAA,eAIR,+BACI,QAAA,KACA,SAAA,SACA,IAAA,KACA,QAAA,GACA,MAAA,IACA,OAAA,IACA,aAAA,IAAA,MAAA,KACA,WAAA,IAAA,MAAA,KACA,UAAA,eACA,aAAA,EACA,YAAA,KC1Td,0CD+SU,+BAcQ,QAAA,cAMhB,kBACI,QAAA,KACA,gBAAA,SACA,SAAA,SACA,QAAA,IAEA,0BACI,iBAAA,eACA,cAAA,KACA,OAAA,EACA,OAAA,QACA,MAAA,KACA,YAAA,IACA,QAAA,KAAA,KACA,YAAA,MAEA,gCACI,iBAAA,sBAIR,wBACI,SAAA,SACA,IAAA,KACA,MAAA,EACA,cAAA,KACA,iBAAA,QACA,OAAA,IAAA,MAAA,QACA,QAAA,GACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,WAAA,IAAA,yBACA,WAAA,EACA,QAAA,EACA,SAAA,OAEA,0BACI,cAAA,IAaA,MAAA,YACA,YAAA,IACA,QAAA,MACA,QAAA,IAAA,KACA,iBAAA,KACA,QAAA,KACA,YAAA,OAjBA,sCACI,uBAAA,KACA,wBAAA,KAGJ,qCACI,cAAA,EACA,0BAAA,KACA,2BAAA,KAWJ,gCACI,MAAA,eAGJ,+BACI,QAAA,aAIR,8BACI,MAAA,MAKJ,0CACI,iBAAA,QACA,MAAA,iBAGJ,wCACI,WAAA,MACA,QAAA,EAOZ,kBACI,SAAA,SACA,QAAA,EACA,YAAA,wBACA,UAAA,KACA,YAAA,QACA,WAAA,OACA,MAAA,KACA,UAAA,MACA,OAAA,EAAA,KAGJ,sBACI,SAAA,SACA,QAAA,EACA,UAAA,MACA,OAAA,KAAA,KACA,WAAA,OAEA,2BACI,MAAA,iBAIR,UACI,QAAA,EACA,SAAA,SAEA,kBAcI,UAAA,MACA,OAAA,EAAA,KACA,SAAA,SAfA,0BACI,QAAA,GACA,iBAAA,+BACA,kBAAA,UACA,gBAAA,KAAA,KACA,MAAA,MACA,OAAA,MACA,SAAA,SACA,IAAA,OACA,MAAA,OACA,QAAA,EAOJ,yBACI,SAAA,SACA,QAAA,EACA,cAAA,KACA,YAAA,IAEA,+BACI,QAAA,EAEA,qCACI,SAAA,SACA,IAAA,IACA,KAAA,KACA,WAAA,KAIR,+BACI,iBAAA,QACA,QAAA,KAAA,EAAA,KAAA,KACA,OAAA,EACA,cAAA,IACA,MAAA,KACA,WAAA,WACA,SAAA,SACA,YAAA,MAIR,yBACI,SAAA,SACA,iBAAA,eACA,cAAA,IACA,OAAA,KACA,MAAA,KACA,OAAA,EACA,QAAA,EACA,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,QAEA,+BACI,iBAAA,sBAGJ,+BACI,MAAA,KACA,OAAA,KAEA,wCAAA,wCAEI,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eAOpB,cACI,MAAA,iBACA,UAAA,KACA,YAAA,MACA,WAAA,OACA,UAAA,MACA,SAAA,SACA,QAAA,EACA,OAAA,KAAA,KAAA,EAAA,KAGJ,WACI,QAAA,EACA,SAAA,SACA,iBAAA,QACA,YAAA,oCACA,aAAA,oCCrhBN,0CDghBE,WAQQ,iBAAA,YACA,QAAA,KACA,kBAAA,IACA,sBAAA,IAAA,IACA,IAAA,EAAA,KACA,YAAA,MACA,UAAA,MACA,OAAA,KAAA,KAAA,EAAA,MAGJ,cACI,UAAA,KACA,eAAA,IACA,OAAA,EAEA,oBACI,aAAA,KAIR,iBACI,UAAA,KACA,MAAA,iBACA,aAAA,KAEA,oBACI,aAAA,KACA,OAAA,EAGJ,mBACI,OAAA,EACA,cAAA,KAGJ,wBACI,YAAA,IACA,MAAA,YAIR,uBACI,WAAA,KACA,QAAA,yBCnkBV,0CDikBM,uBAKQ,QAAA,EACA,WAAA,GAIR,wBACI,QAAA,KC5kBV,0CD2kBM,wBAIQ,QAAA,OAGJ,0BACI,OAAA,IAAA,MAAA,eACA,MAAA,eACA,cAAA,KACA,QAAA,IAAA,KACA,WAAA,KACA,QAAA,aACA,YAAA,IAEA,gCACI,aAAA,sBACA,MAAA,sBExmBpB,4EAUA,KACE,YAAA,KACA,yBAAA,KAUF,KACE,OAAA,EAOF,KACE,QAAA,MAQF,GACE,UAAA,IACA,OAAA,MAAA,EAWF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAQF,IACE,YAAA,SAAA,CAAA,UACA,UAAA,IAUF,EACE,iBAAA,YAQF,YACE,cAAA,KACA,gBAAA,UACA,gBAAA,UAAA,OAOF,EAAA,OAEE,YAAA,OAQF,KAAA,IAAA,KAGE,YAAA,SAAA,CAAA,UACA,UAAA,IAOF,MACE,UAAA,IAQF,IAAA,IAEE,UAAA,IACA,YAAA,EACA,SAAA,SACA,eAAA,SAGF,IACE,OAAA,OAGF,IACE,IAAA,MAUF,IACE,aAAA,KAWF,OAAA,MAAA,SAAA,OAAA,SAKE,YAAA,QACA,UAAA,KACA,YAAA,KACA,OAAA,EAQF,OAAA,MAEE,SAAA,QAQF,OAAA,OAEE,eAAA,KAOF,cAAA,aAAA,cAAA,OAIE,mBAAA,OAOF,gCAAA,+BAAA,gCAAA,yBAIE,aAAA,KACA,QAAA,EAOF,6BAAA,4BAAA,6BAAA,sBAIE,QAAA,IAAA,OAAA,WAOF,SACE,QAAA,MAAA,MAAA,OAUF,OACE,WAAA,WACA,MAAA,QACA,QAAA,MACA,UAAA,KACA,QAAA,EACA,YAAA,OAOF,SACE,eAAA,SAOF,SACE,SAAA,KAQF,gBAAA,aAEE,WAAA,WACA,QAAA,EAOF,yCAAA,yCAEE,OAAA,KAQF,cACE,mBAAA,UACA,eAAA,KAOF,yCACE,mBAAA,KAQF,6BACE,mBAAA,OACA,KAAA,QAUF,QACE,QAAA,MAOF,QACE,QAAA,UAUF,SACE,QAAA,KAOF,SACE,QAAA,KC3VF,WACI,YAAA,MACA,IAAA,iCACA,IAAA,qBAAA,CAAA,qBAAA,CAAA,mCAAA,eAAA,CAAA,kCAAA,cAAA,CAAA,iCAAA,mBAIA,YAAA,IACA,WAAA,OACA,aAAA,KAGJ,WACI,YAAA,MACA,IAAA,iCACA,IAAA,uBAAA,CAAA,uBAAA,CAAA,mCAAA,eAAA,CAAA,kCAAA,cAAA,CAAA,iCAAA,mBAIA,YAAA,IACA,WAAA,OACA,aAAA,KAGJ,WACI,YAAA,KACA,IAAA,gCACA,IAAA,qBAAA,CAAA,qBAAA,CAAA,kCAAA,eAAA,CAAA,iCAAA,cAAA,CAAA,gCAAA,mBAIA,YAAA,IACA,WAAA,OACA,aAAA,KC/BJ,MACC,yBAAA,aAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,mBAaA,wBAAA,cAAA,CAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,UAMA,oBAAA,QACG,mBAAA,OAEH,YAAA,KACA,cAAA,IACA,cAAA,KHvBG,UAAA,QACA,kBAAA,mDACA,iBAAA,kDAFA,OAAA,QACA,eAAA,yBACA,cAAA,sBAFA,YAAA,QACA,oBAAA,4BACA,mBAAA,yBAFA,OAAA,QACA,eAAA,mDACA,cAAA,kDG4BH,oBAAA,KHvBC,0CGTF,MAkCQ,oBAAA,MAIR,KACC,gBAAA,OAED,kDACC,KACC,gBAAA,MC3CF,KACC,YAAA,yBACA,UAAA,iBACA,YAAA,mBACA,YAAA,mBACA,MAAA,YACA,WAAA,KACA,iBAAA,kBACA,UAAA,MAGD,EACC,gBAAA,KACA,MAAA,YAEA,QACC,gBAAA,KACA,MAAA,oBAIF,WACC,cAAA,yBACA,aAAA,yBACA,aAAA,KACA,YAAA,KACG,SAAA,OJjBF,0CIYF,WAQQ,UAAA,QCtBR,MACI,QAAA,aACA,eAAA,QACA,KAAA,aACA,MAAA,KACA,OAAA,KACA,kBAAA,UACA,oBAAA,OAAA,OACA,gBAAA,KAAA,KACA,gBACI,gBAAA,KAAA,eLDP,eACC,iBAAA,+BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,gBAAA,cAFP,gBACC,iBAAA,gCACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,iBAAA,cAFP,eACC,iBAAA,+BACM,OAAA,YAAA,WAAA,eAAA,kBAAA,gBAAA,cAFP,aACC,iBAAA,6BACM,OAAA,UAAA,WAAA,gBAAA,kBAAA,gBAAA,cAFP,YACC,iBAAA,4BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,gBAAA,eAFP,gBACC,iBAAA,gCACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,gBAAA,cAFP,cACC,iBAAA,8BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,iBAAA,cAFP,eACC,iBAAA,+BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,iBAAA,eAFP,YACC,iBAAA,4BACM,OAAA,YAAA,WAAA,cAAA,kBAAA,gBAAA,cAFP,eACC,iBAAA,+BACM,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eAFP,aACC,iBAAA,6BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,gBAAA,cAFP,eACC,iBAAA,+BACM,OAAA,YAAA,WAAA,gBAAA,mBAAA,iBAAA,eAFP,kBACC,iBAAA,kCACM,OAAA,UAAA,WAAA,gBAAA,kBAAA,gBAAA,cAFP,aACC,iBAAA,6BACM,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eDlBR,KACI,QAAA,KAAA,EAAA,EAAA,ECQF,0CDTF,KAGQ,QAAA,KAAA,EAAA,KAAA,GAIR,QACI,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,SAAA,SACA,IAAA,KACA,KAAA,KACA,MAAA,KACA,MAAA,KACA,QAAA,KACA,MAAA,KACA,QAAA,KACA,QAAA,KACA,gBAAA,cACA,YAAA,OACA,OAAA,QAGI,qBACI,MAAA,KACA,OAAA,KAGR,UACI,QAAA,EACA,OAAA,EACA,UAAA,KACA,YAAA,MC3BN,0CDFF,QAiCQ,UAAA,MACA,KAAA,IACA,YAAA,QAGJ,eACI,iBAAA,QAGJ,iBACI,iBAAA,QAIR,OACI,QAAA,KACA,sBAAA,KAAA,IAAA,IACA,YAAA,OACA,QAAA,EAAA,EAAA,KAAA,ECjDF,0CD6CF,OAOQ,sBAAA,IAAA,IAAA,KAKI,+BACI,iBAAA,KAKA,wCACI,QAAA,KAEJ,mCACI,QAAA,MAIZ,gBACI,QAAA,KAIA,qCACI,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eAKZ,iBACI,OAAA,QACA,SAAA,SACA,QAAA,IACA,cAAA,KACA,uBACI,MAAA,KACA,OAAA,KACA,mCACI,QAAA,MAEJ,8BACI,QAAA,KC9Fd,0CDkFE,iBAgBQ,QAAA,MAIR,cACI,QAAA,KACA,YAAA,OAEA,oBACI,aAAA,IAEA,6BACI,MAAA,KACA,OAAA,KAIR,iBACI,YAAA,wBACA,MAAA,KAIR,WACI,QAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,EACA,OAAA,EACA,iBAAA,eACA,QAAA,yBAAA,yBAAA,mCAAA,yBACA,QAAA,IACA,YAAA,SACA,eAAA,OACA,gBAAA,IAEA,aACI,MAAA,KCxIV,0CDuIM,aAGQ,MAAA,MC1Id,0CDyHE,WAsBQ,QAAA,EACA,QAAA,KACA,SAAA,SACA,KAAA,QACA,MAAA,QACA,OAAA,QACA,IAAA,QACA,iBAAA,YACA,QAAA,EACA,gBAAA,OACA,YAAA,OACA,eAAA,QACA,IAAA,MAGJ,aACI,QAAA,MACA,UAAA,KACA,QAAA,KAAA,EACA,cAAA,IAAA,MAAA,sBACA,MAAA,KACA,gBAAA,KCpKV,0CD8JM,aASQ,MAAA,KACA,UAAA,QACA,QAAA,EACA,cAAA,GAGJ,mBACI,MAAA,KC9Kd,0CD6KU,mBAGQ,MAAA,SAKZ,wBACI,SAAA,SACA,YAAA,KCvLV,0CDqLM,wBAKQ,YAAA,GAGJ,gCACI,WAAA,IACA,OAAA,KACA,MAAA,qBACA,QAAA,ECjMd,0CD6LU,gCAMQ,MAAA,KACA,OAAA,SAGJ,sCACI,MAAA,qBCxMlB,0CDuMc,sCAGQ,MAAA,SC1MtB,0CD+MU,8BAEQ,SAAA,SACA,IAAA,KACA,KAAA,EACA,cAAA,KACA,iBAAA,QACA,OAAA,IAAA,MAAA,QACA,QAAA,GACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,WAAA,IAAA,yBACA,WAAA,EACA,QAAA,EACA,SAAA,QAGJ,gCACI,UAAA,KACA,cAAA,EACA,WAAA,IACA,QAAA,KAAA,EAAA,EAAA,EACA,QAAA,KACA,YAAA,OACA,MAAA,KACA,YAAA,IC1OlB,0CDkOc,gCAWQ,iBAAA,KACA,WAAA,EACA,cAAA,IACA,QAAA,IAAA,KACA,UAAA,iBACA,MAAA,aAGJ,4CACI,uBAAA,KACA,wBAAA,KAGJ,2CACI,cAAA,EACA,0BAAA,KACA,2BAAA,KAGJ,sCACI,MAAA,eAGJ,qCACI,QAAA,aAIR,oCACI,MAAA,KACA,OAAA,KACA,MAAA,EC5QlB,0CDyQc,oCAMQ,MAAA,EACA,MAAA,KACA,OAAA,MAIR,oCACI,MAAA,EACA,YAAA,IACA,aAAA,KCxRlB,0CDqRc,oCAMQ,MAAA,EACA,aAAA,EACA,MAAA,MACA,YAAA,oBAMR,gDACI,WAAA,MACA,QAAA,EAGJ,oCACI,IAAA,IACA,UAAA,eAIR,+BACI,QAAA,KACA,SAAA,SACA,IAAA,KACA,QAAA,GACA,MAAA,IACA,OAAA,IACA,aAAA,IAAA,MAAA,KACA,WAAA,IAAA,MAAA,KACA,UAAA,eACA,aAAA,EACA,YAAA,KC1Td,0CD+SU,+BAcQ,QAAA,cAMhB,kBACI,QAAA,KACA,gBAAA,SACA,SAAA,SACA,QAAA,IAEA,0BACI,iBAAA,eACA,cAAA,KACA,OAAA,EACA,OAAA,QACA,MAAA,KACA,YAAA,IACA,QAAA,KAAA,KACA,YAAA,MAEA,gCACI,iBAAA,sBAIR,wBACI,SAAA,SACA,IAAA,KACA,MAAA,EACA,cAAA,KACA,iBAAA,QACA,OAAA,IAAA,MAAA,QACA,QAAA,GACA,WAAA,EAAA,IAAA,IAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,EAAA,KAAA,KAAA,EAAA,gBACA,WAAA,EAAA,KAAA,KAAA,EAAA,eACA,WAAA,WAAA,IAAA,yBACA,WAAA,EACA,QAAA,EACA,SAAA,OAEA,0BACI,cAAA,IAaA,MAAA,YACA,YAAA,IACA,QAAA,MACA,QAAA,IAAA,KACA,iBAAA,KACA,QAAA,KACA,YAAA,OAjBA,sCACI,uBAAA,KACA,wBAAA,KAGJ,qCACI,cAAA,EACA,0BAAA,KACA,2BAAA,KAWJ,gCACI,MAAA,eAGJ,+BACI,QAAA,aAIR,8BACI,MAAA,MAKJ,0CACI,iBAAA,QACA,MAAA,iBAGJ,wCACI,WAAA,MACA,QAAA,EAOZ,kBACI,SAAA,SACA,QAAA,EACA,YAAA,wBACA,UAAA,KACA,YAAA,QACA,WAAA,OACA,MAAA,KACA,UAAA,MACA,OAAA,EAAA,KAGJ,sBACI,SAAA,SACA,QAAA,EACA,UAAA,MACA,OAAA,KAAA,KACA,WAAA,OAEA,2BACI,MAAA,iBAIR,UACI,QAAA,EACA,SAAA,SAEA,kBAcI,UAAA,MACA,OAAA,EAAA,KACA,SAAA,SAfA,0BACI,QAAA,GACA,iBAAA,+BACA,kBAAA,UACA,gBAAA,KAAA,KACA,MAAA,MACA,OAAA,MACA,SAAA,SACA,IAAA,OACA,MAAA,OACA,QAAA,EAOJ,yBACI,SAAA,SACA,QAAA,EACA,cAAA,KACA,YAAA,IAEA,+BACI,QAAA,EAEA,qCACI,SAAA,SACA,IAAA,IACA,KAAA,KACA,WAAA,KAIR,+BACI,iBAAA,QACA,QAAA,KAAA,EAAA,KAAA,KACA,OAAA,EACA,cAAA,IACA,MAAA,KACA,WAAA,WACA,SAAA,SACA,YAAA,MAIR,yBACI,SAAA,SACA,iBAAA,eACA,cAAA,IACA,OAAA,KACA,MAAA,KACA,OAAA,EACA,QAAA,EACA,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,QAEA,+BACI,iBAAA,sBAGJ,+BACI,MAAA,KACA,OAAA,KAEA,wCAAA,wCAEI,OAAA,aAAA,WAAA,aAAA,kBAAA,iBAAA,eAOpB,cACI,MAAA,iBACA,UAAA,KACA,YAAA,MACA,WAAA,OACA,UAAA,MACA,SAAA,SACA,QAAA,EACA,OAAA,KAAA,KAAA,EAAA,KAGJ,WACI,QAAA,EACA,SAAA,SACA,iBAAA,QACA,YAAA,oCACA,aAAA,oCCrhBN,0CDghBE,WAQQ,iBAAA,YACA,QAAA,KACA,kBAAA,IACA,sBAAA,IAAA,IACA,IAAA,EAAA,KACA,YAAA,MACA,UAAA,MACA,OAAA,KAAA,KAAA,EAAA,MAGJ,cACI,UAAA,KACA,eAAA,IACA,OAAA,EAEA,oBACI,aAAA,KAIR,iBACI,UAAA,KACA,MAAA,iBACA,aAAA,KAEA,oBACI,aAAA,KACA,OAAA,EAGJ,mBACI,OAAA,EACA,cAAA,KAGJ,wBACI,YAAA,IACA,MAAA,YAIR,uBACI,WAAA,KACA,QAAA,yBCnkBV,0CDikBM,uBAKQ,QAAA,EACA,WAAA,GAIR,wBACI,QAAA,KC5kBV,0CD2kBM,wBAIQ,QAAA,OAGJ,0BACI,OAAA,IAAA,MAAA,eACA,MAAA,eACA,cAAA,KACA,QAAA,IAAA,KACA,WAAA,KACA,QAAA,aACA,YAAA,IAEA,gCACI,aAAA,sBACA,MAAA","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 +{"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 .paste {\r\n background: rgb(244,244,245);\r\n background: linear-gradient(90deg, rgba(244,244,245,0) 0%, rgba(244,244,245,1) 30%, rgba(244,244,245,1) 100%);\r\n align-items: center;\r\n z-index: 3;\r\n position: absolute;\r\n top: 4px;\r\n padding: 0 18px 0 22px;\r\n right: 50px;\r\n cursor: pointer;\r\n height: 48px;\r\n display: flex;\r\n .icon {\r\n\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%)');\r\n\r\n@include mixin.icon('paste', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');"]} \ No newline at end of file diff --git a/app/dist/icons/paste.svg b/app/dist/icons/paste.svg new file mode 100644 index 0000000..aab4668 --- /dev/null +++ b/app/dist/icons/paste.svg @@ -0,0 +1,3 @@ +<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M3.33333 2.66667H3.45333C3.72667 3.44 4.46 4 5.33333 4H6.66667C7.53333 4 8.26667 3.44 8.54667 2.66667H8.66667C9.58 2.66667 10.3733 3.28 10.6067 4.16667C10.7 4.52667 11.06 4.74 11.42 4.64667C11.7733 4.55333 11.9933 4.19333 11.9 3.83333C11.52 2.36 10.1933 1.33333 8.67333 1.33333H8.56C8.28667 0.56 7.54667 0 6.67333 0H5.34C4.47333 0 3.72667 0.56 3.45333 1.33333H3.34C1.49333 1.33333 0 2.82667 0 4.66667V12.6667C0 14.5067 1.49333 16 3.33333 16H5.33333C5.7 16 6 15.7 6 15.3333C6 14.9667 5.7 14.6667 5.33333 14.6667H3.33333C2.23333 14.6667 1.33333 13.7667 1.33333 12.6667V4.66667C1.33333 3.56667 2.23333 2.66667 3.33333 2.66667ZM5.33333 1.33333H6.66667C7.03333 1.33333 7.33333 1.63333 7.33333 2C7.33333 2.36667 7.03333 2.66667 6.66667 2.66667H5.33333C4.96667 2.66667 4.66667 2.36667 4.66667 2C4.66667 1.63333 4.96667 1.33333 5.33333 1.33333ZM13.3333 6H10C8.52667 6 7.33333 7.19333 7.33333 8.66667V13.3333C7.33333 14.8067 8.52667 16 10 16H13.3333C14.8067 16 16 14.8067 16 13.3333V8.66667C16 7.19333 14.8067 6 13.3333 6ZM14.6667 13.3333C14.6667 14.0667 14.0667 14.6667 13.3333 14.6667H10C9.26667 14.6667 8.66667 14.0667 8.66667 13.3333V8.66667C8.66667 7.93333 9.26667 7.33333 10 7.33333H13.3333C14.0667 7.33333 14.6667 7.93333 14.6667 8.66667V13.3333ZM13.3333 9.33333C13.3333 9.7 13.0333 10 12.6667 10H10.6667C10.3 10 10 9.7 10 9.33333C10 8.96667 10.3 8.66667 10.6667 8.66667H12.6667C13.0333 8.66667 13.3333 8.96667 13.3333 9.33333ZM13.3333 12C13.3333 12.3667 13.0333 12.6667 12.6667 12.6667H10.6667C10.3 12.6667 10 12.3667 10 12C10 11.6333 10.3 11.3333 10.6667 11.3333H12.6667C13.0333 11.3333 13.3333 11.6333 13.3333 12Z" fill="black"/> +</svg> diff --git a/app/dist/js/scripts.js b/app/dist/js/scripts.js index 7b03050..411b0cb 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 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"))})}); +"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")}),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"))});e=document.getElementById("paste");let a=document.getElementById("url");e&&a&&e.addEventListener("click",async e=>{e.preventDefault();try{var t=await navigator.clipboard.readText();a.value=t.trim()}catch(e){console.error("Failed to read clipboard contents",e)}})}); //# sourceMappingURL=scripts.js.map diff --git a/app/dist/js/scripts.js.map b/app/dist/js/scripts.js.map index 6563178..e7a973b 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","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 +{"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","pasteButton","getElementById","urlInput","async","preventDefault","clipboardText","await","clipboard","readText","value","trim","err","console","error"],"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,EAGAC,EAAAnB,SAAAoB,eAAA,OAAA,EACA,IAAAC,EAAArB,SAAAoB,eAAA,KAAA,EAEAD,GAAAE,GACAF,EAAAxB,iBAAA,QAAA2B,MAAAZ,IACAA,EAAAa,eAAA,EACA,IACA,IAAAC,EAAAC,MAAAhC,UAAAiC,UAAAC,SAAA,EACAN,EAAAO,MAAAJ,EAAAK,KAAA,CAGA,CAFA,MAAAC,GACAC,QAAAC,MAAA,oCAAAF,CAAA,CACA,CACA,CAAA,CAEA,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\r\n // Paste button functionality\r\n const pasteButton = document.getElementById('paste');\r\n const urlInput = document.getElementById('url');\r\n\r\n if (pasteButton && urlInput) {\r\n pasteButton.addEventListener('click', async (e) => {\r\n e.preventDefault();\r\n try {\r\n const clipboardText = await navigator.clipboard.readText();\r\n urlInput.value = clipboardText.trim();\r\n } catch (err) {\r\n console.error('Failed to read clipboard contents', err);\r\n }\r\n });\r\n }\r\n});"]} \ No newline at end of file diff --git a/app/src/views/home.php b/app/src/views/home.php index cb88dae..8d8248e 100644 --- a/app/src/views/home.php +++ b/app/src/views/home.php @@ -86,6 +86,7 @@ required pattern="https?://.+" title="<?php echo \Inc\Language::getMessage('INVALID_URL')['message']; ?>"> + <span class="paste" id="paste"><span class="icon icon--paste"></span></span> </div> <button type="submit" alt="<?php echo \Inc\Language::get('analyze_button'); ?>"> <span class="icon icon--marreta"></span>