@system76/design/dist/index.common.css

System76 styles and design related web assets

:root{--color-warm-gray:#574f4a;--color-black:#000;--color-social-pinterest:#cb2028;--color-green:#73c48f;--color-light-gray:#f6f6f6;--color-orange:#faa41a;--color-white:#fff;--color-social-google:#dd4b39;--color-yellow:#ffce51;--color-dark-gray:#404040;--color-medium-gray:#a6a6a6;--color-red:#f15d22;--color-blue:#48b9c7;--color-purple:#330a24;--color-social-github:#000;--color-social-facebook:#3b579d;--color-social-instagram:#ffb900;--color-social-ubuntu:#300a24;--color-social-twitter:#00b6f1;--font-family-sans:Fira Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Nato Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--font-family-slab:Roboto Slab,serif;--font-family-mono:Ubuntu Mono,Ubuntu Monospace,Menlo,Consolas,Roboto Mono,Noto Mono,Oxygen Mono,Liberation Mono,monospace;--line-height:1.5;--box-shadow-light-action:0 0 8px rgba(250,164,26,0.7),0 0 1px rgba(250,164,26,0.7)}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:400;src:url(fonts/fira/normal.eot);src:local("Fira Sans Regular"),local("FiraSans-Regular"),url(fonts/fira/normal.eot?#iefix) format("embedded-opentype"),url(fonts/fira/normal.woff) format("woff"),url(fonts/fira/normal.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:italic;font-weight:400;src:url(fonts/fira/italic.eot);src:local("Fira Sans Italic"),local("FiraSans-Italic"),url(fonts/fira/italic.eot?#iefix) format("embedded-opentype"),url(fonts/fira/italic.woff) format("woff"),url(fonts/fira/italic.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:700;src:url(fonts/fira/bold.eot);src:local("Fira Sans Bold"),local("FiraSans-Bold"),url(fonts/fira/bold.eot?#iefix) format("embedded-opentype"),url(fonts/fira/bold.woff) format("woff"),url(fonts/fira/bold.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:italic;font-weight:700;src:url(fonts/fira/bold-italic.eot);src:local("Fira Sans Bold Italic"),local("FiraSans-BoldItalic"),url(fonts/fira/bold-italic.eot?#iefix) format("embedded-opentype"),url(fonts/fira/bold-italic.woff) format("woff"),url(fonts/fira/bold-italic.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:300;src:url(fonts/fira/book.eot);src:local("Fira Sans Book"),local("FiraSans-Book"),url(fonts/fira/book.woff2) format("woff2"),url(fonts/fira/book.eot?#iefix) format("embedded-opentype"),url(fonts/fira/book.woff) format("woff"),url(fonts/fira/book.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:200;src:url(fonts/fira/light.eot);src:local("Fira Sans Light"),local("FiraSans-Light"),url(fonts/fira/light.eot?#iefix) format("embedded-opentype"),url(fonts/fira/light.woff) format("woff"),url(fonts/fira/light.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:italic;font-weight:200;src:url(fonts/fira/light-italic.eot);src:local("Fira Sans LightItalic"),local("FiraSans-LightItalic"),url(fonts/fira/light-italic.eot?#iefix) format("embedded-opentype"),url(fonts/fira/light-italic.woff) format("woff"),url(fonts/fira/light-italic.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:600;src:url(fonts/fira/semi-bold.eot);src:local("Roboto Slab SemiBold"),local("RobotoSlab-SemiBold"),url(fonts/fira/semi-bold.eot?#iefix) format("embedded-opentype"),url(fonts/fira/semi-bold.woff) format("woff"),url(fonts/fira/semi-bold.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(fonts/slab/normal.eot);src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(fonts/slab/normal.woff2) format("woff2"),url(fonts/slab/normal.eot?#iefix) format("embedded-opentype"),url(fonts/slab/normal.woff) format("woff"),url(fonts/slab/normal.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100;src:url(fonts/slab/thin.eot);src:local("Roboto Slab Thin"),local("RobotoSlab-Thin"),url(fonts/slab/thin.woff2) format("woff2"),url(fonts/slab/thin.eot?#iefix) format("embedded-opentype"),url(fonts/slab/thin.woff) format("woff"),url(fonts/slab/thin.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:700;src:url(fonts/slab/bold.eot);src:local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(fonts/slab/bold.woff2) format("woff2"),url(fonts/slab/bold.eot?#iefix) format("embedded-opentype"),url(fonts/slab/bold.woff) format("woff"),url(fonts/slab/bold.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:300;src:url(fonts/slab/light.eot);src:local("Roboto Slab Light"),local("RobotoSlab-Light"),url(fonts/slab/light.woff2) format("woff2"),url(fonts/slab/light.eot?#iefix) format("embedded-opentype"),url(fonts/slab/light.woff) format("woff"),url(fonts/slab/light.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(fonts/ubuntu/normal.eot);src:local("Ubuntu Mono"),local("UbuntuMono-Regular"),url(fonts/ubuntu/normal.woff2) format("woff2"),url(fonts/ubuntu/normal.eot?#iefix) format("embedded-opentype"),url(fonts/ubuntu/normal.woff) format("woff"),url(fonts/ubuntu/normal.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Ubuntu Mono;font-style:italic;font-weight:400;src:url(fonts/ubuntu/italic.eot);src:local("Ubuntu Mono Italic"),local("UbuntuMono-Italic"),url(fonts/ubuntu/italic.woff2) format("woff2"),url(fonts/ubuntu/italic.eot?#iefix) format("embedded-opentype"),url(fonts/ubuntu/italic.woff) format("woff"),url(fonts/ubuntu/italic.ttf) format("truetype");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{background-color:#fff;background-color:var(--color-white);color:#574f4a;color:var(--color-warm-gray);cursor:default;font-family:Fira Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Nato Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-family-sans);font-weight:400;line-height:1.5;line-height:var(--line-height);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-decoration-skip:edges;text-decoration-skip:edges;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-break:break-word}body,html{margin:0;padding:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Ubuntu Mono,Ubuntu Monospace,Menlo,Consolas,Roboto Mono,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-mono);font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Ubuntu Mono,Ubuntu Monospace,Menlo,Consolas,Roboto Mono,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-mono);font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{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}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{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]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}