.gui{color:#000}.portal ::-moz-selection{padding:1em;background:#000;color:#fff}.portal ::selection{padding:1em;background:#000;color:#fff}.portal .line{width:100%;display:flex}.portal .line span{flex:1;white-space:nowrap}.portal h1,.portal p{margin:0;max-width:30em}.portal>button{top:-.2em;right:0;position:absolute;text-align:left;font-weight:700;border:none;border-radius:0;background-color:#f1f1f1}.portal button{color:#000}.portal>button:hover{color:red!important}.portal .gui{padding:.4em;font-weight:700;top:1.5em;right:0;position:absolute;background-color:#f1f1f1;width:340px}.portal .gui,.portal .gui div{display:flex;justify-content:space-between}.portal .gui div{align-items:center;margin:.3em 0}.portal span{font-size:14px;display:flex;justify-content:space-between}.portal input{background-color:transparent;max-width:170px;padding:0;width:100%;font-size:1em;font-weight:700;text-align:left;border:none}.portal input,.portal input[type=range],.portal input[type=text]{border-bottom:1px solid #000}.portal input[type=color]{-webkit-appearance:none;border:none;border-radius:0!important}.portal input[type=color]::-webkit-color-swatch-wrapper{padding:0}.portal input[type=color]::-webkit-color-swatch{border:1px solid #000}.portal input:focus,.portal select:focus,.portal textarea:focus{outline:none}.portal input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:8px 10px!important;height:2px}.portal input[type=range]::-webkit-slider-runnable-track{height:2px}.portal input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;height:10px;width:10px;border-radius:50%;background:#000;margin-top:-2.5px;cursor:pointer}.portal input[type=range]::-moz-range-thumb{border:none;height:10px;width:10px;border-radius:50%;background:#000;cursor:pointer}.portal select{background-color:transparent;font-size:1em;font-weight:700;text-align:left;color:#000;border:none;border-bottom:1px solid #000;width:170px;padding:0;margin:0;height:1.5em}.portal .portalinput[type=radio]:after{width:18px;height:18px;border-radius:50%;top:-1px;left:-1px;position:relative;background-color:#d1d3d1;content:"";display:inline-block;visibility:visible}.portal input[type=radio]:checked:after{background-color:red}.portal button{border:none;font-family:inherit;margin-right:10px}.portal button,.portal textarea{background-color:transparent;font-weight:700}.portal textarea{font-size:14px;text-align:left;border-bottom:1px solid #000;padding:0;height:1em;min-height:1.6em;margin:0 10px 0 0;width:170px;resize:vertical}