:root{--primary-color:#468bdf}body,html{margin:10px;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;word-break:break-all;scroll-behavior:smooth;font-weight:200;font-size:16px}main{max-width:800px;margin:0 auto}secion{margin:15px auto}details{border:1px solid #f0f0f0;border-radius:4px;padding:.5em .5em 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px 0 15px 30px}summary{margin:-.5em -.5em 0}details[open],summary{padding:.5em}fieldset,form{display:flex;flex-direction:column}fieldset{-moz-appearance:none;appearance:none;-webkit-appearance:none;align-items:flex-start;border:none;padding:8px 0}fieldset input:not([type=color]),fieldset select{flex:1 1;box-shadow:none;border:1px solid #f0f0f0;padding:12px 8px;border-radius:4px;font-size:.875rem;background-color:transparent;align-self:stretch;margin:0}fieldset input:focus,fieldset select:focus{border-color:var(--primary-color)}h2{display:flex;flex-direction:column;font-weight:400;font-size:.875rem;color:#333}h2 b{font-weight:600;font-size:1.125rem;color:#000}label{font-size:.875rem;padding-bottom:2px;min-width:80px}button,label{display:inline-block}button{-moz-appearance:none;-webkit-appearance:none;font-family:Helvetica,Arial,sans-serif;font-size:.875em;padding:1em 2em;appearance:none;background-color:var(--primary-color);color:#fff;border-radius:4px;border:none;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in;margin-top:15px;box-shadow:0 2px 10px #9bbbe1}@media screen and (max-width:600px){body,html{font-size:14px}}