.urlgate-dialog-opened{overflow:hidden}.urlgate,.urlgate__overlay{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;width:100%;height:100%}.urlgate__overlay{position:absolute;z-index:1;background:#000;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeIn .3s ease forwards;animation:fadeIn .3s ease forwards}.urlgate__wrapper{position:absolute;z-index:2;background:#fff;color:#000;padding:1em;max-height:80%;overflow:auto;box-shadow:0 0 36px 0 rgba(0,0,0,.8);box-sizing:border-box;border:1px solid gray;transition:width .2s,top .2s,left .2s;-webkit-animation:moveUp .3s ease forwards;animation:moveUp .3s ease forwards;width:100%;top:0;left:0}@media (min-width:192px){.urlgate__wrapper{width:92%;left:4%;top:2%}}@media (min-width:384px){.urlgate__wrapper{width:84%;left:8%;top:4%}}@media (min-width:576px){.urlgate__wrapper{width:76%;left:12%;top:6%}}@media (min-width:768px){.urlgate__wrapper{width:68%;left:16%;top:8%}}@media (min-width:960px){.urlgate__wrapper{width:60%;left:20%;top:10%}}@media (min-width:1152px){.urlgate__wrapper{width:52%;left:24%;top:12%}}@media (min-width:1344px){.urlgate__wrapper{width:44%;left:28%;top:14%}}@media (min-width:1536px){.urlgate__wrapper{width:36%;left:32%;top:16%}}@media (min-width:1728px){.urlgate__wrapper{width:28%;left:36%;top:18%}}.urlgate__title{display:block;font-weight:700;font-size:1.4em;color:gray;margin-bottom:1em}.urlgate__description{max-width:100%;overflow:hidden;text-overflow:ellipsis}.urlgate__variable--domain,.urlgate__variable--url{font-weight:700}.urlgate__control{border:inherit;border-width:1px 0 0 0;padding-top:1em;text-align:right}.urlgate__control{border:inherit;border-width:1px 0 0 0;padding-top:1em;text-align:right}.urlgate__cancel,.urlgate__ok{display:inline-block;padding:.2em .8em;cursor:pointer;transition:background-color .3s}.urlgate__cancel,.urlgate__cancel:focus,.urlgate__cancel:hover,.urlgate__ok,.urlgate__ok:focus,.urlgate__ok:hover{text-decoration:none;outline:0}.urlgate__ok{background:#2980b9;color:#fff;margin-left:1em}.urlgate__ok:focus,.urlgate__ok:hover{color:#fff;background:#3498db}.urlgate__cancel{background:#444;color:#fff;margin-left:1em}.urlgate__cancel:focus,.urlgate__cancel:hover{color:#fff;background:#777}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}50%{opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}50%{opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0)}}