Skip to content

Instantly share code, notes, and snippets.

@crswll
Created March 12, 2019 15:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save crswll/a18ee980c61973a6f89817225ba6490d to your computer and use it in GitHub Desktop.
Save crswll/a18ee980c61973a6f89817225ba6490d to your computer and use it in GitHub Desktop.
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:initial}strong{font-weight:bolder}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden],template{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ol,ul{margin:0}*,:after,:before{border:0 solid #b0b9bf;border-color:var(--color-cool-7)}img{border-style:solid;max-width:100%;height:auto}input::-webkit-input-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}.container{width:100%}@media (min-width:400px){.container{max-width:400px}}@media (min-width:750px){.container{max-width:750px}}@media (min-width:1024px){.container{max-width:1024px}}.list-reset{list-style:none;padding:0}.bg-primary{background-color:#027ab6;background-color:var(--color-primary)}.bg-primary-darker{background-color:hsl(200,98%,26%);background-color:var(--color-primary-darker)}.bg-primary-lighter{background-color:hsl(200,98%,46%);background-color:var(--color-primary-lighter)}.bg-cool-7{background-color:#b0b9bf;background-color:var(--color-cool-7)}.bg-cool-9{background-color:#dce1e5;background-color:var(--color-cool-9)}.bg-cool-13{background-color:#f1f3f4;background-color:var(--color-cool-13)}.bg-white{background-color:#fff;background-color:var(--color-cool-15)}.border-cool-10{border-color:#e7ebee;border-color:var(--color-cool-10)}.border-cool-13{border-color:#f1f3f4;border-color:var(--color-cool-13)}.rounded-5{border-radius:5px}.rounded{border-radius:40px;border-radius:var(--primary-border-radius)}.border-none{border-style:none}.border,.border-1{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.block{display:block}.table{display:table}.hidden{display:none}.flex{display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-flex;display:inline-flex}.flex-row{-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-align-items:flex-start;align-items:flex-start}.items-end{-webkit-align-items:flex-end;align-items:flex-end}.items-center{-webkit-align-items:center;align-items:center}.items-stretch{-webkit-align-items:stretch;align-items:stretch}.self-start{-webkit-align-self:flex-start;align-self:flex-start}.self-center{-webkit-align-self:center;align-self:center}.justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.justify-center{-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-justify-content:space-between;justify-content:space-between}.flex-1{-webkit-flex:1 1;flex:1 1}.flex-grow{-webkit-flex-grow:1;flex-grow:1}.font-300{font-weight:300}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-900{font-weight:900}.h-10{height:10px}.h-20{height:20px}.h-25{height:25px}.h-50{height:50px}.h-75{height:75px}.h-125{height:125px}.h-full{height:100%}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-loose{line-height:2}.m-2{margin:.375rem}.m-4{margin:1.125rem}.mx-2{margin-left:.375rem;margin-right:.375rem}.my-6{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.1875rem}.ml-1{margin-left:.1875rem}.mt-2{margin-top:.375rem}.mb-2{margin-bottom:.375rem}.ml-2{margin-left:.375rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1.125rem}.ml-4{margin-left:1.125rem}.max-w-450{max-width:450px}.max-w-525{max-width:525px}.min-h-400{min-height:400px}.min-h-screen{min-height:100vh}.opacity-50{opacity:.5}.overflow-hidden{overflow:hidden}.p-4{padding:1.125rem}.py-1{padding-top:.1875rem;padding-bottom:.1875rem}.px-2{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1.125rem;padding-bottom:1.125rem}.px-4{padding-left:1.125rem;padding-right:1.125rem}.py-5{padding-top:1.625rem;padding-bottom:1.625rem}.pt-0{padding-top:0}.pt-1{padding-top:.1875rem}.pb-2{padding-bottom:.375rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1.125rem}.pb-4{padding-bottom:1.125rem}.pl-4{padding-left:1.125rem}.pt-5{padding-top:1.625rem}.pb-5{padding-bottom:1.625rem}.pl-5{padding-left:1.625rem}.pl-6{padding-left:2rem}.static{position:static}.relative{position:relative}.shadow{box-shadow:0 2px 10px rgba(0,0,0,.35);box-shadow:var(--shadow)}.fill-current{fill:currentColor}.text-center{text-align:center}.text-black{color:#000;color:var(--color-cool-0)}.text-cool-3{color:#43474c;color:var(--color-cool-3)}.text-cool-4{color:#656b72;color:var(--color-cool-4)}.text-cool-5{color:#879097;color:var(--color-cool-5)}.text-cool-6{color:#9ca5ab;color:var(--color-cool-6)}.focus\:text-primary:focus,.hover\:text-primary:hover{color:#027ab6;color:var(--color-primary)}.text-scale-n2{font-size:.75rem}.text-scale-n1{font-size:.875rem}.text-scale-0{font-size:1rem}.text-scale-1{font-size:1.125rem}.text-scale-4{font-size:1.5rem}.text-scale-6{font-size:1.75rem}.text-scale-7{font-size:2rem}.text-scale-8{font-size:2.25rem}.italic{font-style:italic}.no-underline{text-decoration:none}.tracking-wide{letter-spacing:.0125rem}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.w-10{width:10px}.w-20{width:20px}.w-25{width:25px}.w-175{width:175px}.w-1\/2{width:50%}.w-1\/5{width:20%}.w-3\/5{width:60%}.w-full{width:100%}.z-10{z-index:10}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.transition-opacity{-webkit-transition-property:opacity;transition-property:opacity}.transition-transform{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.transition-slow{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:var(--transition-slow);transition-duration:var(--transition-slow)}.transition-medium{-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-duration:var(--transition-medium);transition-duration:var(--transition-medium)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root{--primary-font-stack:XfinityStandard,Helvetica,Arial,sans-serif;--secondary-font-stack:Roboto,Noto,sans-serif;--primary-hue:200;--primary-saturation:98%;--primary-luminosity:36%;--dark-primary-hue:225;--dark-primary-saturation:19%;--dark-primary-luminosity:15%;--transparent:transparent;--color-cool-15:#fff;--color-cool-14:hsl(var(--cool-hue-override,180),14%,99%);--color-cool-13:hsl(var(--cool-hue-override,200),13%,95%);--color-cool-12:hsl(var(--cool-hue-override,204),17%,94%);--color-cool-11:hsl(var(--cool-hue-override,204),14%,93%);--color-cool-10:hsl(var(--cool-hue-override,206),16%,92%);--color-cool-9:hsl(var(--cool-hue-override,207),15%,88%);--color-cool-8:hsl(var(--cool-hue-override,207),11%,80%);--color-cool-7:hsl(var(--cool-hue-override,206),10%,72%);--color-cool-6:hsl(var(--cool-hue-override,204),8%,64%);--color-cool-5:hsl(var(--cool-hue-override,206),7%,56%);--color-cool-4:hsl(var(--cool-hue-override,210),6%,42%);--color-cool-3:hsl(var(--cool-hue-override,210),6%,28%);--color-cool-2:hsl(var(--cool-hue-override,200),3%,17%);--color-cool-1:#1a1a1a;--color-cool-0:#000;--color-primary:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-luminosity));--color-primary-lighter:hsl(var(--primary-hue),var(--primary-saturation),calc(var(--primary-luminosity) + 10%));--color-primary-darker:hsl(var(--primary-hue),var(--primary-saturation),calc(var(--primary-luminosity) - 10%));--color-dark-primary:hsl(var(--dark-primary-hue),var(--dark-primary-saturation),var(--dark-primary-luminosity));--color-dark-primary-lighter:hsl(var(--dark-primary-hue),var(--dark-primary-saturation),calc(var(--dark-primary-luminosity) + 10%));--color-dark-primary-darker:hsl(var(--dark-primary-hue),var(--dark-primary-saturation),calc(var(--dark-primary-luminosity) - 10%));--color-positive:#48c785;--color-neutral:#ffa600;--color-negative:#ff5c5c;--primary-border-radius:40px;--shadow:0 2px 10px rgba(0,0,0,0.35);--shadow-primary:0 0 25px hsla(var(--primary-hue),var(--primary-saturation),var(--primary-luminosity),.75);--shadow-accessible:0 0 3px 4px hsla(var(--primary-hue),var(--primary-saturation),var(--primary-luminosity),.75);--gradient-subtle:linear-gradient(90deg,var(--color-cool-15),var(--color-cool-14) 15%,var(--color-cool-14) 85%,var(--color-cool-15));--network-activity:linear-gradient(90deg,#7155d3,#638adc);--transition-multiplier:.5;--transition-fast:calc(0.25s*var(--transition-multiplier));--transition-medium:calc(0.5s*var(--transition-multiplier));--transition-slow:calc(1s*var(--transition-multiplier))}html{font-size:14px;font-family:XfinityStandard,Helvetica,Arial,sans-serif;font-family:var(--primary-font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (min-width:750px){html{font-size:16px}}.container{margin-left:auto;margin-right:auto;max-width:1000px}@media (min-width:750px){.container{padding-left:.75rem;padding-right:.75rem}}[disabled]{pointer-events:none}.btn{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;outline:0;font-size:1rem;padding-left:1.125rem;padding-right:1.125rem;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.125s;transition-duration:.125s;-webkit-transition-duration:var(--transition-fast);transition-duration:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;border-radius:5px;min-height:50px}.btn--rounded{border-radius:40px;border-radius:var(--primary-border-radius);min-width:150px}.btn--primary{color:#027ab6;color:var(--color-primary);border-width:1px;border-color:#027ab6;border-color:var(--color-primary);background-color:#fff;background-color:var(--color-cool-15)}.btn--primary:focus,.btn--primary:hover{color:#fff;color:var(--color-cool-15);background-color:#027ab6;background-color:var(--color-primary)}.btn--primary:disabled{color:#b0b9bf;color:var(--color-cool-7);border-width:1px;border-color:#b0b9bf;border-color:var(--color-cool-7)}.btn--dark{background-color:#027ab6;background-color:var(--color-primary);color:#fff;color:var(--color-cool-15)}.btn--dark:focus,.btn--dark:hover{background-color:hsl(200,98%,26%);background-color:var(--color-primary-darker)}.btn--dark:disabled{background-color:#b0b9bf;background-color:var(--color-cool-7);color:#fff;color:var(--color-cool-15)}.link{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;outline:0;text-decoration:none;color:#027ab6;color:var(--color-primary);font-weight:500}.link:hover{color:hsl(200,98%,26%);color:var(--color-primary-darker)}@media (min-width:400px){.sm\:block{display:block}.sm\:flex{display:-webkit-flex;display:flex}.sm\:flex-col{-webkit-flex-direction:column;flex-direction:column}.sm\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.sm\:h-100{height:100px}.sm\:mr-7{margin-right:2.625rem}.sm\:max-w-400{max-width:400px}.sm\:w-100{width:100px}.sm\:w-200{width:200px}}@media (min-width:750px){.md\:bg-transparent{background-color:initial}.md\:border-cool-8{border-color:#c6cdd2;border-color:var(--color-cool-8)}.md\:border-0{border-width:0}.md\:border-b-0{border-bottom-width:0}.md\:border-l-3{border-left-width:3px}.md\:hidden{display:none}.md\:flex{display:-webkit-flex;display:flex}.md\:flex-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.md\:flex-col{-webkit-flex-direction:column;flex-direction:column}.md\:flex-col-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.md\:justify-between{-webkit-justify-content:space-between;justify-content:space-between}.md\:font-100{font-weight:100}.md\:font-200{font-weight:200}.md\:font-500{font-weight:500}.md\:font-600{font-weight:600}.md\:h-60{height:60px}.md\:h-75{height:75px}.md\:h-175{height:175px}.md\:leading-loose{line-height:2}.md\:m-auto{margin:auto}.md\:mb-2{margin-bottom:.375rem}.md\:mt-6{margin-top:2rem}.md\:mt-7{margin-top:2.625rem}.md\:max-w-4\/5{max-width:80%}.md\:min-h-250{min-height:250px}.md\:min-h-500{min-height:500px}.md\:px-0{padding-left:0;padding-right:0}.md\:py-5{padding-top:1.625rem;padding-bottom:1.625rem}.md\:pt-0{padding-top:0}.md\:pl-0{padding-left:0}.md\:pb-1{padding-bottom:.1875rem}.md\:pt-2{padding-top:.375rem}.md\:pr-2{padding-right:.375rem}.md\:pb-2{padding-bottom:.375rem}.md\:pl-2{padding-left:.375rem}.md\:pt-3{padding-top:.75rem}.md\:pb-3{padding-bottom:.75rem}.md\:pt-4{padding-top:1.125rem}.md\:pl-4{padding-left:1.125rem}.md\:pt-6{padding-top:2rem}.md\:pb-6{padding-bottom:2rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-scale-n2{font-size:.75rem}.md\:text-scale-n1{font-size:.875rem}.md\:text-scale-0{font-size:1rem}.md\:text-scale-1{font-size:1.125rem}.md\:text-scale-2{font-size:1.25rem}.md\:text-scale-4{font-size:1.5rem}.md\:text-scale-6{font-size:1.75rem}.md\:text-scale-7{font-size:2rem}.md\:roman{font-style:normal}.md\:w-175{width:175px}.md\:w-250{width:250px}.md\:w-450{width:450px}.md\:w-1\/2{width:50%}.md\:w-3\/4{width:75%}}@media (min-width:1024px){.lg\:border-cool-10{border-color:#e7ebee;border-color:var(--color-cool-10)}.lg\:border-t-1{border-top-width:1px}.lg\:border-b-1{border-bottom-width:1px}.lg\:border-l-1{border-left-width:1px}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:hidden{display:none}.lg\:flex{display:-webkit-flex;display:flex}.lg\:inline-flex{display:-webkit-inline-flex;display:inline-flex}.lg\:flex-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.lg\:flex-col{-webkit-flex-direction:column;flex-direction:column}.lg\:items-end{-webkit-align-items:flex-end;align-items:flex-end}.lg\:items-center{-webkit-align-items:center;align-items:center}.lg\:self-center{-webkit-align-self:center;align-self:center}.lg\:justify-center{-webkit-justify-content:center;justify-content:center}.lg\:font-100{font-weight:100}.lg\:h-full{height:100%}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:mt-3{margin-top:.75rem}.lg\:mt-4{margin-top:1.125rem}.lg\:min-h-250{min-height:250px}.lg\:pt-0{padding-top:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0{padding-left:0}.lg\:pb-2{padding-bottom:.375rem}.lg\:pt-4{padding-top:1.125rem}.lg\:pb-4{padding-bottom:1.125rem}.lg\:pt-5{padding-top:1.625rem}.lg\:pr-5{padding-right:1.625rem}.lg\:w-320{width:320px}.lg\:w-1\/3{width:33.33333%}.lg\:w-2\/3{width:66.66667%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-full{width:100%}}
/*# sourceMappingURL=main.cf4c21e8.chunk.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment