:root{--primary: #03a9f4;--info: var(--primary);--warning: #f4aa03;--alert: #ca2702;--background: #f5f5f5;--color: #111;--shade1: #e8e8e8;--shade2: #d0d0d0;--diff-site-width: 375;--diff-site-device-height: 667;--diff-site-height: 15000;--diff-site-shift-left: 0;--diff-site-shift-right: 0;--diff-site-opacity-right: 1;--swipe-handle-position: 200}@media(prefers-color-scheme: dark){:root{--background: #222;--color: #f5f5f5;--shade1: #333;--shade2: #444}}.theme-dark{--background: #222;--color: #f5f5f5;--shade1: #333;--shade2: #444}@media(prefers-color-scheme: dark){.theme-dark{--background: #f5f5f5;--color: #111;--shade1: #e8e8e8;--shade2: #d0d0d0}}body{margin:0;font-size:1.2rem;font-family:"Noto Sans",sans-serif;background-color:var(--background);color:var(--color);transition:color .2s,background-color .2s}body,body *{box-sizing:border-box}.top-links{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:2rem 2rem 0}.url-inputs{display:flex;flex-flow:row nowrap;align-items:center;width:100%;max-width:800px;margin:0 auto}.url-inputs span.mode-switch{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;border-radius:50%;font-weight:700;cursor:pointer;transition:background-color .2s}.url-inputs span.mode-switch::after{content:"vs."}.url-inputs span.mode-switch:hover{background-color:var(--shade1)}.url-inputs span.mode-switch:hover::after{content:"⚡"}.url-inputs span.mode-switch--amp,.url-inputs span.mode-switch--amp:hover{background-color:var(--primary)}.url-inputs span.mode-switch--amp::after{content:"⚡"}.url-inputs .label-group{flex:1 1 0%}.settings-section{display:flex;flex-flow:column nowrap;align-items:center;padding-top:1rem}.settings-section .settings-container{width:100%;max-width:800px;max-height:0;margin:.5rem auto;overflow:hidden;transition:max-height .2s}.settings-section .settings-container--active{max-height:100rem}.config-section{display:flex;flex-flow:row wrap;justify-content:center;margin:1rem auto 0;padding:0 1rem;background:var(--shade1)}.config-section--sticky{box-shadow:0 0 2rem rgba(0,0,0,.3);margin:0;z-index:10}.shift-section-wrapper{padding-top:20rem}.shift-section{display:flex;flex-flow:column nowrap;align-items:center;width:4rem;border-radius:.5rem;overflow:hidden;background:var(--shade2);z-index:10}.shift-section .shift-input{display:grid;grid-template-columns:1fr 1fr;font-size:.8rem}.shift-section .shift-input label{font-weight:400}.shift-section input{display:inline-block;width:80%;margin:0 auto;padding:0;font-size:.8rem;text-align:right;background-color:rgba(0,0,0,.1)}.shift-section button{cursor:pointer}main{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;min-width:calc(var(--diff-site-width)*2*1px + 30px + 10rem)}.help-section-inner{width:100%;max-width:700px;margin:0 auto;padding:1rem;background-color:var(--background)}footer{margin:2rem;text-align:center}h1{margin:.5em 2rem .5em;font-size:3rem;font-weight:700;text-align:center;color:var(--primary)}h1 span{opacity:.6}h3{margin:3rem 0 .5rem}h4{margin:2rem 0 .5rem}strong{font-weight:700}a{color:var(--primary);cursor:pointer;text-decoration:none}a:hover,a:active,a:focus{opacity:.8}a.icon-link{display:inline-flex;flex-flow:row nowrap;align-items:center}a.icon-link i{font-size:1.5em;margin-right:.25em;margin-top:.1em}.small{font-size:.8rem}p{margin:.5em 0}p.intro{max-width:700px;margin:1em auto .5em;text-align:center}li{list-style-type:square}li+li{margin-top:1rem}input,select{font-size:1rem;padding:.75em .75em .75em 0;border:1px solid var(--color);border-width:0 0 1px;background:rgba(0,0,0,0);color:var(--color);font-family:"Noto Sans",sans-serif;transition:color .2s,background-color .2s,border-color .2s}input:focus,select:focus{color:var(--primary)}label{font-weight:700;font-size:.8rem}.label-group{display:flex;flex-flow:column-reverse nowrap;margin:1.25rem 1rem}.label-group label{margin-top:.2em}.disabled{opacity:.4;pointer-events:none;transition:opacity .2s}.disabled *{user-select:none}.toggle{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;margin:0;font-size:0}.toggle input{width:0;height:0;position:absolute;left:-9999px}.toggle input+label{margin:0;padding:.5rem 1rem;position:relative;display:inline-block;border:solid 1px var(--shade2);background-color:var(--shade2);font-size:1rem;font-weight:400;text-align:center;transition:border-color .2s,color .2s,background-color .2s}.toggle input+label:first-of-type{border-radius:.5rem 0 0 .5rem;border-right:none}.toggle input+label:last-of-type{border-radius:0 .5rem .5rem 0;border-left:none}.toggle input:hover+label{border-color:var(--shade2);color:var(--primary);cursor:pointer}.toggle input:checked+label{background-color:var(--primary);color:var(--background);border-color:var(--primary);z-index:1}select.select,select.select:active,select.select:hover,select.select:focus{-webkit-appearance:none;appearance:none;margin:0;padding:.5rem 2.5rem .5rem 1rem;position:relative;display:inline-block;border:solid 1px var(--primary);border-radius:.5rem;background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%23f5f5f5'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;color:var(--background);font-size:1rem;font-weight:400;text-align:center;transition:border-color .2s,color .2s,background-color .2s}@media(prefers-color-scheme: dark){select.select,select.select:active,select.select:hover,select.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%23111'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}}.theme-dark select.select,.theme-dark select.select:active,.theme-dark select.select:hover,.theme-dark select.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%23111'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}@media(prefers-color-scheme: dark){.theme-dark select.select,.theme-dark select.select:active,.theme-dark select.select:hover,.theme-dark select.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='%23f5f5f5'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}}select.select option{font-weight:normal}.icon-button{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:0;background:var(--primary);color:var(--background)}.icon-button i{flex:1 0 0%;font-size:1.5rem;transition:background-color .2s,color .2s}.icon-button--shade{background:var(--shade2);color:var(--color)}.icon-button--shade:hover i,.icon-button--shade:active i{color:var(--primary)}.link-button{padding:.3em 1em;border-radius:1.1em;background-color:var(--primary);color:var(--background);transition:background-color .2s,color .2s}.link-button:hover,.link-button:active{opacity:1}.link-button--shade{background:var(--shade2);color:var(--color)}.link-button--shade:hover,.link-button--shade:active{color:var(--primary)}input[type=range]{height:28px;-webkit-appearance:none;margin:0;padding:.4rem 0;border:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:var(--primary);border-radius:1px}input[type=range]::-webkit-slider-thumb{border:2px solid var(--primary);height:20px;width:20px;border-radius:20px;background:var(--background);cursor:pointer;-webkit-appearance:none;margin-top:-8.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--primary)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;background:var(--primary);border-radius:1px}input[type=range]::-moz-range-thumb{border:2px solid var(--primary);height:20px;width:20px;border-radius:20px;background:var(--background);cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}input[type=range]::-ms-fill-lower{background:var(--primary);border:0px solid var(--background);border-radius:2px}input[type=range]::-ms-fill-upper{background:var(--primary);border:0px solid var(--background);border-radius:2px}input[type=range]::-ms-thumb{margin-top:1px;border:2px solid var(--primary);height:20px;width:20px;border-radius:20px;background:var(--background);cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:var(--primary)}input[type=range]:focus::-ms-fill-upper{background:var(--primary)}.loader{display:inline-block;position:relative;width:2rem;height:1rem}.loader div{position:absolute;top:.35rem;width:5px;height:5px;border-radius:50%;background:var(--color);animation-timing-function:cubic-bezier(0, 1, 1, 0)}.loader div:nth-child(1){left:.25rem;animation:loader1 .6s infinite}.loader div:nth-child(2){left:.25rem;animation:loader2 .6s infinite}.loader div:nth-child(3){left:.75rem;animation:loader2 .6s infinite}.loader div:nth-child(4){left:1.25rem;animation:loader3 .6s infinite}@keyframes loader1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loader3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes loader2{0%{transform:translate(0, 0)}100%{transform:translate(0.5rem, 0)}}.notification{display:flex;align-items:center;justify-content:flex-start;padding:.5em;font-size:.9rem;transition:background-color .5s}.notification i{font-size:1.2em;padding-right:.5em}.notification a{margin-left:auto;color:inherit;text-decoration:underline}.notification--info{background-color:var(--info)}.notification--warning{background-color:var(--warning)}.notification--error{background-color:var(--alert)}.diff-notifications{display:flex;flex-flow:row nowrap;justify-content:space-between;width:calc(var(--diff-site-width)*2px + 30px);min-height:2.2rem;overflow-x:hidden;transition:opacity .2s}.diff-notifications-wrapper{width:100%}.diff-container--mode-overlay .diff-notifications-wrapper{overflow-x:hidden}.diff-notifications .notification{width:calc(var(--diff-site-width)*1px)}.diff-container--mode-overlay .diff-notifications{opacity:0}.diff-container{position:relative;display:block;width:calc(var(--diff-site-width)*2px + 30px);height:calc(var(--diff-site-height)*1px);margin:3rem 1rem;transition:width .2s}.diff-container-inner{position:relative}.diff-container--mode-overlay{width:calc(var(--diff-site-width)*1px)}.diff-container--mode-overlay .diff-frame{pointer-events:none}.diff-container--mode-overlay .diff-frame--left{box-shadow:none}.diff-container--mode-overlay:not(.diff-container--mode-swipe) .diff-frame--right{opacity:var(--diff-site-opacity-right)}.diff-container--mode-overlay:not(.diff-container--mode-swipe) .diff-frame--mode-blend{mix-blend-mode:difference}.diff-container--mode-swipe.diff-container--mode-overlay .swipe-handle{display:block}.diff-container--mode-swipe.diff-container--mode-overlay .diff-frame--left{z-index:5;width:calc(var(--swipe-handle-position)*1px);overflow:hidden;transition:none}.diff-frame{position:absolute;top:0;width:calc(var(--diff-site-width)*1px);height:calc(var(--diff-site-height)*1px);box-shadow:0 .5em 1em rgba(0,0,0,.2);background:var(--shade1);overflow:hidden;transition:width .2s}.diff-frame--left{left:0}.diff-frame--left .diff-content{top:calc(var(--diff-site-shift-left)*1px)}.diff-frame--right{right:0}.diff-frame--right .diff-content{top:calc(var(--diff-site-shift-right)*1px)}.diff-content{position:relative;width:calc(var(--diff-site-width)*1px);height:100%;border:0;transition:width .2s}.swipe-handle{display:none;position:absolute;z-index:9;left:calc(var(--swipe-handle-position)*1px - 15px);width:30px;height:calc(var(--diff-site-height)*1px);opacity:.7;cursor:ew-resize}.swipe-handle__line{width:1px;height:100%;margin:0 auto;background-color:var(--alert)}.device-height-line{position:absolute;top:calc(var(--diff-site-device-height)*1px);left:-10px;width:calc(var(--diff-site-width)*1px + 20px);height:1px;border:0;background-color:var(--alert);transition:top .2s}.hidden{display:none}

/*# sourceMappingURL=app.bundle.css.map*/