@charset "UTF-8"; /* Flavor name: Nord (mini-nord) Author: tphecca (https://github.com/tphecca) Maintainers: tphecca mini.css version: v3.0.1 */ /* Browsers resets and base typography. */ /* Core module CSS variable definitions */ :root { --fore-color: #2e3440; --secondary-fore-color: #3b4252; --back-color: #eceff4; --secondary-back-color: #eff1f6; --blockquote-color: #d08770; --pre-color: #b48ead; --border-color: #d8dee9; --secondary-border-color: #e5e9f0; --heading-ratio: 1.08; --universal-margin: 0.5rem; --universal-padding: 0.5rem; --universal-border-radius: 0.125rem; --a-link-color: #88c0d0; --a-visited-color: #5e81ac; } html { font-size: 16px; } a, b, del, em, i, ins, q, span, strong, u { font-size: 1em; } html, * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.5; -webkit-text-size-adjust: 100%; } * { font-size: 1rem; } body { margin: 0; color: var(--fore-color); background: var(--back-color); } input { overflow: visible; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: calc(1.5 * var(--universal-margin)) var(--universal-margin); font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: var(--secondary-fore-color); display: block; margin-top: -0.25rem; } h1 { font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); } h2 { font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); } h3 { font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio)); } h4 { font-size: calc(1rem * var(--heading-ratio)); } h5 { font-size: 1rem; } h6 { font-size: calc(1rem / var(--heading-ratio)); } p { margin: var(--universal-margin); } ol, ul { margin: var(--universal-margin); padding-left: calc(2 * var(--universal-margin)); } b, strong { font-weight: 700; } a { text-decoration: none; } a:link { color: var(--a-link-color); } a:visited { color: var(--a-visited-color); } a:hover, a:focus { text-decoration: underline; } /* Definitions for the grid system, cards and containers. */ .container { margin: 0 auto; padding: 0 calc(1.5 * var(--universal-padding)); } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; } .col-sm, [class^='col-sm-'], [class^='col-sm-offset-'], .row[class*='cols-sm-'] > * { box-sizing: border-box; flex: 0 0 auto; padding: 0 calc(var(--universal-padding) / 2); } .col-sm, .row.cols-sm > * { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-sm-1, .row.cols-sm-1 > * { max-width: 8.33333%; flex-basis: 8.33333%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-2, .row.cols-sm-2 > * { max-width: 16.66667%; flex-basis: 16.66667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-3, .row.cols-sm-3 > * { max-width: 25%; flex-basis: 25%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-4, .row.cols-sm-4 > * { max-width: 33.33333%; flex-basis: 33.33333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-5, .row.cols-sm-5 > * { max-width: 41.66667%; flex-basis: 41.66667%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-6, .row.cols-sm-6 > * { max-width: 50%; flex-basis: 50%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-7, .row.cols-sm-7 > * { max-width: 58.33333%; flex-basis: 58.33333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-8, .row.cols-sm-8 > * { max-width: 66.66667%; flex-basis: 66.66667%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-9, .row.cols-sm-9 > * { max-width: 75%; flex-basis: 75%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-10, .row.cols-sm-10 > * { max-width: 83.33333%; flex-basis: 83.33333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-11, .row.cols-sm-11 > * { max-width: 91.66667%; flex-basis: 91.66667%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-12, .row.cols-sm-12 > * { max-width: 100%; flex-basis: 100%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-normal { order: initial; } .col-sm-first { order: -999; } .col-sm-last { order: 999; } @media screen and (min-width: 768px) { .col-md, [class^='col-md-'], [class^='col-md-offset-'], .row[class*='cols-md-'] > * { box-sizing: border-box; flex: 0 0 auto; padding: 0 calc(var(--universal-padding) / 2); } .col-md, .row.cols-md > * { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-md-1, .row.cols-md-1 > * { max-width: 8.33333%; flex-basis: 8.33333%; } .col-md-offset-0 { margin-left: 0; } .col-md-2, .row.cols-md-2 > * { max-width: 16.66667%; flex-basis: 16.66667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-3, .row.cols-md-3 > * { max-width: 25%; flex-basis: 25%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-4, .row.cols-md-4 > * { max-width: 33.33333%; flex-basis: 33.33333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-5, .row.cols-md-5 > * { max-width: 41.66667%; flex-basis: 41.66667%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-6, .row.cols-md-6 > * { max-width: 50%; flex-basis: 50%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-7, .row.cols-md-7 > * { max-width: 58.33333%; flex-basis: 58.33333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-8, .row.cols-md-8 > * { max-width: 66.66667%; flex-basis: 66.66667%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-9, .row.cols-md-9 > * { max-width: 75%; flex-basis: 75%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-10, .row.cols-md-10 > * { max-width: 83.33333%; flex-basis: 83.33333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-11, .row.cols-md-11 > * { max-width: 91.66667%; flex-basis: 91.66667%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-12, .row.cols-md-12 > * { max-width: 100%; flex-basis: 100%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-normal { order: initial; } .col-md-first { order: -999; } .col-md-last { order: 999; } } @media screen and (min-width: 1280px) { .col-lg, [class^='col-lg-'], [class^='col-lg-offset-'], .row[class*='cols-lg-'] > * { box-sizing: border-box; flex: 0 0 auto; padding: 0 calc(var(--universal-padding) / 2); } .col-lg, .row.cols-lg > * { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-lg-1, .row.cols-lg-1 > * { max-width: 8.33333%; flex-basis: 8.33333%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-2, .row.cols-lg-2 > * { max-width: 16.66667%; flex-basis: 16.66667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-3, .row.cols-lg-3 > * { max-width: 25%; flex-basis: 25%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-4, .row.cols-lg-4 > * { max-width: 33.33333%; flex-basis: 33.33333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-5, .row.cols-lg-5 > * { max-width: 41.66667%; flex-basis: 41.66667%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-6, .row.cols-lg-6 > * { max-width: 50%; flex-basis: 50%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-7, .row.cols-lg-7 > * { max-width: 58.33333%; flex-basis: 58.33333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-8, .row.cols-lg-8 > * { max-width: 66.66667%; flex-basis: 66.66667%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-9, .row.cols-lg-9 > * { max-width: 75%; flex-basis: 75%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-10, .row.cols-lg-10 > * { max-width: 83.33333%; flex-basis: 83.33333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-11, .row.cols-lg-11 > * { max-width: 91.66667%; flex-basis: 91.66667%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-12, .row.cols-lg-12 > * { max-width: 100%; flex-basis: 100%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-normal { order: initial; } .col-lg-first { order: -999; } .col-lg-last { order: 999; } } /* Definitions for forms and input elements. */ /* Input_control module CSS variable definitions */ :root { --form-back-color: #e5e9f0; --form-fore-color: #2e3440; --form-border-color: #e5e9f0; --input-back-color: #f4f7fa; --input-fore-color: #2e3440; --input-border-color: #bcc5d6; --input-focus-color: #88c0d0; --input-invalid-color: #bf616a; --button-back-color: #e5e9f0; --button-hover-back-color: #d8dee9; --button-fore-color: #2e3440; --button-border-color: transparent; --button-hover-border-color: transparent; --button-group-border-color: rgba(124, 124, 124, 0.54); } form { background: var(--form-back-color); color: var(--form-fore-color); border: 0.0625rem solid var(--form-border-color); border-radius: var(--universal-border-radius); margin: var(--universal-margin); padding: calc(2 * var(--universal-padding)) var(--universal-padding); } fieldset { border: 0.0625rem solid var(--form-border-color); border-radius: var(--universal-border-radius); margin: calc(var(--universal-margin) / 4); padding: var(--universal-padding); } legend { box-sizing: border-box; display: table; max-width: 100%; white-space: normal; font-weight: 700; padding: calc(var(--universal-padding) / 2); } label { padding: calc(var(--universal-padding) / 2) var(--universal-padding); } .input-group { display: inline-block; } .input-group.fluid { display: flex; align-items: center; justify-content: center; } .input-group.fluid > input { max-width: 100%; flex-grow: 1; flex-basis: 0px; } @media screen and (max-width: 767px) { .input-group.fluid { align-items: stretch; flex-direction: column; } } .input-group.vertical { display: flex; align-items: stretch; flex-direction: column; } .input-group.vertical > input { max-width: 100%; flex-grow: 1; flex-basis: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-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"], [type="checkbox"], [type="radio"], textarea, select { box-sizing: border-box; background: var(--input-back-color); background-image: none; color: var(--input-fore-color); border: 0.0625rem solid var(--input-border-color); border-radius: var(--universal-border-radius); margin: calc(var(--universal-margin) / 2); padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } select { background: var(--input-back-color) url('data:image/svg+xml;utf8,') center right no-repeat; } 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: var(--input-focus-color); box-shadow: none; } 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: var(--input-invalid-color); box-shadow: none; } input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { background: var(--secondary-back-color); } select { max-width: 100%; } option { overflow: hidden; text-overflow: ellipsis; } [type="checkbox"], [type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; height: calc(1rem + var(--universal-padding) / 2); width: calc(1rem + var(--universal-padding) / 2); vertical-align: text-bottom; padding: 0; flex-basis: calc(1rem + var(--universal-padding) / 2) !important; flex-grow: 0 !important; } [type="checkbox"]:checked:before, [type="radio"]:checked:before { position: absolute; } [type="checkbox"]:checked:before { content: '\2713'; font-family: sans-serif; font-size: calc(1rem + var(--universal-padding) / 2); top: calc(0rem - var(--universal-padding)); left: calc(var(--universal-padding) / 4); } [type="radio"] { border-radius: 100%; } [type="radio"]:checked:before { border-radius: 100%; content: ''; top: calc(0.0625rem + var(--universal-padding) / 2); left: calc(0.0625rem + var(--universal-padding) / 2); background: var(--input-fore-color); width: 0.5rem; height: 0.5rem; } :placeholder-shown { color: var(--input-fore-color); } ::-ms-placeholder { color: var(--input-fore-color); opacity: 0.54; } 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: var(--button-back-color); color: var(--button-fore-color); border: 0.0625rem solid var(--button-border-color); border-radius: var(--universal-border-radius); padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); margin: var(--universal-margin); text-decoration: none; cursor: pointer; transition: background 0.3s; } button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus, a.button:hover, a.button:focus, label.button:hover, label.button:focus, .button:hover, .button:focus, a[role="button"]:hover, a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:focus, [role="button"]:hover, [role="button"]:focus { background: var(--button-hover-back-color); border-color: var(--button-hover-border-color); } input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled], button:disabled, button[disabled], .button:disabled, .button[disabled], [role="button"]:disabled, [role="button"][disabled] { cursor: not-allowed; opacity: 0.75; } .button-group { display: flex; border: 0.0625rem solid var(--button-group-border-color); border-radius: var(--universal-border-radius); margin: var(--universal-margin); } .button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"], .button-group > .button, .button-group > [role="button"] { margin: 0; max-width: 100%; flex: 1 1 auto; text-align: center; border: 0; border-radius: 0; box-shadow: none; } .button-group > :not(:first-child) { border-left: 0.0625rem solid var(--button-group-border-color); } @media screen and (max-width: 767px) { .button-group { flex-direction: column; } .button-group > :not(:first-child) { border: 0; border-top: 0.0625rem solid var(--button-group-border-color); } } /* Custom elements for forms and input elements. */ button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary { --button-back-color: #5e81ac; --button-fore-color: #eceff4; } button.primary:hover, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:focus, .button.primary:hover, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:focus { --button-hover-back-color: #5e81ac; } button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary { --button-back-color: #bf616a; --button-fore-color: #eceff4; } button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus { --button-hover-back-color: #bf616a; } button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { --button-back-color: #a3be8c; --button-fore-color: #434c5e; } button.tertiary:hover, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:focus { --button-hover-back-color: #a3be8c; } button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse { --button-back-color: #3b4252; --button-fore-color: #eceff4; } button.inverse:hover, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:focus { --button-hover-back-color: #2e3440; } button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small { padding: calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding)); margin: var(--universal-margin); } button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large { padding: calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding)); margin: var(--universal-margin); }