diff --git a/README.md b/README.md index 615d00e..3805df5 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# mini.css v2.1.2 +# mini.css A minimal, responsive, style-agnostic CSS framework [![npm](https://img.shields.io/npm/v/mini.css.svg)](https://www.npmjs.com/package/mini.css) diff --git a/dist/mini-dark.css b/dist/mini-dark.css index 6539083..cdccfd4 100644 --- a/dist/mini-dark.css +++ b/dist/mini-dark.css @@ -118,7 +118,6 @@ hr { line-height: 1.25em; margin: 0.5rem; height: 1px; - background: -webkit-linear-gradient(to right, #616161, #9e9e9e, #616161); background: linear-gradient(to right, #616161, #9e9e9e, #616161); } @@ -190,8 +189,7 @@ a { color: #039be5; text-decoration: underline; opacity: 1; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: opacity 0.3s; } a:visited { @@ -725,8 +723,7 @@ header .logo { font-size: 1.75rem; line-height: 1.3125em; margin: 0.0625rem 0.375rem 0.0625rem 0.0625rem; - -webkit-transition: 0s opacity; - transition: 0s opacity; + transition: opacity 0.3s; } header button, header [type="button"], @@ -984,8 +981,7 @@ a[role="button"], label[role="button"], [role="button"] { padding: 0.5rem 0.75rem; margin: 0.5rem; text-decoration: none; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; cursor: pointer; } @@ -1559,8 +1555,7 @@ table.striped tr:nth-of-type(2n) > td { display: inline-block; height: 1.5rem; cursor: pointer; - -webkit-transition: background 0.3s ease 0s; - transition: background 0.3s ease 0s; + transition: background 0.3s; background: #1d262a; border: 1px solid #757575; padding: 0.75rem; @@ -1592,8 +1587,7 @@ table.striped tr:nth-of-type(2n) > td { transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; - -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + transition: -webkit-transform 0.3s, transform 0.3s; } .tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { @@ -1751,8 +1745,7 @@ mark.inline-block { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: all 0.3s; z-index: 1010; } @@ -1779,6 +1772,8 @@ mark.inline-block { content: ''; background: transparent; border: 0.5rem solid transparent; + left: 50%; + left: calc(50% - 0.5rem); } .tooltip:not(.bottom):before { @@ -1808,13 +1803,6 @@ mark.inline-block { margin-top: 1rem; } -@supports (left: calc(50% - 0.5rem)) or (left: -webkit-calc(50% - 0.5rem)) { - .tooltip:before { - left: -webkit-calc(50% - 0.5rem); - left: calc(50% - 0.5rem); - } -} - /* Custom contextual background elements and alerts. */ @@ -1864,10 +1852,11 @@ progress { -moz-appearance: none; appearance: none; height: 1rem; - width: 100%; + width: 90%; + width: calc(100% - 1rem); + margin: 0.5rem 0.5rem; border: 0; border-radius: 2px; - margin: 0.5rem auto; background: #39444a; color: #0277bd; } @@ -1896,14 +1885,6 @@ progress[value="1000"]::-moz-progress-bar { border-radius: 2px; } -@supports (width: calc(100% - 2*0.5rem)) or (width: -webkit-calc(100% - 2*0.5rem)) { - progress { - width: -webkit-calc(100% - 2*0.5rem); - width: calc(100% - 2*0.5rem); - margin: 0.5rem 0.5rem; - } -} - @-webkit-keyframes spinner-donut-anim { 0% { -webkit-transform: rotate(0deg); @@ -1968,7 +1949,8 @@ progress.tertiary::-moz-progress-bar { progress.nano { height: 0.125rem; - width: 100%; + width: calc(100% - 0); + margin: 0 0; margin: 0 auto; border-radius: 0; } @@ -2095,8 +2077,7 @@ ul.breadcrumbs li:last-child:after { background: rgba(57, 68, 74, 0); vertical-align: top; cursor: pointer; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; } .close:hover, .close:active, .close:focus { diff --git a/dist/mini-dark.min.css b/dist/mini-dark.min.css index 8fa4446..cddbc18 100644 --- a/dist/mini-dark.min.css +++ b/dist/mini-dark.min.css @@ -1 +1 @@ -html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:#d0d0d0;background:#232e33}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:0.75rem 0.5rem;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#acacac;display:block;margin-top:-.25rem}h1{font-size:2rem}h2{font-size:1.6875rem}h3{font-size:1.4375rem}h4{font-size:1.1875rem}h5{font-size:1rem}h6{font-size:.8125rem}p{margin:.5rem}ol,ul{margin:.5rem;padding-left:1rem}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:.5rem;height:1px;background:-webkit-linear-gradient(to right, #616161, #9e9e9e, #616161);background:linear-gradient(to right, #616161, #9e9e9e, #616161)}blockquote{display:block;position:relative;font-style:italic;margin:.5rem;padding:0.5rem 0.5rem 1.5rem;border-left:4px solid #192024;border-radius:0 2px 2px 0}blockquote:after{position:absolute;font-style:normal;font-size:.875rem;color:#acacac;left:.625rem;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#20292e;padding:0.125rem 0.25rem}pre{overflow:auto;border-radius:0 2px 2px 0;background:#20292e;padding:.75rem;margin:.5rem;border-left:4px solid #01579b}kbd{border-radius:2px;background:#fafafa;color:#0c0c0c;padding:0.125rem 0.25rem}small,sup,sub{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#039be5;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#0288d1}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:.8125rem;color:#acacac}.container{margin:0 auto;padding:0 .75rem}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:2.75rem;background:#151c1f;color:#f5f5f5;padding:0.125rem 0.5rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#f5f5f5;font-size:1.75rem;line-height:1.3125em;margin:0.0625rem 0.375rem 0.0625rem 0.0625rem;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#151c1f;color:#f5f5f5;vertical-align:top;margin:0.125rem 0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#192024}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#37474f;border:1px solid #324148;margin:.5rem;padding:0.75rem 1rem}nav a,nav a:visited{display:block;color:#3e79bd;text-decoration:none}nav .sublink-1{padding-left:1rem;position:relative}nav .sublink-1:before{position:absolute;left:.1875rem;top:-1px;content:'';height:100%;border:1px solid #616161;border-left:0}nav .sublink-2{padding-left:2rem;position:relative}nav .sublink-2:before{position:absolute;left:.1875rem;top:-1px;content:'';height:100%;border:1px solid #616161;border-left:0}footer{display:block;background:#192024;color:#f5f5f5;margin:1rem 0 0;padding:1.5rem 0.5rem 0.75rem;font-size:.875rem}footer a,footer a:visited{color:#0288d1}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#1c2529;color:#9e9e9e;border:1px solid #20292e;margin:.5rem;padding:0.75rem 0.5rem 1.125rem}fieldset{border:1px solid #263238;border-radius:2px;margin:.125rem;padding:.5rem}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.875rem;color:#9e9e9e;padding:0.125rem 0.25rem}label{padding:.25rem}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#39444a;color:#d0d0d0;border:1px solid #263238;border-radius:2px;margin:.25rem;padding:0.5rem 0.75rem}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#263238;border-color:#20292e}::-webkit-input-placeholder{opacity:1;color:#757575}::-moz-placeholder{opacity:1;color:#757575}::-ms-placeholder{opacity:1;color:#757575}::placeholder{opacity:1;color:#757575}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(57,68,74,0.75);color:#d0d0d0;border:0;border-radius:2px;padding:0.5rem 0.75rem;margin:.5rem;text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:#39444a;opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #263238;border-radius:2px;margin:.5rem}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #263238}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #263238}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #1c2529;border-radius:2px;background:#39444a;color:#d0d0d0;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#d0d0d0;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.9);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(95,145,51,0.9);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#5f9133}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:rgba(235,236,236,0.9);color:#0c0c0c}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:#ebecec}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:0.25rem 0.375rem}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:0.75rem 1.125rem}table{border-collapse:separate;border-spacing:0;border:1px solid #1c2529;margin:0 auto}table caption{font-size:1.5rem;margin:.5rem}table tr{padding:.5rem}table th,table td{padding:.625rem;border-left:1px solid #1c2529;border-top:1px solid #1c2529}table td{background:#232e33}table thead th{border-top:0}table th{background:#20292e}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #1c2529;margin-bottom:.625rem}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #1c2529;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:.5rem}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #1c2529}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:1.25rem}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #1c2529}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:1.25rem}}table.striped tr:nth-of-type(2n)>td{background:#263238}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#263238}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;border:1px solid #616161;margin:.5rem;overflow:hidden}.card>.section{box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:1px solid #757575;padding:.5rem;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#ebecec;color:#0c0c0c;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #424242}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#1d262a}.card>.section.darker{background:#171e21}.card>.section.double-padded{padding:.75rem}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:1.5rem;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#1d262a;border:1px solid #757575;padding:.75rem}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(29,38,42,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#263238}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(38,50,56,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);border:1px solid #757575;border-top:0;padding:.5rem;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #757575;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #757575;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:.9375em;line-height:1em;border-radius:2px;padding:0.125em 0.25em}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{45%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}50%{-webkit-transform:scale(1.005);-webkit-transform-origin:50% 50%}55%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}}@keyframes alert-anim{45%{transform:scale(1);transform-origin:50% 50%}50%{transform:scale(1.005);transform-origin:50% 50%}55%{transform:scale(1);transform-origin:50% 50%}}.alert{display:block;background:#a7ffeb;color:#212121;border:1px solid #d0d0d0;margin:.5rem;padding:.75rem}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:75%}.tooltip.bottom:before,.tooltip.bottom:after{top:75%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:.5rem solid transparent}.tooltip:not(.bottom):before{border-top-color:#d0d0d0}.tooltip.bottom:before{border-bottom-color:#d0d0d0}.tooltip:after{content:attr(aria-label);background:#d0d0d0;border-radius:2px;color:#0c0c0c;padding:.5rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:1rem}.tooltip.bottom:after{margin-top:1rem}@supports (left: calc(50% - .5rem)) or (left: -webkit-calc(50% - .5rem)){.tooltip:before{left:-webkit-calc(50% - .5rem);left:calc(50% - .5rem)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:0.25em 0.5em}mark.inline-block{font-size:1em;line-height:1.375em;padding:.375em}.alert.urgent{background:#fff176}.alert.critical{background:#b71c1c;color:#d0d0d0}.alert.urgent{border:1px solid #d1c661}.alert.critical{border:1px solid #a71a1a}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;width:100%;border:0;border-radius:2px;margin:.5rem auto;background:#39444a;color:#0277bd}progress::-webkit-progress-value{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#39444a}progress::-moz-progress-bar{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width: calc(100% - 2*.5rem)) or (width: -webkit-calc(100% - 2*.5rem)){progress{width:-webkit-calc(100% - 2*.5rem);width:calc(100% - 2*.5rem);margin:.5rem .5rem}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:.25rem solid #39444a;border-left:.25rem solid #1565c0;border-radius:50%;width:1.25rem;height:1.25rem;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:.125rem;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:.25rem solid #39444a;border-left:.25rem solid #c62828}.spinner-donut.tertiary{border:.25rem solid #39444a;border-left:.25rem solid #2e7d32}.spinner-donut.large{border-width:.375rem;width:2rem;height:2rem}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:.5rem;padding:0}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#37474f;height:2rem;line-height:2rem;margin-right:1.125rem}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #37474f;border-width:1rem 1rem}ul.breadcrumbs li:before{left:-1rem;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#37474f}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:2rem;text-overflow:clip;background:rgba(57,68,74,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#39444a}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#fafafa}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:.25rem !important}@media screen and (min-width: 768px){.responsive-margin{margin:.375rem !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:.5rem !important}}.responsive-padding{padding:0.125rem 0.25rem !important}@media screen and (min-width: 768px){.responsive-padding{padding:0.25rem 0.375rem !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:0.375rem 0.5rem !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} +html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:#d0d0d0;background:#232e33}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:0.75rem 0.5rem;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#acacac;display:block;margin-top:-.25rem}h1{font-size:2rem}h2{font-size:1.6875rem}h3{font-size:1.4375rem}h4{font-size:1.1875rem}h5{font-size:1rem}h6{font-size:.8125rem}p{margin:.5rem}ol,ul{margin:.5rem;padding-left:1rem}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:.5rem;height:1px;background:linear-gradient(to right, #616161, #9e9e9e, #616161)}blockquote{display:block;position:relative;font-style:italic;margin:.5rem;padding:0.5rem 0.5rem 1.5rem;border-left:4px solid #192024;border-radius:0 2px 2px 0}blockquote:after{position:absolute;font-style:normal;font-size:.875rem;color:#acacac;left:.625rem;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#20292e;padding:0.125rem 0.25rem}pre{overflow:auto;border-radius:0 2px 2px 0;background:#20292e;padding:.75rem;margin:.5rem;border-left:4px solid #01579b}kbd{border-radius:2px;background:#fafafa;color:#0c0c0c;padding:0.125rem 0.25rem}small,sup,sub{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#039be5;text-decoration:underline;opacity:1;transition:opacity 0.3s}a:visited{color:#0288d1}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:.8125rem;color:#acacac}.container{margin:0 auto;padding:0 .75rem}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:2.75rem;background:#151c1f;color:#f5f5f5;padding:0.125rem 0.5rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#f5f5f5;font-size:1.75rem;line-height:1.3125em;margin:0.0625rem 0.375rem 0.0625rem 0.0625rem;transition:opacity 0.3s}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#151c1f;color:#f5f5f5;vertical-align:top;margin:0.125rem 0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#192024}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#37474f;border:1px solid #324148;margin:.5rem;padding:0.75rem 1rem}nav a,nav a:visited{display:block;color:#3e79bd;text-decoration:none}nav .sublink-1{padding-left:1rem;position:relative}nav .sublink-1:before{position:absolute;left:.1875rem;top:-1px;content:'';height:100%;border:1px solid #616161;border-left:0}nav .sublink-2{padding-left:2rem;position:relative}nav .sublink-2:before{position:absolute;left:.1875rem;top:-1px;content:'';height:100%;border:1px solid #616161;border-left:0}footer{display:block;background:#192024;color:#f5f5f5;margin:1rem 0 0;padding:1.5rem 0.5rem 0.75rem;font-size:.875rem}footer a,footer a:visited{color:#0288d1}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#1c2529;color:#9e9e9e;border:1px solid #20292e;margin:.5rem;padding:0.75rem 0.5rem 1.125rem}fieldset{border:1px solid #263238;border-radius:2px;margin:.125rem;padding:.5rem}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.875rem;color:#9e9e9e;padding:0.125rem 0.25rem}label{padding:.25rem}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#39444a;color:#d0d0d0;border:1px solid #263238;border-radius:2px;margin:.25rem;padding:0.5rem 0.75rem}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#263238;border-color:#20292e}::-webkit-input-placeholder{opacity:1;color:#757575}::-moz-placeholder{opacity:1;color:#757575}::-ms-placeholder{opacity:1;color:#757575}::placeholder{opacity:1;color:#757575}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(57,68,74,0.75);color:#d0d0d0;border:0;border-radius:2px;padding:0.5rem 0.75rem;margin:.5rem;text-decoration:none;transition:background 0.3s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:#39444a;opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #263238;border-radius:2px;margin:.5rem}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #263238}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #263238}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #1c2529;border-radius:2px;background:#39444a;color:#d0d0d0;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#d0d0d0;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.9);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(95,145,51,0.9);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#5f9133}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:rgba(235,236,236,0.9);color:#0c0c0c}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:#ebecec}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:0.25rem 0.375rem}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:0.75rem 1.125rem}table{border-collapse:separate;border-spacing:0;border:1px solid #1c2529;margin:0 auto}table caption{font-size:1.5rem;margin:.5rem}table tr{padding:.5rem}table th,table td{padding:.625rem;border-left:1px solid #1c2529;border-top:1px solid #1c2529}table td{background:#232e33}table thead th{border-top:0}table th{background:#20292e}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #1c2529;margin-bottom:.625rem}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #1c2529;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:.5rem}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #1c2529}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:1.25rem}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #1c2529}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:1.25rem}}table.striped tr:nth-of-type(2n)>td{background:#263238}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#263238}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;border:1px solid #616161;margin:.5rem;overflow:hidden}.card>.section{box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:1px solid #757575;padding:.5rem;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#ebecec;color:#0c0c0c;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #424242}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#1d262a}.card>.section.darker{background:#171e21}.card>.section.double-padded{padding:.75rem}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:1.5rem;cursor:pointer;transition:background 0.3s;background:#1d262a;border:1px solid #757575;padding:.75rem}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(29,38,42,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform 0.3s, transform 0.3s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#263238}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(38,50,56,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);border:1px solid #757575;border-top:0;padding:.5rem;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #757575;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #757575;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:.9375em;line-height:1em;border-radius:2px;padding:0.125em 0.25em}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{45%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}50%{-webkit-transform:scale(1.005);-webkit-transform-origin:50% 50%}55%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}}@keyframes alert-anim{45%{transform:scale(1);transform-origin:50% 50%}50%{transform:scale(1.005);transform-origin:50% 50%}55%{transform:scale(1);transform-origin:50% 50%}}.alert{display:block;background:#a7ffeb;color:#212121;border:1px solid #d0d0d0;margin:.5rem;padding:.75rem}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:all 0.3s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:75%}.tooltip.bottom:before,.tooltip.bottom:after{top:75%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:.5rem solid transparent;left:50%;left:calc(50% - .5rem)}.tooltip:not(.bottom):before{border-top-color:#d0d0d0}.tooltip.bottom:before{border-bottom-color:#d0d0d0}.tooltip:after{content:attr(aria-label);background:#d0d0d0;border-radius:2px;color:#0c0c0c;padding:.5rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:1rem}.tooltip.bottom:after{margin-top:1rem}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:0.25em 0.5em}mark.inline-block{font-size:1em;line-height:1.375em;padding:.375em}.alert.urgent{background:#fff176}.alert.critical{background:#b71c1c;color:#d0d0d0}.alert.urgent{border:1px solid #d1c661}.alert.critical{border:1px solid #a71a1a}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;width:90%;width:calc(100% - 1rem);margin:.5rem .5rem;border:0;border-radius:2px;background:#39444a;color:#0277bd}progress::-webkit-progress-value{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#39444a}progress::-moz-progress-bar{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:.25rem solid #39444a;border-left:.25rem solid #1565c0;border-radius:50%;width:1.25rem;height:1.25rem;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:.125rem;width:calc(100% - 0);margin:0 0;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:.25rem solid #39444a;border-left:.25rem solid #c62828}.spinner-donut.tertiary{border:.25rem solid #39444a;border-left:.25rem solid #2e7d32}.spinner-donut.large{border-width:.375rem;width:2rem;height:2rem}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:.5rem;padding:0}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#37474f;height:2rem;line-height:2rem;margin-right:1.125rem}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #37474f;border-width:1rem 1rem}ul.breadcrumbs li:before{left:-1rem;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#37474f}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:2rem;text-overflow:clip;background:rgba(57,68,74,0);vertical-align:top;cursor:pointer;transition:background 0.3s}.close:hover,.close:active,.close:focus{background:#39444a}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#fafafa}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:.25rem !important}@media screen and (min-width: 768px){.responsive-margin{margin:.375rem !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:.5rem !important}}.responsive-padding{padding:0.125rem 0.25rem !important}@media screen and (min-width: 768px){.responsive-padding{padding:0.25rem 0.375rem !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:0.375rem 0.5rem !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/dist/mini-lite.css b/dist/mini-lite.css index 0343cbf..f50d762 100644 --- a/dist/mini-lite.css +++ b/dist/mini-lite.css @@ -19,13 +19,13 @@ html, * { } * { - font-size: 1em; + font-size: 1rem; } body { margin: 0; color: #212121; - background: #f5f5f5; + background: #f8f8f8; } article, aside, section, figcaption, figure, main, details, menu { @@ -64,47 +64,47 @@ dfn { h1, h2, h3, h4, h5, h6 { line-height: 1.2em; - margin: 12px 8px; + margin: 0.75rem 0.5rem; font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #424242; display: block; - margin-top: -4px; + margin-top: -0.25rem; } h1 { - font-size: 2em; + font-size: 2rem; } h2 { - font-size: 1.5em; + font-size: 1.6875rem; } h3 { - font-size: 1.25em; + font-size: 1.4375rem; } h4 { - font-size: 1.1em; + font-size: 1.1875rem; } h5 { - font-size: 1em; + font-size: 1rem; } h6 { - font-size: 0.85em; + font-size: 0.8125rem; } p { - margin: 1px 8px; + margin: 0.5rem; } ol, ul { - margin: 1px 8px 10px; - padding-left: 28px; + margin: 0.5rem; + padding-left: 1rem; } b, strong { @@ -116,9 +116,9 @@ hr { border: 0; overflow: visible; line-height: 1.25em; - margin: 8px; + margin: 0.5rem; height: 0; - border-top: 1px solid #424242; + border-top: 1px solid #8c8c8c; } blockquote { @@ -126,17 +126,17 @@ blockquote { position: relative; font-style: italic; background: #eeeeee; - margin: 8px 10px; - padding: 6px 10px 24px; + margin: 0.5rem; + padding: 0.5rem 0.5rem 1.5rem; border-radius: 0 2px 2px 0; } blockquote:after { position: absolute; font-style: normal; - font-size: 0.85em; - color: #616161; - left: 10px; + font-size: 0.875rem; + color: #505050; + left: 0.625rem; bottom: 0; content: "— " attr(cite); } @@ -148,34 +148,34 @@ code, kbd, pre, samp { code { border-radius: 2px; background: #e0e0e0; - padding: 2px 4px; + padding: 0.125rem 0.25rem; } pre { overflow: auto; border-radius: 0 2px 2px 0; background: #e0e0e0; - padding: 12px; - margin: 8px 10px; + padding: 0.75rem; + margin: 0.5rem; } kbd { border-radius: 2px; - background: #212121; + background: #0c0c0c; color: #fafafa; - padding: 2px 4px; + padding: 0.125rem 0.25rem; } small, sup, sub { - font-size: 75%; + font-size: 0.75em; } sup { - top: -8px; + top: -0.5em; } sub { - bottom: -4px; + bottom: -0.25em; } sup, sub { @@ -188,8 +188,7 @@ a { color: #0277bd; text-decoration: underline; opacity: 1; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: opacity 0.3s; } a:visited { @@ -201,7 +200,7 @@ a:hover, a:focus, a:active { } figcaption { - font-size: 80%; + font-size: 0.8125rem; color: #424242; } @@ -210,7 +209,7 @@ figcaption { */ .container { margin: 0 auto; - padding: 0 10px; + padding: 0 0.75rem; } .row { @@ -232,7 +231,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } @media screen and (min-width: 768px) { @@ -241,7 +240,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } } @@ -251,7 +250,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } } @@ -262,7 +261,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } .col-sm, @@ -430,7 +429,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } .col-md, .row.cols-md > * { @@ -571,7 +570,7 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; + padding: 0 0.25rem; } .col-lg, .row.cols-lg > * { @@ -709,32 +708,30 @@ figcaption { */ header { display: block; - height: 44px; - background: #263238; - color: #fafafa; - padding: 2px 8px; + height: 2.75rem; + background: #12171a; + color: #f5f5f5; + padding: 0.125rem 0.5rem; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } header .logo { - color: #fafafa; - font-size: 1.75em; - line-height: 1.2; - margin: 1px 6px 1px 1px; - padding: 3px 0 0; - -webkit-transition: 0s opacity; - transition: 0s opacity; + color: #f5f5f5; + font-size: 1.75rem; + line-height: 1.3125em; + margin: 0.0625rem 0.375rem 0.0625rem 0.0625rem; + transition: opacity 0.3s; } header button, header [type="button"], header a.button, header label.button, header .button, header a[role="button"], header label[role="button"], header [role="button"] { - background: #263238; - color: #fafafa; + background: #12171a; + color: #f5f5f5; vertical-align: top; - margin: 2px 0 0; + margin: 0.125rem 0; } header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, @@ -744,7 +741,7 @@ header a.button:focus, header label.button:hover, header label.button:active, he header a[role="button"]:hover, header a[role="button"]:active, header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { - background: #37474f; + background: #20292e; } header .logo, header a.button, header a[role="button"] { @@ -753,15 +750,15 @@ header .logo, header a.button, header a[role="button"] { footer { display: block; - background: #263238; - color: #fafafa; - margin: 18px 0 0; - padding: 22px 10px 12px; - font-size: 85%; + background: #192024; + color: #f5f5f5; + margin: 1rem 0 0; + padding: 1.5rem 0.5rem 0.75rem; + font-size: 0.875rem; } footer a, footer a:visited { - color: #039be5; + color: #0288d1; } header.sticky, footer.sticky { @@ -783,16 +780,16 @@ footer.sticky { */ form { background: #eeeeee; - border: 1px solid #bdbdbd; - margin: 8px; - padding: 12px 10px 18px; + border: 1px solid #c9c9c9; + margin: 0.5rem; + padding: 0.75rem 0.5rem 1.125rem; } fieldset { - border: 1px solid #bdbdbd; + border: 1px solid #d0d0d0; border-radius: 2px; - margin: 2px; - padding: 6px 8px 8px; + margin: 0.125rem; + padding: 0.5rem; } legend { @@ -801,12 +798,12 @@ legend { max-width: 100%; white-space: normal; font-weight: 700; - font-size: 0.925em; - padding: 2px 4px; + font-size: 0.875rem; + padding: 0.125rem 0.25rem; } label { - padding: 4px; + padding: 0.25rem; } .input-group { @@ -836,10 +833,10 @@ input:not([type]), [type="text"], [type="email"], [type="number"], [type="search box-sizing: border-box; background: #fafafa; color: #212121; - border: 1px solid #bdbdbd; - border-radius: 1px; - margin: 2px; - padding: 8px 12px; + border: 1px solid #c9c9c9; + border-radius: 2px; + margin: 0.25rem; + padding: 0.5rem 0.75rem; } input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus { @@ -858,8 +855,8 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, inp } input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { - background: #e0e0e0; - border-color: #bdbdbd; + background: #e5e5e5; + border-color: #c9c9c9; } ::-webkit-input-placeholder { @@ -900,15 +897,14 @@ button, [type="button"], [type="submit"], [type="reset"], a.button, label.button, .button, a[role="button"], label[role="button"], [role="button"] { display: inline-block; - background: rgba(189, 189, 189, 0.65); + background: rgba(208, 208, 208, 0.75); color: #212121; border: 0; border-radius: 2px; - padding: 8px 12px; - margin: 8px; + padding: 0.5rem 0.75rem; + margin: 0.5rem; text-decoration: none; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; cursor: pointer; } @@ -919,7 +915,7 @@ a.button:focus, label.button:hover, label.button:active, label.button:focus, .bu a[role="button"]:hover, a[role="button"]:active, a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { - background: rgba(189, 189, 189, 0.8); + background: #d0d0d0; opacity: 1; } @@ -929,7 +925,7 @@ a.button[disabled], label.button:disabled, label.button[disabled], .button:disab a[role="button"]:disabled, a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { cursor: not-allowed; - opacity: 0.65; + opacity: 0.75; } input[type="file"] { @@ -970,7 +966,7 @@ input[type="file"] { height: 16px; content: ''; border: 1px solid #bdbdbd; - border-radius: 1px; + border-radius: 2px; background: #fafafa; color: #212121; margin-left: -20px; @@ -1025,7 +1021,7 @@ button.primary:hover, button.primary:active, button.primary:focus, [type="button button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary { - background: rgba(198, 40, 40, 0.85); + background: rgba(198, 40, 40, 0.9); color: #fafafa; } @@ -1038,7 +1034,7 @@ button.secondary:hover, button.secondary:active, button.secondary:focus, [type=" button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { - background: rgba(104, 159, 56, 0.85); + background: rgba(95, 145, 51, 0.9); color: #fafafa; } @@ -1046,21 +1042,19 @@ button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="but [type="reset"].tertiary:hover, [type="reset"].tertiary:active, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { - background: #689f38; + background: #5f9133; } button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small { border-radius: 1px; - padding: 4px 6px; - margin: 6px 8px; + padding: 0.25rem 0.375rem; } button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large { border-radius: 4px; - padding: 12px 18px; - margin: 10px 8px; + padding: 0.75rem 1.125rem; } /* @@ -1069,23 +1063,23 @@ button.large, [type="button"].large, [type="submit"].large, table { border-collapse: separate; border-spacing: 0; - border: 1px solid #bdbdbd; + border: 1px solid #c9c9c9; margin: 0 auto; } table caption { - font-size: 1.5em; - margin: 6px 8px 12px; + font-size: 1.5rem; + margin: 0.5rem; } table tr { - padding: 8px; + padding: 0.5rem; } table th, table td { - padding: 10px; - border-left: 1px solid #bdbdbd; - border-top: 1px solid #bdbdbd; + padding: 0.625rem; + border-left: 1px solid #c9c9c9; + border-top: 1px solid #c9c9c9; } table td { @@ -1124,14 +1118,14 @@ table th:first-child, table td:first-child { } table:not(.preset) tr { display: block; - border: 1px solid #bdbdbd; + border: 1px solid #c9c9c9; background: #fafafa; - margin-bottom: 10px; + margin-bottom: 0.625rem; } table:not(.preset) td { display: block; border: 0; - border-bottom: 1px solid #bdbdbd; + border-bottom: 1px solid #c9c9c9; text-align: right; } table:not(.preset) td:before { @@ -1163,15 +1157,18 @@ table th:first-child, table td:first-child { position: relative; width: 100%; background: #fafafa; - border: 1px solid #9e9e9e; - margin: 2px 10px 20px; + border: 1px solid #acacac; + margin: 0.5rem; + overflow: hidden; } .card > .section { box-sizing: border-box; margin: 0; - border-bottom: 1px solid #bdbdbd; - padding: 6px 8px 6px; + border: 0; + border-radius: 0; + border-bottom: 1px solid #c9c9c9; + padding: 0.5rem; width: 100%; } @@ -1182,10 +1179,6 @@ table th:first-child, table td:first-child { object-fit: cover; } -.card > button.section, .card .button.section, .card [role="button"].section, .card input.section { - border-radius: 0; -} - .card > .section:last-child { border-bottom: 0; } @@ -1209,7 +1202,7 @@ table th:first-child, table td:first-child { } .card > .section.double-padded { - padding: 10px 12px 10px; + padding: 0.75rem; } /* @@ -1218,10 +1211,10 @@ table th:first-child, table td:first-child { mark { background: #0277bd; color: #fafafa; - font-size: 95%; - line-height: 1; + font-size: 0.9375em; + line-height: 1em; border-radius: 2px; - padding: 2px 4px; + padding: 0.125em 0.25em; } mark.inline-block { @@ -1241,13 +1234,13 @@ mark.tertiary { mark.tag { border-radius: 200px; - padding: 4px 8px; + padding: 0.25em 0.5em; } mark.inline-block { - font-size: 100%; - line-height: 1.35; - padding: 5px; + font-size: 1em; + line-height: 1.375em; + padding: 0.375em; } /* @@ -1259,45 +1252,38 @@ progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; - height: 14px; - width: 100%; + height: 1rem; + width: 90%; + width: calc(100% - 1rem); + margin: 0.5rem 0.5rem; border: 0; - border-radius: 1px; - margin: 2px auto; - background: #eeeeee; - color: #01579b; + border-radius: 2px; + background: #e0e0e0; + color: #0277bd; } progress::-webkit-progress-value { - background: #01579b; - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; + background: #0277bd; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } progress::-webkit-progress-bar { - background: #eeeeee; + background: #e0e0e0; } progress::-moz-progress-bar { - background: #01579b; - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; + background: #0277bd; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } progress[value="1000"]::-webkit-progress-value { - border-radius: 1px; + border-radius: 2px; } progress[value="1000"]::-moz-progress-bar { - border-radius: 1px; -} - -@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)) { - progress { - width: -webkit-calc(100% - 2*8px); - width: calc(100% - 2*8px); - margin: 2px 8px; - } + border-radius: 2px; } /* @@ -1369,34 +1355,34 @@ progress.tertiary::-moz-progress-bar { } .responsive-margin { - margin: 4px !important; + margin: 0.25rem !important; } @media screen and (min-width: 768px) { .responsive-margin { - margin: 6px !important; + margin: 0.375rem !important; } } @media screen and (min-width: 1280px) { .responsive-margin { - margin: 8px !important; + margin: 0.5rem !important; } } .responsive-padding { - padding: 2px 4px !important; + padding: 0.125rem 0.25rem !important; } @media screen and (min-width: 768px) { .responsive-padding { - padding: 4px 6px !important; + padding: 0.25rem 0.375rem !important; } } @media screen and (min-width: 1280px) { .responsive-padding { - padding: 6px 8px !important; + padding: 0.375rem 0.5rem !important; } } diff --git a/dist/mini-lite.min.css b/dist/mini-lite.min.css index 48c9bce..1922c36 100644 --- a/dist/mini-lite.min.css +++ b/dist/mini-lite.min.css @@ -1 +1 @@ -html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:0;border-top:1px solid #424242}blockquote{display:block;position:relative;font-style:italic;background:#eee;margin:8px 10px;padding:6px 10px 24px;border-radius:0 2px 2px 0}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px}small,sup,sub{font-size:75%}sup{top:-8px}sub{bottom:-4px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#37474f}header .logo,header a.button,header a[role="button"]{text-decoration:none}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}::placeholder{opacity:1;color:#616161}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(189,189,189,0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(189,189,189,0.8);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.65}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.85);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(104,159,56,0.85);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#689f38}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table th,table td{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}.card.fluid{max-width:100%;width:auto}.card>.section.dark{background:#e0e0e0}.card>.section.double-padded{padding:10px 12px 10px}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px}mark.inline-block{display:inline-block}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;background:#eee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:4px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:8px !important}}.responsive-padding{padding:2px 4px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:6px 8px !important}}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} +html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1rem}body{margin:0;color:#212121;background:#f8f8f8}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:0.75rem 0.5rem;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-.25rem}h1{font-size:2rem}h2{font-size:1.6875rem}h3{font-size:1.4375rem}h4{font-size:1.1875rem}h5{font-size:1rem}h6{font-size:.8125rem}p{margin:.5rem}ol,ul{margin:.5rem;padding-left:1rem}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:.5rem;height:0;border-top:1px solid #8c8c8c}blockquote{display:block;position:relative;font-style:italic;background:#eee;margin:.5rem;padding:0.5rem 0.5rem 1.5rem;border-radius:0 2px 2px 0}blockquote:after{position:absolute;font-style:normal;font-size:.875rem;color:#505050;left:.625rem;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:0.125rem 0.25rem}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:.75rem;margin:.5rem}kbd{border-radius:2px;background:#0c0c0c;color:#fafafa;padding:0.125rem 0.25rem}small,sup,sub{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;transition:opacity 0.3s}a:visited{color:#01579b}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:.8125rem;color:#424242}.container{margin:0 auto;padding:0 .75rem}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.25rem}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:2.75rem;background:#12171a;color:#f5f5f5;padding:0.125rem 0.5rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#f5f5f5;font-size:1.75rem;line-height:1.3125em;margin:0.0625rem 0.375rem 0.0625rem 0.0625rem;transition:opacity 0.3s}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#12171a;color:#f5f5f5;vertical-align:top;margin:0.125rem 0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#20292e}header .logo,header a.button,header a[role="button"]{text-decoration:none}footer{display:block;background:#192024;color:#f5f5f5;margin:1rem 0 0;padding:1.5rem 0.5rem 0.75rem;font-size:.875rem}footer a,footer a:visited{color:#0288d1}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eee;border:1px solid #c9c9c9;margin:.5rem;padding:0.75rem 0.5rem 1.125rem}fieldset{border:1px solid #d0d0d0;border-radius:2px;margin:.125rem;padding:.5rem}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.875rem;padding:0.125rem 0.25rem}label{padding:.25rem}.input-group{display:inline-block}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #c9c9c9;border-radius:2px;margin:.25rem;padding:0.5rem 0.75rem}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e5e5e5;border-color:#c9c9c9}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}::placeholder{opacity:1;color:#616161}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(208,208,208,0.75);color:#212121;border:0;border-radius:2px;padding:0.5rem 0.75rem;margin:.5rem;text-decoration:none;transition:background 0.3s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:#d0d0d0;opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:2px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.9);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(95,145,51,0.9);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#5f9133}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:0.25rem 0.375rem}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:0.75rem 1.125rem}table{border-collapse:separate;border-spacing:0;border:1px solid #c9c9c9;margin:0 auto}table caption{font-size:1.5rem;margin:.5rem}table tr{padding:.5rem}table th,table td{padding:.625rem;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #c9c9c9;background:#fafafa;margin-bottom:.625rem}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #c9c9c9;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #acacac;margin:.5rem;overflow:hidden}.card>.section{box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:1px solid #c9c9c9;padding:.5rem;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}.card.fluid{max-width:100%;width:auto}.card>.section.dark{background:#e0e0e0}.card>.section.double-padded{padding:.75rem}mark{background:#0277bd;color:#fafafa;font-size:.9375em;line-height:1em;border-radius:2px;padding:0.125em 0.25em}mark.inline-block{display:inline-block}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:0.25em 0.5em}mark.inline-block{font-size:1em;line-height:1.375em;padding:.375em}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;width:90%;width:calc(100% - 1rem);margin:.5rem .5rem;border:0;border-radius:2px;background:#e0e0e0;color:#0277bd}progress::-webkit-progress-value{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e0e0e0}progress::-moz-progress-bar{background:#0277bd;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:.25rem !important}@media screen and (min-width: 768px){.responsive-margin{margin:.375rem !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:.5rem !important}}.responsive-padding{padding:0.125rem 0.25rem !important}@media screen and (min-width: 768px){.responsive-padding{padding:0.25rem 0.375rem !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:0.375rem 0.5rem !important}}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/dist/mini-nord.css b/dist/mini-nord.css index 1678cc1..f7a5ceb 100644 --- a/dist/mini-nord.css +++ b/dist/mini-nord.css @@ -3,7 +3,7 @@ Flavor name: Nord (mini-nord) Author: tphecca (https://github.com/tphecca) Maintainers: tphecca - mini.css version: v2.1.2 (Fermion) + mini.css version: v2.1.3 (Fermion) */ /* Browsers resets and base typography. @@ -118,7 +118,6 @@ hr { line-height: 1.25em; margin: 8px; height: 1px; - background: -webkit-linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4); background: linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4); } @@ -195,8 +194,7 @@ a { color: #88C0D0; text-decoration: underline; opacity: 1; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: opacity 0.3s; } a:visited { @@ -732,8 +730,7 @@ header .logo { line-height: 1.2; margin: 1px 6px 1px 1px; padding: 3px 0 0; - -webkit-transition: 0s opacity; - transition: 0s opacity; + transition: opacity 0.3s; } header button, header [type="button"], @@ -771,6 +768,7 @@ nav { nav a, nav a:visited { display: block; color: #88C0D0; + text-decoration: none; } nav .sublink-1 { @@ -990,8 +988,7 @@ a[role="button"], label[role="button"], [role="button"] { margin: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); text-decoration: none; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; cursor: pointer; } @@ -1472,11 +1469,14 @@ table.striped tr:nth-of-type(2n) > td { border: 1px solid #D8DEE9; margin: 2px 10px 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); + overflow: hidden; } .card > .section { box-sizing: border-box; margin: 0; + border: 0; + border-radius: 0; border-bottom: 1px solid #E5E9F0; padding: 6px 8px 6px; width: 100%; @@ -1489,10 +1489,6 @@ table.striped tr:nth-of-type(2n) > td { object-fit: cover; } -.card > button.section, .card .button.section, .card [role="button"].section, .card input.section { - border-radius: 0; -} - .card > .section:last-child { border-bottom: 0; } @@ -1571,8 +1567,7 @@ table.striped tr:nth-of-type(2n) > td { display: inline-block; height: 26px; cursor: pointer; - -webkit-transition: background 0.3s ease 0s; - transition: background 0.3s ease 0s; + transition: background 0.3s; background: #D8DEE9; border: 1px solid #9e9e9e; padding: 8px 12px; @@ -1604,8 +1599,7 @@ table.striped tr:nth-of-type(2n) > td { transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; - -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + transition: -webkit-transform 0.3s, transform 0.3s; } .tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { @@ -1764,8 +1758,7 @@ mark.inline-block { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: all 0.3s; z-index: 1010; } @@ -1774,11 +1767,11 @@ mark.inline-block { } .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { - bottom: 100%; + bottom: 75%; } .tooltip.bottom:before, .tooltip.bottom:after { - top: 100%; + top: 75%; } .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { @@ -1792,6 +1785,8 @@ mark.inline-block { content: ''; background: transparent; border: 6px solid transparent; + left: 50%; + left: calc(50% - 6px); } .tooltip:not(.bottom):before { @@ -1822,13 +1817,6 @@ mark.inline-block { margin-top: 12px; } -@supports (left: calc(50% - 6px)) or (left: -webkit-calc(50% - 6px)) { - .tooltip:before { - left: -webkit-calc(50% - 6px); - left: calc(50% - 6px); - } -} - /* Custom contextual background elements and alerts. */ @@ -1878,10 +1866,11 @@ progress { -moz-appearance: none; appearance: none; height: 14px; - width: 100%; + width: 90%; + width: calc(100% - 16px); + margin: 2px 8px; border: 0; border-radius: 1px; - margin: 2px auto; box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15); background: #D8DEE9; color: #5E81AC; @@ -1911,14 +1900,6 @@ progress[value="1000"]::-moz-progress-bar { border-radius: 1px; } -@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)) { - progress { - width: -webkit-calc(100% - 2*8px); - width: calc(100% - 2*8px); - margin: 2px 8px; - } -} - @-webkit-keyframes spinner-donut-anim { 0% { -webkit-transform: rotate(0deg); @@ -1983,7 +1964,8 @@ progress.tertiary::-moz-progress-bar { progress.nano { height: 2px; - width: 100%; + width: calc(100% - 0); + margin: 0 0; margin: 0 auto; border-radius: 0; } @@ -2112,8 +2094,7 @@ ul.breadcrumbs li:last-child:after { background: rgba(236, 239, 244, 0); vertical-align: top; cursor: pointer; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; } .close:hover, .close:active, .close:focus { diff --git a/dist/mini-nord.min.css b/dist/mini-nord.min.css index 3eca91c..3df09d2 100644 --- a/dist/mini-nord.min.css +++ b/dist/mini-nord.min.css @@ -1 +1 @@ -html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#2E3440;background:#ECEFF4}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4);background:linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4)}blockquote{display:block;position:relative;font-style:italic;background:#D8DEE9;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#E5E9F0;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#E5E9F0;padding:12px;margin:8px 10px;border-left:3px solid #5E81AC;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#2E3440;color:#ECEFF4;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:75%}sup{top:-8px}sub{bottom:-4px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#88C0D0;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#5E81AC}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#2E3440;color:#ECEFF4;padding:2px 8px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#ECEFF4;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#2E3440;color:#ECEFF4;vertical-align:top;margin:2px 0 0;box-shadow:none}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#37474f}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;border:1px solid #D8DEE9;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#88C0D0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #81A1C1;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #81A1C1;border-left:0}footer{display:block;background:#434C5E;color:#ECEFF4;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#88C0D0}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{border:1px solid #D8DEE9;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #D8DEE9;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#E5E9F0;color:#2E3440;border:1px solid #D8DEE9;border-radius:1px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#81A1C1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#BF616A;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}::placeholder{opacity:1;color:#616161}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(216,222,233,0.65);color:#2E3440;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(216,222,233,0.8);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.65}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #9e9e9e}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #9e9e9e}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #D8DEE9;border-radius:1px;background:#E5E9F0;color:#2E3440;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#81A1C1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#81A1C1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#2E3440;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(94,129,172,0.9);color:#ECEFF4}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#5e81ac}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(191,97,106,0.85);color:#ECEFF4}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#bf616a}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(163,190,140,0.85);color:#ECEFF4}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#a3be8c}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#2e3440;color:#ECEFF4}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(46,52,64,0.9)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #D8DEE9;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table th,table td{padding:10px;border-left:1px solid #D8DEE9;border-top:1px solid #D8DEE9}table td{background:#ECEFF4}table thead th{border-top:0}table th{background:#D8DEE9}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #D8DEE9;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #D8DEE9;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #D8DEE9}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #D8DEE9}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#E5E9F0}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#E5E9F0}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;border:1px solid #D8DEE9;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #E5E9F0;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#2E3440;color:#ECEFF4;border:1px solid #3B4252}.card.inverse>.section{border-bottom:1px solid #434C5E}.card.inverse>.section:last-child{border-bottom:0}.card>.section.darker{background:#D8DEE9}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#D8DEE9;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(216,222,233,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#4C566A;color:#ECEFF4}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(76,86,106,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#5E81AC;color:#ECEFF4;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{45%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}50%{-webkit-transform:scale(1.005);-webkit-transform-origin:50% 50%}55%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}}@keyframes alert-anim{45%{transform:scale(1);transform-origin:50% 50%}50%{transform:scale(1.005);transform-origin:50% 50%}55%{transform:scale(1);transform-origin:50% 50%}}.alert{display:block;border:1px solid #D8DEE9;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:100%}.tooltip.bottom:before,.tooltip.bottom:after{top:100%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#2E3440}.tooltip.bottom:before{border-bottom-color:#2E3440}.tooltip:after{content:attr(aria-label);background:#2E3440;border-radius:2px;color:#ECEFF4;padding:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left: calc(50% - 6px)) or (left: -webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#BF616A}mark.tertiary{background:#A3BE8C}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#EBCB8B}.alert.critical{background:#BF616A;color:#ECEFF4}.alert.urgent{border:1px solid #D08770}.alert.critical{border:1px solid #BF616A}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#D8DEE9;color:#5E81AC}progress::-webkit-progress-value{background:#5E81AC;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#D8DEE9}progress::-moz-progress-bar{background:#5E81AC;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #D8DEE9;border-left:4px solid #5E81AC;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#BF616A}progress.secondary::-webkit-progress-value{background:#BF616A}progress.secondary::-moz-progress-bar{background:#BF616A}progress.tertiary{color:#A3BE8C}progress.tertiary::-webkit-progress-value{background:#A3BE8C}progress.tertiary::-moz-progress-bar{background:#A3BE8C}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #D8DEE9;border-left:4px solid #BF616A}.spinner-donut.tertiary{border:4px solid #D8DEE9;border-left:4px solid #A3BE8C}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#D8DEE9;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #D8DEE9;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#D8DEE9}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(236,239,244,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#eceff4}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#2E3440}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:4px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:8px !important}}.responsive-padding{padding:2px 4px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:6px 8px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} +html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#2E3440;background:#ECEFF4}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4)}blockquote{display:block;position:relative;font-style:italic;background:#D8DEE9;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#E5E9F0;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#E5E9F0;padding:12px;margin:8px 10px;border-left:3px solid #5E81AC;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#2E3440;color:#ECEFF4;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:75%}sup{top:-8px}sub{bottom:-4px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#88C0D0;text-decoration:underline;opacity:1;transition:opacity 0.3s}a:visited{color:#5E81AC}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#2E3440;color:#ECEFF4;padding:2px 8px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#ECEFF4;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;transition:opacity 0.3s}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#2E3440;color:#ECEFF4;vertical-align:top;margin:2px 0 0;box-shadow:none}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#37474f}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;border:1px solid #D8DEE9;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#88C0D0;text-decoration:none}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #81A1C1;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #81A1C1;border-left:0}footer{display:block;background:#434C5E;color:#ECEFF4;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#88C0D0}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{border:1px solid #D8DEE9;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #D8DEE9;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#E5E9F0;color:#2E3440;border:1px solid #D8DEE9;border-radius:1px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#81A1C1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#BF616A;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}::placeholder{opacity:1;color:#616161}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(216,222,233,0.65);color:#2E3440;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;transition:background 0.3s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(216,222,233,0.8);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.65}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #9e9e9e}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #9e9e9e}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #D8DEE9;border-radius:1px;background:#E5E9F0;color:#2E3440;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#81A1C1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#81A1C1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#2E3440;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(94,129,172,0.9);color:#ECEFF4}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#5e81ac}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(191,97,106,0.85);color:#ECEFF4}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#bf616a}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(163,190,140,0.85);color:#ECEFF4}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#a3be8c}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#2e3440;color:#ECEFF4}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(46,52,64,0.9)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #D8DEE9;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table th,table td{padding:10px;border-left:1px solid #D8DEE9;border-top:1px solid #D8DEE9}table td{background:#ECEFF4}table thead th{border-top:0}table th{background:#D8DEE9}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #D8DEE9;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #D8DEE9;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #D8DEE9}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #D8DEE9}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#E5E9F0}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#E5E9F0}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;border:1px solid #D8DEE9;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);overflow:hidden}.card>.section{box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:1px solid #E5E9F0;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#2E3440;color:#ECEFF4;border:1px solid #3B4252}.card.inverse>.section{border-bottom:1px solid #434C5E}.card.inverse>.section:last-child{border-bottom:0}.card>.section.darker{background:#D8DEE9}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;transition:background 0.3s;background:#D8DEE9;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(216,222,233,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform 0.3s, transform 0.3s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#4C566A;color:#ECEFF4}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(76,86,106,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#5E81AC;color:#ECEFF4;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{45%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}50%{-webkit-transform:scale(1.005);-webkit-transform-origin:50% 50%}55%{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}}@keyframes alert-anim{45%{transform:scale(1);transform-origin:50% 50%}50%{transform:scale(1.005);transform-origin:50% 50%}55%{transform:scale(1);transform-origin:50% 50%}}.alert{display:block;border:1px solid #D8DEE9;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:all 0.3s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:75%}.tooltip.bottom:before,.tooltip.bottom:after{top:75%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent;left:50%;left:calc(50% - 6px)}.tooltip:not(.bottom):before{border-top-color:#2E3440}.tooltip.bottom:before{border-bottom-color:#2E3440}.tooltip:after{content:attr(aria-label);background:#2E3440;border-radius:2px;color:#ECEFF4;padding:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}mark.secondary{background:#BF616A}mark.tertiary{background:#A3BE8C}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#EBCB8B}.alert.critical{background:#BF616A;color:#ECEFF4}.alert.urgent{border:1px solid #D08770}.alert.critical{border:1px solid #BF616A}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:90%;width:calc(100% - 16px);margin:2px 8px;border:0;border-radius:1px;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#D8DEE9;color:#5E81AC}progress::-webkit-progress-value{background:#5E81AC;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#D8DEE9}progress::-moz-progress-bar{background:#5E81AC;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #D8DEE9;border-left:4px solid #5E81AC;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#BF616A}progress.secondary::-webkit-progress-value{background:#BF616A}progress.secondary::-moz-progress-bar{background:#BF616A}progress.tertiary{color:#A3BE8C}progress.tertiary::-webkit-progress-value{background:#A3BE8C}progress.tertiary::-moz-progress-bar{background:#A3BE8C}progress.nano{height:2px;width:calc(100% - 0);margin:0 0;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #D8DEE9;border-left:4px solid #BF616A}.spinner-donut.tertiary{border:4px solid #D8DEE9;border-left:4px solid #A3BE8C}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#D8DEE9;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #D8DEE9;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#D8DEE9}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(236,239,244,0);vertical-align:top;cursor:pointer;transition:background 0.3s}.close:hover,.close:active,.close:focus{background:#eceff4}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#2E3440}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:4px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:8px !important}}.responsive-padding{padding:2px 4px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:6px 8px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/dist/mini-sucroa.css b/dist/mini-sucroa.css index 79c6cf4..6b86ba5 100644 --- a/dist/mini-sucroa.css +++ b/dist/mini-sucroa.css @@ -3,7 +3,7 @@ Flavor name: Sucroa (mini-sucroa) Author: Angeliki Daskalakis Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com) - mini.css version: v2.1.2 (Fermion) + mini.css version: v2.1.3 (Fermion) */ @import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext"); /* @@ -120,7 +120,6 @@ hr { line-height: 1.3em; margin: 10px; height: 1px; - background: -webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f); background: linear-gradient(to right, #5d545f, #1e1320, #5d545f); } @@ -197,8 +196,7 @@ a { color: #5664a3; text-decoration: underline; opacity: 1; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: opacity 0.3s; } a:visited { @@ -734,8 +732,7 @@ header .logo { line-height: 1.5; margin: 6px 6px 1px 1px; padding: 6px 0 0; - -webkit-transition: 0s opacity; - transition: 0s opacity; + transition: opacity 0.3s; } header button, header [type="button"], @@ -776,6 +773,7 @@ nav { nav a, nav a:visited { display: block; color: #6979c6; + text-decoration: none; } nav .sublink-1 { @@ -977,8 +975,7 @@ a[role="button"], label[role="button"], [role="button"] { margin: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); text-decoration: none; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; cursor: pointer; } @@ -1328,11 +1325,14 @@ table.striped tr:nth-of-type(2n) > td { border-radius: 2px; margin: 4px 10px 22px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); + overflow: hidden; } .card > .section { box-sizing: border-box; margin: 0; + border: 0; + border-radius: 0; border-bottom: 1px solid #c7b0b1; padding: 8px 10px; width: 100%; @@ -1345,10 +1345,6 @@ table.striped tr:nth-of-type(2n) > td { object-fit: cover; } -.card > button.section, .card .button.section, .card [role="button"].section, .card input.section { - border-radius: 0; -} - .card > .section:last-child { border-bottom: 0; } @@ -1431,8 +1427,7 @@ table.striped tr:nth-of-type(2n) > td { display: inline-block; height: 28px; cursor: pointer; - -webkit-transition: background 0.3s ease 0s; - transition: background 0.3s ease 0s; + transition: background 0.3s; background: #d3cae8; border: 1px solid #a9a2ba; padding: 10px 12px; @@ -1472,8 +1467,7 @@ table.striped tr:nth-of-type(2n) > td { transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; - -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + transition: -webkit-transform 0.3s, transform 0.3s; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } @@ -1635,8 +1629,7 @@ mark.inline-block { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: all 0.3s; z-index: 1010; } @@ -1645,11 +1638,11 @@ mark.inline-block { } .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { - bottom: 100%; + bottom: 75%; } .tooltip.bottom:before, .tooltip.bottom:after { - top: 100%; + top: 75%; } .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { @@ -1663,6 +1656,8 @@ mark.inline-block { content: ''; background: transparent; border: 8px solid transparent; + left: 50%; + left: calc(50% - 8px); } .tooltip:not(.bottom):before { @@ -1693,13 +1688,6 @@ mark.inline-block { margin-top: 16px; } -@supports (left: calc(50% - 8px)) or (left: -webkit-calc(50% - 8px)) { - .tooltip:before { - left: -webkit-calc(50% - 8px); - left: calc(50% - 8px); - } -} - /* Custom contextual background elements and alerts. */ @@ -1749,10 +1737,11 @@ progress { -moz-appearance: none; appearance: none; height: 16px; - width: 100%; + width: 90%; + width: calc(100% - 20px); + margin: 2px 10px; border: 0; border-radius: 2px; - margin: 2px auto; box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15); background: #e8deff; color: #6979c6; @@ -1782,14 +1771,6 @@ progress[value="1000"]::-moz-progress-bar { border-radius: 2px; } -@supports (width: calc(100% - 2*10px)) or (width: -webkit-calc(100% - 2*10px)) { - progress { - width: -webkit-calc(100% - 2*10px); - width: calc(100% - 2*10px); - margin: 2px 10px; - } -} - @-webkit-keyframes spinner-donut-anim { 0% { -webkit-transform: rotate(0deg); @@ -1854,7 +1835,8 @@ progress.tertiary::-moz-progress-bar { progress.nano { height: 2px; - width: 100%; + width: calc(100% - 0); + margin: 0 0; margin: 0 auto; border-radius: 0; } @@ -1984,8 +1966,7 @@ ul.breadcrumbs li:last-child:after { background: rgba(232, 222, 255, 0); vertical-align: top; cursor: pointer; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; + transition: background 0.3s; } .close:hover, .close:active, .close:focus { diff --git a/dist/mini-sucroa.min.css b/dist/mini-sucroa.min.css index 6382b88..250270a 100644 --- a/dist/mini-sucroa.min.css +++ b/dist/mini-sucroa.min.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}html,*{font-family:Libre Baskerville,serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f);background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine",monospace,monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:80%}sup{top:-6px}sub{bottom:-6px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#434e7f}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#493e4b}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#6979c6;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.8}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d2405f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}::placeholder{opacity:1;color:#493e4b}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(211,202,232,0.75);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #a9a2ba}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #a9a2ba}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#6979c6}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#6979c6}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.8}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:#6979c6;color:#fffddc}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:rgba(105,121,198,0.75)}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:#d2405f;color:#fffddc}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:rgba(210,64,95,0.75)}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:#2b866d;color:#fffddc}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:rgba(43,134,109,0.75)}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#331e36;color:#fffddc}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(51,30,54,0.75)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table th,table td{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(211,202,232,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#e8deff}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(232,222,255,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}.tabs.stacked>[type="radio"]+label+div:last-of-type,.tabs.stacked>[type="checkbox"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type="radio"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:100%}.tooltip.bottom:before,.tooltip.bottom:after{top:100%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left: calc(50% - 8px)) or (left: -webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width: calc(100% - 2*10px)) or (width: -webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232,222,255,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#e8deff}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:4px !important}.circular{border-radius:50% !important}.responsive-margin{margin:3px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:10px !important}}.responsive-padding{padding:2px 3px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:8px 10px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} +@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}html,*{font-family:Libre Baskerville,serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine",monospace,monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:80%}sup{top:-6px}sub{bottom:-6px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;transition:opacity 0.3s}a:visited{color:#434e7f}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;transition:opacity 0.3s}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#493e4b}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#6979c6;text-decoration:none}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#6979c6;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.8}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d2405f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}::placeholder{opacity:1;color:#493e4b}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;transition:background 0.3s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(211,202,232,0.75);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex:1 1 auto;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #a9a2ba}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #a9a2ba}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#6979c6}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#6979c6}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.8}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:#6979c6;color:#fffddc}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:rgba(105,121,198,0.75)}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:#d2405f;color:#fffddc}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:rgba(210,64,95,0.75)}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:#2b866d;color:#fffddc}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:rgba(43,134,109,0.75)}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#331e36;color:#fffddc}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(51,30,54,0.75)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table th,table td{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);overflow:hidden}.card>.section{box-sizing:border-box;margin:0;border:0;border-radius:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;transition:background 0.3s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(211,202,232,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform 0.3s, transform 0.3s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#e8deff}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(232,222,255,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}.tabs.stacked>[type="radio"]+label+div:last-of-type,.tabs.stacked>[type="checkbox"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type="radio"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:all 0.3s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:75%}.tooltip.bottom:before,.tooltip.bottom:after{top:75%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent;left:50%;left:calc(50% - 8px)}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:90%;width:calc(100% - 20px);margin:2px 10px;border:0;border-radius:2px;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:calc(100% - 0);margin:0 0;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232,222,255,0);vertical-align:top;cursor:pointer;transition:background 0.3s}.close:hover,.close:active,.close:focus{background:#e8deff}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:4px !important}.circular{border-radius:50% !important}.responsive-margin{margin:3px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:10px !important}}.responsive-padding{padding:2px 3px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:8px 10px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 2b7d51d..7c001cb 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -1052,3 +1052,5 @@ - Added better module descriptions in `modules.html`, updated the way their cards look, everything should look cleaner and better now. - Updated `flavors.html` page, removed latest version, because it was not really all that useful. Flavors that are not updated can just list it in their description now. - Updated all Codepens to use `https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/mini-default.min.css` instead of version-specific files. That was tiresome! +- Removed version from `README.md`, the npm shield has it listed, so no need to list it again! +- Updated `mini-lite` to use the latest ruleset and colors from `mini-default`. diff --git a/src/flavors/mini-lite.scss b/src/flavors/mini-lite.scss index 32ed06d..0ef1bc1 100644 --- a/src/flavors/mini-lite.scss +++ b/src/flavors/mini-lite.scss @@ -10,83 +10,83 @@ mini.css version: v2.1.2 (Fermion) */ // Basic rules for body and typography -$fore-color: #212121; // Text and general foreground color -$back-color: #f5f5f5; // Body background color -$base-font-family: // Default font stack for all elements: +$fore-color: #212121; // Text and general foreground color +$back-color: #f8f8f8; // Body background color +$base-font-family: // Default font stack for all elements: '-apple-system, BlinkMacSystemFont,\"Segoe UI\",\"Roboto\", \"Droid Sans\",\"Helvetica Neue\", Helvetica, Arial, sans-serif'; // OS X and iOS system fonts (San Francisco) -> Windows system fonts -> Android system fonts (newer and older) -> Fallback fonts -$base-root-font-size: 16px; // Root font sizing for all elements [1] -$base-font-size: 1em; // Default font sizing for all elements [2] -$base-line-height: 1.5; // Default line height for all elements. -$body-margin: 0; // Margin for the body -$apply-defaults-to-all: true; // Should default values be applied to all elements? (`true` or `false`) [3] -$h1-font-size: 2em; // Font size of h1 -$h2-font-size: 1.5em; // Font size for h2 -$h3-font-size: 1.25em; // Font size for h3 -$h4-font-size: 1.1em; // Font size for h4 -$h5-font-size: 1em; // Font size for h5 -$h6-font-size: 0.85em; // Font size for h6 -$heading-line-height: 1.2em; // Line height for all headings -$heading-margin: 12px 8px; // Margin for all headings -$heading-font-weight: 500; // Font weight for all headings -$heading-smalltext-fore-color: #424242; // color in headings -$make-heading-smalltext-block: true; // Should elements in headings be displayed as blocks (`true`/`false`) [4] -$heading-smalltext-b-font-size: 75%; // Font size of block elements in headings -$heading-smalltext-b-top-margin:-4px; // Top margin of block elements in headings -$paragraph-margin: 1px 8px; // Margin for

elements -$list-margin: 1px 8px 10px; // Margin for

    and