html{font-family:Arial,Helvetica,sans-serif;font-size:16px;min-width:375px}body{overflow-y:scroll;margin:0 6px}#content{box-sizing:border-box;margin:0 auto;padding:20px 0 80px;max-width:75vh;min-height:100vh;text-align:center;position:relative}footer{font-size:12px;color:#999;position:absolute;bottom:20px;left:0;right:0}footer a{white-space:nowrap}h1{font-size:4vh;text-transform:uppercase;margin-top:0}.clearfix{clear:both}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{padding:8px 16px;border:1px solid #999;background:#eee;font:inherit}.button:hover{background:#ddd}#buttons{margin-top:20px}#modify{float:left}#download,#share{float:right}#components{transition:all .3s ease;max-height:0;overflow:hidden;opacity:0}#components.open{max-height:300px;opacity:1}.components-inner{margin-top:20px;padding:6px;background:#fff7eb;border-radius:10px}.components-list{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.components-list li{margin:3px;flex:1 1 125px}@media (min-width:540px){.components-list li{flex:1 1 160px}}@media (min-width:690px){.components-list li{flex:1 1 100px}}.components-list label{display:block;text-align:left;font-size:14px;color:#c37800}input[type=text],select{padding:6px;margin-bottom:6px;width:100%}.components-footer{text-align:right;margin-right:6px}.link-button{background:0 0;border:none;padding:0;cursor:pointer;text-decoration:underline}button.large,button.small{border:none;background:0 0;background-size:100%}button.large:focus,button.small:focus{outline:0}button.small{width:72px;height:38px;background-position:0 0}button.small:active{background-position:0 -38px}button.large{width:50%;padding-bottom:26.62%;background-position:0 0}button.large:active{background-position:0 -100%}button.large.pressed{background-position:0 -200%}button.large.pressed:active{background-position:0 -300%}.started{background:url(pilar.png);background-size:100% auto;background-position:50% 50%}.dont-press-stamp{width:206px}@media (min-width:500px) and (min-height:500px){button.small{width:120px;height:64px}button.small:active{background-position:0 -64px}.dont-press-stamp{width:344px}}button#random{background-image:url(generera.png)}button#modify{background-image:url(modifiera.png)}button#download{background-image:url(ladda-ner.png)}button#share{background-image:url(dela.png)}#share-dialog{position:relative}#share-dialog-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}#share-dialog-content{padding:8px 3px 3px}#share-dialog-content div{padding:3px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}[data-tippy-root]{pointer-events:all!important}.loader,.loader:after{border-radius:50%;width:50px;height:50px}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(199,199,199,.2);border-right:1.1em solid rgba(199,199,199,.2);border-bottom:1.1em solid rgba(199,199,199,.2);border-left:1.1em solid #c7c7c7;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loader-anim 1.1s infinite linear;animation:loader-anim 1.1s infinite linear}@-webkit-keyframes loader-anim{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-anim{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}