1 line
13 KiB
CSS
1 line
13 KiB
CSS
*,:after,:before{box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}code,kbd,pre,samp{font-family:Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}button,input,select,textarea{background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}select{-moz-appearance:none;-webkit-appearance:none;background:no-repeat 100%/1em;border-radius:0;padding-right:1em}select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")}::-ms-expand{display:none}:-ms-input-placeholder{color:rgba(0,0,0,.54)}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100;font-display:swap;src:url(/IBMPlexSans-Thin.eb4bbefb.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/IBMPlexSans-Light.ab432367.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/IBMPlexSans-Regular.97a23001.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/IBMPlexSans-Medium.f3ba3949.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/IBMPlexSans-SemiBold.027d36f8.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/IBMPlexSans-Bold.4dfaebd3.ttf) format("truetype")}@font-face{font-family:Fira Code;src:url(/FiraCode-Light.0049a308.woff2) format("woff2"),url(/FiraCode-Light.7462e69b.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/FiraCode-Regular.de18f42f.woff2) format("woff2"),url(/FiraCode-Regular.5c4d2b60.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/FiraCode-Medium.61e32950.woff2) format("woff2"),url(/FiraCode-Medium.fa345726.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:url(/FiraCode-Bold.d2e4e930.woff2) format("woff2"),url(/FiraCode-Bold.9341457d.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Fira Code VF;src:url(/FiraCode-VF.fa7346fc.woff2) format("woff2-variations"),url(/FiraCode-VF.2a9bbcf8.woff) format("woff-variations");font-weight:300 700;font-style:normal}:root{--primary-blue:#1661ee;--dark-blue:#091226;--body-text-grey:#9da0a8;--error-red:#ff4545;--disabled-grey:#989898;--disabled-grey-2:#f3f4f7;--active-input-text:#dadfe1;--line-separator:#eef0f3}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;color:var(--body-text-grey);background-color:#fff;scroll-behavior:smooth}body{position:relative;overflow-x:hidden}@media (min-width:640px){body{font-size:1.25rem}}::selection{background:var(--primary-blue);color:#fff}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:IBM Plex Sans,sans-serif;color:var(--dark-blue);font-weight:300}.h1,h1{font-size:2.625rem;line-height:1.25}.h1,.h2,h1,h2{font-weight:300;width:95%}.h2,h2{font-size:1.75rem;line-height:1.425}.h3,h3{font-size:1.5rem;line-height:1.5;font-weight:300}.h4,.h5,.h6,h4,h5,h6{font-size:1.25rem;line-height:1.25}.h5,.h6,h5,h6{margin:1em 0}@media (min-width:640px){.h1,h1{font-size:3.375rem;line-height:1.2}.h2,h2{font-size:2.625rem;line-height:1.25}.h3,h3{font-size:1.75rem;font-weight:300;line-height:1.425}.h4,h4{font-size:1.5rem;line-height:1.5}}label{display:block}button,input,select,textarea{border:none;padding:.5rem 0}iframe,img,input,select,textarea{height:auto;max-width:100%}code,kbd,samp{display:inline-block;color:var(--dark-blue);font-family:Fira Code,monospace;font-size:1rem}pre code{display:block;padding:1rem 0;overflow:auto}em{font-weight:500}a,em{color:var(--dark-blue)}a{text-decoration:none}a:hover{color:var(--primary-blue)}a:active,a:hover{text-decoration:underline}a:active{color:var(--body-text-grey)}.arrow-link{display:inline-block;text-decoration:none;position:relative;padding-right:1.5rem;font-size:1.25rem}.arrow-link:after{content:"";display:block;position:absolute;top:.6rem;right:.2rem;background-image:url('data:image/svg+xml;utf8,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0V11H9.01687V1.91047L0.695179 11L0 10.2402L8.39156 1.0745H0L0 0L10 0Z" fill="%23091226"/></svg>');background-size:contain;background-repeat:no-repeat;width:.8rem;height:.8rem}.arrow-link:hover:after{background-image:url('data:image/svg+xml;utf8,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0V11H9.01687V1.91047L0.695179 11L0 10.2402L8.39156 1.0745H0L0 0L10 0Z" fill="%231661EE"/></svg>')}.arrow-link:active:after{background-image:url('data:image/svg+xml;utf8,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0V11H9.01687V1.91047L0.695179 11L0 10.2402L8.39156 1.0745H0L0 0L10 0Z" fill="%239DA0A8"/></svg>')}.back-link{display:inline-block;text-decoration:none;position:relative;padding-right:2rem;font-size:1.25rem}.back-link:after{content:"";display:block;position:absolute;top:.33rem;right:.2rem;background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.37437 16.5815L9.08147 15.8744L2.50892 9.30327L16.5104 9.30334V8.30334L2.51033 8.30342L9.08147 1.73228L8.37437 1.02517L0.596191 8.80334L8.37437 16.5815Z" fill="%23091226"/></svg>');background-size:contain;background-repeat:no-repeat;width:1.2rem;height:1.2rem}.back-link:hover:after{background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.37437 16.5815L9.08147 15.8744L2.50892 9.30327L16.5104 9.30334V8.30334L2.51033 8.30342L9.08147 1.73228L8.37437 1.02517L0.596191 8.80334L8.37437 16.5815Z" fill="%231661EE"/></svg>')}.back-link:active:after{background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.37437 16.5815L9.08147 15.8744L2.50892 9.30327L16.5104 9.30334V8.30334L2.51033 8.30342L9.08147 1.73228L8.37437 1.02517L0.596191 8.80334L8.37437 16.5815Z" fill="%239DA0A8"/></svg>')}blockquote{color:var(--dark-blue);font-size:1.5rem;padding:1rem 3rem;border-left:1px solid var(--line-separator);margin-left:0}hr{border:none;border-top:1px solid var(--line-separator);margin:2rem 0}caption{font-weight:500}caption,th{color:var(--dark-blue)}th{font-weight:400;text-align:left}td,th{padding:.5rem}strong{font-weight:500}b,strong{color:var(--dark-blue)}b{font-weight:400}abbr,cite,del,dfn,i,ins,q,s,time,u,var{color:var(--dark-blue)}mark{background:var(--primary-blue);color:#fff}small{font-size:.875rem}.error{color:var(--error-red)}fieldset{border:1px solid var(--dark-blue)}.button,button,label,legend{color:var(--dark-blue)}.button,button{padding:.5rem 1rem;border:1px solid;cursor:pointer;min-height:3rem;min-width:3rem}.button+.button,button+button{margin-left:1rem}.button:hover,button:hover{color:var(--primary-blue)}.button:active,button:active{color:#fff;background-color:var(--primary-blue);border-color:var(--primary-blue);outline:none}.button:disabled,button:disabled{color:var(--disabled-grey);background-color:var(--disabled-grey-2);border-color:var(--disabled-grey-2)}.primary-button{color:#fff;background-color:var(--primary-blue);border-color:var(--primary-blue)}.primary-button:hover{color:#fff;background-color:var(--dark-blue);border-color:var(--dark-blue)}.primary-button:active{color:var(--dark-blue);background-color:#fff}.square-button{font-size:0;color:#fff;background-color:var(--primary-blue);border-color:var(--primary-blue);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.square-button:after,.square-button:before{content:"";display:block;background-color:currentColor;position:absolute}.square-button:before{top:.75rem;bottom:.75rem;width:1px}.square-button:after{left:.75rem;right:.75rem;height:1px}.square-button:hover{background-color:#000;border-color:#000;color:#fff}.square-button:hover:before{top:0;bottom:0}.square-button:hover:after{left:0;right:0}.square-button:active{background-color:#fff;border-color:#000;color:#000}.square-button:active:before{top:0;bottom:0}.square-button:active:after{left:0;right:0}input{font-size:inherit}.nice-input,input{color:var(--dark-blue)}.nice-input{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;max-width:24rem;margin:1rem 0}.nice-input input{grid-row:1;grid-column:1;color:inherit}.nice-input button{grid-row:1;grid-column:2}.nice-input small{grid-row:2;grid-column:1/2}.nice-input.error{color:var(--error-red)}.nice-input.error button{background-color:var(--error-red);border-color:var(--error-red)}body{--menu-width:18rem}.app{margin:0 auto;position:relative;min-height:100vh}.noBodyScroll{overflow:hidden;max-height:100vh}.main-content{padding:1rem 1.25rem;max-width:1024px;position:relative}.secondary-menu{position:fixed;top:1.25rem;right:1.25rem;height:0;display:flex;flex-direction:column;align-items:flex-end;display:none;z-index:5}.secondary-menu a{color:inherit;text-decoration:none;position:relative}.secondary-menu a:hover{color:#546067}.secondary-menu a:hover:before{content:"";display:block;position:fixed;top:0;bottom:0;left:var(--menu-width);right:0;background-color:hsla(0,0%,100%,.8);width:100%;height:100%;min-height:50vh;pointer-events:none;z-index:-1}.secondary-menu a.active{color:var(--dark-blue)}h1 a{text-decoration:none}@media (min-width:992px){.main-content{margin-left:var(--menu-width);margin-bottom:6rem;padding:1.25rem}.secondary-menu{display:flex}}@media (min-width:1320px){body{--menu-width:24rem}}code,pre{padding:0!important;background-color:#fff!important}code{display:inline-block!important;color:var(--dark-blue)!important;font-family:Fira Code,monospace!important;font-size:1rem!important} |