cupcake.min.css

:root{--background:#f8fafc;--grayscale-1:#f1f5f9;--grayscale-2:#e2e8f0;--grayscale-3:#cbd5e1;--grayscale-4:#94a3b8;--grayscale-5:#64748b;--grayscale-6:#475569;--text:#1e293b;--primary:#14b8a6;--accent:#f97316;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,"Times New Roman",Times,serif;--font-mono:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;--headlines-font:var(--font-sans);--headlines-font-weight:700;--body-font:var(--font-sans);--body-font-weight:400;--body-wrap:64em;--body-wrap-padding:0 calc(50vw - 50%);--list-symbol:"➔";--details-background:var(--background);--details-border:2px solid var(--grayscale-2);--details-padding:.75rem 1rem;--details-border-radius:var(--border-radius);--border-radius:4px;--box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--table-border:1px solid var(--grayscale-2);--table-row-border:1px solid var(--grayscale-2);--table-col-border:1px solid var(--grayscale-2);--table-zebra-background:var(--background);--header-alignment:left;--header-background:var(--background);--header-border-bottom:1px solid var(--grayscale-2);--header-box-shadow:0;--header-wrap-margin:0 calc(-50vw + 50%) 2rem;--header-wrap-padding:1rem calc(50vw - 50%);--hero-alignment:left;--hero-border-bottom:1px solid var(--grayscale-2);--hero-y-padding:4rem;--hero-background:var(--grayscale-1);--button-background:var(--primary);--button-border:1px solid var(--primary);--button-radius:var(--border-radius);--button-color:var(--grayscale-6);--button-padding:1.5rem 1rem;--button-text-transform:normal;--button-font-weight:var(--headlines-font-weight);--code-background:var(--grayscale-1);--code-color:var(--grayscale-5)}@media (prefers-color-scheme:dark){:root{--background:#111827;--grayscale-1:#1f2937;--grayscale-2:#374151;--grayscale-3:#4b5563;--grayscale-4:#6b7280;--grayscale-5:#9ca3af;--grayscale-6:#e5e7eb;--text:#e5e7eb}}*{box-sizing:border-box}::selection{background:var(--primary);color:var(--grayscale-2)}body{accent-color:var(--primary);background-color:var(--background);color:var(--text);font-family:var(--body-font);font-size:1rem;line-height:1.5rem;margin:0 auto;max-width:var(--body-wrap);overflow-x:hidden;padding:var(--body-wrap-padding)}img{height:auto;max-width:100%}header{background:var(--header-background);border-bottom:var(--header-border-bottom);box-shadow:var(--header-box-shadow);margin:var(--header-wrap-margin);padding:var(--header-wrap-padding);text-align:var(--header-alignment)}header>h1{font-size:1.5rem;line-height:2rem;margin:0}header>h1+*{margin-top:1rem}nav a+a{margin-left:.5rem}header+section:first-of-type{background:var(--hero-background);border-bottom:var(--hero-border-bottom);margin:-2rem calc(-50vw + 50%) 2rem;padding:var(--hero-y-padding) calc(50vw - 50%);text-align:var(--hero-alignment)}header+section:first-of-type>:first-child{margin-top:0}header+section:first-of-type>:last-child{margin-bottom:0}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem}h4,h5{line-height:1.75rem}h5{font-size:1.125rem}h6{font-size:1rem;line-height:1.5rem}@media screen and (min-width:640px){h1{font-size:3.5rem;line-height:1.3}h2{font-size:2.25rem;line-height:2.5rem}h3{font-size:1.875rem;line-height:2.25rem}h4{font-size:1.5rem;line-height:2rem}h5{font-size:1.25rem}h5,h6{line-height:1.75rem}h6{font-size:1.125rem}}h1,h2,h3,h4,h5,h6{font-family:var(--headlines-font);font-weight:var(--headlines-font-weight);margin-bottom:0;margin-top:2rem}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1rem}small{font-size:.875rem;line-height:1.25rem}caption{font-size:.75rem;line-height:1rem}a{color:var(--primary)}a[href^=mailto]:after{content:" ✉️"}abbr{border-bottom:1px dotted var(--grayscale-5);cursor:help}abbr:hover{border-bottom-color:var(--primary)}mark{background-color:var(--primary);color:var(--background)}code{background:var(--code-background);border-radius:var(--border-radius);color:var(--code-color);font-size:.875rem;line-height:1.25rem;padding:.125rem}code span{color:var(--grayscale-4)}pre{background:var(--code-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--code-color);font-size:.875rem;line-height:1.25rem;margin:0;overflow-x:auto;padding:1rem;tab-size:2;white-space:pre}pre code{background:transparent;border-radius:0;padding:0}blockquote{background:var(--grayscale-2);border-left:4px solid var(--grayscale-3);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-left:0;margin-right:0;padding:1rem;vertical-align:middle}blockquote cite:before{content:"—";margin-right:.5rem}blockquote cite{display:block;font-size:1rem;margin-top:1rem}kbd{border:solid var(--grayscale-3);border-radius:var(--border-radius);border-width:1px 1px 3px;display:inline;font-size:.875rem;font-weight:700;padding:.125rem .5rem;white-space:nowrap}dl dt{font-weight:700}dl dd+dt{margin-top:1rem}dl dd{margin-left:1.25rem}dl dd:before{content:var(--list-symbol);margin-right:.25rem}table{border:var(--table-border);border-collapse:collapse;text-align:left;width:100%}table tr:nth-child(2n){background-color:var(--table-zebra)}td,th{border-bottom:var(--table-row-border);border-right:var(--table-col-border);padding:.5rem}hr{background-color:var(--grayscale-2);border:none;height:1px;margin:2rem 0}button{background:var(--button-background);border:var(--button-border);border-radius:var(--border-radius);color:var(--button-color);cursor:pointer;font-size:1rem;font-weight:var(--button-font-weight);line-height:1.5rem;margin-top:1rem;padding:.5rem .75rem;text-transform:var(--button-text-transform)}button:hover{opacity:.8}button[type=reset]{background:var(--background);color:var(--primary)}button[disabled]{cursor:not-allowed;opacity:.5}details>summary{align-items:center;border:var(--details-border);border-radius:var(--details-border-radius);cursor:pointer;display:flex;padding:var(--details-padding)}details>summary:after{content:"↓";font-size:1.5rem;margin-left:auto}details[open]>summary:after{content:"↑"}details[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0}details>div{border:2px solid var(--grayscale-2);border-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0;margin-top:0;padding:1rem}details>summary>*{display:inline;margin-bottom:0;margin-top:0}details>summary>*+*{margin-left:1rem}details>div>*{margin-bottom:0;margin-top:0}details+details{margin-top:1rem}label{display:flex}label small{color:var(--grayscale-5);margin-left:auto}label+input,label+select,label+textarea{margin-top:.25rem}input[type=checkbox]+label,input[type=radio]+label{display:inline-block}input:not(input[type=checkbox])+label,input:not(input[type=radio])+label,label+label,select+label,textarea+label{margin-top:1rem}input+input,input+select,input+textarea,select+input,select+select,select+textarea,textarea+input,textarea+select,textarea+textarea{margin-top:.5rem}input[type=date],input[type=email],input[type=file],input[type=password],input[type=tel],input[type=text],select,textarea{background:var(--grayscale-1);border:1px solid var(--grayscale-3);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--text);display:block;font-size:1rem;line-height:1.5rem;padding:.5rem;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=file]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{outline-color:var(--primary)}