@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{color:#2f3542;font-family:Montserrat,sans-serif;background-color:#f1f2f6}h1{font-size:6vw;font-weight:400}h1 span{display:inline-block;font-weight:600;transform:translateY(-20px)}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip]:before{padding:1vw 2vw;color:#f1f2f6;font-size:1vw;white-space:nowrap;border-radius:2vw;background-color:rgba(47,53,66,.9);content:attr(data-tooltip)}[data-tooltip]:after,[data-tooltip]:before{position:absolute;opacity:0;visibility:hidden;transition:all .325s ease-out}[data-tooltip]:after{width:0;height:0;border:8px solid transparent;content:""}[data-tooltip][tooltip-top]:before{left:50%;bottom:100%;transform:translate(-50%)}[data-tooltip][tooltip-top]:after{left:50%;bottom:100%;border-top-color:rgba(47,53,66,.9);transform:translate(-50%,16px)}[data-tooltip][tooltip-top]:hover:before{transform:translate(-50%,-11px)}[data-tooltip][tooltip-top]:hover:after{transform:translate(-50%,5px)}[data-tooltip][tooltip-bottom]:before{left:50%;top:100%;transform:translate(-50%)}[data-tooltip][tooltip-bottom]:after{left:50%;top:100%;border-bottom-color:rgba(47,53,66,.9);transform:translate(-50%,-16px)}[data-tooltip][tooltip-bottom]:hover:before{transform:translate(-50%,11px)}[data-tooltip][tooltip-bottom]:hover:after{transform:translate(-50%,-5px)}[data-tooltip][tooltip-right]:before{left:100%;top:50%;transform:translateY(-50%)}[data-tooltip][tooltip-right]:after{left:100%;top:50%;border-right-color:rgba(47,53,66,.9);transform:translate(-14px,-50%)}[data-tooltip][tooltip-right]:hover:before{transform:translate(11px,-50%)}[data-tooltip][tooltip-right]:hover:after{transform:translate(-3px,-50%)}[data-tooltip][tooltip-left]:before{right:100%;top:50%;transform:translateY(-50%)}[data-tooltip][tooltip-left]:after{right:100%;top:50%;border-left-color:rgba(47,53,66,.9);transform:translate(14px,-50%)}[data-tooltip][tooltip-left]:hover:before{transform:translate(-11px,-50%)}[data-tooltip][tooltip-left]:hover:after{transform:translate(3px,-50%)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(47,53,66,.8);z-index:100}.modal__box{margin:10vh auto;width:calc(100vw - 20vh);background-color:#f1f2f6;border-radius:1vw}.modal__box header{position:relative;padding:3.5vw 3vw 2.5vw;border-bottom:1px solid #a4b0be}.modal__box header h4{margin:0;font-size:3vw}.modal__box header .close{position:absolute;top:0;right:0;bottom:0;width:10vw;display:flex;justify-content:center;align-items:center;font-size:3vw;cursor:pointer}.modal__box section{padding:.5vw 0;font-size:1.5vw;height:auto;max-height:calc(80vh - 18vw);overflow:auto}.modal__box footer{display:flex;flex-direction:row-reverse;border-top:1px solid #a4b0be;padding:2.5vw 3vw}.modal__box footer button{cursor:pointer;margin-left:1.5vw;font-size:1.5vw;padding:1vw 2vw;border:1px solid #a4b0be;background-color:#f1f2f6;border-radius:3vw}.modal__box footer button.confirm{color:#f1f2f6;background-color:#2f3542}.modal__box footer button:last-child{margin-left:0}.modal__row{display:flex;padding:2vw 3vw;align-items:center;border-bottom:1px solid #d8dbe6}.modal__row:last-child{border:none}.modal__row label{font-weight:600;width:25vw}.tool{position:relative;display:flex;margin:0 auto;padding-top:10vw;flex-direction:column;justify-content:center;align-items:center}.tool:after{position:absolute;top:100%;left:50%;width:3.5vw;height:3.5vw;margin:-4.15vw 0 0 -1.8vw;border:2px solid transparent;border-top-color:#2f3542;border-radius:50%;content:"";pointer-events:none;opacity:0;transition:opacity .325s ease-in}.tool__controls{display:flex;align-items:center;margin-top:5vh;padding:0 2.5vw;font-size:1.25vw;width:100%;max-width:60vw}.tool__controls-device svg{margin-right:1vw}.tool__controls-incognito{margin:0 3vw}.tool__controls-edit{cursor:pointer;margin-left:auto}.tool__controls-edit svg{margin-left:.5vw;transform:translateY(1px)}.tool__url{margin-top:2vh;font-size:2vw;padding:1vw;font-family:Montserrat,sans-serif;color:#2f3542;width:100%;max-width:60vw;border:none;border-radius:5vw;outline:none;text-align:center;transition:width .5s ease-in-out,color .5s ease-in-out}.tool__result{margin-top:5vw;margin-bottom:10vw;max-width:80vw}.tool__result img{max-width:100%}.tool--is-working:after{opacity:1;transition:opacity .25s ease-in .5s;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.tool--is-working .tool__url{color:#fff;width:4.445vw}.tool--is-working .tool__url::-moz-placeholder{color:#fff}.tool--is-working .tool__url:-ms-input-placeholder{color:#fff}.tool--is-working .tool__url::placeholder{color:#fff}@-webkit-keyframes loading{to{transform:rotate(1turn)}}@keyframes loading{to{transform:rotate(1turn)}}.toggle{position:relative;width:8vw;height:3.5vw;border-radius:5vw;background-color:#fff;transition:background-color .325s ease-out;cursor:pointer}.toggle:after{position:absolute;top:.375vw;left:.375vw;width:2.75vw;height:2.75vw;border-radius:50%;background-color:#2f3542;transition:left .325s ease-out;content:""}.toggle.active{background-color:#a4b0be}.toggle.active:after{left:calc(100% - 3.25vw)}.smart-dropdown{position:relative;padding:1vw 1.5vw;font-size:1.25vw;border-radius:5vw;background-color:#fff;min-width:25vw;cursor:pointer;z-index:1}.smart-dropdown.open{z-index:2}.smart-dropdown:after{position:absolute;top:50%;right:1.5vw;width:.5vw;height:.5vw;border-right:1px solid #2f3542;border-bottom:1px solid #2f3542;transform:translateY(-50%) rotate(45deg);content:"";z-index:2}.smart-dropdown__options{display:none;position:absolute;top:100%;left:0;right:0;max-height:30vh;border-radius:.5vw;background-color:#fff;overflow:auto;opacity:0;visibility:hidden;transform:translateY(5vw);transition:all .325s ease-out;z-index:3}.open .smart-dropdown__options{transform:translateY(1vw);opacity:1;visibility:visible;display:block}.smart-dropdown__option{padding:1vw 1.5vw;border-bottom:1px solid #f1f2f6}.smart-dropdown__option:last-child{border:none}.smart-dropdown__option:hover{background-color:#a4b0be}.smart-dropdown__option--picked{background-color:#e0e4e9}#app{min-height:100vh}