html,body{min-height:100%;height:100%;margin:0;padding:0;font:12pt Times New Roman,Times,serif}#logo{font-size:18pt}.nav-ul{font:12pt monospace}.nav-ul__link:hover{font-weight:bold}.nav-ul__link-list:first-of-type{margin-left:.7em}.nav-ul__link-list:not(:last-of-type){margin-right:1em}.nav-ul__show-on-hover{transition:max-width 3.5s,visibility 3s;white-space:nowrap;top:100%;left:0;background:white;z-index:10}*:hover>.nav-ul__show-on-hover,*:active>.nav-ul__show-on-hover,.nav-ul__show-on-hover:hover{max-width:400px;visibility:visible;z-index:50}.nav-ul__show-on-hover.nav-ul{padding:5px}.data-service{margin:4px 2px 0 2px}.data-service:after{display:inline-block;content:attr(data-service);background:white;color:black;transition:max-width 2.5s,visibility 2.5s;max-width:0;overflow:hidden;visibility:hidden;vertical-align:bottom;margin-left:3px;z-index:11}.data-service:hover:after{max-width:300px;visibility:visible;z-index:50}#bytesize[data-size-url]:after{content:attr(data-size-url) " bytes"}#title-input{font:italic 1.75vw sans-serif;width:55%;margin:0 auto}.fa-sm{font-size:x-small}.fa-ban{color:red}div.toolbar__button{z-index:9}div.toolbar__button:hover{z-index:1}#button-colorReset{margin-left:-12px;vertical-align:inherit}#toolbar{font-size:1.25vw;flex-wrap:wrap;align-items:center;align-content:space-around;justify-content:center}.toolbar__group{padding:0 2px}.toolbar__button{padding:0 1px;position:relative}.toolbar__button:not(.toolbar__button--color) .fa{text-shadow:1px 1px 0 #AAA,2px 2px 0 #CCC;transition:.5s}.toolbar__button:not(.toolbar__button--color):hover .fa,.toolbar__button--selected .fa{text-shadow:0 0 0 black !important;transform:translate(2px,2px)}.toolbar__button:after{display:block;text-align:center;content:attr(data-title);font:9pt sans-serif;white-space:nowrap;position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:white;border:1px solid black;z-index:100;transition:opacity .5s,visibility .75s;opacity:0;visibility:hidden}.toolbar__button:hover:after{transition:opacity 1.5s ease-in 1s,visibility 2s 1s;opacity:1;visibility:visible}.plain-link,.toolbar__button{text-decoration:none;color:inherit}.toolbar__button--color{margin:0 1px}.toolbar__button--fg-color{color:#C96}.toolbar__button--bg-color{background-color:#C96}.toolbar__button--link-color{color:blue}.palette{left:0;top:95%;white-space:nowrap;display:none;background:gray;font-size:22.5pt}.palette.palette--activated{display:block;z-index:50}.palette__hex-indicator{top:100% + 1px;right:-1px;width:65px}.black-border{border:1px solid black}.main-frame{width:100%;bottom:0}.main-frame:not(.header--hidden){border-top:1px solid black}#input{height:82.5vh}#iframe{height:92.5vh}#button-pre{font-family:monospace}#url-output-label:before{display:inline-block;content:'Copy';overflow:hidden;margin:0;max-width:0;transition:max-width 1s,margin-right 1s;vertical-align:bottom}#url-output-label:hover:before{max-width:100px;margin-right:5px}select{font:inherit;color:inherit;background-color:inherit}@media screen{  .unavailable,#button-pre{color:gray !important}pre{overflow:auto}#hide-button{right:1%;mix-blend-mode:difference;transition:color 1s;z-index:500}#header.header--hidden{height:0;max-height:0;overflow:hidden}}@media screen and (max-width:1280px){#toolbar{font-size:1.75vw}}@media screen and (max-width:1024px){#toolbar{font-size:2vw}}@media screen and (max-width:800px){.nav-ul{font-size:3vw}#logo{font-size:4.5vw}#title-input,#toolbar{width:100%;margin:0 auto}#title-input{font-size:17pt}#toolbar{font-size:4.25vw;justify-content:flex-start}#bytesize[data-size-url]:after{content:attr(data-size-url) " B"}}