diff --git a/index.html b/index.html index ab44328..552b713 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,10 @@ FastRuby.io Style Guide + + + + diff --git a/static/styleguide.css b/static/styleguide.css index 32f2370..2411ef6 100644 --- a/static/styleguide.css +++ b/static/styleguide.css @@ -1,4 +1,4 @@ -@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;500;900&display=swap");html{color:rgba(0,0,0,0.87);font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent !important;color:#000 !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none !important}html,body{font-family:"Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54;font-size:0.6em}h1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;margin-top:24px;margin-bottom:24px}h2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;margin-top:24px;margin-bottom:24px}h3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;margin-top:24px;margin-bottom:24px}h4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;margin-top:24px;margin-bottom:16px}h5{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;margin-top:24px;margin-bottom:16px}h6{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;margin-top:24px;margin-bottom:16px}p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;margin-bottom:16px}a{color:#ff4081;font-weight:500}blockquote{font-family:"Roboto", "Helvetica", "Arial", sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:0.08em}blockquote:before{position:absolute;left:-0.5em;content:'“'}blockquote:after{content:'”';margin-left:-0.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;font-style:normal}ul,ol{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--display-4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em}.mdl-typography--display-4-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em;opacity:0.54}.mdl-typography--display-3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em}.mdl-typography--display-3-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54}.mdl-typography--display-2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;opacity:0.54}.mdl-typography--display-1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;opacity:0.54}.mdl-typography--headline{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;opacity:0.87}.mdl-typography--title{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em}.mdl-typography--title-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;opacity:0.87}.mdl-typography--subhead{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em}.mdl-typography--subhead-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;opacity:0.87}.mdl-typography--body-2{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-2-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--caption{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--caption-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--menu{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--button{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0}.mdl-typography--button-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200 !important}.mdl-typography--font-light{font-weight:300 !important}.mdl-typography--font-regular{font-weight:400 !important}.mdl-typography--font-medium{font-weight:500 !important}.mdl-typography--font-bold{font-weight:700 !important}.mdl-typography--font-black{font-weight:900 !important}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,0.12);display:block;font-size:16px;font-family:"Helvetica", "Arial", sans-serif;margin:0;padding:4px 0;width:100%;background:none;text-align:left;color:inherit}.mdl-textfield__input[type="number"]{-moz-appearance:textfield}.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,0.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,0.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;max-width:0.1px}.mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{-ms-appearance:none;height:32px;margin:0}.mdl-slider{width:calc(100% - 40px);margin:0 20px}.mdl-slider.is-upgraded{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;padding:0;color:#3f51b5;align-self:center;z-index:1;cursor:pointer}.mdl-slider.is-upgraded::-moz-focus-outer{border:0}.mdl-slider.is-upgraded::-ms-tooltip{display:none}.mdl-slider.is-upgraded::-webkit-slider-runnable-track{background:transparent}.mdl-slider.is-upgraded::-moz-range-track{background:transparent;border:none}.mdl-slider.is-upgraded::-ms-track{background:none;color:transparent;height:2px;width:100%;border:none}.mdl-slider.is-upgraded::-ms-fill-lower{padding:0;background:linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0,0.26) 16px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#3f51b5;border:none;transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),border 0.18s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded::-moz-range-thumb{-moz-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-image:none;background:#3f51b5;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#3f51b5;transform:scale(0.375);transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63,81,181,0.26) 37.5%, rgba(63,81,181,0.26) 100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(0.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:9px}.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb{border:1.5px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb{background:radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0,0.26) 66.67%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.26) 25%, rgba(0,0,0,0.26) 37.5%, rgba(0,0,0,0.12) 37.5%, rgba(0,0,0,0.12) 100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(0.5625);background:radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0,0.26) 77.78%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper{margin-left:9px}.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled::-moz-range-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(0,0,0,0.26);left:-6px}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled::-ms-thumb{transform:scale(0.25);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb{transform:scale(0.25);background:radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0,0.26) 25px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded:disabled::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper{margin-left:6px}.mdl-slider__ie-container{height:18px;overflow:visible;border:none;margin:none;padding:none}.mdl-slider__container{height:18px;position:relative;background:none;display:flex;flex-direction:row}.mdl-slider__background-flex{background:transparent;position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;display:flex;overflow:hidden;border:0;padding:0;transform:translate(0, -1px)}.mdl-slider__background-lower{background:#3f51b5;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,0.26);flex:0;position:relative;border:0;padding:0;transition:left 0.18s cubic-bezier(0.4, 0, 0.2, 1)}/*! +html{color:rgba(0,0,0,0.87);font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent !important;color:#000 !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none !important}html,body{font-family:"Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54;font-size:0.6em}h1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;margin-top:24px;margin-bottom:24px}h2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;margin-top:24px;margin-bottom:24px}h3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;margin-top:24px;margin-bottom:24px}h4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;margin-top:24px;margin-bottom:16px}h5{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;margin-top:24px;margin-bottom:16px}h6{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;margin-top:24px;margin-bottom:16px}p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;margin-bottom:16px}a{color:#ff4081;font-weight:500}blockquote{font-family:"Roboto", "Helvetica", "Arial", sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:0.08em}blockquote:before{position:absolute;left:-0.5em;content:'“'}blockquote:after{content:'”';margin-left:-0.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;font-style:normal}ul,ol{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--display-4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em}.mdl-typography--display-4-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em;opacity:0.54}.mdl-typography--display-3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em}.mdl-typography--display-3-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54}.mdl-typography--display-2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;opacity:0.54}.mdl-typography--display-1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;opacity:0.54}.mdl-typography--headline{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;opacity:0.87}.mdl-typography--title{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em}.mdl-typography--title-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;opacity:0.87}.mdl-typography--subhead{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em}.mdl-typography--subhead-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;opacity:0.87}.mdl-typography--body-2{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-2-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--caption{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--caption-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--menu{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--button{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0}.mdl-typography--button-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200 !important}.mdl-typography--font-light{font-weight:300 !important}.mdl-typography--font-regular{font-weight:400 !important}.mdl-typography--font-medium{font-weight:500 !important}.mdl-typography--font-bold{font-weight:700 !important}.mdl-typography--font-black{font-weight:900 !important}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,0.12);display:block;font-size:16px;font-family:"Helvetica", "Arial", sans-serif;margin:0;padding:4px 0;width:100%;background:none;text-align:left;color:inherit}.mdl-textfield__input[type="number"]{-moz-appearance:textfield}.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,0.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,0.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;max-width:0.1px}.mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{-ms-appearance:none;height:32px;margin:0}.mdl-slider{width:calc(100% - 40px);margin:0 20px}.mdl-slider.is-upgraded{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;padding:0;color:#3f51b5;align-self:center;z-index:1;cursor:pointer}.mdl-slider.is-upgraded::-moz-focus-outer{border:0}.mdl-slider.is-upgraded::-ms-tooltip{display:none}.mdl-slider.is-upgraded::-webkit-slider-runnable-track{background:transparent}.mdl-slider.is-upgraded::-moz-range-track{background:transparent;border:none}.mdl-slider.is-upgraded::-ms-track{background:none;color:transparent;height:2px;width:100%;border:none}.mdl-slider.is-upgraded::-ms-fill-lower{padding:0;background:linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0,0.26) 16px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#3f51b5;border:none;transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),border 0.18s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded::-moz-range-thumb{-moz-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-image:none;background:#3f51b5;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#3f51b5;transform:scale(0.375);transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63,81,181,0.26) 37.5%, rgba(63,81,181,0.26) 100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(0.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:9px}.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb{border:1.5px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb{background:radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0,0.26) 66.67%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.26) 25%, rgba(0,0,0,0.26) 37.5%, rgba(0,0,0,0.12) 37.5%, rgba(0,0,0,0.12) 100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(0.5625);background:radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0,0.26) 77.78%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper{margin-left:9px}.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled::-moz-range-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(0,0,0,0.26);left:-6px}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled::-ms-thumb{transform:scale(0.25);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb{transform:scale(0.25);background:radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0,0.26) 25px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded:disabled::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper{margin-left:6px}.mdl-slider__ie-container{height:18px;overflow:visible;border:none;margin:none;padding:none}.mdl-slider__container{height:18px;position:relative;background:none;display:flex;flex-direction:row}.mdl-slider__background-flex{background:transparent;position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;display:flex;overflow:hidden;border:0;padding:0;transform:translate(0, -1px)}.mdl-slider__background-lower{background:#3f51b5;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,0.26);flex:0;position:relative;border:0;padding:0;transition:left 0.18s cubic-bezier(0.4, 0, 0.2, 1)}/*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) diff --git a/static/styleguide.min.css b/static/styleguide.min.css index 32f2370..2411ef6 100644 --- a/static/styleguide.min.css +++ b/static/styleguide.min.css @@ -1,4 +1,4 @@ -@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;500;900&display=swap");html{color:rgba(0,0,0,0.87);font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent !important;color:#000 !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none !important}html,body{font-family:"Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54;font-size:0.6em}h1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;margin-top:24px;margin-bottom:24px}h2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;margin-top:24px;margin-bottom:24px}h3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;margin-top:24px;margin-bottom:24px}h4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;margin-top:24px;margin-bottom:16px}h5{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;margin-top:24px;margin-bottom:16px}h6{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;margin-top:24px;margin-bottom:16px}p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;margin-bottom:16px}a{color:#ff4081;font-weight:500}blockquote{font-family:"Roboto", "Helvetica", "Arial", sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:0.08em}blockquote:before{position:absolute;left:-0.5em;content:'“'}blockquote:after{content:'”';margin-left:-0.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;font-style:normal}ul,ol{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--display-4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em}.mdl-typography--display-4-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em;opacity:0.54}.mdl-typography--display-3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em}.mdl-typography--display-3-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54}.mdl-typography--display-2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;opacity:0.54}.mdl-typography--display-1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;opacity:0.54}.mdl-typography--headline{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;opacity:0.87}.mdl-typography--title{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em}.mdl-typography--title-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;opacity:0.87}.mdl-typography--subhead{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em}.mdl-typography--subhead-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;opacity:0.87}.mdl-typography--body-2{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-2-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--caption{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--caption-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--menu{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--button{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0}.mdl-typography--button-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200 !important}.mdl-typography--font-light{font-weight:300 !important}.mdl-typography--font-regular{font-weight:400 !important}.mdl-typography--font-medium{font-weight:500 !important}.mdl-typography--font-bold{font-weight:700 !important}.mdl-typography--font-black{font-weight:900 !important}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,0.12);display:block;font-size:16px;font-family:"Helvetica", "Arial", sans-serif;margin:0;padding:4px 0;width:100%;background:none;text-align:left;color:inherit}.mdl-textfield__input[type="number"]{-moz-appearance:textfield}.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,0.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,0.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;max-width:0.1px}.mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{-ms-appearance:none;height:32px;margin:0}.mdl-slider{width:calc(100% - 40px);margin:0 20px}.mdl-slider.is-upgraded{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;padding:0;color:#3f51b5;align-self:center;z-index:1;cursor:pointer}.mdl-slider.is-upgraded::-moz-focus-outer{border:0}.mdl-slider.is-upgraded::-ms-tooltip{display:none}.mdl-slider.is-upgraded::-webkit-slider-runnable-track{background:transparent}.mdl-slider.is-upgraded::-moz-range-track{background:transparent;border:none}.mdl-slider.is-upgraded::-ms-track{background:none;color:transparent;height:2px;width:100%;border:none}.mdl-slider.is-upgraded::-ms-fill-lower{padding:0;background:linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0,0.26) 16px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#3f51b5;border:none;transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),border 0.18s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded::-moz-range-thumb{-moz-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-image:none;background:#3f51b5;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#3f51b5;transform:scale(0.375);transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63,81,181,0.26) 37.5%, rgba(63,81,181,0.26) 100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(0.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:9px}.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb{border:1.5px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb{background:radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0,0.26) 66.67%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.26) 25%, rgba(0,0,0,0.26) 37.5%, rgba(0,0,0,0.12) 37.5%, rgba(0,0,0,0.12) 100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(0.5625);background:radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0,0.26) 77.78%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper{margin-left:9px}.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled::-moz-range-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(0,0,0,0.26);left:-6px}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled::-ms-thumb{transform:scale(0.25);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb{transform:scale(0.25);background:radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0,0.26) 25px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded:disabled::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper{margin-left:6px}.mdl-slider__ie-container{height:18px;overflow:visible;border:none;margin:none;padding:none}.mdl-slider__container{height:18px;position:relative;background:none;display:flex;flex-direction:row}.mdl-slider__background-flex{background:transparent;position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;display:flex;overflow:hidden;border:0;padding:0;transform:translate(0, -1px)}.mdl-slider__background-lower{background:#3f51b5;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,0.26);flex:0;position:relative;border:0;padding:0;transition:left 0.18s cubic-bezier(0.4, 0, 0.2, 1)}/*! +html{color:rgba(0,0,0,0.87);font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent !important;color:#000 !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%;margin:0}main{display:block}*[hidden]{display:none !important}html,body{font-family:"Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54;font-size:0.6em}h1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;margin-top:24px;margin-bottom:24px}h2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;margin-top:24px;margin-bottom:24px}h3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;margin-top:24px;margin-bottom:24px}h4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;margin-top:24px;margin-bottom:16px}h5{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;margin-top:24px;margin-bottom:16px}h6{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;margin-top:24px;margin-bottom:16px}p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;margin-bottom:16px}a{color:#ff4081;font-weight:500}blockquote{font-family:"Roboto", "Helvetica", "Arial", sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:0.08em}blockquote:before{position:absolute;left:-0.5em;content:'“'}blockquote:after{content:'”';margin-left:-0.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;font-style:normal}ul,ol{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--display-4{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em}.mdl-typography--display-4-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-0.04em;opacity:0.54}.mdl-typography--display-3{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em}.mdl-typography--display-3-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-0.02em;opacity:0.54}.mdl-typography--display-2{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:45px;font-weight:400;line-height:48px;opacity:0.54}.mdl-typography--display-1{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:34px;font-weight:400;line-height:40px;opacity:0.54}.mdl-typography--headline{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;opacity:0.87}.mdl-typography--title{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em}.mdl-typography--title-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:0.02em;opacity:0.87}.mdl-typography--subhead{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em}.mdl-typography--subhead-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.04em;opacity:0.87}.mdl-typography--body-2{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:bold;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-2-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--body-1-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:0.87}.mdl-typography--caption{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--caption-force-preferred-font-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:0.54}.mdl-typography--menu{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--button{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0}.mdl-typography--button-color-contrast{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;opacity:0.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200 !important}.mdl-typography--font-light{font-weight:300 !important}.mdl-typography--font-regular{font-weight:400 !important}.mdl-typography--font-medium{font-weight:500 !important}.mdl-typography--font-bold{font-weight:700 !important}.mdl-typography--font-black{font-weight:900 !important}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,0.12);display:block;font-size:16px;font-family:"Helvetica", "Arial", sans-serif;margin:0;padding:4px 0;width:100%;background:none;text-align:left;color:inherit}.mdl-textfield__input[type="number"]{-moz-appearance:textfield}.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,0.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,0.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;max-width:0.1px}.mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{-ms-appearance:none;height:32px;margin:0}.mdl-slider{width:calc(100% - 40px);margin:0 20px}.mdl-slider.is-upgraded{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;padding:0;color:#3f51b5;align-self:center;z-index:1;cursor:pointer}.mdl-slider.is-upgraded::-moz-focus-outer{border:0}.mdl-slider.is-upgraded::-ms-tooltip{display:none}.mdl-slider.is-upgraded::-webkit-slider-runnable-track{background:transparent}.mdl-slider.is-upgraded::-moz-range-track{background:transparent;border:none}.mdl-slider.is-upgraded::-ms-track{background:none;color:transparent;height:2px;width:100%;border:none}.mdl-slider.is-upgraded::-ms-fill-lower{padding:0;background:linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0,0.26) 16px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#3f51b5;border:none;transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),border 0.18s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded::-moz-range-thumb{-moz-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-image:none;background:#3f51b5;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(63,81,181,0.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:#3f51b5;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#3f51b5;transform:scale(0.375);transition:transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63,81,181,0.26) 37.5%, rgba(63,81,181,0.26) 100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#3f51b5;transform:scale(0.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,0.26);background:transparent}.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,0,0,0.12);background:rgba(0,0,0,0.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:9px}.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb{border:1.5px solid rgba(0,0,0,0.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb{background:radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0,0.26) 66.67%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.26) 25%, rgba(0,0,0,0.26) 37.5%, rgba(0,0,0,0.12) 37.5%, rgba(0,0,0,0.12) 100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(0.5625);background:radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0,0.26) 77.78%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:transparent}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper{margin-left:9px}.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled::-moz-range-thumb{transform:scale(0.667);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(0,0,0,0.26);left:-6px}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb{border:3px solid rgba(0,0,0,0.26);background:transparent;transform:scale(0.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled::-ms-thumb{transform:scale(0.25);background:rgba(0,0,0,0.26)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb{transform:scale(0.25);background:radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.26) 100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0,0.26) 25px, rgba(0,0,0,0.26) 0)}.mdl-slider.is-upgraded:disabled::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper{margin-left:6px}.mdl-slider__ie-container{height:18px;overflow:visible;border:none;margin:none;padding:none}.mdl-slider__container{height:18px;position:relative;background:none;display:flex;flex-direction:row}.mdl-slider__background-flex{background:transparent;position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;display:flex;overflow:hidden;border:0;padding:0;transform:translate(0, -1px)}.mdl-slider__background-lower{background:#3f51b5;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,0.26);flex:0;position:relative;border:0;padding:0;transition:left 0.18s cubic-bezier(0.4, 0, 0.2, 1)}/*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) diff --git a/vendor/assets/stylesheets/fastruby/styleguide/2-quarks/_typography.scss b/vendor/assets/stylesheets/fastruby/styleguide/2-quarks/_typography.scss index a6f34e4..79faf41 100644 --- a/vendor/assets/stylesheets/fastruby/styleguide/2-quarks/_typography.scss +++ b/vendor/assets/stylesheets/fastruby/styleguide/2-quarks/_typography.scss @@ -5,9 +5,10 @@ $regular: 500; $bold: 700; $bolder: 900; -// Source Code Font -@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;500;900&display=swap'); +// Fonts (Oxygen, Source Code Pro) are loaded by the consuming app, not here. +// Injecting @import url() from a shared package forces render-blocking font +// requests on every consumer and can't be deduped/preconnected. See index.html +// for how the styleguide demo loads them. @mixin source-code-light{ font-family: $font-source-code;