/*! * chota.css v0.9.2 | MIT License | https://github.com/jenil/chota */:root {--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#14854f;--color-lightGrey:#d2d6dd;--color-grey:#747681;--color-darkGrey:#3f4144;--color-error:#d43939;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#333;--font-family-sans:-apple-system, "BlinkMacSystemFont", "Avenir", "Avenir Next", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono:monaco, "Consolas", "Lucida Console", monospace;}html {-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}*,*::before,*::after {-webkit-box-sizing:inherit;box-sizing:inherit;}body {background-color:var(--bg-color);line-height:1.6;font-size:var(--font-size);color:var(--font-color);font-family:"Segoe UI", "Helvetica Neue", sans-serif;font-family:var(--font-family-sans);margin:0;padding:0;}h1,h2,h3,h4,h5,h6 {font-weight:500;margin:0.35em 0 0.7em;}h1 {font-size:2em;}h2 {font-size:1.75em;}h3 {font-size:1.5em;}h4 {font-size:1.25em;}h5 {font-size:1em;}h6 {font-size:0.85em;}a {color:var(--color-primary);text-decoration:none;}a:hover:not(.button) {opacity:0.75;}button {font-family:inherit;}p {margin-top:0;}blockquote {background-color:var(--bg-secondary-color);padding:1.5rem 2rem;border-left:3px solid var(--color-lightGrey);}dl dt {font-weight:bold;}hr {border:none;background-color:var(--color-lightGrey);height:1px;margin:1rem 0;}table {width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left;}table.striped tr:nth-of-type(2n) {background-color:var(--bg-secondary-color);}td,th {vertical-align:middle;padding:1.2rem 0.4rem;}thead {border-bottom:2px solid var(--color-lightGrey);}tfoot {border-top:2px solid var(--color-lightGrey);}code,kbd,pre,samp,tt {font-family:var(--font-family-mono);}code,kbd {font-size:90%;white-space:pre-wrap;border-radius:4px;padding:0.2em 0.4em;background-color:var(--bg-secondary-color);color:var(--color-error);}pre {background-color:var(--bg-secondary-color);font-size:1em;padding:1rem;overflow-x:auto;}pre code {background:none;padding:0;}abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}img {max-width:100%;}fieldset {border:1px solid var(--color-lightGrey);}iframe {border:0;}.container {max-width:var(--grid-maxWidth);margin:0 auto;width:96%;padding:0 calc(var(--grid-gutter) / 2);}.row {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--grid-gutter) / -2);margin-right:calc(var(--grid-gutter) / -2);}.row.reverse {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.col {-webkit-box-flex:1;-ms-flex:1;flex:1;}.col,[class*=" col-"],[class^="col-"] {margin:0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);}.col-1 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));max-width:calc((100% / (12/1)) - var(--grid-gutter));}.col-2 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));max-width:calc((100% / (12/2)) - var(--grid-gutter));}.col-3 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));max-width:calc((100% / (12/3)) - var(--grid-gutter));}.col-4 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));max-width:calc((100% / (12/4)) - var(--grid-gutter));}.col-5 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));max-width:calc((100% / (12/5)) - var(--grid-gutter));}.col-6 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));max-width:calc((100% / (12/6)) - var(--grid-gutter));}.col-7 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));max-width:calc((100% / (12/7)) - var(--grid-gutter));}.col-8 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));max-width:calc((100% / (12/8)) - var(--grid-gutter));}.col-9 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));max-width:calc((100% / (12/9)) - var(--grid-gutter));}.col-10 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));max-width:calc((100% / (12/10)) - var(--grid-gutter));}.col-11 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));max-width:calc((100% / (12/11)) - var(--grid-gutter));}.col-12 {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));max-width:calc((100% / (12/12)) - var(--grid-gutter));}@media screen and (max-width:599px) {.container {width:100%;} .col, [class*="col-"], [class^="col-"] {-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%;}}@media screen and (min-width:900px) {.col-1-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));max-width:calc((100% / (12/1)) - var(--grid-gutter));} .col-2-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));max-width:calc((100% / (12/2)) - var(--grid-gutter));} .col-3-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));max-width:calc((100% / (12/3)) - var(--grid-gutter));} .col-4-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));max-width:calc((100% / (12/4)) - var(--grid-gutter));} .col-5-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));max-width:calc((100% / (12/5)) - var(--grid-gutter));} .col-6-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));max-width:calc((100% / (12/6)) - var(--grid-gutter));} .col-7-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));max-width:calc((100% / (12/7)) - var(--grid-gutter));} .col-8-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));max-width:calc((100% / (12/8)) - var(--grid-gutter));} .col-9-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));max-width:calc((100% / (12/9)) - var(--grid-gutter));} .col-10-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));max-width:calc((100% / (12/10)) - var(--grid-gutter));} .col-11-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));max-width:calc((100% / (12/11)) - var(--grid-gutter));} .col-12-md {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));max-width:calc((100% / (12/12)) - var(--grid-gutter));}}@media screen and (min-width:1200px) {.col-1-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));flex:0 0 calc((100% / (12/1)) - var(--grid-gutter));max-width:calc((100% / (12/1)) - var(--grid-gutter));} .col-2-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));flex:0 0 calc((100% / (12/2)) - var(--grid-gutter));max-width:calc((100% / (12/2)) - var(--grid-gutter));} .col-3-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));flex:0 0 calc((100% / (12/3)) - var(--grid-gutter));max-width:calc((100% / (12/3)) - var(--grid-gutter));} .col-4-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));flex:0 0 calc((100% / (12/4)) - var(--grid-gutter));max-width:calc((100% / (12/4)) - var(--grid-gutter));} .col-5-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));flex:0 0 calc((100% / (12/5)) - var(--grid-gutter));max-width:calc((100% / (12/5)) - var(--grid-gutter));} .col-6-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));flex:0 0 calc((100% / (12/6)) - var(--grid-gutter));max-width:calc((100% / (12/6)) - var(--grid-gutter));} .col-7-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));flex:0 0 calc((100% / (12/7)) - var(--grid-gutter));max-width:calc((100% / (12/7)) - var(--grid-gutter));} .col-8-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));flex:0 0 calc((100% / (12/8)) - var(--grid-gutter));max-width:calc((100% / (12/8)) - var(--grid-gutter));} .col-9-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));flex:0 0 calc((100% / (12/9)) - var(--grid-gutter));max-width:calc((100% / (12/9)) - var(--grid-gutter));} .col-10-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));flex:0 0 calc((100% / (12/10)) - var(--grid-gutter));max-width:calc((100% / (12/10)) - var(--grid-gutter));} .col-11-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));flex:0 0 calc((100% / (12/11)) - var(--grid-gutter));max-width:calc((100% / (12/11)) - var(--grid-gutter));} .col-12-lg {-webkit-box-flex:0;-ms-flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));flex:0 0 calc((100% / (12/12)) - var(--grid-gutter));max-width:calc((100% / (12/12)) - var(--grid-gutter));}}fieldset {padding:0.5rem 2rem;}legend {text-transform:uppercase;font-size:0.8em;letter-spacing:0.1rem;}input:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"]),select,textarea,textarea[type="text"] {font-family:inherit;padding:0.8rem 1rem;border-radius:4px;border:1px solid var(--color-lightGrey);font-size:1em;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:block;width:100%;}input[type="checkbox"],input[type="radio"],input[type="range"],progress {accent-color:var(--color-primary);}select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f3f3f6 no-repeat 100%;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>");}.button,[type="button"],[type="reset"],[type="submit"],button {padding:1rem 2.5rem;color:var(--color-darkGrey);background:var(--color-lightGrey);border-radius:4px;border:1px solid transparent;font-size:var(--font-size);line-height:1;text-align:center;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);display:inline-block;cursor:pointer;}.button.primary,.button.secondary,.button.dark,.button.error,.button.success,[type="submit"] {color:#fff;z-index:1;background-color:#000;background-color:var(--color-primary);}.button:hover,[type="button"]:hover,[type="reset"]:hover,[type="submit"]:hover,button:hover {opacity:0.8;}input:disabled,input:disabled:hover,button:disabled,button:disabled:hover {opacity:0.4;cursor:not-allowed;}.grouped {display:-webkit-box;display:-ms-flexbox;display:flex;}.grouped > *:not(:last-child) {margin-right:16px;}.grouped.gapless > * {margin:0 0 0 -1px !important;border-radius:0 !important;}.grouped.gapless > *:first-child {margin:0 !important;border-radius:4px 0 0 4px !important;}.grouped.gapless > *:last-child {border-radius:0 4px 4px 0 !important;}input:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"], :disabled):hover,select:hover,textarea:hover,textarea[type="text"]:hover {border-color:var(--color-grey);}input:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"]):focus,select:focus,textarea:focus,textarea[type="text"]:focus {outline:none;border-color:var(--color-primary);-webkit-box-shadow:0 0 1px var(--color-primary);box-shadow:0 0 1px var(--color-primary);}input.error:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"]),textarea.error {border-color:var(--color-error);}input.success:not([type="checkbox"], [type="radio"], [type="submit"], [type="color"], [type="button"], [type="reset"]),textarea.success {border-color:var(--color-success);}[type="checkbox"],[type="radio"] {width:2rem;height:1.6rem;}.button + .button {margin-left:1rem;}.button.secondary {background-color:var(--color-grey);}.button.dark {background-color:var(--color-darkGrey);}.button.error {background-color:var(--color-error);}.button.success {background-color:var(--color-success);}.button.outline {background-color:transparent;border-color:var(--color-lightGrey);}.button.outline.primary {border-color:var(--color-primary);color:var(--color-primary);}.button.outline.secondary {border-color:var(--color-grey);color:var(--color-grey);}.button.outline.dark {border-color:var(--color-darkGrey);color:var(--color-darkGrey);}.button.clear {background-color:transparent;border-color:transparent;color:var(--color-primary);}.button.icon {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.button.icon > img {margin-left:2px;}.button.icon-only {padding:1rem;}.button:active:not(:disabled),[type="button"]:active:not(:disabled),[type="reset"]:active:not(:disabled),[type="submit"]:active:not(:disabled),button:active:not(:disabled) {-webkit-transform:scale(0.98);transform:scale(0.98);}::-webkit-input-placeholder {color:#bdbfc4;}::-moz-placeholder {color:#bdbfc4;}:-ms-input-placeholder {color:#bdbfc4;}::-ms-input-placeholder {color:#bdbfc4;}::placeholder {color:#bdbfc4;}.nav {display:-webkit-box;display:-ms-flexbox;display:flex;min-height:5rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.nav img {max-height:3rem;}.nav > .container {display:-webkit-box;display:-ms-flexbox;display:flex;}.nav-center,.nav-left,.nav-right {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;}.nav-left {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.nav-right {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}.nav-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}@media screen and (max-width:480px) {.nav, .nav > .container {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .nav-center, .nav-left, .nav-right {-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}}.nav a,.nav .brand {text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 2rem;color:var(--color-darkGrey);}.nav [aria-current="page"]:not(.button),.nav .active:not(.button) {color:#000;color:var(--color-primary);}.nav .brand {font-size:1.75em;padding-top:0;padding-bottom:0;}.nav .brand img {padding-right:1rem;}.nav .button {margin:auto 1rem;}.card {padding:1rem 2rem;border-radius:4px;background:var(--bg-color);-webkit-box-shadow:0 1px 3px var(--color-grey);box-shadow:0 1px 3px var(--color-grey);}.card p:last-child {margin:0;}.card header > * {margin-top:0;margin-bottom:1rem;}.tabs {display:-webkit-box;display:-ms-flexbox;display:flex;}.tabs a {text-decoration:none;}.tabs > .dropdown > summary,.tabs > a {padding:1rem 2rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;color:var(--color-darkGrey);border-bottom:2px solid var(--color-lightGrey);text-align:center;}.tabs > a[aria-current="page"],.tabs > a.active,.tabs > a:hover {opacity:1;border-bottom:2px solid var(--color-darkGrey);}.tabs > a[aria-current="page"],.tabs > a.active {border-color:var(--color-primary);}.tabs.is-full a {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}.tag {display:inline-block;border:1px solid var(--color-lightGrey);text-transform:uppercase;color:var(--color-grey);padding:0.5rem;line-height:1;letter-spacing:0.5px;}.tag.is-small {padding:0.4rem;font-size:0.75em;}.tag.is-large {padding:0.7rem;font-size:1.125em;}.tag + .tag {margin-left:1rem;}details.dropdown {position:relative;display:inline-block;}details.dropdown > :last-child {position:absolute;left:0;white-space:nowrap;}.bg-primary {background-color:var(--color-primary) !important;}.bg-light {background-color:var(--color-lightGrey) !important;}.bg-dark {background-color:var(--color-darkGrey) !important;}.bg-grey {background-color:var(--color-grey) !important;}.bg-error {background-color:var(--color-error) !important;}.bg-success {background-color:var(--color-success) !important;}.bd-primary {border:1px solid var(--color-primary) !important;}.bd-light {border:1px solid var(--color-lightGrey) !important;}.bd-dark {border:1px solid var(--color-darkGrey) !important;}.bd-grey {border:1px solid var(--color-grey) !important;}.bd-error {border:1px solid var(--color-error) !important;}.bd-success {border:1px solid var(--color-success) !important;}.text-primary {color:var(--color-primary) !important;}.text-light {color:var(--color-lightGrey) !important;}.text-dark {color:var(--color-darkGrey) !important;}.text-grey {color:var(--color-grey) !important;}.text-error {color:var(--color-error) !important;}.text-success {color:var(--color-success) !important;}.text-white {color:#fff !important;}.pull-right {float:right !important;}.pull-left {float:left !important;}.text-center {text-align:center;}.text-left {text-align:left;}.text-right {text-align:right;}.text-justify {text-align:justify;}.text-uppercase {text-transform:uppercase;}.text-lowercase {text-transform:lowercase;}.text-capitalize {text-transform:capitalize;}.is-full-screen {width:100%;min-height:100vh;}.is-full-width {width:100% !important;}.is-full-height {height:100% !important;}.is-vertical-align {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.is-horizontal-align {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.is-center {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.is-right {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}.is-left {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.is-fixed {position:fixed;width:100%;}.is-paddingless {padding:0 !important;}.is-marginless {margin:0 !important;}.is-pointer {cursor:pointer !important;}.is-rounded {border-radius:100%;}.clearfix {content:"";display:table;clear:both;}.is-hidden {display:none !important;}@media screen and (max-width:599px) {.hide-xs {display:none !important;}}@media screen and (min-width:600px) and (max-width:899px) {.hide-sm {display:none !important;}}@media screen and (min-width:900px) and (max-width:1199px) {.hide-md {display:none !important;}}@media screen and (min-width:1200px) {.hide-lg {display:none !important;}}@media print {.hide-pr {display:none !important;}}:root {--bg-color:#282a36;--bg-secondary-color:#44475a;--color-primary:#bd93f9;--color-lightGrey:#6272a4;--color-grey:#6272a4;--color-darkGrey:#6272a4;--color-error:#ff5555;--color-success:#50fa7b;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#f8f8f2;--font-family-sans:'Inter', 'Segoe UI', 'Arial', 'system-ui', 'sans-serif';--font-family-mono:monaco, "Consolas", "Lucida Console", monospace;}.site-header {display:flex;align-items:center;justify-content:center;gap:1.2em;margin-top:0.5em;margin-bottom:0.7em;}.site-logo {height:3.5em;width:3.5em;vertical-align:middle;}.site-title {margin:0;font-size:2.2em;}.blurb p {font-size:1.2em;text-align:center;margin:0 0 1em 0;color:var(--font-color);}.tabs {width:100%;display:flex;justify-content:center;gap:1.2em;margin-bottom:1em;margin-top:0.2em;background:var(--bg-color);border-top:2.5px solid var(--color-grey);border-bottom:2.5px solid var(--color-grey);box-shadow:none;padding:0.2em 0 0.2em 0;position:relative;z-index:2;}.tabs a {display:inline-block;font-size:1.15em;font-weight:600;color:var(--font-color);outline:none;transition:outline 0.2s;background:transparent;border-radius:0;padding:0.7em 2em 0.5em 2em;text-decoration:none;box-shadow:none;transition:background 0.2s, color 0.2s;border-bottom:2.5px solid transparent;position:relative;}.tabs a.active {background:transparent;color:var(--font-color);border-bottom:none;font-weight:700;}.tabs a:hover {background:var(--color-primary);color:var(--font-color);}.flex-row-full {width:100%;display:flex;align-items:center;gap:0.5em;margin-bottom:1em;}.flex-row-margin {width:100%;display:flex;align-items:center;gap:0.5em;margin-top:0.5em;}.flex-center {display:flex;gap:1em;justify-content:center;width:100%;}.flex-column {display:flex;flex-direction:column;gap:1.5em;}.flex-column-start {display:flex;flex-direction:column;align-items:flex-start;gap:0.2em;}.label-password {font-size:1em;text-align:right;padding-right:0.5em;}.input-password {font-size:1em;padding:0.5em 0.7em;border-radius:0.4rem;max-width:25em;}textarea {border-radius:0.5em;padding:0.7em;box-sizing:border-box;width:calc(100% - 2em);margin:0 1em;font-family:var(--font-family-mono);font-size:1em;border:1px solid var(--color-lightGrey);background:var(--bg-secondary-color);color:var(--font-color);}.radio-group {align-items:center;margin-bottom:0.2em;}.radio-label {display:inline-block;padding:0.5em 1em;background:var(--bg-secondary-color);border:2px solid var(--color-lightGrey);border-radius:0.5em;cursor:pointer;font-size:1.08em;color:var(--color-darkGrey);font-weight:500;transition:background 0.15s, border 0.15s;position:relative;}.radio-label:hover {background:var(--bg-color);border-color:var(--color-grey);}.radio-label.selected {background:var(--color-primary);border-color:var(--color-primary);color:var(--font-color);}.key-output {background:var(--bg-secondary-color);color:var(--font-color);padding:1em;border-radius:6px;white-space:pre-wrap;word-break:break-all;max-width:100%;box-sizing:border-box;}.key-details {display:block;margin-top:1em;}.public-key-section {display:block;margin-top:1em;}.download-buttons {display:flex;gap:1em;margin-top:0.7em;}.generated-key-section {display:none;margin-top:2em;max-width:700px;margin-left:auto;margin-right:auto;}.export-buttons {display:flex;gap:1em;margin-top:0.7em;}.key-type-fieldset {border:none;padding:0;margin:0 0 0.5em 0;}.legend-label {font-weight:600;display:block;margin-bottom:0.4em;font-size:1.08em;}.recommended-span {color:var(--color-primary);font-weight:500;}.section-title {font-size:1.3em;font-weight:700;color:var(--font-color);margin-bottom:0.7em;}.ec-options {display:none;}.run-all-container {text-align:right;margin-bottom:1.2em;}.run-all-btn {font-size:1.08em;padding:0.6em 2em;}.key-option {background:var(--bg-secondary-color);border-radius:0.5em;padding:1em;margin-bottom:1em;border:1px solid var(--color-lightGrey);}.key-option h3 {margin-top:0;margin-bottom:0.5em;font-size:1.1em;}.key-option .button {margin-bottom:0.5em;}.key-option .result-block {margin-top:0.5em;}.test-cases {display:flex;flex-direction:column;gap:1em;}.test-case {background:var(--bg-secondary-color);border-radius:0.5em;padding:1em;border:1px solid var(--color-lightGrey);}.test-case h3 {margin-top:0;margin-bottom:0.5em;font-size:1.1em;}.test-case textarea {width:100%;margin-bottom:0.5em;}.test-case input[type="password"] {margin-bottom:0.5em;width:100%;}.test-result {margin-top:0.5em;}.unit-tests {margin-top:2em;background:var(--bg-secondary-color);border-radius:0.5em;padding:1em;border:1px solid var(--color-lightGrey);}#unit-test-results {margin-top:1em;}.key-types-table {width:100%;border-collapse:collapse;margin-top:1em;}.key-types-table th,.key-types-table td {border:1px solid var(--color-lightGrey);padding:0.5em;text-align:left;}.key-types-table thead tr {background:var(--bg-secondary-color);color:var(--font-color);}.key-types-table tbody tr:nth-child(even) {background:var(--bg-secondary-color);}.loading-indicator {display:flex;justify-content:center;align-items:center;margin-top:0.7em;font-size:1.1em;color:var(--color-primary);gap:0.5em;}.error-message {display:flex;align-items:center;gap:0.5em;color:var(--color-error);font-size:1.05em;margin-bottom:0.7em;}.copy-feedback {display:inline;color:var(--color-primary);font-size:0.95em;margin-left:0.2em;}.button,button {color:var(--font-color);background:var(--bg-secondary-color);border:1px solid var(--color-grey);}.button:hover,button:hover {background:var(--color-primary);color:var(--font-color);}footer {margin-top:4em;padding-top:2em;border-top:1px solid var(--color-lightGrey);}.openssl-blurb {background:var(--bg-secondary-color);border:1px solid var(--color-lightGrey);border-radius:0.5em;padding:1em;margin-top:2em;}.openssl-command-block {background:#000;color:#0f0;font-family:var(--font-family-mono);padding:0.5em;border-radius:0.3em;margin:0.5em 0;white-space:pre-wrap;}.openssl-command-row {display:flex;gap:1em;align-items:center;margin-bottom:1em;}.openssl-command-block {flex:1;}.openssl-copy-col {flex:0 0 auto;}@media (max-width:600px) {.site-header {flex-direction:column;gap:0.5em;margin-bottom:0.5em;} .site-logo {height:2.2em;width:2.2em;margin-bottom:0.3em;} .site-title {font-size:1.5em;margin-bottom:0.3em;margin-top:0.1em;} .tabs {gap:0.3em !important;padding:0.1em 0 0.1em 0 !important;} .tabs a {font-size:1em !important;padding:0.5em 1em 0.4em 1em !important;border-radius:0.5em 0.5em 0 0 !important;} .container {max-width:100vw !important;width:100vw !important;margin:1rem auto 1rem auto !important;padding:1.2rem 0.5rem !important;border-radius:0.7rem !important;box-sizing:border-box !important;overflow-x:hidden !important;} .key-form {width:100% !important;gap:1em !important;padding:0 !important;box-sizing:border-box !important;overflow-x:hidden !important;} textarea {width:100% !important;font-size:1em !important;padding:0.7em !important;border-radius:0.5em !important;box-sizing:border-box !important;margin:0 !important;overflow-x:auto !important;} .button {font-size:1em !important;padding:0.7em 1.2em !important;border-radius:0.5em !important;} .openssl-command-row {flex-direction:column;align-items:flex-start;}}