diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css index 6b267fec1..5237bb015 100644 --- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css +++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css @@ -1,22 +1,26 @@ -/* MODIFIED BOOTSTRAP 4 – Custom BTCPay Server version. +/* MODIFIED BOOTSTRAP 4 – Custom BTCPay Server version. * * This file overrides the bootstrap variables with CSS custom properties * that get defined in the root.scss file. Every variable we want to edit * we need to set to a `--btcpay-` custom property and set it in the root. */ + *, *::before, *::after { - box-sizing: border-box; } + box-sizing: border-box; +} html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { - display: block; } + display: block; +} body { margin: 0; @@ -26,142 +30,181 @@ body { line-height: 1.5; color: var(--btcpay-body-color); text-align: left; - background-color: var(--btcpay-body-bg); } + background-color: var(--btcpay-body-bg); +} -[tabindex="-1"]:focus { - outline: 0 !important; } +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} hr { box-sizing: content-box; height: 0; - overflow: visible; } + overflow: visible; +} h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} p { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} abbr[title], abbr[data-original-title] { text-decoration: underline; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; - text-decoration-skip-ink: none; } + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; } + line-height: inherit; +} ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; } + margin-bottom: 0; +} dt { - font-weight: 700; } + font-weight: 700; +} dd { margin-bottom: .5rem; - margin-left: 0; } + margin-left: 0; +} blockquote { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} b, strong { - font-weight: bolder; } + font-weight: bolder; +} small { - font-size: 80%; } + font-size: 80%; +} sub, sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -.25em; } + bottom: -.25em; +} sup { - top: -.5em; } + top: -.5em; +} a { color: var(--btcpay-body-color-link); text-decoration: none; - background-color: transparent; } - a:hover { - color: var(--btcpay-body-color-link-accent); - text-decoration: underline; } + background-color: transparent; +} -a:not([href]):not([tabindex]) { +a:hover { + color: var(--btcpay-body-color-link-accent); + text-decoration: underline; +} + +a:not([href]):not([class]) { color: inherit; - text-decoration: none; } - a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { - color: inherit; - text-decoration: none; } - a:not([href]):not([tabindex]):focus { - outline: 0; } + text-decoration: none; +} + +a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} pre, code, kbd, samp { font-family: var(--btcpay-font-family-monospace); - font-size: 1em; } + font-size: 1em; +} pre { margin-top: 0; margin-bottom: 1rem; - overflow: auto; } + overflow: auto; + -ms-overflow-style: scrollbar; +} figure { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} img { vertical-align: middle; - border-style: none; } + border-style: none; +} svg { overflow: hidden; - vertical-align: middle; } + vertical-align: middle; +} table { - border-collapse: collapse; } + border-collapse: collapse; +} caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--btcpay-color-neutral-600); text-align: left; - caption-side: bottom; } + caption-side: bottom; +} th { - text-align: inherit; } + text-align: inherit; + text-align: -webkit-match-parent; +} label { display: inline-block; - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} button { - border-radius: 0; } + border-radius: 0; +} -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; } +button:focus:not(:focus-visible) { + outline: 0; +} input, button, @@ -171,58 +214,66 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} button, input { - overflow: visible; } + overflow: visible; +} button, select { - text-transform: none; } + text-transform: none; +} + +[role="button"] { + cursor: pointer; +} select { - word-wrap: normal; } + word-wrap: normal; +} button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } + -webkit-appearance: button; +} button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { - cursor: pointer; } + cursor: pointer; +} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; - border-style: none; } + border-style: none; +} input[type="radio"], input[type="checkbox"] { box-sizing: border-box; - padding: 0; } - -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - -webkit-appearance: listbox; } + padding: 0; +} textarea { overflow: auto; - resize: vertical; } + resize: vertical; +} fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; } + border: 0; +} legend { display: block; @@ -233,134 +284,170 @@ legend { font-size: 1.5rem; line-height: inherit; color: inherit; - white-space: normal; } + white-space: normal; +} progress { - vertical-align: baseline; } + vertical-align: baseline; +} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; } + height: auto; +} [type="search"] { outline-offset: -2px; - -webkit-appearance: none; } + -webkit-appearance: none; +} [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; } + -webkit-appearance: button; +} output { - display: inline-block; } + display: inline-block; +} summary { display: list-item; - cursor: pointer; } + cursor: pointer; +} template { - display: none; } + display: none; +} [hidden] { - display: none !important; } + display: none !important; +} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; - line-height: 1.2; } + line-height: 1.2; +} h1, .h1 { - font-size: 2.5rem; } + font-size: 2.5rem; +} h2, .h2 { - font-size: 2rem; } + font-size: 2rem; +} h3, .h3 { - font-size: 1.75rem; } + font-size: 1.75rem; +} h4, .h4 { - font-size: 1.5rem; } + font-size: 1.5rem; +} h5, .h5 { - font-size: 1.25rem; } + font-size: 1.25rem; +} h6, .h6 { - font-size: 1rem; } + font-size: 1rem; +} .lead { font-size: 1.25rem; - font-weight: 300; } + font-weight: 300; +} .display-1 { font-size: 6rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-2 { font-size: 5.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-3 { font-size: 4.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} .display-4 { font-size: 3.5rem; font-weight: 300; - line-height: 1.2; } + line-height: 1.2; +} hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } + border-top: 1px solid rgba(0, 0, 0, 0.1); +} small, .small { font-size: 80%; - font-weight: 400; } + font-weight: 400; +} mark, .mark { padding: 0.2em; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} .list-unstyled { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} .initialism { font-size: 90%; - text-transform: uppercase; } + text-transform: uppercase; +} .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .blockquote-footer { display: block; font-size: 80%; - color: var(--btcpay-color-neutral-600); } - .blockquote-footer::before { - content: "\2014\00A0"; } + color: var(--btcpay-color-neutral-600); +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} .img-fluid { max-width: 100%; - height: auto; } + height: auto; +} .img-thumbnail { padding: 0.25rem; @@ -368,89 +455,120 @@ mark, border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); border-radius: 0.25rem; max-width: 100%; - height: auto; } + height: auto; +} .figure { - display: inline-block; } + display: inline-block; +} .figure-img { margin-bottom: 0.5rem; - line-height: 1; } + line-height: 1; +} .figure-caption { font-size: 90%; - color: var(--btcpay-color-neutral-600); } + color: var(--btcpay-color-neutral-600); +} code { font-size: 87.5%; color: var(--btcpay-color-info); - word-break: break-word; } - a > code { - color: inherit; } + word-wrap: break-word; +} + +a > code { + color: inherit; +} kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: var(--btcpay-color-white); background-color: var(--btcpay-color-neutral-900); - border-radius: 0.2rem; } - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; } + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} pre { display: block; font-size: 87.5%; - color: var(--btcpay-color-neutral-900); } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } + color: var(--btcpay-color-neutral-900); +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} .pre-scrollable { max-height: 340px; - overflow-y: scroll; } + overflow-y: scroll; +} -.container { +.container, +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; } - @media (min-width: 576px) { - .container { - max-width: 540px; } } - @media (min-width: 768px) { - .container { - max-width: 720px; } } - @media (min-width: 992px) { - .container { - max-width: 960px; } } - @media (min-width: 1200px) { - .container { - max-width: 1140px; } } + margin-left: auto; +} -.container-fluid { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; } +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} .row { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; - margin-left: -15px; } + margin-left: -15px; +} .no-gutters { margin-right: 0; - margin-left: 0; } - .no-gutters > .col, - .no-gutters > [class*="col-"] { - padding-right: 0; - padding-left: 0; } + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, @@ -461,712 +579,1272 @@ pre { position: relative; width: 100%; padding-right: 15px; - padding-left: 15px; } + padding-left: 15px; +} .col { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; +} + +.row-cols-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.row-cols-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} .col-auto { + -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; +} .col-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; +} .col-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} .col-3 { + -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} .col-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} .col-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; +} .col-6 { + -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} .col-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} .col-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} .col-9 { + -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; +} .col-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} .col-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} .col-12 { + -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} .order-first { - order: -1; } + -ms-flex-order: -1; + order: -1; +} .order-last { - order: 13; } + -ms-flex-order: 13; + order: 13; +} .order-0 { - order: 0; } + -ms-flex-order: 0; + order: 0; +} .order-1 { - order: 1; } + -ms-flex-order: 1; + order: 1; +} .order-2 { - order: 2; } + -ms-flex-order: 2; + order: 2; +} .order-3 { - order: 3; } + -ms-flex-order: 3; + order: 3; +} .order-4 { - order: 4; } + -ms-flex-order: 4; + order: 4; +} .order-5 { - order: 5; } + -ms-flex-order: 5; + order: 5; +} .order-6 { - order: 6; } + -ms-flex-order: 6; + order: 6; +} .order-7 { - order: 7; } + -ms-flex-order: 7; + order: 7; +} .order-8 { - order: 8; } + -ms-flex-order: 8; + order: 8; +} .order-9 { - order: 9; } + -ms-flex-order: 9; + order: 9; +} .order-10 { - order: 10; } + -ms-flex-order: 10; + order: 10; +} .order-11 { - order: 11; } + -ms-flex-order: 11; + order: 11; +} .order-12 { - order: 12; } + -ms-flex-order: 12; + order: 12; +} .offset-1 { - margin-left: 8.33333%; } + margin-left: 8.333333%; +} .offset-2 { - margin-left: 16.66667%; } + margin-left: 16.666667%; +} .offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .offset-4 { - margin-left: 33.33333%; } + margin-left: 33.333333%; +} .offset-5 { - margin-left: 41.66667%; } + margin-left: 41.666667%; +} .offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .offset-7 { - margin-left: 58.33333%; } + margin-left: 58.333333%; +} .offset-8 { - margin-left: 66.66667%; } + margin-left: 66.666667%; +} .offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .offset-10 { - margin-left: 83.33333%; } + margin-left: 83.333333%; +} .offset-11 { - margin-left: 91.66667%; } + margin-left: 91.666667%; +} @media (min-width: 576px) { .col-sm { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .row-cols-sm-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-sm-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-sm-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-sm-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-sm-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-sm-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-sm-auto { + -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-sm-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } .col-sm-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-sm-3 { + -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-sm-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } .col-sm-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } .col-sm-6 { + -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-sm-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } .col-sm-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } .col-sm-9 { + -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-sm-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } .col-sm-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } .col-sm-12 { + -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-sm-first { - order: -1; } + -ms-flex-order: -1; + order: -1; + } .order-sm-last { - order: 13; } + -ms-flex-order: 13; + order: 13; + } .order-sm-0 { - order: 0; } + -ms-flex-order: 0; + order: 0; + } .order-sm-1 { - order: 1; } + -ms-flex-order: 1; + order: 1; + } .order-sm-2 { - order: 2; } + -ms-flex-order: 2; + order: 2; + } .order-sm-3 { - order: 3; } + -ms-flex-order: 3; + order: 3; + } .order-sm-4 { - order: 4; } + -ms-flex-order: 4; + order: 4; + } .order-sm-5 { - order: 5; } + -ms-flex-order: 5; + order: 5; + } .order-sm-6 { - order: 6; } + -ms-flex-order: 6; + order: 6; + } .order-sm-7 { - order: 7; } + -ms-flex-order: 7; + order: 7; + } .order-sm-8 { - order: 8; } + -ms-flex-order: 8; + order: 8; + } .order-sm-9 { - order: 9; } + -ms-flex-order: 9; + order: 9; + } .order-sm-10 { - order: 10; } + -ms-flex-order: 10; + order: 10; + } .order-sm-11 { - order: 11; } + -ms-flex-order: 11; + order: 11; + } .order-sm-12 { - order: 12; } + -ms-flex-order: 12; + order: 12; + } .offset-sm-0 { - margin-left: 0; } + margin-left: 0; + } .offset-sm-1 { - margin-left: 8.33333%; } + margin-left: 8.333333%; + } .offset-sm-2 { - margin-left: 16.66667%; } + margin-left: 16.666667%; + } .offset-sm-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-sm-4 { - margin-left: 33.33333%; } + margin-left: 33.333333%; + } .offset-sm-5 { - margin-left: 41.66667%; } + margin-left: 41.666667%; + } .offset-sm-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-sm-7 { - margin-left: 58.33333%; } + margin-left: 58.333333%; + } .offset-sm-8 { - margin-left: 66.66667%; } + margin-left: 66.666667%; + } .offset-sm-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-sm-10 { - margin-left: 83.33333%; } + margin-left: 83.333333%; + } .offset-sm-11 { - margin-left: 91.66667%; } } + margin-left: 91.666667%; + } +} @media (min-width: 768px) { .col-md { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .row-cols-md-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-md-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-md-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-md-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-md-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-md-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-md-auto { + -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-md-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } .col-md-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-md-3 { + -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-md-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } .col-md-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } .col-md-6 { + -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-md-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } .col-md-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } .col-md-9 { + -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-md-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } .col-md-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } .col-md-12 { + -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-md-first { - order: -1; } + -ms-flex-order: -1; + order: -1; + } .order-md-last { - order: 13; } + -ms-flex-order: 13; + order: 13; + } .order-md-0 { - order: 0; } + -ms-flex-order: 0; + order: 0; + } .order-md-1 { - order: 1; } + -ms-flex-order: 1; + order: 1; + } .order-md-2 { - order: 2; } + -ms-flex-order: 2; + order: 2; + } .order-md-3 { - order: 3; } + -ms-flex-order: 3; + order: 3; + } .order-md-4 { - order: 4; } + -ms-flex-order: 4; + order: 4; + } .order-md-5 { - order: 5; } + -ms-flex-order: 5; + order: 5; + } .order-md-6 { - order: 6; } + -ms-flex-order: 6; + order: 6; + } .order-md-7 { - order: 7; } + -ms-flex-order: 7; + order: 7; + } .order-md-8 { - order: 8; } + -ms-flex-order: 8; + order: 8; + } .order-md-9 { - order: 9; } + -ms-flex-order: 9; + order: 9; + } .order-md-10 { - order: 10; } + -ms-flex-order: 10; + order: 10; + } .order-md-11 { - order: 11; } + -ms-flex-order: 11; + order: 11; + } .order-md-12 { - order: 12; } + -ms-flex-order: 12; + order: 12; + } .offset-md-0 { - margin-left: 0; } + margin-left: 0; + } .offset-md-1 { - margin-left: 8.33333%; } + margin-left: 8.333333%; + } .offset-md-2 { - margin-left: 16.66667%; } + margin-left: 16.666667%; + } .offset-md-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-md-4 { - margin-left: 33.33333%; } + margin-left: 33.333333%; + } .offset-md-5 { - margin-left: 41.66667%; } + margin-left: 41.666667%; + } .offset-md-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-md-7 { - margin-left: 58.33333%; } + margin-left: 58.333333%; + } .offset-md-8 { - margin-left: 66.66667%; } + margin-left: 66.666667%; + } .offset-md-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-md-10 { - margin-left: 83.33333%; } + margin-left: 83.333333%; + } .offset-md-11 { - margin-left: 91.66667%; } } + margin-left: 91.666667%; + } +} @media (min-width: 992px) { .col-lg { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .row-cols-lg-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-lg-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-lg-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-lg-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-lg-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-lg-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-lg-auto { + -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-lg-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } .col-lg-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-lg-3 { + -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-lg-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } .col-lg-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } .col-lg-6 { + -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-lg-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } .col-lg-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } .col-lg-9 { + -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-lg-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } .col-lg-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } .col-lg-12 { + -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-lg-first { - order: -1; } + -ms-flex-order: -1; + order: -1; + } .order-lg-last { - order: 13; } + -ms-flex-order: 13; + order: 13; + } .order-lg-0 { - order: 0; } + -ms-flex-order: 0; + order: 0; + } .order-lg-1 { - order: 1; } + -ms-flex-order: 1; + order: 1; + } .order-lg-2 { - order: 2; } + -ms-flex-order: 2; + order: 2; + } .order-lg-3 { - order: 3; } + -ms-flex-order: 3; + order: 3; + } .order-lg-4 { - order: 4; } + -ms-flex-order: 4; + order: 4; + } .order-lg-5 { - order: 5; } + -ms-flex-order: 5; + order: 5; + } .order-lg-6 { - order: 6; } + -ms-flex-order: 6; + order: 6; + } .order-lg-7 { - order: 7; } + -ms-flex-order: 7; + order: 7; + } .order-lg-8 { - order: 8; } + -ms-flex-order: 8; + order: 8; + } .order-lg-9 { - order: 9; } + -ms-flex-order: 9; + order: 9; + } .order-lg-10 { - order: 10; } + -ms-flex-order: 10; + order: 10; + } .order-lg-11 { - order: 11; } + -ms-flex-order: 11; + order: 11; + } .order-lg-12 { - order: 12; } + -ms-flex-order: 12; + order: 12; + } .offset-lg-0 { - margin-left: 0; } + margin-left: 0; + } .offset-lg-1 { - margin-left: 8.33333%; } + margin-left: 8.333333%; + } .offset-lg-2 { - margin-left: 16.66667%; } + margin-left: 16.666667%; + } .offset-lg-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-lg-4 { - margin-left: 33.33333%; } + margin-left: 33.333333%; + } .offset-lg-5 { - margin-left: 41.66667%; } + margin-left: 41.666667%; + } .offset-lg-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-lg-7 { - margin-left: 58.33333%; } + margin-left: 58.333333%; + } .offset-lg-8 { - margin-left: 66.66667%; } + margin-left: 66.666667%; + } .offset-lg-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-lg-10 { - margin-left: 83.33333%; } + margin-left: 83.333333%; + } .offset-lg-11 { - margin-left: 91.66667%; } } + margin-left: 91.666667%; + } +} @media (min-width: 1200px) { .col-xl { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } + .row-cols-xl-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-xl-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-xl-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-xl-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-xl-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-xl-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-xl-auto { + -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-xl-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } .col-xl-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-xl-3 { + -ms-flex: 0 0 25%; flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-xl-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } .col-xl-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } .col-xl-6 { + -ms-flex: 0 0 50%; flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-xl-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } .col-xl-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } .col-xl-9 { + -ms-flex: 0 0 75%; flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-xl-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } .col-xl-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } .col-xl-12 { + -ms-flex: 0 0 100%; flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-xl-first { - order: -1; } + -ms-flex-order: -1; + order: -1; + } .order-xl-last { - order: 13; } + -ms-flex-order: 13; + order: 13; + } .order-xl-0 { - order: 0; } + -ms-flex-order: 0; + order: 0; + } .order-xl-1 { - order: 1; } + -ms-flex-order: 1; + order: 1; + } .order-xl-2 { - order: 2; } + -ms-flex-order: 2; + order: 2; + } .order-xl-3 { - order: 3; } + -ms-flex-order: 3; + order: 3; + } .order-xl-4 { - order: 4; } + -ms-flex-order: 4; + order: 4; + } .order-xl-5 { - order: 5; } + -ms-flex-order: 5; + order: 5; + } .order-xl-6 { - order: 6; } + -ms-flex-order: 6; + order: 6; + } .order-xl-7 { - order: 7; } + -ms-flex-order: 7; + order: 7; + } .order-xl-8 { - order: 8; } + -ms-flex-order: 8; + order: 8; + } .order-xl-9 { - order: 9; } + -ms-flex-order: 9; + order: 9; + } .order-xl-10 { - order: 10; } + -ms-flex-order: 10; + order: 10; + } .order-xl-11 { - order: 11; } + -ms-flex-order: 11; + order: 11; + } .order-xl-12 { - order: 12; } + -ms-flex-order: 12; + order: 12; + } .offset-xl-0 { - margin-left: 0; } + margin-left: 0; + } .offset-xl-1 { - margin-left: 8.33333%; } + margin-left: 8.333333%; + } .offset-xl-2 { - margin-left: 16.66667%; } + margin-left: 16.666667%; + } .offset-xl-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-xl-4 { - margin-left: 33.33333%; } + margin-left: 33.333333%; + } .offset-xl-5 { - margin-left: 41.66667%; } + margin-left: 41.666667%; + } .offset-xl-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-xl-7 { - margin-left: 58.33333%; } + margin-left: 58.333333%; + } .offset-xl-8 { - margin-left: 66.66667%; } + margin-left: 66.666667%; + } .offset-xl-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-xl-10 { - margin-left: 83.33333%; } + margin-left: 83.333333%; + } .offset-xl-11 { - margin-left: 91.66667%; } } + margin-left: 91.666667%; + } +} .table { width: 100%; margin-bottom: 1rem; - color: var(--btcpay-body-color); } - .table th, - .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .table tbody + tbody { - border-top: 2px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } + color: var(--btcpay-body-color); +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.table tbody + tbody { + border-top: 2px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} .table-sm th, .table-sm td { - padding: 0.3rem; } + padding: 0.3rem; +} .table-bordered { - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .table-bordered th, - .table-bordered td { - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .table-bordered thead th, - .table-bordered thead td { - border-bottom-width: 2px; } + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.table-bordered th, +.table-bordered td { + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { - border: 0; } + border: 0; +} .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); } + background-color: rgba(0, 0, 0, 0.05); +} .table-hover tbody tr:hover { color: var(--btcpay-body-color); - background-color: rgba(0, 0, 0, 0.075); } + background-color: rgba(0, 0, 0, 0.075); +} .table-primary, .table-primary > th, .table-primary > td { color: var(--btcpay-color-primary-text); - background-color: var(--btcpay-color-primary-backdrop); } + background-color: var(--btcpay-color-primary-backdrop); +} .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { - border-color: var(--btcpay-color-primary); } + border-color: var(--btcpay-color-primary); +} .table-secondary, .table-secondary > th, .table-secondary > td { color: var(--btcpay-color-secondary-text); - background-color: var(--btcpay-color-secondary-backdrop); } + background-color: var(--btcpay-color-secondary-backdrop); +} .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { - border-color: var(--btcpay-color-secondary); } + border-color: var(--btcpay-color-secondary); +} .table-success, .table-success > th, .table-success > td { color: var(--btcpay-color-success-text); - background-color: var(--btcpay-color-success-backdrop); } + background-color: var(--btcpay-color-success-backdrop); +} .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { - border-color: var(--btcpay-color-success); } + border-color: var(--btcpay-color-success); +} .table-info, .table-info > th, .table-info > td { color: var(--btcpay-color-info-text); - background-color: var(--btcpay-color-info-backdrop); } + background-color: var(--btcpay-color-info-backdrop); +} .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { - border-color: var(--btcpay-color-info); } + border-color: var(--btcpay-color-info); +} .table-warning, .table-warning > th, .table-warning > td { color: var(--btcpay-color-warning-text); - background-color: var(--btcpay-color-warning-backdrop); } + background-color: var(--btcpay-color-warning-backdrop); +} .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { - border-color: var(--btcpay-color-warning); } + border-color: var(--btcpay-color-warning); +} .table-danger, .table-danger > th, .table-danger > td { color: var(--btcpay-color-danger-text); - background-color: var(--btcpay-color-danger-backdrop); } + background-color: var(--btcpay-color-danger-backdrop); +} .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { - border-color: var(--btcpay-color-danger); } + border-color: var(--btcpay-color-danger); +} .table-light, .table-light > th, .table-light > td { color: var(--btcpay-color-light-text); - background-color: var(--btcpay-color-light-backdrop); } + background-color: var(--btcpay-color-light-backdrop); +} .table-dark, .table-dark > th, .table-dark > td { color: var(--btcpay-color-dark-text); - background-color: var(--btcpay-color-dark-backdrop); } + background-color: var(--btcpay-color-dark-backdrop); +} @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-sm > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-md > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-lg > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-xl > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} .table-responsive { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive > .table-bordered { - border: 0; } + -webkit-overflow-scrolling: touch; +} + +.table-responsive > .table-bordered { + border: 0; +} .form-control { display: block; @@ -1181,142 +1859,200 @@ pre { background-clip: padding-box; border: 1px solid var(--btcpay-color-neutral-300); border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; } } - .form-control::-ms-expand { - background-color: transparent; - border: 0; } - .form-control:focus { - color: var(--btcpay-color-neutral-700); - background-color: var(--btcpay-color-white); - border-color: var(--btcpay-color-primary-backdrop); - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .form-control::placeholder { - color: var(--btcpay-color-neutral-600); - opacity: 1; } - .form-control:disabled, .form-control[readonly] { - background-color: var(--btcpay-color-neutral-200); - opacity: .75; } + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.form-control:focus { + color: var(--btcpay-color-neutral-700); + background-color: var(--btcpay-color-white); + border-color: var(--btcpay-color-primary-backdrop); + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.form-control::placeholder { + color: var(--btcpay-color-neutral-600); + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: var(--btcpay-color-neutral-200); + opacity: .75; +} + +input[type="date"].form-control, +input[type="time"].form-control, +input[type="datetime-local"].form-control, +input[type="month"].form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} select.form-control:focus::-ms-value { color: var(--btcpay-color-neutral-700); - background-color: var(--btcpay-color-white); } + background-color: var(--btcpay-color-white); +} .form-control-file, .form-control-range { display: block; - width: 100%; } + width: 100%; +} .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} .form-control-plaintext { display: block; width: 100%; - padding-top: 0.375rem; - padding-bottom: 0.375rem; + padding: 0.375rem 0; margin-bottom: 0; + font-size: 1rem; line-height: 1.5; color: var(--btcpay-body-color); background-color: transparent; border: solid transparent; - border-width: 1px 0; } - .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; } + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} select.form-control[size], select.form-control[multiple] { - height: auto; } + height: auto; +} textarea.form-control { - height: auto; } + height: auto; +} .form-group { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} .form-text { display: block; - margin-top: 0.25rem; } + margin-top: 0.25rem; +} .form-row { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; - margin-left: -5px; } - .form-row > .col, - .form-row > [class*="col-"] { - padding-right: 5px; - padding-left: 5px; } + margin-left: -5px; +} + +.form-row > .col, +.form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} .form-check { position: relative; display: block; - padding-left: 1.25rem; } + padding-left: 1.25rem; +} .form-check-input { position: absolute; margin-top: 0.3rem; - margin-left: -1.25rem; } - .form-check-input:disabled ~ .form-check-label { - color: var(--btcpay-color-neutral-600); } + margin-left: -1.25rem; +} + +.form-check-input[disabled] ~ .form-check-label, +.form-check-input:disabled ~ .form-check-label { + color: var(--btcpay-color-neutral-600); +} .form-check-label { - margin-bottom: 0; } + margin-bottom: 0; +} .form-check-inline { + display: -ms-inline-flexbox; display: inline-flex; + -ms-flex-align: center; align-items: center; padding-left: 0; - margin-right: 0.75rem; } - .form-check-inline .form-check-input { - position: static; - margin-top: 0; - margin-right: 0.3125rem; - margin-left: 0; } + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: var(--btcpay-color-success); } + color: var(--btcpay-color-success); +} .valid-tooltip { position: absolute; top: 100%; + left: 0; z-index: 5; display: none; max-width: 100%; @@ -1326,94 +2062,133 @@ textarea.form-control { line-height: 1.5; color: var(--btcpay-color-white); background-color: var(--btcpay-color-success-backdrop); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} + +.form-row > .col > .valid-tooltip, +.form-row > [class*="col-"] > .valid-tooltip { + left: 5px; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--btcpay-color-success); padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: var(--btcpay-color-success); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } - .was-validated .form-control:valid ~ .valid-feedback, - .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, - .form-control.is-valid ~ .valid-tooltip { - display: block; } + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: var(--btcpay-color-success); + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} + +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} .was-validated .custom-select:valid, .custom-select.is-valid { border-color: var(--btcpay-color-success); padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='var(--btcpay-color-neutral-800)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { - border-color: var(--btcpay-color-success); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } - .was-validated .custom-select:valid ~ .valid-feedback, - .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, - .custom-select.is-valid ~ .valid-tooltip { - display: block; } + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='var(--btcpay-color-neutral-800)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: var(--btcpay-color-success); + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} + +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { - display: block; } + display: block; +} .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: var(--btcpay-color-success); } + color: var(--btcpay-color-success); +} .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { - display: block; } + display: block; +} .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { - color: var(--btcpay-color-success); } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: var(--btcpay-color-success); } + color: var(--btcpay-color-success); +} + +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: var(--btcpay-color-success); +} .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { - display: block; } + display: block; +} .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; - background-color: #34ce57; } + background-color: #34ce57; +} .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { - border-color: var(--btcpay-color-success); } + border-color: var(--btcpay-color-success); +} .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: var(--btcpay-color-success); } + border-color: var(--btcpay-color-success); +} .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { - display: block; } + display: block; +} .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: var(--btcpay-color-success); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: var(--btcpay-color-danger); } + color: var(--btcpay-color-danger); +} .invalid-tooltip { position: absolute; top: 100%; + left: 0; z-index: 5; display: none; max-width: 100%; @@ -1423,7 +2198,20 @@ textarea.form-control { line-height: 1.5; color: var(--btcpay-color-white); background-color: var(--btcpay-color-danger-backdrop); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} + +.form-row > .col > .invalid-tooltip, +.form-row > [class*="col-"] > .invalid-tooltip { + left: 5px; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--btcpay-color-danger); @@ -1431,120 +2219,174 @@ textarea.form-control { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: var(--btcpay-color-danger); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } - .was-validated .form-control:invalid ~ .invalid-feedback, - .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, - .form-control.is-invalid ~ .invalid-tooltip { - display: block; } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: var(--btcpay-color-danger); + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} + +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: var(--btcpay-color-danger); padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='var(--btcpay-color-neutral-800)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { - border-color: var(--btcpay-color-danger); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } - .was-validated .custom-select:invalid ~ .invalid-feedback, - .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, - .custom-select.is-invalid ~ .invalid-tooltip { - display: block; } + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='var(--btcpay-color-neutral-800)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: var(--btcpay-color-danger); + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} + +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { - display: block; } + display: block; +} .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: var(--btcpay-color-danger); } + color: var(--btcpay-color-danger); +} .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { - display: block; } + display: block; +} .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { - color: var(--btcpay-color-danger); } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: var(--btcpay-color-danger); } + color: var(--btcpay-color-danger); +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: var(--btcpay-color-danger); +} .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { - display: block; } + display: block; +} .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; - background-color: #e4606d; } + background-color: #e4606d; +} .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { - border-color: var(--btcpay-color-danger); } + border-color: var(--btcpay-color-danger); +} .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: var(--btcpay-color-danger); } + border-color: var(--btcpay-color-danger); +} .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { - display: block; } + display: block; +} .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: var(--btcpay-color-danger); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} .form-inline { + display: -ms-flexbox; display: flex; + -ms-flex-flow: row wrap; flex-flow: row wrap; - align-items: center; } + -ms-flex-align: center; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } .form-inline .form-check { - width: 100%; } - @media (min-width: 576px) { - .form-inline label { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 0; } - .form-inline .form-group { - display: flex; - flex: 0 0 auto; - flex-flow: row wrap; - align-items: center; - margin-bottom: 0; } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; } - .form-inline .form-control-plaintext { - display: inline-block; } - .form-inline .input-group, - .form-inline .custom-select { - width: auto; } - .form-inline .form-check { - display: flex; - align-items: center; - justify-content: center; - width: auto; - padding-left: 0; } - .form-inline .form-check-input { - position: relative; - flex-shrink: 0; - margin-top: 0; - margin-right: 0.25rem; - margin-left: 0; } - .form-inline .custom-control { - align-items: center; - justify-content: center; } - .form-inline .custom-control-label { - margin-bottom: 0; } } + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} .btn { display: inline-block; @@ -1552,6 +2394,9 @@ textarea.form-control { color: var(--btcpay-body-color); text-align: center; vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; @@ -1559,409 +2404,608 @@ textarea.form-control { font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; } } - .btn:hover { - color: var(--btcpay-body-color); - text-decoration: none; } - .btn:focus, .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .btn.disabled, .btn:disabled { - opacity: 0.65; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: var(--btcpay-body-color); + text-decoration: none; +} + +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.btn.disabled, .btn:disabled { + opacity: 0.65; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} a.btn.disabled, fieldset:disabled a.btn { - pointer-events: none; } + pointer-events: none; +} .btn-primary { color: var(--btcpay-color-white); background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } - .btn-primary:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary-accent); - border-color: var(--btcpay-color-primary-accent); } - .btn-primary:focus, .btn-primary.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .btn-primary.disabled, .btn-primary:disabled { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, - .show > .btn-primary.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary-accent); - border-color: var(--btcpay-color-primary-accent); } - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + border-color: var(--btcpay-color-primary); +} + +.btn-primary:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary-accent); + border-color: var(--btcpay-color-primary-accent); +} + +.btn-primary:focus, .btn-primary.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.btn-primary.disabled, .btn-primary:disabled { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary); + border-color: var(--btcpay-color-primary); +} + +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary-accent); + border-color: var(--btcpay-color-primary-accent); +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} .btn-secondary { color: var(--btcpay-color-white); background-color: var(--btcpay-color-secondary); - border-color: var(--btcpay-color-secondary); } - .btn-secondary:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary-accent); - border-color: var(--btcpay-color-secondary-accent); } - .btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); } - .btn-secondary.disabled, .btn-secondary:disabled { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary); - border-color: var(--btcpay-color-secondary); } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, - .show > .btn-secondary.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary-accent); - border-color: var(--btcpay-color-secondary-accent); } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); } + border-color: var(--btcpay-color-secondary); +} + +.btn-secondary:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary-accent); + border-color: var(--btcpay-color-secondary-accent); +} + +.btn-secondary:focus, .btn-secondary.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); +} + +.btn-secondary.disabled, .btn-secondary:disabled { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary); + border-color: var(--btcpay-color-secondary); +} + +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary-accent); + border-color: var(--btcpay-color-secondary-accent); +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); +} .btn-success { color: var(--btcpay-color-white); background-color: var(--btcpay-color-success); - border-color: var(--btcpay-color-success); } - .btn-success:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success-accent); - border-color: var(--btcpay-color-success-accent); } - .btn-success:focus, .btn-success.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } - .btn-success.disabled, .btn-success:disabled { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success); - border-color: var(--btcpay-color-success); } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, - .show > .btn-success.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success-accent); - border-color: var(--btcpay-color-success-accent); } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } + border-color: var(--btcpay-color-success); +} + +.btn-success:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success-accent); + border-color: var(--btcpay-color-success-accent); +} + +.btn-success:focus, .btn-success.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} + +.btn-success.disabled, .btn-success:disabled { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success); + border-color: var(--btcpay-color-success); +} + +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success-accent); + border-color: var(--btcpay-color-success-accent); +} + +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} .btn-info { color: var(--btcpay-color-white); background-color: var(--btcpay-color-info); - border-color: var(--btcpay-color-info); } - .btn-info:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info-accent); - border-color: var(--btcpay-color-info-accent); } - .btn-info:focus, .btn-info.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); } - .btn-info.disabled, .btn-info:disabled { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info); - border-color: var(--btcpay-color-info); } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, - .show > .btn-info.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info-accent); - border-color: var(--btcpay-color-info-accent); } - .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); } + border-color: var(--btcpay-color-info); +} + +.btn-info:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info-accent); + border-color: var(--btcpay-color-info-accent); +} + +.btn-info:focus, .btn-info.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); +} + +.btn-info.disabled, .btn-info:disabled { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info); + border-color: var(--btcpay-color-info); +} + +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, +.show > .btn-info.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info-accent); + border-color: var(--btcpay-color-info-accent); +} + +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); +} .btn-warning { color: var(--btcpay-color-neutral-900); background-color: var(--btcpay-color-warning); - border-color: var(--btcpay-color-warning); } - .btn-warning:hover { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning-accent); - border-color: var(--btcpay-color-warning-accent); } - .btn-warning:focus, .btn-warning.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); } - .btn-warning.disabled, .btn-warning:disabled { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning); - border-color: var(--btcpay-color-warning); } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, - .show > .btn-warning.dropdown-toggle { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning-accent); - border-color: var(--btcpay-color-warning-accent); } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); } + border-color: var(--btcpay-color-warning); +} + +.btn-warning:hover { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning-accent); + border-color: var(--btcpay-color-warning-accent); +} + +.btn-warning:focus, .btn-warning.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); +} + +.btn-warning.disabled, .btn-warning:disabled { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning); + border-color: var(--btcpay-color-warning); +} + +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, +.show > .btn-warning.dropdown-toggle { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning-accent); + border-color: var(--btcpay-color-warning-accent); +} + +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); +} .btn-danger { color: var(--btcpay-color-white); background-color: var(--btcpay-color-danger); - border-color: var(--btcpay-color-danger); } - .btn-danger:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger-accent); - border-color: var(--btcpay-color-danger-accent); } - .btn-danger:focus, .btn-danger.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } - .btn-danger.disabled, .btn-danger:disabled { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger); - border-color: var(--btcpay-color-danger); } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, - .show > .btn-danger.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger-accent); - border-color: var(--btcpay-color-danger-accent); } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } + border-color: var(--btcpay-color-danger); +} + +.btn-danger:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger-accent); + border-color: var(--btcpay-color-danger-accent); +} + +.btn-danger:focus, .btn-danger.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} + +.btn-danger.disabled, .btn-danger:disabled { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger); + border-color: var(--btcpay-color-danger); +} + +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, +.show > .btn-danger.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger-accent); + border-color: var(--btcpay-color-danger-accent); +} + +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} .btn-light { color: var(--btcpay-color-dark); background-color: var(--btcpay-color-light); - border-color: var(--btcpay-color-light); } - .btn-light:hover { - color: var(--btcpay-color-dark); - background-color: var(--btcpay-color-light-accent); - border-color: var(--btcpay-color-light-accent); } - .btn-light:focus, .btn-light.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); } - .btn-light.disabled, .btn-light:disabled { - color: var(--btcpay-color-neutral-400); - background-color: var(--btcpay-color-light-backdrop); - border-color: var(--btcpay-color-light-backdrop); } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, - .show > .btn-light.dropdown-toggle { - color: var(--btcpay-color-dark); - background-color: var(--btcpay-color-light-accent); - border-color: var(--btcpay-color-light-accent); } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); } + border-color: var(--btcpay-color-light); +} + +.btn-light:hover { + color: var(--btcpay-color-dark); + background-color: var(--btcpay-color-light-accent); + border-color: var(--btcpay-color-light-accent); +} + +.btn-light:focus, .btn-light.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); +} + +.btn-light.disabled, .btn-light:disabled { + color: var(--btcpay-color-neutral-400); + background-color: var(--btcpay-color-light-backdrop); + border-color: var(--btcpay-color-light-backdrop); +} + +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, +.show > .btn-light.dropdown-toggle { + color: var(--btcpay-color-dark); + background-color: var(--btcpay-color-light-accent); + border-color: var(--btcpay-color-light-accent); +} + +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); +} .btn-dark { color: var(--btcpay-color-light); background-color: var(--btcpay-color-dark); - border-color: var(--btcpay-color-dark); } - .btn-dark:hover { - color: var(--btcpay-color-light); - background-color: var(--btcpay-color-dark-accent); - border-color: var(--btcpay-color-dark-accent); } - .btn-dark:focus, .btn-dark.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); } - .btn-dark.disabled, .btn-dark:disabled { - color: var(--btcpay-color-neutral-600); - background-color: var(--btcpay-color-dark-backdrop); - border-color: var(--btcpay-color-dark-backdrop); } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, - .show > .btn-dark.dropdown-toggle { - color: var(--btcpay-color-light); - background-color: var(--btcpay-color-dark-accent); - border-color: var(--btcpay-color-dark-accent); } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); } + border-color: var(--btcpay-color-dark); +} + +.btn-dark:hover { + color: var(--btcpay-color-light); + background-color: var(--btcpay-color-dark-accent); + border-color: var(--btcpay-color-dark-accent); +} + +.btn-dark:focus, .btn-dark.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); +} + +.btn-dark.disabled, .btn-dark:disabled { + color: var(--btcpay-color-neutral-600); + background-color: var(--btcpay-color-dark-backdrop); + border-color: var(--btcpay-color-dark-backdrop); +} + +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, +.show > .btn-dark.dropdown-toggle { + color: var(--btcpay-color-light); + background-color: var(--btcpay-color-dark-accent); + border-color: var(--btcpay-color-dark-accent); +} + +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); +} .btn-outline-primary { color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } - .btn-outline-primary:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: var(--btcpay-color-primary); - background-color: transparent; } - .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, - .show > .btn-outline-primary.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } - .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + border-color: var(--btcpay-color-primary); +} + +.btn-outline-primary:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary); + border-color: var(--btcpay-color-primary); +} + +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: var(--btcpay-color-primary); + background-color: transparent; +} + +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary); + border-color: var(--btcpay-color-primary); +} + +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} .btn-outline-secondary { color: var(--btcpay-color-secondary); - border-color: var(--btcpay-color-secondary); } - .btn-outline-secondary:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary); - border-color: var(--btcpay-color-secondary); } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: var(--btcpay-color-secondary); - background-color: transparent; } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, - .show > .btn-outline-secondary.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary); - border-color: var(--btcpay-color-secondary); } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); } + border-color: var(--btcpay-color-secondary); +} + +.btn-outline-secondary:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary); + border-color: var(--btcpay-color-secondary); +} + +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); +} + +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: var(--btcpay-color-secondary); + background-color: transparent; +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary); + border-color: var(--btcpay-color-secondary); +} + +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); +} .btn-outline-success { color: var(--btcpay-color-success); - border-color: var(--btcpay-color-success); } - .btn-outline-success:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success); - border-color: var(--btcpay-color-success); } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: var(--btcpay-color-success); - background-color: transparent; } - .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, - .show > .btn-outline-success.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success); - border-color: var(--btcpay-color-success); } - .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } + border-color: var(--btcpay-color-success); +} + +.btn-outline-success:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success); + border-color: var(--btcpay-color-success); +} + +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} + +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: var(--btcpay-color-success); + background-color: transparent; +} + +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, +.show > .btn-outline-success.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success); + border-color: var(--btcpay-color-success); +} + +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} .btn-outline-info { color: var(--btcpay-color-info); - border-color: var(--btcpay-color-info); } - .btn-outline-info:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info); - border-color: var(--btcpay-color-info); } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: var(--btcpay-color-info); - background-color: transparent; } - .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, - .show > .btn-outline-info.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info); - border-color: var(--btcpay-color-info); } - .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); } + border-color: var(--btcpay-color-info); +} + +.btn-outline-info:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info); + border-color: var(--btcpay-color-info); +} + +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); +} + +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: var(--btcpay-color-info); + background-color: transparent; +} + +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, +.show > .btn-outline-info.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info); + border-color: var(--btcpay-color-info); +} + +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); +} .btn-outline-warning { color: var(--btcpay-color-warning); - border-color: var(--btcpay-color-warning); } - .btn-outline-warning:hover { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning); - border-color: var(--btcpay-color-warning); } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: var(--btcpay-color-warning); - background-color: transparent; } - .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, - .show > .btn-outline-warning.dropdown-toggle { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning); - border-color: var(--btcpay-color-warning); } - .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); } + border-color: var(--btcpay-color-warning); +} + +.btn-outline-warning:hover { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning); + border-color: var(--btcpay-color-warning); +} + +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); +} + +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: var(--btcpay-color-warning); + background-color: transparent; +} + +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, +.show > .btn-outline-warning.dropdown-toggle { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning); + border-color: var(--btcpay-color-warning); +} + +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); +} .btn-outline-danger { color: var(--btcpay-color-danger); - border-color: var(--btcpay-color-danger); } - .btn-outline-danger:hover { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger); - border-color: var(--btcpay-color-danger); } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: var(--btcpay-color-danger); - background-color: transparent; } - .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, - .show > .btn-outline-danger.dropdown-toggle { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger); - border-color: var(--btcpay-color-danger); } - .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } + border-color: var(--btcpay-color-danger); +} + +.btn-outline-danger:hover { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger); + border-color: var(--btcpay-color-danger); +} + +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} + +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: var(--btcpay-color-danger); + background-color: transparent; +} + +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, +.show > .btn-outline-danger.dropdown-toggle { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger); + border-color: var(--btcpay-color-danger); +} + +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); +} .btn-link { font-weight: 400; color: var(--btcpay-body-color-link); - text-decoration: none; } - .btn-link:hover { - color: var(--btcpay-body-color-link-accent); - text-decoration: underline; } - .btn-link:focus, .btn-link.focus { - text-decoration: underline; - box-shadow: none; } - .btn-link:disabled, .btn-link.disabled { - color: var(--btcpay-color-neutral-600); - pointer-events: none; } + text-decoration: none; +} + +.btn-link:hover { + color: var(--btcpay-body-color-link-accent); + text-decoration: underline; +} + +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} + +.btn-link:disabled, .btn-link.disabled { + color: var(--btcpay-color-neutral-600); + pointer-events: none; +} .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .btn-block { display: block; - width: 100%; } - .btn-block + .btn-block { - margin-top: 0.5rem; } + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 0.5rem; +} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { - width: 100%; } + width: 100%; +} .fade { - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; } } - .fade:not(.show) { - opacity: 0; } + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} .collapse:not(.show) { - display: none; } + display: none; +} .collapsing { position: relative; height: 0; overflow: hidden; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; } } + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} .dropup, .dropright, .dropdown, .dropleft { - position: relative; } + position: relative; +} .dropdown-toggle { - white-space: nowrap; } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { - margin-left: 0; } + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} .dropdown-menu { position: absolute; @@ -1980,53 +3024,69 @@ input[type="button"].btn-block { background-color: var(--btcpay-bg-tile, var(--btcpay-color-white)); background-clip: padding-box; border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .dropdown-menu-left { right: auto; - left: 0; } + left: 0; +} .dropdown-menu-right { right: 0; - left: auto; } + left: auto; +} @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-sm-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-md-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-lg-right { right: 0; - left: auto; } } + left: auto; + } +} @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; - left: 0; } + left: 0; + } .dropdown-menu-xl-right { right: 0; - left: auto; } } + left: auto; + } +} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; - margin-bottom: 0.125rem; } + margin-bottom: 0.125rem; +} .dropup .dropdown-toggle::after { display: inline-block; @@ -2036,17 +3096,20 @@ input[type="button"].btn-block { border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; } + border-left: 0.3em solid transparent; +} .dropup .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; - margin-left: 0.125rem; } + margin-left: 0.125rem; +} .dropright .dropdown-toggle::after { display: inline-block; @@ -2056,29 +3119,35 @@ input[type="button"].btn-block { border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; } + border-left: 0.3em solid; +} .dropright .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropright .dropdown-toggle::after { - vertical-align: 0; } + vertical-align: 0; +} .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; - margin-right: 0.125rem; } + margin-right: 0.125rem; +} .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; } + content: ""; +} .dropleft .dropdown-toggle::after { - display: none; } + display: none; +} .dropleft .dropdown-toggle::before { display: inline-block; @@ -2087,23 +3156,28 @@ input[type="button"].btn-block { content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; } + border-bottom: 0.3em solid transparent; +} .dropleft .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropleft .dropdown-toggle::before { - vertical-align: 0; } + vertical-align: 0; +} .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; - bottom: auto; } + bottom: auto; +} .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; - border-top: 1px solid var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)); } + border-top: 1px solid var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)); +} .dropdown-item { display: block; @@ -2115,21 +3189,29 @@ input[type="button"].btn-block { text-align: inherit; white-space: nowrap; background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: var(--btcpay-body-color); - text-decoration: none; - background-color: var(--btcpay-bg-color-light); } - .dropdown-item.active, .dropdown-item:active { - color: var(--btcpay-body-color); - text-decoration: none; - background-color: var(--btcpay-bg-color-light) } - .dropdown-item.disabled, .dropdown-item:disabled { - color: var(--btcpay-color-secondary); - pointer-events: none; } + border: 0; +} + +.dropdown-item:hover, .dropdown-item:focus { + color: var(--btcpay-body-color); + text-decoration: none; + background-color: var(--btcpay-bg-color-light); +} + +.dropdown-item.active, .dropdown-item:active { + color: var(--btcpay-body-color); + text-decoration: none; + background-color: var(--btcpay-bg-color-light) +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: var(--btcpay-color-secondary); + pointer-events: none; +} .dropdown-menu.show { - display: block; } + display: block; +} .dropdown-header { display: block; @@ -2137,180 +3219,263 @@ input[type="button"].btn-block { margin-bottom: 0; font-size: 0.875rem; color: var(--btcpay-color-neutral-600); - white-space: nowrap; } + white-space: nowrap; +} .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; - color: var(--btcpay-color-neutral-900); } + color: var(--btcpay-color-neutral-900); +} .btn-group, .btn-group-vertical { position: relative; + display: -ms-inline-flexbox; display: inline-flex; - vertical-align: middle; } - .btn-group > .btn, - .btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; } - .btn-group > .btn:hover, - .btn-group-vertical > .btn:hover { - z-index: 1; } - .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, - .btn-group-vertical > .btn:focus, - .btn-group-vertical > .btn:active, - .btn-group-vertical > .btn.active { - z-index: 1; } + vertical-align: middle; +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} + +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} .btn-toolbar { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; - justify-content: flex-start; } - .btn-toolbar .input-group { - width: auto; } + -ms-flex-pack: start; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { - margin-left: -1px; } + margin-left: -1px; +} .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .dropdown-toggle-split { padding-right: 0.5625rem; - padding-left: 0.5625rem; } - .dropdown-toggle-split::after, - .dropup .dropdown-toggle-split::after, - .dropright .dropdown-toggle-split::after { - margin-left: 0; } - .dropleft .dropdown-toggle-split::before { - margin-right: 0; } + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; - padding-left: 0.375rem; } + padding-left: 0.375rem; +} .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-left: 0.75rem; +} .btn-group-vertical { + -ms-flex-direction: column; flex-direction: column; + -ms-flex-align: start; align-items: flex-start; - justify-content: center; } - .btn-group-vertical > .btn, - .btn-group-vertical > .btn-group { - width: 100%; } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), - .btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; } + -ms-flex-pack: center; + justify-content: center; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { - margin-bottom: 0; } - .btn-group-toggle > .btn input[type="radio"], - .btn-group-toggle > .btn input[type="checkbox"], - .btn-group-toggle > .btn-group > .btn input[type="radio"], - .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; } + margin-bottom: 0; +} + +.btn-group-toggle > .btn input[type="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} .input-group { position: relative; + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; + -ms-flex-align: stretch; align-items: stretch; - width: 100%; } - .input-group > .form-control, - .input-group > .form-control-plaintext, - .input-group > .custom-select, - .input-group > .custom-file { - position: relative; - flex: 1 1 auto; - width: 1%; - margin-bottom: 0; } - .input-group > .form-control + .form-control, - .input-group > .form-control + .custom-select, - .input-group > .form-control + .custom-file, - .input-group > .form-control-plaintext + .form-control, - .input-group > .form-control-plaintext + .custom-select, - .input-group > .form-control-plaintext + .custom-file, - .input-group > .custom-select + .form-control, - .input-group > .custom-select + .custom-select, - .input-group > .custom-select + .custom-file, - .input-group > .custom-file + .form-control, - .input-group > .custom-file + .custom-select, - .input-group > .custom-file + .custom-file { - margin-left: -1px; } - .input-group > .form-control:focus, - .input-group > .custom-select:focus, - .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { - z-index: 3; } - .input-group > .custom-file .custom-file-input:focus { - z-index: 4; } - .input-group > .form-control:not(:last-child), - .input-group > .custom-select:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .input-group > .form-control:not(:first-child), - .input-group > .custom-select:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .input-group > .custom-file { - display: flex; - align-items: center; } - .input-group > .custom-file:not(:last-child) .custom-file-label, - .input-group > .custom-file:not(:last-child) .custom-file-label::after { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .input-group > .custom-file:not(:first-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } + width: 100%; +} + +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom: 0; +} + +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} + +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} + +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .custom-file { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +.input-group > .custom-file:not(:last-child) .custom-file-label, +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group:not(.has-validation) > .form-control:not(:last-child), +.input-group:not(.has-validation) > .custom-select:not(:last-child), +.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group.has-validation > .form-control:nth-last-child(n + 3), +.input-group.has-validation > .custom-select:nth-last-child(n + 3), +.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} .input-group-prepend, .input-group-append { - display: flex; } - .input-group-prepend .btn, - .input-group-append .btn { - position: relative; - z-index: 2; } - .input-group-prepend .btn:focus, - .input-group-append .btn:focus { - z-index: 3; } - .input-group-prepend .btn + .btn, - .input-group-prepend .btn + .input-group-text, - .input-group-prepend .input-group-text + .input-group-text, - .input-group-prepend .input-group-text + .btn, - .input-group-append .btn + .btn, - .input-group-append .btn + .input-group-text, - .input-group-append .input-group-text + .input-group-text, - .input-group-append .input-group-text + .btn { - margin-left: -1px; } + display: -ms-flexbox; + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} + +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} .input-group-prepend { - margin-right: -1px; } + margin-right: -1px; +} .input-group-append { - margin-left: -1px; } + margin-left: -1px; +} .input-group-text { + display: -ms-flexbox; display: flex; + -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; @@ -2322,14 +3487,18 @@ input[type="button"].btn-block { white-space: nowrap; background-color: var(--btcpay-color-neutral-200); border: 1px solid var(--btcpay-color-neutral-300); - border-radius: 0.25rem; } - .input-group-text input[type="radio"], - .input-group-text input[type="checkbox"] { - margin-top: 0; } + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { - height: calc(1.5em + 1rem + 2px); } + height: calc(1.5em + 1rem + 2px); +} .input-group-lg > .form-control, .input-group-lg > .custom-select, @@ -2340,11 +3509,13 @@ input[type="button"].btn-block { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { - height: calc(1.5em + 0.5rem + 2px); } + height: calc(1.5em + 0.5rem + 2px); +} .input-group-sm > .form-control, .input-group-sm > .custom-select, @@ -2355,20 +3526,25 @@ input[type="button"].btn-block { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .input-group-lg > .custom-select, .input-group-sm > .custom-select { - padding-right: 1.75rem; } + padding-right: 1.75rem; +} .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, -.input-group > .input-group-append:not(:last-child) > .btn, -.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, +.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, +.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, +.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, @@ -2377,115 +3553,167 @@ input[type="button"].btn-block { .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .custom-control { position: relative; + z-index: 1; display: block; min-height: 1.5rem; - padding-left: 1.5rem; } + padding-left: 1.5rem; + -webkit-print-color-adjust: exact; + color-adjust: exact; +} .custom-control-inline { + display: -ms-inline-flexbox; display: inline-flex; - margin-right: 1rem; } + margin-right: 1rem; +} .custom-control-input { position: absolute; + left: 0; z-index: -1; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: var(--btcpay-color-white); - border-color: var(--btcpay-color-primary); - background-color: var(--btcpay-color-primary); } - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: var(--btcpay-color-primary-backdrop); } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary-backdrop); - border-color: var(--btcpay-color-primary-backdrop); } - .custom-control-input:disabled ~ .custom-control-label { - color: var(--btcpay-color-neutral-600); } - .custom-control-input:disabled ~ .custom-control-label::before { - background-color: var(--btcpay-color-neutral-200); } + width: 1rem; + height: 1.25rem; + opacity: 0; +} + +.custom-control-input:checked ~ .custom-control-label::before { + color: var(--btcpay-color-white); + border-color: var(--btcpay-color-primary); + background-color: var(--btcpay-color-primary); +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: var(--btcpay-color-primary-backdrop); +} + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary-backdrop); + border-color: var(--btcpay-color-primary-backdrop); +} + +color: var(--btcpay-color-neutral-600); +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { +} + +background-color: var(--btcpay-color-neutral-200); +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { +} .custom-control-label { position: relative; margin-bottom: 0; - vertical-align: top; } - .custom-control-label::before { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: var(--btcpay-color-white); - border: var(--btcpay-color-neutral-500) solid 1px; } - .custom-control-label::after { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; } + vertical-align: top; +} + +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: var(--btcpay-color-white); + border: var(--btcpay-color-neutral-500) solid 1px; +} + +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: 50% / 50% 50% no-repeat; +} .custom-checkbox .custom-control-label::before { - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: var(--btcpay-color-primary); - background-color: var(--btcpay-color-primary); } + background-color: var(--btcpay-color-primary); +} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: var(--btcpay-color-primary-backdrop); } + background-color: var(--btcpay-color-primary-backdrop); +} .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: var(--btcpay-color-primary-backdrop); } + background-color: var(--btcpay-color-primary-backdrop); +} .custom-radio .custom-control-label::before { - border-radius: 50%; } + border-radius: 50%; +} .custom-radio .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: var(--btcpay-color-primary-backdrop); } + background-color: var(--btcpay-color-primary-backdrop); +} .custom-switch { - padding-left: 2.25rem; } - .custom-switch .custom-control-label::before { - left: -2.25rem; - width: 1.75rem; - pointer-events: all; - border-radius: 0.5rem; } + padding-left: 2.25rem; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: var(--btcpay-color-neutral-500); + border-radius: 0.5rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { - top: calc(0.25rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1rem - 4px); - height: calc(1rem - 4px); - background-color: var(--btcpay-color-neutral-500); - border-radius: 0.5rem; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - transition: none; } } - .custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: var(--btcpay-color-white); - transform: translateX(0.75rem); } - .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: var(--btcpay-color-primary-backdrop); } + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: var(--btcpay-color-white); + -webkit-transform: translateX(0.75rem); + transform: translateX(0.75rem); +} + +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: var(--btcpay-color-primary-backdrop); +} .custom-select { display: inline-block; @@ -2503,44 +3731,63 @@ input[type="button"].btn-block { border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; - appearance: none; } - .custom-select:focus { - border-color: var(--btcpay-color-primary-backdrop); - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-select:focus::-ms-value { - color: var(--btcpay-color-neutral-700); - background-color: var(--btcpay-color-white); } - .custom-select[multiple], .custom-select[size]:not([size="1"]) { - height: auto; - padding-right: 0.75rem; - background-image: none; } - .custom-select:disabled { - color: var(--btcpay-color-neutral-600); - background-color: var(--btcpay-color-neutral-200); } - .custom-select::-ms-expand { - display: none; } + appearance: none; +} + +.custom-select:focus { + border-color: var(--btcpay-color-primary-backdrop); + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-select:focus::-ms-value { + color: var(--btcpay-color-neutral-700); + background-color: var(--btcpay-color-white); +} + +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: var(--btcpay-color-neutral-600); + background-color: var(--btcpay-color-neutral-200); +} + +.custom-select::-ms-expand { + display: none; +} + +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.875rem; } + font-size: 0.875rem; +} .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } + margin-bottom: 0; +} .custom-file-input { position: relative; @@ -2548,16 +3795,27 @@ input[type="button"].btn-block { width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; - opacity: 0; } - .custom-file-input:focus ~ .custom-file-label { - border-color: var(--btcpay-color-primary-backdrop); - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-file-input:disabled ~ .custom-file-label { - background-color: var(--btcpay-color-neutral-200); } - .custom-file-input:lang(en) ~ .custom-file-label::after { - content: "Browse"; } - .custom-file-input ~ .custom-file-label[data-browse]::after { - content: attr(data-browse); } + overflow: hidden; + opacity: 0; +} + +.custom-file-input:focus ~ .custom-file-label { + border-color: var(--btcpay-color-primary-backdrop); + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-file-input[disabled] ~ .custom-file-label, +.custom-file-input:disabled ~ .custom-file-label { + background-color: var(--btcpay-color-neutral-200); +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} + +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} .custom-file-label { position: absolute; @@ -2567,218 +3825,329 @@ input[type="button"].btn-block { z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; + overflow: hidden; font-weight: 400; line-height: 1.5; color: var(--btcpay-color-neutral-700); background-color: var(--btcpay-color-white); border: 1px solid var(--btcpay-color-neutral-300); - border-radius: 0.25rem; } - .custom-file-label::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - z-index: 3; - display: block; - height: calc(1.5em + 0.75rem); - padding: 0.375rem 0.75rem; - line-height: 1.5; - color: var(--btcpay-color-neutral-700); - content: "Browse"; - background-color: var(--btcpay-color-neutral-200); - border-left: inherit; - border-radius: 0 0.25rem 0.25rem 0; } + border-radius: 0.25rem; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: var(--btcpay-color-neutral-700); + content: "Browse"; + background-color: var(--btcpay-color-neutral-200); + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} .custom-range { width: 100%; - height: calc(1rem + 0.4rem); + height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; - appearance: none; } - .custom-range:focus { - outline: none; } - .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } - .custom-range::-moz-focus-outer { - border: 0; } + appearance: none; +} + +.custom-range:focus { + outline: 0; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: var(--btcpay-color-primary); + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: var(--btcpay-color-primary); - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-webkit-slider-thumb { - transition: none; } } - .custom-range::-webkit-slider-thumb:active { - background-color: var(--btcpay-color-primary-backdrop); } - .custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: var(--btcpay-color-neutral-300); - border-color: transparent; - border-radius: 1rem; } + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: var(--btcpay-color-primary-backdrop); +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--btcpay-color-neutral-300); + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: var(--btcpay-color-primary); + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: var(--btcpay-color-primary); - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-moz-range-thumb { - transition: none; } } - .custom-range::-moz-range-thumb:active { - background-color: var(--btcpay-color-primary-backdrop); } - .custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: var(--btcpay-color-neutral-300); - border-color: transparent; - border-radius: 1rem; } + -moz-transition: none; + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: var(--btcpay-color-primary-backdrop); +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--btcpay-color-neutral-300); + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: var(--btcpay-color-primary); + border: 0; + border-radius: 1rem; + -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: var(--btcpay-color-primary); - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-ms-thumb { - transition: none; } } - .custom-range::-ms-thumb:active { - background-color: var(--btcpay-color-primary-backdrop); } - .custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; } - .custom-range::-ms-fill-lower { - background-color: var(--btcpay-color-neutral-300); - border-radius: 1rem; } - .custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: var(--btcpay-color-neutral-300); - border-radius: 1rem; } - .custom-range:disabled::-webkit-slider-thumb { - background-color: var(--btcpay-color-neutral-500); } - .custom-range:disabled::-webkit-slider-runnable-track { - cursor: default; } - .custom-range:disabled::-moz-range-thumb { - background-color: var(--btcpay-color-neutral-500); } - .custom-range:disabled::-moz-range-track { - cursor: default; } - .custom-range:disabled::-ms-thumb { - background-color: var(--btcpay-color-neutral-500); } + -ms-transition: none; + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: var(--btcpay-color-primary-backdrop); +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} + +.custom-range::-ms-fill-lower { + background-color: var(--btcpay-color-neutral-300); + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: var(--btcpay-color-neutral-300); + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: var(--btcpay-color-neutral-500); +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: var(--btcpay-color-neutral-500); +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: var(--btcpay-color-neutral-500); +} .custom-control-label::before, .custom-file-label, .custom-select { - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .custom-control-label::before, - .custom-file-label, - .custom-select { - transition: none; } } + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} .nav { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; - list-style: none; } + list-style: none; +} .nav-link { display: block; - padding: 0.5rem 1rem; } - .nav-link:hover, .nav-link:focus { - text-decoration: none; } - .nav-link.disabled { - color: var(--btcpay-color-neutral-600); - pointer-events: none; - cursor: default; } + padding: 0.5rem 1rem; +} + +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: var(--btcpay-color-neutral-600); + pointer-events: none; + cursor: default; +} .nav-tabs { - border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .nav-tabs .nav-item { - margin-bottom: -1px; } - .nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)) var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)) var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .nav-tabs .nav-link.disabled { - color: var(--btcpay-color-neutral-600); - background-color: transparent; - border-color: transparent; } - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: var(--btcpay-color-primary); - background-color: var(--btcpay-color-primary-backdrop); - border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) var(--btcpay-color-primary-backdrop); } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } + border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)) var(--btcpay-border-color-light, var(--btcpay-color-neutral-200)) var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.nav-tabs .nav-link.disabled { + color: var(--btcpay-color-neutral-600); + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--btcpay-color-primary); + background-color: var(--btcpay-color-primary-backdrop); + border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) var(--btcpay-color-primary-backdrop); +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} .nav-pills .nav-link { - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); } + background-color: var(--btcpay-color-primary); +} +.nav-fill > .nav-link, .nav-fill .nav-item { + -ms-flex: 1 1 auto; flex: 1 1 auto; - text-align: center; } + text-align: center; +} +.nav-justified > .nav-link, .nav-justified .nav-item { + -ms-flex-preferred-size: 0; flex-basis: 0; + -ms-flex-positive: 1; flex-grow: 1; - text-align: center; } + text-align: center; +} .tab-content > .tab-pane { - display: none; } + display: none; +} .tab-content > .active { - display: block; } + display: block; +} .navbar { position: relative; + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; + -ms-flex-align: center; align-items: center; + -ms-flex-pack: justify; justify-content: space-between; - padding: 0.5rem 1rem; } - .navbar > .container, - .navbar > .container-fluid { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; } + padding: 0.5rem 1rem; +} + +.navbar .container, +.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} .navbar-brand { display: inline-block; @@ -2787,32 +4156,47 @@ input[type="button"].btn-block { margin-right: 1rem; font-size: 1.25rem; line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } + white-space: nowrap; +} + +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} .navbar-nav { + display: -ms-flexbox; display: flex; + -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; - list-style: none; } - .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; } - .navbar-nav .dropdown-menu { - position: static; - float: none; } + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} .navbar-text { display: inline-block; padding-top: 0.5rem; - padding-bottom: 0.5rem; } + padding-bottom: 0.5rem; +} .navbar-collapse { + -ms-flex-preferred-size: 100%; flex-basis: 100%; + -ms-flex-positive: 1; flex-grow: 1; - align-items: center; } + -ms-flex-align: center; + align-items: center; +} .navbar-toggler { padding: 0.25rem 0.75rem; @@ -2820,9 +4204,12 @@ input[type="button"].btn-block { line-height: 1; background-color: transparent; border: 1px solid transparent; - border-radius: 0.25rem; } - .navbar-toggler:hover, .navbar-toggler:focus { - text-decoration: none; } + border-radius: 0.25rem; +} + +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} .navbar-toggler-icon { display: inline-block; @@ -2830,266 +4217,439 @@ input[type="button"].btn-block { height: 1.5em; vertical-align: middle; content: ""; - background: no-repeat center center; - background-size: 100% 100%; } + background: 50% / 100% 100% no-repeat; +} + +.navbar-nav-scroll { + max-height: 75vh; + overflow-y: auto; +} @media (max-width: 575.98px) { .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { + .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 576px) { .navbar-expand-sm { + -ms-flex-flow: row nowrap; flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-sm .navbar-nav { - flex-direction: row; } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid { - flex-wrap: nowrap; } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-sm .navbar-toggler { - display: none; } } + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} @media (max-width: 767.98px) { .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 768px) { .navbar-expand-md { + -ms-flex-flow: row nowrap; flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-md .navbar-nav { - flex-direction: row; } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-md > .container, - .navbar-expand-md > .container-fluid { - flex-wrap: nowrap; } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-md .navbar-toggler { - display: none; } } + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} @media (max-width: 991.98px) { .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 992px) { .navbar-expand-lg { + -ms-flex-flow: row nowrap; flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-lg .navbar-nav { - flex-direction: row; } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-lg > .container, - .navbar-expand-lg > .container-fluid { - flex-wrap: nowrap; } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-lg .navbar-toggler { - display: none; } } + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} @media (max-width: 1199.98px) { .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 1200px) { .navbar-expand-xl { + -ms-flex-flow: row nowrap; flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-xl .navbar-nav { - flex-direction: row; } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xl > .container, - .navbar-expand-xl > .container-fluid { - flex-wrap: nowrap; } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { - display: none; } } + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} .navbar-expand { + -ms-flex-flow: row nowrap; flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand > .container, - .navbar-expand > .container-fluid { - padding-right: 0; - padding-left: 0; } - .navbar-expand .navbar-nav { - flex-direction: row; } - .navbar-expand .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand > .container, - .navbar-expand > .container-fluid { - flex-wrap: nowrap; } - .navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand .navbar-toggler { - display: none; } + -ms-flex-pack: start; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} .navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); } - .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: rgba(0, 0, 0, 0.9); } + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} .navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.5); } - .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: rgba(0, 0, 0, 0.7); } - .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); } + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { - color: rgba(0, 0, 0, 0.9); } + color: rgba(0, 0, 0, 0.9); +} .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.1); +} .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.5); } - .navbar-light .navbar-text a { - color: rgba(0, 0, 0, 0.9); } - .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { - color: rgba(0, 0, 0, 0.9); } + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} .navbar-dark .navbar-brand { - color: var(--btcpay-color-white); } - .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: var(--btcpay-color-white); } + color: var(--btcpay-color-white); +} + +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: var(--btcpay-color-white); +} .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); } - .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); } + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { - color: var(--btcpay-color-white); } + color: var(--btcpay-color-white); +} .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); } + border-color: rgba(255, 255, 255, 0.1); +} .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.5); } - .navbar-dark .navbar-text a { - color: var(--btcpay-color-white); } - .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { - color: var(--btcpay-color-white); } + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: var(--btcpay-color-white); +} + +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: var(--btcpay-color-white); +} .card { position: relative; + display: -ms-flexbox; display: flex; + -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: var(--btcpay-bg-tile, var(--btcpay-color-white)); background-clip: border-box; border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); - border-radius: 0.25rem; } - .card > hr { - margin-right: 0; - margin-left: 0; } - .card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-radius: 0.25rem; +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} .card-body { + -ms-flex: 1 1 auto; flex: 1 1 auto; - padding: 1.25rem; } + min-height: 1px; + padding: 1.25rem; +} .card-title { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} .card-subtitle { margin-top: -0.375rem; - margin-bottom: 0; } + margin-bottom: 0; +} .card-text:last-child { - margin-bottom: 0; } + margin-bottom: 0; +} .card-link:hover { - text-decoration: none; } + text-decoration: none; +} .card-link + .card-link { - margin-left: 1.25rem; } + margin-left: 1.25rem; +} .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } - .card-header + .list-group .list-group-item:first-child { - border-top: 0; } + border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; - border-bottom: 0; } + border-bottom: 0; +} .card-header-pills { margin-right: -0.625rem; - margin-left: -0.625rem; } + margin-left: -0.625rem; +} .card-img-overlay { position: absolute; @@ -3097,134 +4657,185 @@ input[type="button"].btn-block { right: 0; bottom: 0; left: 0; - padding: 1.25rem; } - -.card-img { - width: 100%; - border-radius: calc(0.25rem - 1px); } - -.card-img-top { - width: 100%; - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } + padding: 1.25rem; + border-radius: calc(0.25rem - 1px); +} +.card-img, +.card-img-top, .card-img-bottom { + -ms-flex-negative: 0; + flex-shrink: 0; width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); } + border-bottom-left-radius: calc(0.25rem - 1px); +} -.card-deck { - display: flex; - flex-direction: column; } +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } .card-deck .card { - margin-bottom: 15px; } - @media (min-width: 576px) { - .card-deck { - flex-flow: row wrap; - margin-right: -15px; - margin-left: -15px; } - .card-deck .card { - display: flex; - flex: 1 0 0%; - flex-direction: column; - margin-right: 15px; - margin-bottom: 0; - margin-left: 15px; } } + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} -.card-group { - display: flex; - flex-direction: column; } +.card-group > .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } .card-group > .card { - margin-bottom: 15px; } - @media (min-width: 576px) { - .card-group { - flex-flow: row wrap; } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; } } + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} .card-columns .card { - margin-bottom: 0.75rem; } + margin-bottom: 0.75rem; +} @media (min-width: 576px) { .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; column-count: 3; + -webkit-column-gap: 1.25rem; + -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; - widows: 1; } - .card-columns .card { - display: inline-block; - width: 100%; } } + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion { + overflow-anchor: none; +} .accordion > .card { - overflow: hidden; } - .accordion > .card:not(:first-of-type) .card-header:first-child { - border-radius: 0; } - .accordion > .card:not(:first-of-type):not(:last-of-type) { - border-bottom: 0; - border-radius: 0; } - .accordion > .card:first-of-type { - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .accordion > .card:last-of-type { - border-top-left-radius: 0; - border-top-right-radius: 0; } - .accordion > .card .card-header { - margin-bottom: -1px; } + overflow: hidden; +} + +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; +} .breadcrumb { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: var(--btcpay-color-neutral-200); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .breadcrumb-item + .breadcrumb-item { - padding-left: 0.5rem; } - .breadcrumb-item + .breadcrumb-item::before { - display: inline-block; - padding-right: 0.5rem; - color: var(--btcpay-color-neutral-600); - content: "/"; } + padding-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: 0.5rem; + color: var(--btcpay-color-neutral-600); + content: "/"; +} .breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: underline; } + text-decoration: underline; +} .breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: none; } + text-decoration: none; +} .breadcrumb-item.active { - color: var(--btcpay-color-neutral-600); } + color: var(--btcpay-color-neutral-600); +} .pagination { + display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .page-link { position: relative; @@ -3234,65 +4845,80 @@ input[type="button"].btn-block { line-height: 1.25; color: var(--btcpay-body-color-link); background-color: var(--btcpay-color-white); - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .page-link:hover { - z-index: 2; - color: var(--btcpay-body-color-link-accent); - text-decoration: none; - background-color: var(--btcpay-color-neutral-200); - border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .page-link:focus { - z-index: 2; - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.page-link:hover { + z-index: 2; + color: var(--btcpay-body-color-link-accent); + text-decoration: none; + background-color: var(--btcpay-color-neutral-200); + border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-bottom-left-radius: 0.25rem; +} .page-item:last-child .page-link { border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; } + border-bottom-right-radius: 0.25rem; +} .page-item.active .page-link { - z-index: 1; color: var(--btcpay-color-white); background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } + border-color: var(--btcpay-color-primary); + z-index: 3; +} .page-item.disabled .page-link { color: var(--btcpay-color-neutral-600); pointer-events: none; cursor: auto; background-color: var(--btcpay-color-white); - border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } + border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.5; } + line-height: 1.5; +} .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } + border-bottom-left-radius: 0.3rem; +} .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; } + border-bottom-right-radius: 0.3rem; +} .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; } + line-height: 1.5; +} .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; } + border-bottom-left-radius: 0.2rem; +} .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; } + border-bottom-right-radius: 0.2rem; +} .badge { display: inline-block; @@ -3304,527 +4930,797 @@ input[type="button"].btn-block { white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .badge { - transition: none; } } - a.badge:hover, a.badge:focus { - text-decoration: none; } - .badge:empty { - display: none; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} + +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} .btn .badge { position: relative; - top: -1px; } + top: -1px; +} .badge-pill { padding-right: 0.6em; padding-left: 0.6em; - border-radius: 10rem; } + border-radius: 10rem; +} .badge-primary { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); } - a.badge-primary:hover, a.badge-primary:focus { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary-accent); } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + background-color: var(--btcpay-color-primary); +} + +a.badge-primary:hover, a.badge-primary:focus { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary-accent); +} + +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); +} .badge-secondary { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary); } - a.badge-secondary:hover, a.badge-secondary:focus { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary-accent); } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); } + background-color: var(--btcpay-color-secondary); +} + +a.badge-secondary:hover, a.badge-secondary:focus { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-secondary-accent); +} + +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-backdrop); +} .badge-success { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success); } - a.badge-success:hover, a.badge-success:focus { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success-accent); } - a.badge-success:focus, a.badge-success.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); } + background-color: var(--btcpay-color-success); +} + +a.badge-success:hover, a.badge-success:focus { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-success-accent); +} + +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-backdrop); +} .badge-info { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info); } - a.badge-info:hover, a.badge-info:focus { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info-accent); } - a.badge-info:focus, a.badge-info.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); } + background-color: var(--btcpay-color-info); +} + +a.badge-info:hover, a.badge-info:focus { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-info-accent); +} + +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-backdrop); +} .badge-warning { color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning); } - a.badge-warning:hover, a.badge-warning:focus { - color: var(--btcpay-color-neutral-900); - background-color: var(--btcpay-color-warning-accent); } - a.badge-warning:focus, a.badge-warning.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); } + background-color: var(--btcpay-color-warning); +} + +a.badge-warning:hover, a.badge-warning:focus { + color: var(--btcpay-color-neutral-900); + background-color: var(--btcpay-color-warning-accent); +} + +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-backdrop); +} .badge-danger { color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger); } - a.badge-danger:hover, a.badge-danger:focus { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger-accent); } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0;s - box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-backdrop); } + background-color: var(--btcpay-color-danger); +} + +a.badge-danger:hover, a.badge-danger:focus { + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-danger-accent); +} + +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + s + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} .badge-light { color: var(--btcpay-color-light-text); - background-color: var(--btcpay-color-light); } - a.badge-light:hover, a.badge-light:focus { - color: var(--btcpay-color-light-text); - background-color: var(--btcpay-color-light-accent); } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); } + background-color: var(--btcpay-color-light); +} + +a.badge-light:hover, a.badge-light:focus { + color: var(--btcpay-color-light-text); + background-color: var(--btcpay-color-light-accent); +} + +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-backdrop); +} .badge-dark { color: var(--btcpay-color-dark-text); - background-color: var(--btcpay-color-dark); } - a.badge-dark:hover, a.badge-dark:focus { - color: var(--btcpay-color-dark-text); - background-color: var(--btcpay-color-dark-accent); } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); } + background-color: var(--btcpay-color-dark); +} + +a.badge-dark:hover, a.badge-dark:focus { + color: var(--btcpay-color-dark-text); + background-color: var(--btcpay-color-dark-accent); +} + +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-backdrop); +} .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: var(--btcpay-bg-tile); - border-radius: 0.3rem; } - @media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; } } + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} .jumbotron-fluid { padding-right: 0; padding-left: 0; - border-radius: 0; } + border-radius: 0; +} .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .alert-heading { - color: inherit; } - -.alert-link, -.alert-link:focus, -.alert-link:hover { color: inherit; - font-weight: 700; } +} + +.alert-link { + font-weight: 700; +} + +.alert code { + color: inherit; +} .alert-dismissible { - padding-right: 4rem; } - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; } + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 0.75rem 1.25rem; + color: inherit; +} .alert-primary { color: var(--btcpay-color-primary-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-primary-backdrop); - border-color: var(--btcpay-color-primary-backdrop); } - .alert-primary hr { - border-top-color: var(--btcpay-color-primary-accent); } + border-color: var(--btcpay-color-primary-backdrop); +} + +.alert-primary hr { + border-top-color: var(--btcpay-color-primary-accent); +} .alert-secondary { color: var(--btcpay-color-secondary-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-secondary-backdrop); - border-color: var(--btcpay-color-secondary-backdrop); } - .alert-secondary hr { - border-top-color: var(--btcpay-color-secondary-accent); } + border-color: var(--btcpay-color-secondary-backdrop); +} + +.alert-secondary hr { + border-top-color: var(--btcpay-color-secondary-accent); +} .alert-success { color: var(--btcpay-color-success-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-success-backdrop); - border-color: var(--btcpay-color-success-backdrop); } - .alert-success hr { - border-top-color: var(--btcpay-color-success-accent); } + border-color: var(--btcpay-color-success-backdrop); +} + +.alert-success hr { + border-top-color: var(--btcpay-color-success-accent); +} .alert-info { color: var(--btcpay-color-info-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-info-backdrop); - border-color: var(--btcpay-color-info-backdrop); } - .alert-info hr { - border-top-color: var(--btcpay-color-info-accent); } + border-color: var(--btcpay-color-info-backdrop); +} + +.alert-info hr { + border-top-color: var(--btcpay-color-info-accent); +} .alert-warning { color: var(--btcpay-color-warning-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-warning-backdrop); - border-color: var(--btcpay-color-warning-backdrop); } - .alert-warning hr { - border-top-color: var(--btcpay-color-warning-accent); } + border-color: var(--btcpay-color-warning-backdrop); +} + +.alert-warning hr { + border-top-color: var(--btcpay-color-warning-accent); +} .alert-danger { color: var(--btcpay-color-danger-text, var(--btcpay-color-white)); background-color: var(--btcpay-color-danger-backdrop); - border-color: var(--btcpay-color-danger-backdrop); } - .alert-danger hr { - border-top-color: var(--btcpay-color-danger-accent); } + border-color: var(--btcpay-color-danger-backdrop); +} + +.alert-danger hr { + border-top-color: var(--btcpay-color-danger-accent); +} .alert-light { color: var(--btcpay-color-light-text, var(--btcpay-color-dark)); background-color: var(--btcpay-color-light-backdrop); - border-color: var(--btcpay-color-light-backdrop); } - .alert-light hr { - border-top-color: var(--btcpay-color-light-accent); } + border-color: var(--btcpay-color-light-backdrop); +} + +.alert-light hr { + border-top-color: var(--btcpay-color-light-accent); +} .alert-dark { color: var(--btcpay-color-dark-text, var(--btcpay-color-light)); background-color: var(--btcpay-color-dark-backdrop); - border-color: var(--btcpay-color-dark-backdrop); } - .alert-dark hr { - border-top-color: var(--btcpay-color-dark-accent); } + border-color: var(--btcpay-color-dark-backdrop); +} + +.alert-dark hr { + border-top-color: var(--btcpay-color-dark-accent); +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} @keyframes progress-bar-stripes { from { - background-position: 1rem 0; } + background-position: 1rem 0; + } to { - background-position: 0 0; } } + background-position: 0 0; + } +} .progress { + display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; + line-height: 0; font-size: 0.75rem; background-color: var(--btcpay-color-neutral-200); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .progress-bar { + display: -ms-flexbox; display: flex; + -ms-flex-direction: column; flex-direction: column; + -ms-flex-pack: center; justify-content: center; color: var(--btcpay-color-white); + overflow: hidden; text-align: center; white-space: nowrap; background-color: var(--btcpay-color-primary); - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; } } + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; } + background-size: 1rem 1rem; +} .progress-bar-animated { - animation: progress-bar-stripes 1s linear infinite; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; } } + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} .media { + display: -ms-flexbox; display: flex; - align-items: flex-start; } + -ms-flex-align: start; + align-items: flex-start; +} .media-body { - flex: 1; } + -ms-flex: 1; + flex: 1; +} .list-group { + display: -ms-flexbox; display: flex; + -ms-flex-direction: column; flex-direction: column; padding-left: 0; - margin-bottom: 0; } + margin-bottom: 0; + border-radius: 0.25rem; +} .list-group-item-action { width: 100%; - color: var(--btcpay-color-neutral-700); - text-align: inherit; } - .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: var(--btcpay-color-neutral-700); - text-decoration: none; - background-color: var(--btcpay-color-neutral-100); } - .list-group-item-action:active { - color: var(--btcpay-body-color); - background-color: var(--btcpay-color-neutral-200); } + color: var(--btcpay-body-color); + text-align: inherit; +} + +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--btcpay-body-color); + text-decoration: none; + background-color: var(--btcpay-bg-color-light); +} + +.list-group-item-action:active { + color: var(--btcpay-body-color); + background-color: var(--btcpay-color-neutral-200); +} .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } - .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } - .list-group-item.disabled, .list-group-item:disabled { - opacity: .5; - pointer-events: none; } - .list-group-item.active { - z-index: 2; - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary); - border-color: var(--btcpay-color-primary); } + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: var(--btcpay-color-secondary); + pointer-events: none; +} + +.list-group-item.active { + z-index: 2; + color: var(--btcpay-color-white); + background-color: var(--btcpay-color-primary); + border-color: var(--btcpay-color-primary); +} .list-group-horizontal { - flex-direction: row; } - .list-group-horizontal .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } + flex-direction: row; +} + +.list-group-horizontal .list-group-item { + margin-right: -1px; + margin-bottom: 0; +} + +.list-group-horizontal { + -ms-flex-direction: row; + flex-direction: row; +} + +.list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} + +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} @media (min-width: 576px) { .list-group-horizontal-sm { - flex-direction: row; } - .list-group-horizontal-sm .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-sm .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-sm .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 768px) { .list-group-horizontal-md { - flex-direction: row; } - .list-group-horizontal-md .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-md .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-md .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 992px) { .list-group-horizontal-lg { - flex-direction: row; } - .list-group-horizontal-lg .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-lg .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-lg .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 1200px) { .list-group-horizontal-xl { - flex-direction: row; } - .list-group-horizontal-xl .list-group-item { - margin-right: -1px; - margin-bottom: 0; } - .list-group-horizontal-xl .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-xl .list-group-item:last-child { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0; } } + flex-direction: row; + } + + .list-group-horizontal-xl .list-group-item { + margin-right: -1px; + margin-bottom: 0; + } + + .list-group-horizontal-xl .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl .list-group-item:last-child { + margin-right: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } +} .list-group-flush .list-group-item { border-right: 0; border-left: 0; - border-radius: 0; } - .list-group-flush .list-group-item:last-child { - margin-bottom: -1px; } + border-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + margin-bottom: -1px; +} .list-group-flush:first-child .list-group-item:first-child { - border-top: 0; } + border-top: 0; +} .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; - border-bottom: 0; } + border-bottom: 0; +} .list-group-item-primary { - color: var(--btcpay-color-primary-accent); - background-color: var(--btcpay-color-primary-backdrop); } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: var(--btcpay-color-primary-accent); - background-color: var(--btcpay-color-primary-backdrop); } - .list-group-item-primary.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-primary-accent); - border-color: var(--btcpay-color-primary-accent); } + color: var(--btcpay-color-primary-text); + background-color: var(--btcpay-color-primary-backdrop); +} + +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: var(--btcpay-color-primary-text); + background-color: var(--btcpay-color-primary-backdrop); +} + +.list-group-item-primary.list-group-item-action.active { + color: var(--btcpay-color-primary-text); + background-color: var(--btcpay-color-primary-accent); + border-color: var(--btcpay-color-primary-accent); +} .list-group-item-secondary { - color: var(--btcpay-color-secondary-accent); - background-color: var(--btcpay-color-secondary-backdrop); } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: var(--btcpay-color-secondary-accent); - background-color: var(--btcpay-color-secondary-backdrop); } - .list-group-item-secondary.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-secondary-accent); - border-color: var(--btcpay-color-secondary-accent); } + color: var(--btcpay-color-secondary-text); + background-color: var(--btcpay-color-secondary-backdrop); +} + +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: var(--btcpay-color-secondary-text); + background-color: var(--btcpay-color-secondary-backdrop); +} + +.list-group-item-secondary.list-group-item-action.active { + color: var(--btcpay-color-secondary-text); + background-color: var(--btcpay-color-secondary-accent); + border-color: var(--btcpay-color-secondary-accent); +} .list-group-item-success { - color: var(--btcpay-color-success-accent); - background-color: var(--btcpay-color-success-backdrop); } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: var(--btcpay-color-success-accent); - background-color: var(--btcpay-color-success-backdrop); } - .list-group-item-success.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-success-accent); - border-color: var(--btcpay-color-success-accent); } + color: var(--btcpay-color-success-text); + background-color: var(--btcpay-color-success-backdrop); +} + +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: var(--btcpay-color-success-text); + background-color: var(--btcpay-color-success-backdrop); +} + +.list-group-item-success.list-group-item-action.active { + color: var(--btcpay-color-success-text); + background-color: var(--btcpay-color-success-accent); + border-color: var(--btcpay-color-success-accent); +} .list-group-item-info { - color: var(--btcpay-color-info-accent); - background-color: var(--btcpay-color-info-backdrop); } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: var(--btcpay-color-info-accent); - background-color: var(--btcpay-color-info-backdrop); } - .list-group-item-info.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-info-accent); - border-color: var(--btcpay-color-info-accent); } + color: var(--btcpay-color-info-text); + background-color: var(--btcpay-color-info-backdrop); +} + +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: var(--btcpay-color-info-text); + background-color: var(--btcpay-color-info-backdrop); +} + +.list-group-item-info.list-group-item-action.active { + color: var(--btcpay-color-info-text); + background-color: var(--btcpay-color-info-accent); + border-color: var(--btcpay-color-info-accent); +} .list-group-item-warning { - color: var(--btcpay-color-warning-accent); - background-color: var(--btcpay-color-warning-backdrop); } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: var(--btcpay-color-warning-accent); - background-color: var(--btcpay-color-warning-backdrop); } - .list-group-item-warning.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-warning-accent); - border-color: var(--btcpay-color-warning-accent); } + color: var(--btcpay-color-warning-text); + background-color: var(--btcpay-color-warning-backdrop); +} + +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: var(--btcpay-color-warning-text); + background-color: var(--btcpay-color-warning-backdrop); +} + +.list-group-item-warning.list-group-item-action.active { + color: var(--btcpay-color-warning-text); + background-color: var(--btcpay-color-warning-accent); + border-color: var(--btcpay-color-warning-accent); +} .list-group-item-danger { - color: var(--btcpay-color-danger-accent); - background-color: var(--btcpay-color-danger-backdrop); } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: var(--btcpay-color-danger-accent); - background-color: var(--btcpay-color-danger-backdrop); } - .list-group-item-danger.list-group-item-action.active { - color: var(--btcpay-color-white); - background-color: var(--btcpay-color-danger-accent); - border-color: var(--btcpay-color-danger-accent); } + color: var(--btcpay-color-danger-text); + background-color: var(--btcpay-color-danger-backdrop); +} + +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: var(--btcpay-color-danger-text); + background-color: var(--btcpay-color-danger-backdrop); +} + +.list-group-item-danger.list-group-item-action.active { + color: var(--btcpay-color-danger-text); + background-color: var(--btcpay-color-danger-accent); + border-color: var(--btcpay-color-danger-accent); +} .list-group-item-light { - color: var(--btcpay-color-dark); - background-color: var(--btcpay-color-light-backdrop); } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: var(--btcpay-color-dark); - background-color: var(--btcpay-color-light-backdrop); } - .list-group-item-light.list-group-item-action.active { - color: var(--btcpay-color-dark); - background-color: var(--btcpay-color-light-accent); - border-color: var(--btcpay-color-light-accent); } + color: var(--btcpay-color-light-text); + background-color: var(--btcpay-color-light-backdrop); +} + +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: var(--btcpay-color-light-text); + background-color: var(--btcpay-color-light-backdrop); +} + +.list-group-item-light.list-group-item-action.active { + color: var(--btcpay-color-light-text); + background-color: var(--btcpay-color-light-accent); + border-color: var(--btcpay-color-light-accent); +} .list-group-item-dark { - color: var(--btcpay-color-light); - background-color: var(--btcpay-color-dark-backdrop); } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: var(--btcpay-color-light); - background-color: var(--btcpay-color-dark-backdrop); } - .list-group-item-dark.list-group-item-action.active { - color: var(--btcpay-color-light); - background-color: var(--btcpay-color-dark-accent); - border-color: var(--btcpay-color-dark-accent); } + color: var(--btcpay-color-dark-text); + background-color: var(--btcpay-color-dark-backdrop); +} + +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: var(--btcpay-color-dark-text); + background-color: var(--btcpay-color-dark-backdrop); +} + +.list-group-item-dark.list-group-item-action.active { + color: var(--btcpay-color-dark-text); + background-color: var(--btcpay-color-dark-accent); + border-color: var(--btcpay-color-dark-accent); +} .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; - color: inherit; + color: var(--btcpay-color-dark-accent); text-shadow: 0 1px 0 var(--btcpay-color-white); - opacity: .5; } - .close:hover { - text-decoration: none; } - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: .75; } + opacity: .5; +} + +.close:hover { + color: var(--btcpay-color-dark-accent); + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: .75; +} button.close { padding: 0; background-color: transparent; border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } +} a.close.disabled { - pointer-events: none; } + pointer-events: none; +} .toast { + -ms-flex-preferred-size: 350px; + flex-basis: 350px; max-width: 350px; - overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - backdrop-filter: blur(10px); opacity: 0; - border-radius: 0.25rem; } - .toast:not(:last-child) { - margin-bottom: 0.75rem; } - .toast.showing { - opacity: 1; } - .toast.show { - display: block; - opacity: 1; } - .toast.hide { - display: none; } + border-radius: 0.25rem; +} + +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast.showing { + opacity: 1; +} + +.toast.show { + display: block; + opacity: 1; +} + +.toast.hide { + display: none; +} .toast-header { + display: -ms-flexbox; display: flex; + -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: var(--btcpay-color-neutral-600); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} .toast-body { - padding: 0.75rem; } + padding: 0.75rem; +} .modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} .modal { position: fixed; @@ -3835,62 +5731,109 @@ a.close.disabled { width: 100%; height: 100%; overflow: hidden; - outline: 0; } + outline: 0; +} .modal-dialog { position: relative; width: auto; margin: 0.5rem; - pointer-events: none; } + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; + -webkit-transform: translate(0, -50px); + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); } - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; } } - .modal.show .modal-dialog { - transform: none; } + transition: none; + } +} + +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; +} + +.modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); + transform: scale(1.02); +} .modal-dialog-scrollable { + display: -ms-flexbox; display: flex; - max-height: calc(100% - 1rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 1rem); - overflow: hidden; } - .modal-dialog-scrollable .modal-header, - .modal-dialog-scrollable .modal-footer { - flex-shrink: 0; } - .modal-dialog-scrollable .modal-body { - overflow-y: auto; } + max-height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} .modal-dialog-centered { + display: -ms-flexbox; display: flex; + -ms-flex-align: center; align-items: center; - min-height: calc(100% - 1rem); } - .modal-dialog-centered::before { - display: block; - height: calc(100vh - 1rem); - content: ""; } - .modal-dialog-centered.modal-dialog-scrollable { - flex-direction: column; - justify-content: center; - height: 100%; } - .modal-dialog-centered.modal-dialog-scrollable .modal-content { - max-height: none; } - .modal-dialog-centered.modal-dialog-scrollable::before { - content: none; } + min-height: calc(100% - 1rem); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + height: -webkit-min-content; + height: -moz-min-content; + height: min-content; + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} .modal-content { position: relative; + display: -ms-flexbox; display: flex; + -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; - background-color: var(--btcpay-bg-tile, var(--btcpay-color-white));; + background-color: var(--btcpay-bg-tile, var(--btcpay-color-white)); +; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; - outline: 0; } + outline: 0; +} .modal-backdrop { position: fixed; @@ -3899,76 +5842,111 @@ a.close.disabled { z-index: 1040; width: 100vw; height: 100vh; - background-color: var(--btcpay-color-black); } - .modal-backdrop.fade { - opacity: 0; } - .modal-backdrop.show { - opacity: 0.5; } + background-color: var(--btcpay-color-black); +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} .modal-header { + display: -ms-flexbox; display: flex; + -ms-flex-align: start; align-items: flex-start; + -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); - border-top-left-radius: 0.3rem; - border-top-right-radius: 0.3rem; } - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; } + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} .modal-title { margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} .modal-body { position: relative; + -ms-flex: 1 1 auto; flex: 1 1 auto; - padding: 1rem; } + padding: 1rem; +} .modal-footer { + display: -ms-flexbox; display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; align-items: center; + -ms-flex-pack: end; justify-content: flex-end; - padding: 1rem; - border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); - border-bottom-right-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } - .modal-footer > :not(:first-child) { - margin-left: .25rem; } - .modal-footer > :not(:last-child) { - margin-right: .25rem; } + padding: 0.75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} + +.modal-footer > * { + margin: 0.25rem; +} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; } + overflow: scroll; +} @media (min-width: 576px) { .modal-dialog { max-width: 500px; - margin: 1.75rem auto; } + margin: 1.75rem auto; + } .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); } + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } .modal-dialog-centered { - min-height: calc(100% - 3.5rem); } - .modal-dialog-centered::before { - height: calc(100vh - 3.5rem); } + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + height: -webkit-min-content; + height: -moz-min-content; + height: min-content; + } .modal-sm { - max-width: 300px; } } + max-width: 300px; + } +} @media (min-width: 992px) { .modal-lg, .modal-xl { - max-width: 800px; } } + max-width: 800px; + } +} @media (min-width: 1200px) { .modal-xl { - max-width: 1140px; } } + max-width: 1140px; + } +} .tooltip { position: absolute; @@ -3991,59 +5969,86 @@ a.close.disabled { line-break: auto; font-size: 0.875rem; word-wrap: break-word; - opacity: 0; } - .tooltip.show { - opacity: 0.9; } - .tooltip .arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; } - .tooltip .arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; } + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { - padding: 0.4rem 0; } - .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { - bottom: 0; } - .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { - top: 0; - border-width: 0.4rem 0.4rem 0; - border-top-color: var(--btcpay-color-black); } + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: var(--btcpay-color-black); +} .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { - padding: 0 0.4rem; } - .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { - right: 0; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: var(--btcpay-color-black); } + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: var(--btcpay-color-black); +} .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { - padding: 0.4rem 0; } - .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { - top: 0; } - .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - bottom: 0; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: var(--btcpay-color-black); } + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: var(--btcpay-color-black); +} .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { - padding: 0 0.4rem; } - .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { - left: 0; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: var(--btcpay-color-black); } + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: var(--btcpay-color-black); +} .tooltip-inner { max-width: 200px; @@ -4051,7 +6056,8 @@ a.close.disabled { color: var(--btcpay-color-white); text-align: center; background-color: var(--btcpay-color-black); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .popover { position: absolute; @@ -4076,119 +6082,162 @@ a.close.disabled { line-break: auto; font-size: 0.875rem; word-wrap: break-word; - background-color: var(--btcpay-color-white); + background-color: var(--btcpay-bg-tile); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; } - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 0.3rem; } - .popover .arrow::before, .popover .arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; } + border-radius: 0.3rem; +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} .bs-popover-top, .bs-popover-auto[x-placement^="top"] { - margin-bottom: 0.5rem; } - .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { - bottom: calc((0.5rem + 1px) * -1); } - .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(0, 0, 0, 0.25); } - .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { - bottom: 1px; - border-width: 0.5rem 0.5rem 0; - border-top-color: var(--btcpay-color-white); } + margin-bottom: 0.5rem; +} + +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { + bottom: calc(-0.5rem - 1px); +} + +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: var(--btcpay-bg-tile); +} .bs-popover-right, .bs-popover-auto[x-placement^="right"] { - margin-left: 0.5rem; } - .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { - left: calc((0.5rem + 1px) * -1); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(0, 0, 0, 0.25); } - .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { - left: 1px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: var(--btcpay-color-white); } + margin-left: 0.5rem; +} + +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: var(--btcpay-bg-tile); +} .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { - margin-top: 0.5rem; } - .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { - top: calc((0.5rem + 1px) * -1); } - .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(0, 0, 0, 0.25); } - .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { - top: 1px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: var(--btcpay-color-white); } - .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: 1rem; - margin-left: -0.5rem; - content: ""; - border-bottom: 1px solid #f7f7f7; } + margin-top: 0.5rem; +} + +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { + top: calc(-0.5rem - 1px); +} + +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: var(--btcpay-bg-tile); +} + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} .bs-popover-left, .bs-popover-auto[x-placement^="left"] { - margin-right: 0.5rem; } - .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { - right: calc((0.5rem + 1px) * -1); - width: 0.5rem; - height: 1rem; - margin: 0.3rem 0; } - .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(0, 0, 0, 0.25); } - .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { - right: 1px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: var(--btcpay-color-white); } + margin-right: 0.5rem; +} + +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: var(--btcpay-bg-tile); +} .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); } - .popover-header:empty { - display: none; } + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} .popover-body { padding: 0.5rem 0.75rem; - color: var(--btcpay-body-color); } + color: var(--btcpay-body-color); +} .carousel { - position: relative; } + position: relative; +} .carousel.pointer-event { - touch-action: pan-y; } + -ms-touch-action: pan-y; + touch-action: pan-y; +} .carousel-inner { position: relative; width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} .carousel-item { position: relative; @@ -4196,45 +6245,64 @@ a.close.disabled { float: left; width: 100%; margin-right: -100%; + -webkit-backface-visibility: hidden; backface-visibility: hidden; - transition: transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; } } + transition: -webkit-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; } + display: block; +} .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { - transform: translateX(100%); } + -webkit-transform: translateX(100%); + transform: translateX(100%); +} .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { - transform: translateX(-100%); } + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; - transform: none; } + -webkit-transform: none; + transform: none; +} .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; - opacity: 1; } + opacity: 1; +} .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; - transition: 0s 0.6s opacity; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-left, - .carousel-fade .active.carousel-item-right { - transition: none; } } + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} .carousel-control-prev, .carousel-control-next { @@ -4242,44 +6310,58 @@ a.close.disabled { top: 0; bottom: 0; z-index: 1; + display: -ms-flexbox; display: flex; + -ms-flex-align: center; align-items: center; + -ms-flex-pack: center; justify-content: center; width: 15%; - color: var(--btcpay-color-white); + color: #fff; text-align: center; opacity: 0.5; - transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - transition: none; } } - .carousel-control-prev:hover, .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: var(--btcpay-color-white); - text-decoration: none; - outline: 0; - opacity: 0.9; } + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} .carousel-control-prev { - left: 0; } + left: 0; +} .carousel-control-next { - right: 0; } + right: 0; +} .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; - background: no-repeat 50% / 100% 100%; } + background: 50% / 100% 100% no-repeat; +} .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} .carousel-indicators { position: absolute; @@ -4287,32 +6369,43 @@ a.close.disabled { bottom: 0; left: 0; z-index: 15; + display: -ms-flexbox; display: flex; + -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; - list-style: none; } + list-style: none; +} + +.carousel-indicators li { + box-sizing: content-box; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: var(--btcpay-color-white); + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { .carousel-indicators li { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: var(--btcpay-color-white); - background-clip: padding-box; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: .5; - transition: opacity 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-indicators li { - transition: none; } } - .carousel-indicators .active { - opacity: 1; } + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} .carousel-caption { position: absolute; @@ -4323,11 +6416,22 @@ a.close.disabled { padding-top: 20px; padding-bottom: 20px; color: var(--btcpay-color-white); - text-align: center; } + text-align: center; +} + +@-webkit-keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} @keyframes spinner-border { to { - transform: rotate(360deg); } } + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} .spinner-border { display: inline-block; @@ -4337,18 +6441,39 @@ a.close.disabled { border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; - animation: spinner-border .75s linear infinite; } + -webkit-animation: .75s linear infinite spinner-border; + animation: .75s linear infinite spinner-border; +} .spinner-border-sm { width: 1rem; height: 1rem; - border-width: 0.2em; } + border-width: 0.2em; +} + +@-webkit-keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} @keyframes spinner-grow { 0% { - transform: scale(0); } + -webkit-transform: scale(0); + transform: scale(0); + } 50% { - opacity: 1; } } + opacity: 1; + -webkit-transform: none; + transform: none; + } +} .spinner-grow { display: inline-block; @@ -4358,830 +6483,1373 @@ a.close.disabled { background-color: currentColor; border-radius: 50%; opacity: 0; - animation: spinner-grow .75s linear infinite; } + -webkit-animation: .75s linear infinite spinner-grow; + animation: .75s linear infinite spinner-grow; +} .spinner-grow-sm { width: 1rem; - height: 1rem; } + height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + } +} .align-baseline { - vertical-align: baseline !important; } + vertical-align: baseline !important; +} .align-top { - vertical-align: top !important; } + vertical-align: top !important; +} .align-middle { - vertical-align: middle !important; } + vertical-align: middle !important; +} .align-bottom { - vertical-align: bottom !important; } + vertical-align: bottom !important; +} .align-text-bottom { - vertical-align: text-bottom !important; } + vertical-align: text-bottom !important; +} .align-text-top { - vertical-align: text-top !important; } + vertical-align: text-top !important; +} .bg-primary { - background-color: var(--btcpay-color-primary) !important; } + background-color: var(--btcpay-color-primary) !important; +} a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { - background-color: var(--btcpay-color-primary-accent) !important; } + background-color: var(--btcpay-color-primary-accent) !important; +} .bg-secondary { - background-color: var(--btcpay-color-secondary) !important; } + background-color: var(--btcpay-color-secondary) !important; +} a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: var(--btcpay-color-secondary-accent) !important; } + background-color: var(--btcpay-color-secondary-accent) !important; +} .bg-success { - background-color: var(--btcpay-color-success) !important; } + background-color: var(--btcpay-color-success) !important; +} a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { - background-color: var(--btcpay-color-success-accent) !important; } + background-color: var(--btcpay-color-success-accent) !important; +} .bg-info { - background-color: var(--btcpay-color-info) !important; } + background-color: var(--btcpay-color-info) !important; +} a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { - background-color: var(--btcpay-color-info-accent) !important; } + background-color: var(--btcpay-color-info-accent) !important; +} .bg-warning { - background-color: var(--btcpay-color-warning) !important; } + background-color: var(--btcpay-color-warning) !important; +} a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { - background-color: var(--btcpay-color-warning-accent) !important; } + background-color: var(--btcpay-color-warning-accent) !important; +} .bg-danger { - background-color: var(--btcpay-color-danger) !important; } + background-color: var(--btcpay-color-danger) !important; +} a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { - background-color: var(--btcpay-color-danger-accent) !important; } + background-color: var(--btcpay-color-danger-accent) !important; +} .bg-light { - background-color: var(--btcpay-color-light-backdrop) !important; } + background-color: var(--btcpay-color-light-backdrop) !important; +} a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: var(--btcpay-color-light-accent) !important; } + background-color: var(--btcpay-color-light-accent) !important; +} .bg-dark { - background-color: var(--btcpay-color-dark-backdrop) !important; } + background-color: var(--btcpay-color-dark-backdrop) !important; +} a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { - background-color: var(--btcpay-color-dark-accent) !important; } + background-color: var(--btcpay-color-dark-accent) !important; +} .bg-white { - background-color: var(--btcpay-color-white); } + background-color: var(--btcpay-color-white); +} .bg-transparent { - background-color: transparent !important; } + background-color: transparent !important; +} .border { - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; +} .border-top { - border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border-top: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; +} .border-right { - border-right: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border-right: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; +} .border-bottom { - border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border-bottom: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; +} .border-left { - border-left: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border-left: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; +} .border-0 { - border: 0 !important; } + border: 0 !important; +} .border-top-0 { - border-top: 0 !important; } + border-top: 0 !important; +} .border-right-0 { - border-right: 0 !important; } + border-right: 0 !important; +} .border-bottom-0 { - border-bottom: 0 !important; } + border-bottom: 0 !important; +} .border-left-0 { - border-left: 0 !important; } + border-left: 0 !important; +} .border-primary { - border-color: var(--btcpay-color-primary) !important; } + border-color: var(--btcpay-color-primary) !important; +} .border-secondary { - border-color: var(--btcpay-color-secondary) !important; } + border-color: var(--btcpay-color-secondary) !important; +} .border-success { - border-color: var(--btcpay-color-success) !important; } + border-color: var(--btcpay-color-success) !important; +} .border-info { - border-color: var(--btcpay-color-info) !important; } + border-color: var(--btcpay-color-info) !important; +} .border-warning { - border-color: var(--btcpay-color-warning) !important; } + border-color: var(--btcpay-color-warning) !important; +} .border-danger { - border-color: var(--btcpay-color-danger) !important; } + border-color: var(--btcpay-color-danger) !important; +} .border-light { - border-color: var(--btcpay-color-light) !important; } + border-color: var(--btcpay-color-light) !important; +} .border-dark { - border-color: var(--btcpay-color-dark) !important; } + border-color: var(--btcpay-color-dark) !important; +} .border-white { - border-color: var(--btcpay-color-white); } + border-color: var(--btcpay-color-white); +} .rounded-sm { - border-radius: 0.2rem !important; } + border-radius: 0.2rem !important; +} .rounded { - border-radius: 0.25rem !important; } + border-radius: 0.25rem !important; +} .rounded-top { border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; } + border-top-right-radius: 0.25rem !important; +} .rounded-right { border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; } + border-bottom-right-radius: 0.25rem !important; +} .rounded-bottom { border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-left { border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-lg { - border-radius: 0.3rem !important; } + border-radius: 0.3rem !important; +} .rounded-circle { - border-radius: 50% !important; } + border-radius: 50% !important; +} .rounded-pill { - border-radius: 50rem !important; } + border-radius: 50rem !important; +} .rounded-0 { - border-radius: 0 !important; } + border-radius: 0 !important; +} .clearfix::after { display: block; clear: both; - content: ""; } + content: ""; +} .d-none { - display: none !important; } + display: none !important; +} .d-inline { - display: inline !important; } + display: inline !important; +} .d-inline-block { - display: inline-block !important; } + display: inline-block !important; +} .d-block { - display: block !important; } + display: block !important; +} .d-table { - display: table !important; } + display: table !important; +} .d-table-row { - display: table-row !important; } + display: table-row !important; +} .d-table-cell { - display: table-cell !important; } + display: table-cell !important; +} .d-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; +} .d-inline-flex { - display: inline-flex !important; } + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} @media (min-width: 576px) { .d-sm-none { - display: none !important; } + display: none !important; + } .d-sm-inline { - display: inline !important; } + display: inline !important; + } .d-sm-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-sm-block { - display: block !important; } + display: block !important; + } .d-sm-table { - display: table !important; } + display: table !important; + } .d-sm-table-row { - display: table-row !important; } + display: table-row !important; + } .d-sm-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-sm-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; + } .d-sm-inline-flex { - display: inline-flex !important; } } + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} @media (min-width: 768px) { .d-md-none { - display: none !important; } + display: none !important; + } .d-md-inline { - display: inline !important; } + display: inline !important; + } .d-md-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-md-block { - display: block !important; } + display: block !important; + } .d-md-table { - display: table !important; } + display: table !important; + } .d-md-table-row { - display: table-row !important; } + display: table-row !important; + } .d-md-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-md-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; + } .d-md-inline-flex { - display: inline-flex !important; } } + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} @media (min-width: 992px) { .d-lg-none { - display: none !important; } + display: none !important; + } .d-lg-inline { - display: inline !important; } + display: inline !important; + } .d-lg-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-lg-block { - display: block !important; } + display: block !important; + } .d-lg-table { - display: table !important; } + display: table !important; + } .d-lg-table-row { - display: table-row !important; } + display: table-row !important; + } .d-lg-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-lg-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; + } .d-lg-inline-flex { - display: inline-flex !important; } } + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} @media (min-width: 1200px) { .d-xl-none { - display: none !important; } + display: none !important; + } .d-xl-inline { - display: inline !important; } + display: inline !important; + } .d-xl-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-xl-block { - display: block !important; } + display: block !important; + } .d-xl-table { - display: table !important; } + display: table !important; + } .d-xl-table-row { - display: table-row !important; } + display: table-row !important; + } .d-xl-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-xl-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; + } .d-xl-inline-flex { - display: inline-flex !important; } } + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} @media print { .d-print-none { - display: none !important; } + display: none !important; + } .d-print-inline { - display: inline !important; } + display: inline !important; + } .d-print-inline-block { - display: inline-block !important; } + display: inline-block !important; + } .d-print-block { - display: block !important; } + display: block !important; + } .d-print-table { - display: table !important; } + display: table !important; + } .d-print-table-row { - display: table-row !important; } + display: table-row !important; + } .d-print-table-cell { - display: table-cell !important; } + display: table-cell !important; + } .d-print-flex { - display: flex !important; } + display: -ms-flexbox !important; + display: flex !important; + } .d-print-inline-flex { - display: inline-flex !important; } } + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} .embed-responsive { position: relative; display: block; width: 100%; padding: 0; - overflow: hidden; } - .embed-responsive::before { - display: block; - content: ""; } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object, - .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; } + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} .embed-responsive-21by9::before { - padding-top: 42.85714%; } + padding-top: 42.857143%; +} .embed-responsive-16by9::before { - padding-top: 56.25%; } + padding-top: 56.25%; +} .embed-responsive-4by3::before { - padding-top: 75%; } + padding-top: 75%; +} .embed-responsive-1by1::before { - padding-top: 100%; } + padding-top: 100%; +} .flex-row { - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; +} .flex-column { - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; +} .flex-row-reverse { - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} .flex-column-reverse { - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} .flex-wrap { - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} .flex-nowrap { - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} .flex-fill { - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} .flex-grow-0 { - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} .flex-grow-1 { - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} .flex-shrink-0 { - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} .flex-shrink-1 { - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} .justify-content-start { - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} .justify-content-end { - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} .justify-content-center { - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; +} .justify-content-between { - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} .justify-content-around { - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} .align-items-start { - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; +} .align-items-end { - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; +} .align-items-center { - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; +} .align-items-baseline { - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; +} .align-items-stretch { - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; +} .align-content-start { - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} .align-content-end { - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} .align-content-center { - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; +} .align-content-between { - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} .align-content-around { - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} .align-content-stretch { - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} .align-self-auto { - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; +} .align-self-start { - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} .align-self-end { - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} .align-self-center { - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; +} .align-self-baseline { - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} .align-self-stretch { - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} @media (min-width: 576px) { .flex-sm-row { - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } .flex-sm-column { - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } .flex-sm-row-reverse { - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } .flex-sm-column-reverse { - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } .flex-sm-wrap { - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } .flex-sm-nowrap { - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } .flex-sm-fill { - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } .flex-sm-grow-0 { - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } .flex-sm-grow-1 { - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } .flex-sm-shrink-0 { - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } .flex-sm-shrink-1 { - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } .justify-content-sm-start { - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } .justify-content-sm-end { - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } .justify-content-sm-center { - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } .justify-content-sm-between { - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } .justify-content-sm-around { - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } .align-items-sm-start { - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } .align-items-sm-end { - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } .align-items-sm-center { - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } .align-items-sm-baseline { - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } .align-items-sm-stretch { - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } .align-content-sm-start { - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } .align-content-sm-end { - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } .align-content-sm-center { - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } .align-content-sm-between { - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } .align-content-sm-around { - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } .align-content-sm-stretch { - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } .align-self-sm-auto { - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } .align-self-sm-start { - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } .align-self-sm-end { - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } .align-self-sm-center { - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } .align-self-sm-baseline { - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } .align-self-sm-stretch { - align-self: stretch !important; } } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} @media (min-width: 768px) { .flex-md-row { - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } .flex-md-column { - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } .flex-md-row-reverse { - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } .flex-md-column-reverse { - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } .flex-md-wrap { - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } .flex-md-nowrap { - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } .flex-md-fill { - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } .flex-md-grow-0 { - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } .flex-md-grow-1 { - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } .flex-md-shrink-0 { - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } .flex-md-shrink-1 { - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } .justify-content-md-start { - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } .justify-content-md-end { - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } .justify-content-md-center { - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } .justify-content-md-between { - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } .justify-content-md-around { - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } .align-items-md-start { - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } .align-items-md-end { - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } .align-items-md-center { - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } .align-items-md-baseline { - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } .align-items-md-stretch { - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } .align-content-md-start { - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } .align-content-md-end { - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } .align-content-md-center { - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } .align-content-md-between { - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } .align-content-md-around { - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } .align-content-md-stretch { - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } .align-self-md-auto { - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } .align-self-md-start { - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } .align-self-md-end { - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } .align-self-md-center { - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } .align-self-md-baseline { - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } .align-self-md-stretch { - align-self: stretch !important; } } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} @media (min-width: 992px) { .flex-lg-row { - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } .flex-lg-column { - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } .flex-lg-row-reverse { - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } .flex-lg-column-reverse { - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } .flex-lg-wrap { - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } .flex-lg-nowrap { - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } .flex-lg-fill { - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } .flex-lg-grow-0 { - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } .flex-lg-grow-1 { - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } .flex-lg-shrink-0 { - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } .flex-lg-shrink-1 { - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } .justify-content-lg-start { - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } .justify-content-lg-end { - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } .justify-content-lg-center { - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } .justify-content-lg-between { - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } .justify-content-lg-around { - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } .align-items-lg-start { - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } .align-items-lg-end { - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } .align-items-lg-center { - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } .align-items-lg-baseline { - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } .align-items-lg-stretch { - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } .align-content-lg-start { - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } .align-content-lg-end { - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } .align-content-lg-center { - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } .align-content-lg-between { - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } .align-content-lg-around { - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } .align-content-lg-stretch { - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } .align-self-lg-auto { - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } .align-self-lg-start { - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } .align-self-lg-end { - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } .align-self-lg-center { - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } .align-self-lg-baseline { - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } .align-self-lg-stretch { - align-self: stretch !important; } } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} @media (min-width: 1200px) { .flex-xl-row { - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } .flex-xl-column { - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } .flex-xl-row-reverse { - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } .flex-xl-column-reverse { - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } .flex-xl-wrap { - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } .flex-xl-nowrap { - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } .flex-xl-fill { - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } .flex-xl-grow-0 { - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } .flex-xl-grow-1 { - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } .flex-xl-shrink-0 { - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } .flex-xl-shrink-1 { - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } .justify-content-xl-start { - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } .justify-content-xl-end { - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } .justify-content-xl-center { - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } .justify-content-xl-between { - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } .justify-content-xl-around { - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } .align-items-xl-start { - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } .align-items-xl-end { - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } .align-items-xl-center { - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } .align-items-xl-baseline { - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } .align-items-xl-stretch { - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } .align-content-xl-start { - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } .align-content-xl-end { - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } .align-content-xl-center { - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } .align-content-xl-between { - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } .align-content-xl-around { - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } .align-content-xl-stretch { - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } .align-self-xl-auto { - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } .align-self-xl-start { - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } .align-self-xl-end { - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } .align-self-xl-center { - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } .align-self-xl-baseline { - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } .align-self-xl-stretch { - align-self: stretch !important; } } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} .float-left { - float: left !important; } + float: left !important; +} .float-right { - float: right !important; } + float: right !important; +} .float-none { - float: none !important; } + float: none !important; +} @media (min-width: 576px) { .float-sm-left { - float: left !important; } + float: left !important; + } .float-sm-right { - float: right !important; } + float: right !important; + } .float-sm-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 768px) { .float-md-left { - float: left !important; } + float: left !important; + } .float-md-right { - float: right !important; } + float: right !important; + } .float-md-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 992px) { .float-lg-left { - float: left !important; } + float: left !important; + } .float-lg-right { - float: right !important; } + float: right !important; + } .float-lg-none { - float: none !important; } } + float: none !important; + } +} @media (min-width: 1200px) { .float-xl-left { - float: left !important; } + float: left !important; + } .float-xl-right { - float: right !important; } + float: right !important; + } .float-xl-none { - float: none !important; } } + float: none !important; + } +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} .overflow-auto { - overflow: auto !important; } + overflow: auto !important; +} .overflow-hidden { - overflow: hidden !important; } + overflow: hidden !important; +} .position-static { - position: static !important; } + position: static !important; +} .position-relative { - position: relative !important; } + position: relative !important; +} .position-absolute { - position: absolute !important; } + position: absolute !important; +} .position-fixed { - position: fixed !important; } + position: fixed !important; +} .position-sticky { - position: sticky !important; } + position: -webkit-sticky !important; + position: sticky !important; +} .fixed-top { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} -@supports (position: sticky) { +@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { + position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; + margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; - border: 0; } + border: 0; +} .sr-only-focusable:active, .sr-only-focusable:focus { position: static; @@ -5189,55 +7857,1900 @@ button.bg-dark:focus { height: auto; overflow: visible; clip: auto; - white-space: normal; } + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} .w-25 { - width: 25% !important; } + width: 25% !important; +} .w-50 { - width: 50% !important; } + width: 50% !important; +} .w-75 { - width: 75% !important; } + width: 75% !important; +} .w-100 { - width: 100% !important; } + width: 100% !important; +} .w-auto { - width: auto !important; } + width: auto !important; +} .h-25 { - height: 25% !important; } + height: 25% !important; +} .h-50 { - height: 50% !important; } + height: 50% !important; +} .h-75 { - height: 75% !important; } + height: 75% !important; +} .h-100 { - height: 100% !important; } + height: 100% !important; +} .h-auto { - height: auto !important; } + height: auto !important; +} .mw-100 { - max-width: 100% !important; } + max-width: 100% !important; +} .mh-100 { - max-height: 100% !important; } + max-height: 100% !important; +} .min-vw-100 { - min-width: 100vw !important; } + min-width: 100vw !important; +} .min-vh-100 { - min-height: 100vh !important; } + min-height: 100vh !important; +} .vw-100 { - width: 100vw !important; } + width: 100vw !important; +} .vh-100 { - height: 100vh !important; } + height: 100vh !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} .stretched-link::after { position: absolute; @@ -5248,1594 +9761,315 @@ button.bg-dark:focus { z-index: 1; pointer-events: auto; content: ""; - background-color: rgba(0, 0, 0, 0); } - -.m-0 { - margin: 0 !important; } - -.mt-0, -.my-0 { - margin-top: 0 !important; } - -.mr-0, -.mx-0 { - margin-right: 0 !important; } - -.mb-0, -.my-0 { - margin-bottom: 0 !important; } - -.ml-0, -.mx-0 { - margin-left: 0 !important; } - -.m-1 { - margin: 0.25rem !important; } - -.mt-1, -.my-1 { - margin-top: 0.25rem !important; } - -.mr-1, -.mx-1 { - margin-right: 0.25rem !important; } - -.mb-1, -.my-1 { - margin-bottom: 0.25rem !important; } - -.ml-1, -.mx-1 { - margin-left: 0.25rem !important; } - -.m-2 { - margin: 0.5rem !important; } - -.mt-2, -.my-2 { - margin-top: 0.5rem !important; } - -.mr-2, -.mx-2 { - margin-right: 0.5rem !important; } - -.mb-2, -.my-2 { - margin-bottom: 0.5rem !important; } - -.ml-2, -.mx-2 { - margin-left: 0.5rem !important; } - -.m-3 { - margin: 1rem !important; } - -.mt-3, -.my-3 { - margin-top: 1rem !important; } - -.mr-3, -.mx-3 { - margin-right: 1rem !important; } - -.mb-3, -.my-3 { - margin-bottom: 1rem !important; } - -.ml-3, -.mx-3 { - margin-left: 1rem !important; } - -.m-4 { - margin: 1.5rem !important; } - -.mt-4, -.my-4 { - margin-top: 1.5rem !important; } - -.mr-4, -.mx-4 { - margin-right: 1.5rem !important; } - -.mb-4, -.my-4 { - margin-bottom: 1.5rem !important; } - -.ml-4, -.mx-4 { - margin-left: 1.5rem !important; } - -.m-5 { - margin: 3rem !important; } - -.mt-5, -.my-5 { - margin-top: 3rem !important; } - -.mr-5, -.mx-5 { - margin-right: 3rem !important; } - -.mb-5, -.my-5 { - margin-bottom: 3rem !important; } - -.ml-5, -.mx-5 { - margin-left: 3rem !important; } - -.p-0 { - padding: 0 !important; } - -.pt-0, -.py-0 { - padding-top: 0 !important; } - -.pr-0, -.px-0 { - padding-right: 0 !important; } - -.pb-0, -.py-0 { - padding-bottom: 0 !important; } - -.pl-0, -.px-0 { - padding-left: 0 !important; } - -.p-1 { - padding: 0.25rem !important; } - -.pt-1, -.py-1 { - padding-top: 0.25rem !important; } - -.pr-1, -.px-1 { - padding-right: 0.25rem !important; } - -.pb-1, -.py-1 { - padding-bottom: 0.25rem !important; } - -.pl-1, -.px-1 { - padding-left: 0.25rem !important; } - -.p-2 { - padding: 0.5rem !important; } - -.pt-2, -.py-2 { - padding-top: 0.5rem !important; } - -.pr-2, -.px-2 { - padding-right: 0.5rem !important; } - -.pb-2, -.py-2 { - padding-bottom: 0.5rem !important; } - -.pl-2, -.px-2 { - padding-left: 0.5rem !important; } - -.p-3 { - padding: 1rem !important; } - -.pt-3, -.py-3 { - padding-top: 1rem !important; } - -.pr-3, -.px-3 { - padding-right: 1rem !important; } - -.pb-3, -.py-3 { - padding-bottom: 1rem !important; } - -.pl-3, -.px-3 { - padding-left: 1rem !important; } - -.p-4 { - padding: 1.5rem !important; } - -.pt-4, -.py-4 { - padding-top: 1.5rem !important; } - -.pr-4, -.px-4 { - padding-right: 1.5rem !important; } - -.pb-4, -.py-4 { - padding-bottom: 1.5rem !important; } - -.pl-4, -.px-4 { - padding-left: 1.5rem !important; } - -.p-5 { - padding: 3rem !important; } - -.pt-5, -.py-5 { - padding-top: 3rem !important; } - -.pr-5, -.px-5 { - padding-right: 3rem !important; } - -.pb-5, -.py-5 { - padding-bottom: 3rem !important; } - -.pl-5, -.px-5 { - padding-left: 3rem !important; } - -.m-n1 { - margin: -0.25rem !important; } - -.mt-n1, -.my-n1 { - margin-top: -0.25rem !important; } - -.mr-n1, -.mx-n1 { - margin-right: -0.25rem !important; } - -.mb-n1, -.my-n1 { - margin-bottom: -0.25rem !important; } - -.ml-n1, -.mx-n1 { - margin-left: -0.25rem !important; } - -.m-n2 { - margin: -0.5rem !important; } - -.mt-n2, -.my-n2 { - margin-top: -0.5rem !important; } - -.mr-n2, -.mx-n2 { - margin-right: -0.5rem !important; } - -.mb-n2, -.my-n2 { - margin-bottom: -0.5rem !important; } - -.ml-n2, -.mx-n2 { - margin-left: -0.5rem !important; } - -.m-n3 { - margin: -1rem !important; } - -.mt-n3, -.my-n3 { - margin-top: -1rem !important; } - -.mr-n3, -.mx-n3 { - margin-right: -1rem !important; } - -.mb-n3, -.my-n3 { - margin-bottom: -1rem !important; } - -.ml-n3, -.mx-n3 { - margin-left: -1rem !important; } - -.m-n4 { - margin: -1.5rem !important; } - -.mt-n4, -.my-n4 { - margin-top: -1.5rem !important; } - -.mr-n4, -.mx-n4 { - margin-right: -1.5rem !important; } - -.mb-n4, -.my-n4 { - margin-bottom: -1.5rem !important; } - -.ml-n4, -.mx-n4 { - margin-left: -1.5rem !important; } - -.m-n5 { - margin: -3rem !important; } - -.mt-n5, -.my-n5 { - margin-top: -3rem !important; } - -.mr-n5, -.mx-n5 { - margin-right: -3rem !important; } - -.mb-n5, -.my-n5 { - margin-bottom: -3rem !important; } - -.ml-n5, -.mx-n5 { - margin-left: -3rem !important; } - -.m-auto { - margin: auto !important; } - -.mt-auto, -.my-auto { - margin-top: auto !important; } - -.mr-auto, -.mx-auto { - margin-right: auto !important; } - -.mb-auto, -.my-auto { - margin-bottom: auto !important; } - -.ml-auto, -.mx-auto { - margin-left: auto !important; } - -@media (min-width: 576px) { - .m-sm-0 { - margin: 0 !important; } - .mt-sm-0, - .my-sm-0 { - margin-top: 0 !important; } - .mr-sm-0, - .mx-sm-0 { - margin-right: 0 !important; } - .mb-sm-0, - .my-sm-0 { - margin-bottom: 0 !important; } - .ml-sm-0, - .mx-sm-0 { - margin-left: 0 !important; } - .m-sm-1 { - margin: 0.25rem !important; } - .mt-sm-1, - .my-sm-1 { - margin-top: 0.25rem !important; } - .mr-sm-1, - .mx-sm-1 { - margin-right: 0.25rem !important; } - .mb-sm-1, - .my-sm-1 { - margin-bottom: 0.25rem !important; } - .ml-sm-1, - .mx-sm-1 { - margin-left: 0.25rem !important; } - .m-sm-2 { - margin: 0.5rem !important; } - .mt-sm-2, - .my-sm-2 { - margin-top: 0.5rem !important; } - .mr-sm-2, - .mx-sm-2 { - margin-right: 0.5rem !important; } - .mb-sm-2, - .my-sm-2 { - margin-bottom: 0.5rem !important; } - .ml-sm-2, - .mx-sm-2 { - margin-left: 0.5rem !important; } - .m-sm-3 { - margin: 1rem !important; } - .mt-sm-3, - .my-sm-3 { - margin-top: 1rem !important; } - .mr-sm-3, - .mx-sm-3 { - margin-right: 1rem !important; } - .mb-sm-3, - .my-sm-3 { - margin-bottom: 1rem !important; } - .ml-sm-3, - .mx-sm-3 { - margin-left: 1rem !important; } - .m-sm-4 { - margin: 1.5rem !important; } - .mt-sm-4, - .my-sm-4 { - margin-top: 1.5rem !important; } - .mr-sm-4, - .mx-sm-4 { - margin-right: 1.5rem !important; } - .mb-sm-4, - .my-sm-4 { - margin-bottom: 1.5rem !important; } - .ml-sm-4, - .mx-sm-4 { - margin-left: 1.5rem !important; } - .m-sm-5 { - margin: 3rem !important; } - .mt-sm-5, - .my-sm-5 { - margin-top: 3rem !important; } - .mr-sm-5, - .mx-sm-5 { - margin-right: 3rem !important; } - .mb-sm-5, - .my-sm-5 { - margin-bottom: 3rem !important; } - .ml-sm-5, - .mx-sm-5 { - margin-left: 3rem !important; } - .p-sm-0 { - padding: 0 !important; } - .pt-sm-0, - .py-sm-0 { - padding-top: 0 !important; } - .pr-sm-0, - .px-sm-0 { - padding-right: 0 !important; } - .pb-sm-0, - .py-sm-0 { - padding-bottom: 0 !important; } - .pl-sm-0, - .px-sm-0 { - padding-left: 0 !important; } - .p-sm-1 { - padding: 0.25rem !important; } - .pt-sm-1, - .py-sm-1 { - padding-top: 0.25rem !important; } - .pr-sm-1, - .px-sm-1 { - padding-right: 0.25rem !important; } - .pb-sm-1, - .py-sm-1 { - padding-bottom: 0.25rem !important; } - .pl-sm-1, - .px-sm-1 { - padding-left: 0.25rem !important; } - .p-sm-2 { - padding: 0.5rem !important; } - .pt-sm-2, - .py-sm-2 { - padding-top: 0.5rem !important; } - .pr-sm-2, - .px-sm-2 { - padding-right: 0.5rem !important; } - .pb-sm-2, - .py-sm-2 { - padding-bottom: 0.5rem !important; } - .pl-sm-2, - .px-sm-2 { - padding-left: 0.5rem !important; } - .p-sm-3 { - padding: 1rem !important; } - .pt-sm-3, - .py-sm-3 { - padding-top: 1rem !important; } - .pr-sm-3, - .px-sm-3 { - padding-right: 1rem !important; } - .pb-sm-3, - .py-sm-3 { - padding-bottom: 1rem !important; } - .pl-sm-3, - .px-sm-3 { - padding-left: 1rem !important; } - .p-sm-4 { - padding: 1.5rem !important; } - .pt-sm-4, - .py-sm-4 { - padding-top: 1.5rem !important; } - .pr-sm-4, - .px-sm-4 { - padding-right: 1.5rem !important; } - .pb-sm-4, - .py-sm-4 { - padding-bottom: 1.5rem !important; } - .pl-sm-4, - .px-sm-4 { - padding-left: 1.5rem !important; } - .p-sm-5 { - padding: 3rem !important; } - .pt-sm-5, - .py-sm-5 { - padding-top: 3rem !important; } - .pr-sm-5, - .px-sm-5 { - padding-right: 3rem !important; } - .pb-sm-5, - .py-sm-5 { - padding-bottom: 3rem !important; } - .pl-sm-5, - .px-sm-5 { - padding-left: 3rem !important; } - .m-sm-n1 { - margin: -0.25rem !important; } - .mt-sm-n1, - .my-sm-n1 { - margin-top: -0.25rem !important; } - .mr-sm-n1, - .mx-sm-n1 { - margin-right: -0.25rem !important; } - .mb-sm-n1, - .my-sm-n1 { - margin-bottom: -0.25rem !important; } - .ml-sm-n1, - .mx-sm-n1 { - margin-left: -0.25rem !important; } - .m-sm-n2 { - margin: -0.5rem !important; } - .mt-sm-n2, - .my-sm-n2 { - margin-top: -0.5rem !important; } - .mr-sm-n2, - .mx-sm-n2 { - margin-right: -0.5rem !important; } - .mb-sm-n2, - .my-sm-n2 { - margin-bottom: -0.5rem !important; } - .ml-sm-n2, - .mx-sm-n2 { - margin-left: -0.5rem !important; } - .m-sm-n3 { - margin: -1rem !important; } - .mt-sm-n3, - .my-sm-n3 { - margin-top: -1rem !important; } - .mr-sm-n3, - .mx-sm-n3 { - margin-right: -1rem !important; } - .mb-sm-n3, - .my-sm-n3 { - margin-bottom: -1rem !important; } - .ml-sm-n3, - .mx-sm-n3 { - margin-left: -1rem !important; } - .m-sm-n4 { - margin: -1.5rem !important; } - .mt-sm-n4, - .my-sm-n4 { - margin-top: -1.5rem !important; } - .mr-sm-n4, - .mx-sm-n4 { - margin-right: -1.5rem !important; } - .mb-sm-n4, - .my-sm-n4 { - margin-bottom: -1.5rem !important; } - .ml-sm-n4, - .mx-sm-n4 { - margin-left: -1.5rem !important; } - .m-sm-n5 { - margin: -3rem !important; } - .mt-sm-n5, - .my-sm-n5 { - margin-top: -3rem !important; } - .mr-sm-n5, - .mx-sm-n5 { - margin-right: -3rem !important; } - .mb-sm-n5, - .my-sm-n5 { - margin-bottom: -3rem !important; } - .ml-sm-n5, - .mx-sm-n5 { - margin-left: -3rem !important; } - .m-sm-auto { - margin: auto !important; } - .mt-sm-auto, - .my-sm-auto { - margin-top: auto !important; } - .mr-sm-auto, - .mx-sm-auto { - margin-right: auto !important; } - .mb-sm-auto, - .my-sm-auto { - margin-bottom: auto !important; } - .ml-sm-auto, - .mx-sm-auto { - margin-left: auto !important; } } - -@media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; } - .mt-md-0, - .my-md-0 { - margin-top: 0 !important; } - .mr-md-0, - .mx-md-0 { - margin-right: 0 !important; } - .mb-md-0, - .my-md-0 { - margin-bottom: 0 !important; } - .ml-md-0, - .mx-md-0 { - margin-left: 0 !important; } - .m-md-1 { - margin: 0.25rem !important; } - .mt-md-1, - .my-md-1 { - margin-top: 0.25rem !important; } - .mr-md-1, - .mx-md-1 { - margin-right: 0.25rem !important; } - .mb-md-1, - .my-md-1 { - margin-bottom: 0.25rem !important; } - .ml-md-1, - .mx-md-1 { - margin-left: 0.25rem !important; } - .m-md-2 { - margin: 0.5rem !important; } - .mt-md-2, - .my-md-2 { - margin-top: 0.5rem !important; } - .mr-md-2, - .mx-md-2 { - margin-right: 0.5rem !important; } - .mb-md-2, - .my-md-2 { - margin-bottom: 0.5rem !important; } - .ml-md-2, - .mx-md-2 { - margin-left: 0.5rem !important; } - .m-md-3 { - margin: 1rem !important; } - .mt-md-3, - .my-md-3 { - margin-top: 1rem !important; } - .mr-md-3, - .mx-md-3 { - margin-right: 1rem !important; } - .mb-md-3, - .my-md-3 { - margin-bottom: 1rem !important; } - .ml-md-3, - .mx-md-3 { - margin-left: 1rem !important; } - .m-md-4 { - margin: 1.5rem !important; } - .mt-md-4, - .my-md-4 { - margin-top: 1.5rem !important; } - .mr-md-4, - .mx-md-4 { - margin-right: 1.5rem !important; } - .mb-md-4, - .my-md-4 { - margin-bottom: 1.5rem !important; } - .ml-md-4, - .mx-md-4 { - margin-left: 1.5rem !important; } - .m-md-5 { - margin: 3rem !important; } - .mt-md-5, - .my-md-5 { - margin-top: 3rem !important; } - .mr-md-5, - .mx-md-5 { - margin-right: 3rem !important; } - .mb-md-5, - .my-md-5 { - margin-bottom: 3rem !important; } - .ml-md-5, - .mx-md-5 { - margin-left: 3rem !important; } - .p-md-0 { - padding: 0 !important; } - .pt-md-0, - .py-md-0 { - padding-top: 0 !important; } - .pr-md-0, - .px-md-0 { - padding-right: 0 !important; } - .pb-md-0, - .py-md-0 { - padding-bottom: 0 !important; } - .pl-md-0, - .px-md-0 { - padding-left: 0 !important; } - .p-md-1 { - padding: 0.25rem !important; } - .pt-md-1, - .py-md-1 { - padding-top: 0.25rem !important; } - .pr-md-1, - .px-md-1 { - padding-right: 0.25rem !important; } - .pb-md-1, - .py-md-1 { - padding-bottom: 0.25rem !important; } - .pl-md-1, - .px-md-1 { - padding-left: 0.25rem !important; } - .p-md-2 { - padding: 0.5rem !important; } - .pt-md-2, - .py-md-2 { - padding-top: 0.5rem !important; } - .pr-md-2, - .px-md-2 { - padding-right: 0.5rem !important; } - .pb-md-2, - .py-md-2 { - padding-bottom: 0.5rem !important; } - .pl-md-2, - .px-md-2 { - padding-left: 0.5rem !important; } - .p-md-3 { - padding: 1rem !important; } - .pt-md-3, - .py-md-3 { - padding-top: 1rem !important; } - .pr-md-3, - .px-md-3 { - padding-right: 1rem !important; } - .pb-md-3, - .py-md-3 { - padding-bottom: 1rem !important; } - .pl-md-3, - .px-md-3 { - padding-left: 1rem !important; } - .p-md-4 { - padding: 1.5rem !important; } - .pt-md-4, - .py-md-4 { - padding-top: 1.5rem !important; } - .pr-md-4, - .px-md-4 { - padding-right: 1.5rem !important; } - .pb-md-4, - .py-md-4 { - padding-bottom: 1.5rem !important; } - .pl-md-4, - .px-md-4 { - padding-left: 1.5rem !important; } - .p-md-5 { - padding: 3rem !important; } - .pt-md-5, - .py-md-5 { - padding-top: 3rem !important; } - .pr-md-5, - .px-md-5 { - padding-right: 3rem !important; } - .pb-md-5, - .py-md-5 { - padding-bottom: 3rem !important; } - .pl-md-5, - .px-md-5 { - padding-left: 3rem !important; } - .m-md-n1 { - margin: -0.25rem !important; } - .mt-md-n1, - .my-md-n1 { - margin-top: -0.25rem !important; } - .mr-md-n1, - .mx-md-n1 { - margin-right: -0.25rem !important; } - .mb-md-n1, - .my-md-n1 { - margin-bottom: -0.25rem !important; } - .ml-md-n1, - .mx-md-n1 { - margin-left: -0.25rem !important; } - .m-md-n2 { - margin: -0.5rem !important; } - .mt-md-n2, - .my-md-n2 { - margin-top: -0.5rem !important; } - .mr-md-n2, - .mx-md-n2 { - margin-right: -0.5rem !important; } - .mb-md-n2, - .my-md-n2 { - margin-bottom: -0.5rem !important; } - .ml-md-n2, - .mx-md-n2 { - margin-left: -0.5rem !important; } - .m-md-n3 { - margin: -1rem !important; } - .mt-md-n3, - .my-md-n3 { - margin-top: -1rem !important; } - .mr-md-n3, - .mx-md-n3 { - margin-right: -1rem !important; } - .mb-md-n3, - .my-md-n3 { - margin-bottom: -1rem !important; } - .ml-md-n3, - .mx-md-n3 { - margin-left: -1rem !important; } - .m-md-n4 { - margin: -1.5rem !important; } - .mt-md-n4, - .my-md-n4 { - margin-top: -1.5rem !important; } - .mr-md-n4, - .mx-md-n4 { - margin-right: -1.5rem !important; } - .mb-md-n4, - .my-md-n4 { - margin-bottom: -1.5rem !important; } - .ml-md-n4, - .mx-md-n4 { - margin-left: -1.5rem !important; } - .m-md-n5 { - margin: -3rem !important; } - .mt-md-n5, - .my-md-n5 { - margin-top: -3rem !important; } - .mr-md-n5, - .mx-md-n5 { - margin-right: -3rem !important; } - .mb-md-n5, - .my-md-n5 { - margin-bottom: -3rem !important; } - .ml-md-n5, - .mx-md-n5 { - margin-left: -3rem !important; } - .m-md-auto { - margin: auto !important; } - .mt-md-auto, - .my-md-auto { - margin-top: auto !important; } - .mr-md-auto, - .mx-md-auto { - margin-right: auto !important; } - .mb-md-auto, - .my-md-auto { - margin-bottom: auto !important; } - .ml-md-auto, - .mx-md-auto { - margin-left: auto !important; } } - -@media (min-width: 992px) { - .m-lg-0 { - margin: 0 !important; } - .mt-lg-0, - .my-lg-0 { - margin-top: 0 !important; } - .mr-lg-0, - .mx-lg-0 { - margin-right: 0 !important; } - .mb-lg-0, - .my-lg-0 { - margin-bottom: 0 !important; } - .ml-lg-0, - .mx-lg-0 { - margin-left: 0 !important; } - .m-lg-1 { - margin: 0.25rem !important; } - .mt-lg-1, - .my-lg-1 { - margin-top: 0.25rem !important; } - .mr-lg-1, - .mx-lg-1 { - margin-right: 0.25rem !important; } - .mb-lg-1, - .my-lg-1 { - margin-bottom: 0.25rem !important; } - .ml-lg-1, - .mx-lg-1 { - margin-left: 0.25rem !important; } - .m-lg-2 { - margin: 0.5rem !important; } - .mt-lg-2, - .my-lg-2 { - margin-top: 0.5rem !important; } - .mr-lg-2, - .mx-lg-2 { - margin-right: 0.5rem !important; } - .mb-lg-2, - .my-lg-2 { - margin-bottom: 0.5rem !important; } - .ml-lg-2, - .mx-lg-2 { - margin-left: 0.5rem !important; } - .m-lg-3 { - margin: 1rem !important; } - .mt-lg-3, - .my-lg-3 { - margin-top: 1rem !important; } - .mr-lg-3, - .mx-lg-3 { - margin-right: 1rem !important; } - .mb-lg-3, - .my-lg-3 { - margin-bottom: 1rem !important; } - .ml-lg-3, - .mx-lg-3 { - margin-left: 1rem !important; } - .m-lg-4 { - margin: 1.5rem !important; } - .mt-lg-4, - .my-lg-4 { - margin-top: 1.5rem !important; } - .mr-lg-4, - .mx-lg-4 { - margin-right: 1.5rem !important; } - .mb-lg-4, - .my-lg-4 { - margin-bottom: 1.5rem !important; } - .ml-lg-4, - .mx-lg-4 { - margin-left: 1.5rem !important; } - .m-lg-5 { - margin: 3rem !important; } - .mt-lg-5, - .my-lg-5 { - margin-top: 3rem !important; } - .mr-lg-5, - .mx-lg-5 { - margin-right: 3rem !important; } - .mb-lg-5, - .my-lg-5 { - margin-bottom: 3rem !important; } - .ml-lg-5, - .mx-lg-5 { - margin-left: 3rem !important; } - .p-lg-0 { - padding: 0 !important; } - .pt-lg-0, - .py-lg-0 { - padding-top: 0 !important; } - .pr-lg-0, - .px-lg-0 { - padding-right: 0 !important; } - .pb-lg-0, - .py-lg-0 { - padding-bottom: 0 !important; } - .pl-lg-0, - .px-lg-0 { - padding-left: 0 !important; } - .p-lg-1 { - padding: 0.25rem !important; } - .pt-lg-1, - .py-lg-1 { - padding-top: 0.25rem !important; } - .pr-lg-1, - .px-lg-1 { - padding-right: 0.25rem !important; } - .pb-lg-1, - .py-lg-1 { - padding-bottom: 0.25rem !important; } - .pl-lg-1, - .px-lg-1 { - padding-left: 0.25rem !important; } - .p-lg-2 { - padding: 0.5rem !important; } - .pt-lg-2, - .py-lg-2 { - padding-top: 0.5rem !important; } - .pr-lg-2, - .px-lg-2 { - padding-right: 0.5rem !important; } - .pb-lg-2, - .py-lg-2 { - padding-bottom: 0.5rem !important; } - .pl-lg-2, - .px-lg-2 { - padding-left: 0.5rem !important; } - .p-lg-3 { - padding: 1rem !important; } - .pt-lg-3, - .py-lg-3 { - padding-top: 1rem !important; } - .pr-lg-3, - .px-lg-3 { - padding-right: 1rem !important; } - .pb-lg-3, - .py-lg-3 { - padding-bottom: 1rem !important; } - .pl-lg-3, - .px-lg-3 { - padding-left: 1rem !important; } - .p-lg-4 { - padding: 1.5rem !important; } - .pt-lg-4, - .py-lg-4 { - padding-top: 1.5rem !important; } - .pr-lg-4, - .px-lg-4 { - padding-right: 1.5rem !important; } - .pb-lg-4, - .py-lg-4 { - padding-bottom: 1.5rem !important; } - .pl-lg-4, - .px-lg-4 { - padding-left: 1.5rem !important; } - .p-lg-5 { - padding: 3rem !important; } - .pt-lg-5, - .py-lg-5 { - padding-top: 3rem !important; } - .pr-lg-5, - .px-lg-5 { - padding-right: 3rem !important; } - .pb-lg-5, - .py-lg-5 { - padding-bottom: 3rem !important; } - .pl-lg-5, - .px-lg-5 { - padding-left: 3rem !important; } - .m-lg-n1 { - margin: -0.25rem !important; } - .mt-lg-n1, - .my-lg-n1 { - margin-top: -0.25rem !important; } - .mr-lg-n1, - .mx-lg-n1 { - margin-right: -0.25rem !important; } - .mb-lg-n1, - .my-lg-n1 { - margin-bottom: -0.25rem !important; } - .ml-lg-n1, - .mx-lg-n1 { - margin-left: -0.25rem !important; } - .m-lg-n2 { - margin: -0.5rem !important; } - .mt-lg-n2, - .my-lg-n2 { - margin-top: -0.5rem !important; } - .mr-lg-n2, - .mx-lg-n2 { - margin-right: -0.5rem !important; } - .mb-lg-n2, - .my-lg-n2 { - margin-bottom: -0.5rem !important; } - .ml-lg-n2, - .mx-lg-n2 { - margin-left: -0.5rem !important; } - .m-lg-n3 { - margin: -1rem !important; } - .mt-lg-n3, - .my-lg-n3 { - margin-top: -1rem !important; } - .mr-lg-n3, - .mx-lg-n3 { - margin-right: -1rem !important; } - .mb-lg-n3, - .my-lg-n3 { - margin-bottom: -1rem !important; } - .ml-lg-n3, - .mx-lg-n3 { - margin-left: -1rem !important; } - .m-lg-n4 { - margin: -1.5rem !important; } - .mt-lg-n4, - .my-lg-n4 { - margin-top: -1.5rem !important; } - .mr-lg-n4, - .mx-lg-n4 { - margin-right: -1.5rem !important; } - .mb-lg-n4, - .my-lg-n4 { - margin-bottom: -1.5rem !important; } - .ml-lg-n4, - .mx-lg-n4 { - margin-left: -1.5rem !important; } - .m-lg-n5 { - margin: -3rem !important; } - .mt-lg-n5, - .my-lg-n5 { - margin-top: -3rem !important; } - .mr-lg-n5, - .mx-lg-n5 { - margin-right: -3rem !important; } - .mb-lg-n5, - .my-lg-n5 { - margin-bottom: -3rem !important; } - .ml-lg-n5, - .mx-lg-n5 { - margin-left: -3rem !important; } - .m-lg-auto { - margin: auto !important; } - .mt-lg-auto, - .my-lg-auto { - margin-top: auto !important; } - .mr-lg-auto, - .mx-lg-auto { - margin-right: auto !important; } - .mb-lg-auto, - .my-lg-auto { - margin-bottom: auto !important; } - .ml-lg-auto, - .mx-lg-auto { - margin-left: auto !important; } } - -@media (min-width: 1200px) { - .m-xl-0 { - margin: 0 !important; } - .mt-xl-0, - .my-xl-0 { - margin-top: 0 !important; } - .mr-xl-0, - .mx-xl-0 { - margin-right: 0 !important; } - .mb-xl-0, - .my-xl-0 { - margin-bottom: 0 !important; } - .ml-xl-0, - .mx-xl-0 { - margin-left: 0 !important; } - .m-xl-1 { - margin: 0.25rem !important; } - .mt-xl-1, - .my-xl-1 { - margin-top: 0.25rem !important; } - .mr-xl-1, - .mx-xl-1 { - margin-right: 0.25rem !important; } - .mb-xl-1, - .my-xl-1 { - margin-bottom: 0.25rem !important; } - .ml-xl-1, - .mx-xl-1 { - margin-left: 0.25rem !important; } - .m-xl-2 { - margin: 0.5rem !important; } - .mt-xl-2, - .my-xl-2 { - margin-top: 0.5rem !important; } - .mr-xl-2, - .mx-xl-2 { - margin-right: 0.5rem !important; } - .mb-xl-2, - .my-xl-2 { - margin-bottom: 0.5rem !important; } - .ml-xl-2, - .mx-xl-2 { - margin-left: 0.5rem !important; } - .m-xl-3 { - margin: 1rem !important; } - .mt-xl-3, - .my-xl-3 { - margin-top: 1rem !important; } - .mr-xl-3, - .mx-xl-3 { - margin-right: 1rem !important; } - .mb-xl-3, - .my-xl-3 { - margin-bottom: 1rem !important; } - .ml-xl-3, - .mx-xl-3 { - margin-left: 1rem !important; } - .m-xl-4 { - margin: 1.5rem !important; } - .mt-xl-4, - .my-xl-4 { - margin-top: 1.5rem !important; } - .mr-xl-4, - .mx-xl-4 { - margin-right: 1.5rem !important; } - .mb-xl-4, - .my-xl-4 { - margin-bottom: 1.5rem !important; } - .ml-xl-4, - .mx-xl-4 { - margin-left: 1.5rem !important; } - .m-xl-5 { - margin: 3rem !important; } - .mt-xl-5, - .my-xl-5 { - margin-top: 3rem !important; } - .mr-xl-5, - .mx-xl-5 { - margin-right: 3rem !important; } - .mb-xl-5, - .my-xl-5 { - margin-bottom: 3rem !important; } - .ml-xl-5, - .mx-xl-5 { - margin-left: 3rem !important; } - .p-xl-0 { - padding: 0 !important; } - .pt-xl-0, - .py-xl-0 { - padding-top: 0 !important; } - .pr-xl-0, - .px-xl-0 { - padding-right: 0 !important; } - .pb-xl-0, - .py-xl-0 { - padding-bottom: 0 !important; } - .pl-xl-0, - .px-xl-0 { - padding-left: 0 !important; } - .p-xl-1 { - padding: 0.25rem !important; } - .pt-xl-1, - .py-xl-1 { - padding-top: 0.25rem !important; } - .pr-xl-1, - .px-xl-1 { - padding-right: 0.25rem !important; } - .pb-xl-1, - .py-xl-1 { - padding-bottom: 0.25rem !important; } - .pl-xl-1, - .px-xl-1 { - padding-left: 0.25rem !important; } - .p-xl-2 { - padding: 0.5rem !important; } - .pt-xl-2, - .py-xl-2 { - padding-top: 0.5rem !important; } - .pr-xl-2, - .px-xl-2 { - padding-right: 0.5rem !important; } - .pb-xl-2, - .py-xl-2 { - padding-bottom: 0.5rem !important; } - .pl-xl-2, - .px-xl-2 { - padding-left: 0.5rem !important; } - .p-xl-3 { - padding: 1rem !important; } - .pt-xl-3, - .py-xl-3 { - padding-top: 1rem !important; } - .pr-xl-3, - .px-xl-3 { - padding-right: 1rem !important; } - .pb-xl-3, - .py-xl-3 { - padding-bottom: 1rem !important; } - .pl-xl-3, - .px-xl-3 { - padding-left: 1rem !important; } - .p-xl-4 { - padding: 1.5rem !important; } - .pt-xl-4, - .py-xl-4 { - padding-top: 1.5rem !important; } - .pr-xl-4, - .px-xl-4 { - padding-right: 1.5rem !important; } - .pb-xl-4, - .py-xl-4 { - padding-bottom: 1.5rem !important; } - .pl-xl-4, - .px-xl-4 { - padding-left: 1.5rem !important; } - .p-xl-5 { - padding: 3rem !important; } - .pt-xl-5, - .py-xl-5 { - padding-top: 3rem !important; } - .pr-xl-5, - .px-xl-5 { - padding-right: 3rem !important; } - .pb-xl-5, - .py-xl-5 { - padding-bottom: 3rem !important; } - .pl-xl-5, - .px-xl-5 { - padding-left: 3rem !important; } - .m-xl-n1 { - margin: -0.25rem !important; } - .mt-xl-n1, - .my-xl-n1 { - margin-top: -0.25rem !important; } - .mr-xl-n1, - .mx-xl-n1 { - margin-right: -0.25rem !important; } - .mb-xl-n1, - .my-xl-n1 { - margin-bottom: -0.25rem !important; } - .ml-xl-n1, - .mx-xl-n1 { - margin-left: -0.25rem !important; } - .m-xl-n2 { - margin: -0.5rem !important; } - .mt-xl-n2, - .my-xl-n2 { - margin-top: -0.5rem !important; } - .mr-xl-n2, - .mx-xl-n2 { - margin-right: -0.5rem !important; } - .mb-xl-n2, - .my-xl-n2 { - margin-bottom: -0.5rem !important; } - .ml-xl-n2, - .mx-xl-n2 { - margin-left: -0.5rem !important; } - .m-xl-n3 { - margin: -1rem !important; } - .mt-xl-n3, - .my-xl-n3 { - margin-top: -1rem !important; } - .mr-xl-n3, - .mx-xl-n3 { - margin-right: -1rem !important; } - .mb-xl-n3, - .my-xl-n3 { - margin-bottom: -1rem !important; } - .ml-xl-n3, - .mx-xl-n3 { - margin-left: -1rem !important; } - .m-xl-n4 { - margin: -1.5rem !important; } - .mt-xl-n4, - .my-xl-n4 { - margin-top: -1.5rem !important; } - .mr-xl-n4, - .mx-xl-n4 { - margin-right: -1.5rem !important; } - .mb-xl-n4, - .my-xl-n4 { - margin-bottom: -1.5rem !important; } - .ml-xl-n4, - .mx-xl-n4 { - margin-left: -1.5rem !important; } - .m-xl-n5 { - margin: -3rem !important; } - .mt-xl-n5, - .my-xl-n5 { - margin-top: -3rem !important; } - .mr-xl-n5, - .mx-xl-n5 { - margin-right: -3rem !important; } - .mb-xl-n5, - .my-xl-n5 { - margin-bottom: -3rem !important; } - .ml-xl-n5, - .mx-xl-n5 { - margin-left: -3rem !important; } - .m-xl-auto { - margin: auto !important; } - .mt-xl-auto, - .my-xl-auto { - margin-top: auto !important; } - .mr-xl-auto, - .mx-xl-auto { - margin-right: auto !important; } - .mb-xl-auto, - .my-xl-auto { - margin-bottom: auto !important; } - .ml-xl-auto, - .mx-xl-auto { - margin-left: auto !important; } } + background-color: rgba(0, 0, 0, 0); +} .text-monospace { - font-family: var(--btcpay-font-family-monospace) !important; } + font-family: var(--btcpay-font-family-monospace) !important; +} .text-justify { - text-align: justify !important; } + text-align: justify !important; +} .text-wrap { - white-space: normal !important; } + white-space: normal !important; +} .text-nowrap { - white-space: nowrap !important; } + white-space: nowrap !important; +} .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } + white-space: nowrap; +} .text-left { - text-align: left !important; } + text-align: left !important; +} .text-right { - text-align: right !important; } + text-align: right !important; +} .text-center { - text-align: center !important; } + text-align: center !important; +} @media (min-width: 576px) { .text-sm-left { - text-align: left !important; } + text-align: left !important; + } .text-sm-right { - text-align: right !important; } + text-align: right !important; + } .text-sm-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 768px) { .text-md-left { - text-align: left !important; } + text-align: left !important; + } .text-md-right { - text-align: right !important; } + text-align: right !important; + } .text-md-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 992px) { .text-lg-left { - text-align: left !important; } + text-align: left !important; + } .text-lg-right { - text-align: right !important; } + text-align: right !important; + } .text-lg-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1200px) { .text-xl-left { - text-align: left !important; } + text-align: left !important; + } .text-xl-right { - text-align: right !important; } + text-align: right !important; + } .text-xl-center { - text-align: center !important; } } + text-align: center !important; + } +} .text-lowercase { - text-transform: lowercase !important; } + text-transform: lowercase !important; +} .text-uppercase { - text-transform: uppercase !important; } + text-transform: uppercase !important; +} .text-capitalize { - text-transform: capitalize !important; } + text-transform: capitalize !important; +} .font-weight-light { - font-weight: 300 !important; } + font-weight: 300 !important; +} .font-weight-lighter { - font-weight: lighter !important; } + font-weight: lighter !important; +} .font-weight-normal { - font-weight: 400 !important; } - -.font-weight-semibold { - font-weight: 600 !important; } + font-weight: 400 !important; +} .font-weight-bold { - font-weight: 700 !important; } + font-weight: 700 !important; +} .font-weight-bolder { - font-weight: bolder !important; } + font-weight: bolder !important; +} .font-italic { - font-style: italic !important; } + font-style: italic !important; +} .text-white { - color: var(--btcpay-color-white); } + color: var(--btcpay-color-white); +} .text-primary { - color: var(--btcpay-color-primary) !important; } + color: var(--btcpay-color-primary) !important; +} a.text-primary:hover, a.text-primary:focus { - color: var(--btcpay-color-primary-accent) !important; } + color: var(--btcpay-color-primary-accent) !important; +} .text-secondary { - color: var(--btcpay-color-secondary) !important; } + color: var(--btcpay-color-secondary) !important; +} a.text-secondary:hover, a.text-secondary:focus { - color: var(--btcpay-color-secondary-accent) !important; } + color: var(--btcpay-color-secondary-accent) !important; +} .text-success { - color: var(--btcpay-color-success) !important; } + color: var(--btcpay-color-success) !important; +} a.text-success:hover, a.text-success:focus { - color: var(--btcpay-color-success-accent) !important; } + color: var(--btcpay-color-success-accent) !important; +} .text-info { - color: var(--btcpay-color-info) !important; } + color: var(--btcpay-color-info) !important; +} a.text-info:hover, a.text-info:focus { - color: var(--btcpay-color-info-accent) !important; } + color: var(--btcpay-color-info-accent) !important; +} .text-warning { - color: var(--btcpay-color-warning) !important; } + color: var(--btcpay-color-warning) !important; +} a.text-warning:hover, a.text-warning:focus { - color: var(--btcpay-color-warning-accent) !important; } + color: var(--btcpay-color-warning-accent) !important; +} .text-danger { - color: var(--btcpay-color-danger) !important; } + color: var(--btcpay-color-danger) !important; +} a.text-danger:hover, a.text-danger:focus { - color: var(--btcpay-color-danger-accent) !important; } + color: var(--btcpay-color-danger-accent) !important; +} .text-light { - color: var(--btcpay-color-light) !important; } + color: var(--btcpay-color-light) !important; +} a.text-light:hover, a.text-light:focus { - color: var(--btcpay-color-light-accent) !important; } + color: var(--btcpay-color-light-accent) !important; +} .text-dark { - color: var(--btcpay-color-dark) !important; } + color: var(--btcpay-color-dark) !important; +} a.text-dark:hover, a.text-dark:focus { - color: var(--btcpay-color-dark-accent) !important; } + color: var(--btcpay-color-dark-accent) !important; +} .text-body { - color: var(--btcpay-body-color) !important; } + color: var(--btcpay-body-color) !important; +} .text-muted { - color: var(--btcpay-color-secondary) !important; } + color: var(--btcpay-color-secondary) !important; +} .text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } + color: rgba(0, 0, 0, 0.5) !important; +} .text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } + color: rgba(255, 255, 255, 0.5) !important; +} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; } + border: 0; +} .text-decoration-none { - text-decoration: none !important; } + text-decoration: none !important; +} .text-break { word-break: break-word !important; - overflow-wrap: break-word !important; } + word-wrap: break-word !important; +} .text-reset { - color: inherit !important; } + color: inherit !important; +} .visible { - visibility: visible !important; } + visibility: visible !important; +} .invisible { - visibility: hidden !important; } + visibility: hidden !important; +} @media print { *, *::before, *::after { text-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; + } a:not(.btn) { - text-decoration: underline; } + text-decoration: underline; + } abbr[title]::after { - content: " (" attr(title) ")"; } + content: " (" attr(title) ")"; + } pre { - white-space: pre-wrap !important; } + white-space: pre-wrap !important; + } pre, blockquote { border: 1px solid var(--btcpay-color-neutral-500); - page-break-inside: avoid; } + page-break-inside: avoid; + } thead { - display: table-header-group; } + display: table-header-group; + } tr, img { - page-break-inside: avoid; } + page-break-inside: avoid; + } p, h2, h3 { orphans: 3; - widows: 3; } + widows: 3; + } h2, h3 { - page-break-after: avoid; } + page-break-after: avoid; + } @page { - size: a3; } + size: a3; + } body { - min-width: 992px !important; } + min-width: 992px !important; + } .container { - min-width: 992px !important; } + min-width: 992px !important; + } .navbar { - display: none; } + display: none; + } .badge { - border: 1px solid var(--btcpay-color-black); } + border: 1px solid var(--btcpay-color-black); + } .table { - border-collapse: collapse !important; } - .table td, - .table th { - background-color: var(--btcpay-color-white); } + border-collapse: collapse !important; + } + .table td, + background-color: var(--btcpay-color-white); + .table th { + } .table-bordered th, .table-bordered td { - border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; } + border: 1px solid var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)) !important; + } .table-dark { - color: inherit; } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } + color: inherit; + } + .table-dark th, + border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + } .table .thead-dark th { color: inherit; - border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); } } + border-color: var(--btcpay-border-color-medium, var(--btcpay-color-neutral-300)); + } +} diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.js b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.js index 867da2571..488e53190 100644 --- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.js +++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.js @@ -1,16 +1,18 @@ /*! - * Bootstrap v4.2.1 (https://getbootstrap.com/) - * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Bootstrap v4.6.0 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ (function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('popper.js'), require('jquery')) : - typeof define === 'function' && define.amd ? define(['exports', 'popper.js', 'jquery'], factory) : - (factory((global.bootstrap = {}),global.Popper,global.jQuery)); -}(this, (function (exports,Popper,$) { 'use strict'; + typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery'), require('popper.js')) : + typeof define === 'function' && define.amd ? define(['exports', 'jquery', 'popper.js'], factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bootstrap = {}, global.jQuery, global.Popper)); +}(this, (function (exports, $, Popper) { 'use strict'; - Popper = Popper && Popper.hasOwnProperty('default') ? Popper['default'] : Popper; - $ = $ && $.hasOwnProperty('default') ? $['default'] : $; + function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } + + var $__default = /*#__PURE__*/_interopDefaultLegacy($); + var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper); function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { @@ -28,38 +30,22 @@ return Constructor; } - function _defineProperty(obj, key, value) { - if (key in obj) { - Object.defineProperty(obj, key, { - value: value, - enumerable: true, - configurable: true, - writable: true - }); - } else { - obj[key] = value; - } + function _extends() { + _extends = Object.assign || function (target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; - return obj; - } - - function _objectSpread(target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i] != null ? arguments[i] : {}; - var ownKeys = Object.keys(source); - - if (typeof Object.getOwnPropertySymbols === 'function') { - ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { - return Object.getOwnPropertyDescriptor(source, sym).enumerable; - })); + for (var key in source) { + if (Object.prototype.hasOwnProperty.call(source, key)) { + target[key] = source[key]; + } + } } - ownKeys.forEach(function (key) { - _defineProperty(target, key, source[key]); - }); - } + return target; + }; - return target; + return _extends.apply(this, arguments); } function _inheritsLoose(subClass, superClass) { @@ -70,8 +56,8 @@ /** * -------------------------------------------------------------------------- - * Bootstrap (v4.2.1): util.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Bootstrap (v4.6.0): util.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * -------------------------------------------------------------------------- */ /** @@ -85,6 +71,10 @@ var MILLISECONDS_MULTIPLIER = 1000; // Shoutout AngusCroll (https://goo.gl/pxwQGp) function toType(obj) { + if (obj === null || typeof obj === 'undefined') { + return "" + obj; + } + return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase(); } @@ -93,11 +83,11 @@ bindType: TRANSITION_END, delegateType: TRANSITION_END, handle: function handle(event) { - if ($(event.target).is(this)) { + if ($__default['default'](event.target).is(this)) { return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params } - return undefined; // eslint-disable-line no-undefined + return undefined; } }; } @@ -106,7 +96,7 @@ var _this = this; var called = false; - $(this).one(Util.TRANSITION_END, function () { + $__default['default'](this).one(Util.TRANSITION_END, function () { called = true; }); setTimeout(function () { @@ -118,8 +108,8 @@ } function setTransitionEndSupport() { - $.fn.emulateTransitionEnd = transitionEndEmulator; - $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent(); + $__default['default'].fn.emulateTransitionEnd = transitionEndEmulator; + $__default['default'].event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent(); } /** * -------------------------------------------------------------------------- @@ -132,7 +122,6 @@ TRANSITION_END: 'bsTransitionEnd', getUID: function getUID(prefix) { do { - // eslint-disable-next-line no-bitwise prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here } while (document.getElementById(prefix)); @@ -146,7 +135,11 @@ selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : ''; } - return selector && document.querySelector(selector) ? selector : null; + try { + return document.querySelector(selector) ? selector : null; + } catch (_) { + return null; + } }, getTransitionDurationFromElement: function getTransitionDurationFromElement(element) { if (!element) { @@ -154,8 +147,8 @@ } // Get transition-duration of the element - var transitionDuration = $(element).css('transition-duration'); - var transitionDelay = $(element).css('transition-delay'); + var transitionDuration = $__default['default'](element).css('transition-duration'); + var transitionDelay = $__default['default'](element).css('transition-delay'); var floatTransitionDuration = parseFloat(transitionDuration); var floatTransitionDelay = parseFloat(transitionDelay); // Return 0 if element or transition duration is not found @@ -172,9 +165,8 @@ return element.offsetHeight; }, triggerTransitionEnd: function triggerTransitionEnd(element) { - $(element).trigger(TRANSITION_END); + $__default['default'](element).trigger(TRANSITION_END); }, - // TODO: Remove in v5 supportsTransitionEnd: function supportsTransitionEnd() { return Boolean(TRANSITION_END); }, @@ -215,8 +207,25 @@ } return Util.findShadowRoot(element.parentNode); + }, + jQueryDetection: function jQueryDetection() { + if (typeof $__default['default'] === 'undefined') { + throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.'); + } + + var version = $__default['default'].fn.jquery.split(' ')[0].split('.'); + var minMajor = 1; + var ltMajor = 2; + var minMinor = 9; + var minPatch = 1; + var maxMajor = 4; + + if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) { + throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0'); + } } }; + Util.jQueryDetection(); setTransitionEndSupport(); /** @@ -226,34 +235,25 @@ */ var NAME = 'alert'; - var VERSION = '4.2.1'; + var VERSION = '4.6.0'; var DATA_KEY = 'bs.alert'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; - var JQUERY_NO_CONFLICT = $.fn[NAME]; - var Selector = { - DISMISS: '[data-dismiss="alert"]' - }; - var Event = { - CLOSE: "close" + EVENT_KEY, - CLOSED: "closed" + EVENT_KEY, - CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY - }; - var ClassName = { - ALERT: 'alert', - FADE: 'fade', - SHOW: 'show' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var JQUERY_NO_CONFLICT = $__default['default'].fn[NAME]; + var SELECTOR_DISMISS = '[data-dismiss="alert"]'; + var EVENT_CLOSE = "close" + EVENT_KEY; + var EVENT_CLOSED = "closed" + EVENT_KEY; + var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY; + var CLASS_NAME_ALERT = 'alert'; + var CLASS_NAME_FADE = 'fade'; + var CLASS_NAME_SHOW = 'show'; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var Alert = - /*#__PURE__*/ - function () { + var Alert = /*#__PURE__*/function () { function Alert(element) { this._element = element; } // Getters @@ -279,10 +279,10 @@ }; _proto.dispose = function dispose() { - $.removeData(this._element, DATA_KEY); + $__default['default'].removeData(this._element, DATA_KEY); this._element = null; - }; // Private - + } // Private + ; _proto._getRootElement = function _getRootElement(element) { var selector = Util.getSelectorFromElement(element); @@ -293,43 +293,43 @@ } if (!parent) { - parent = $(element).closest("." + ClassName.ALERT)[0]; + parent = $__default['default'](element).closest("." + CLASS_NAME_ALERT)[0]; } return parent; }; _proto._triggerCloseEvent = function _triggerCloseEvent(element) { - var closeEvent = $.Event(Event.CLOSE); - $(element).trigger(closeEvent); + var closeEvent = $__default['default'].Event(EVENT_CLOSE); + $__default['default'](element).trigger(closeEvent); return closeEvent; }; _proto._removeElement = function _removeElement(element) { var _this = this; - $(element).removeClass(ClassName.SHOW); + $__default['default'](element).removeClass(CLASS_NAME_SHOW); - if (!$(element).hasClass(ClassName.FADE)) { + if (!$__default['default'](element).hasClass(CLASS_NAME_FADE)) { this._destroyElement(element); return; } var transitionDuration = Util.getTransitionDurationFromElement(element); - $(element).one(Util.TRANSITION_END, function (event) { + $__default['default'](element).one(Util.TRANSITION_END, function (event) { return _this._destroyElement(element, event); }).emulateTransitionEnd(transitionDuration); }; _proto._destroyElement = function _destroyElement(element) { - $(element).detach().trigger(Event.CLOSED).remove(); - }; // Static - + $__default['default'](element).detach().trigger(EVENT_CLOSED).remove(); + } // Static + ; Alert._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var $element = $(this); + var $element = $__default['default'](this); var data = $element.data(DATA_KEY); if (!data) { @@ -369,18 +369,18 @@ */ - $(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert())); + $__default['default'](document).on(EVENT_CLICK_DATA_API, SELECTOR_DISMISS, Alert._handleDismiss(new Alert())); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ - $.fn[NAME] = Alert._jQueryInterface; - $.fn[NAME].Constructor = Alert; + $__default['default'].fn[NAME] = Alert._jQueryInterface; + $__default['default'].fn[NAME].Constructor = Alert; - $.fn[NAME].noConflict = function () { - $.fn[NAME] = JQUERY_NO_CONFLICT; + $__default['default'].fn[NAME].noConflict = function () { + $__default['default'].fn[NAME] = JQUERY_NO_CONFLICT; return Alert._jQueryInterface; }; @@ -391,39 +391,34 @@ */ var NAME$1 = 'button'; - var VERSION$1 = '4.2.1'; + var VERSION$1 = '4.6.0'; var DATA_KEY$1 = 'bs.button'; var EVENT_KEY$1 = "." + DATA_KEY$1; var DATA_API_KEY$1 = '.data-api'; - var JQUERY_NO_CONFLICT$1 = $.fn[NAME$1]; - var ClassName$1 = { - ACTIVE: 'active', - BUTTON: 'btn', - FOCUS: 'focus' - }; - var Selector$1 = { - DATA_TOGGLE_CARROT: '[data-toggle^="button"]', - DATA_TOGGLE: '[data-toggle="buttons"]', - INPUT: 'input:not([type="hidden"])', - ACTIVE: '.active', - BUTTON: '.btn' - }; - var Event$1 = { - CLICK_DATA_API: "click" + EVENT_KEY$1 + DATA_API_KEY$1, - FOCUS_BLUR_DATA_API: "focus" + EVENT_KEY$1 + DATA_API_KEY$1 + " " + ("blur" + EVENT_KEY$1 + DATA_API_KEY$1) - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var JQUERY_NO_CONFLICT$1 = $__default['default'].fn[NAME$1]; + var CLASS_NAME_ACTIVE = 'active'; + var CLASS_NAME_BUTTON = 'btn'; + var CLASS_NAME_FOCUS = 'focus'; + var SELECTOR_DATA_TOGGLE_CARROT = '[data-toggle^="button"]'; + var SELECTOR_DATA_TOGGLES = '[data-toggle="buttons"]'; + var SELECTOR_DATA_TOGGLE = '[data-toggle="button"]'; + var SELECTOR_DATA_TOGGLES_BUTTONS = '[data-toggle="buttons"] .btn'; + var SELECTOR_INPUT = 'input:not([type="hidden"])'; + var SELECTOR_ACTIVE = '.active'; + var SELECTOR_BUTTON = '.btn'; + var EVENT_CLICK_DATA_API$1 = "click" + EVENT_KEY$1 + DATA_API_KEY$1; + var EVENT_FOCUS_BLUR_DATA_API = "focus" + EVENT_KEY$1 + DATA_API_KEY$1 + " " + ("blur" + EVENT_KEY$1 + DATA_API_KEY$1); + var EVENT_LOAD_DATA_API = "load" + EVENT_KEY$1 + DATA_API_KEY$1; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var Button = - /*#__PURE__*/ - function () { + var Button = /*#__PURE__*/function () { function Button(element) { this._element = element; + this.shouldAvoidTriggerChange = false; } // Getters @@ -433,31 +428,33 @@ _proto.toggle = function toggle() { var triggerChangeEvent = true; var addAriaPressed = true; - var rootElement = $(this._element).closest(Selector$1.DATA_TOGGLE)[0]; + var rootElement = $__default['default'](this._element).closest(SELECTOR_DATA_TOGGLES)[0]; if (rootElement) { - var input = this._element.querySelector(Selector$1.INPUT); + var input = this._element.querySelector(SELECTOR_INPUT); if (input) { if (input.type === 'radio') { - if (input.checked && this._element.classList.contains(ClassName$1.ACTIVE)) { + if (input.checked && this._element.classList.contains(CLASS_NAME_ACTIVE)) { triggerChangeEvent = false; } else { - var activeElement = rootElement.querySelector(Selector$1.ACTIVE); + var activeElement = rootElement.querySelector(SELECTOR_ACTIVE); if (activeElement) { - $(activeElement).removeClass(ClassName$1.ACTIVE); + $__default['default'](activeElement).removeClass(CLASS_NAME_ACTIVE); } } } if (triggerChangeEvent) { - if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) { - return; + // if it's not a radio button or checkbox don't add a pointless/invalid checked property to the input + if (input.type === 'checkbox' || input.type === 'radio') { + input.checked = !this._element.classList.contains(CLASS_NAME_ACTIVE); } - input.checked = !this._element.classList.contains(ClassName$1.ACTIVE); - $(input).trigger('change'); + if (!this.shouldAvoidTriggerChange) { + $__default['default'](input).trigger('change'); + } } input.focus(); @@ -465,30 +462,35 @@ } } - if (addAriaPressed) { - this._element.setAttribute('aria-pressed', !this._element.classList.contains(ClassName$1.ACTIVE)); - } + if (!(this._element.hasAttribute('disabled') || this._element.classList.contains('disabled'))) { + if (addAriaPressed) { + this._element.setAttribute('aria-pressed', !this._element.classList.contains(CLASS_NAME_ACTIVE)); + } - if (triggerChangeEvent) { - $(this._element).toggleClass(ClassName$1.ACTIVE); + if (triggerChangeEvent) { + $__default['default'](this._element).toggleClass(CLASS_NAME_ACTIVE); + } } }; _proto.dispose = function dispose() { - $.removeData(this._element, DATA_KEY$1); + $__default['default'].removeData(this._element, DATA_KEY$1); this._element = null; - }; // Static + } // Static + ; - - Button._jQueryInterface = function _jQueryInterface(config) { + Button._jQueryInterface = function _jQueryInterface(config, avoidTriggerChange) { return this.each(function () { - var data = $(this).data(DATA_KEY$1); + var $element = $__default['default'](this); + var data = $element.data(DATA_KEY$1); if (!data) { data = new Button(this); - $(this).data(DATA_KEY$1, data); + $element.data(DATA_KEY$1, data); } + data.shouldAvoidTriggerChange = avoidTriggerChange; + if (config === 'toggle') { data[config](); } @@ -511,18 +513,61 @@ */ - $(document).on(Event$1.CLICK_DATA_API, Selector$1.DATA_TOGGLE_CARROT, function (event) { - event.preventDefault(); + $__default['default'](document).on(EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE_CARROT, function (event) { var button = event.target; + var initialButton = button; - if (!$(button).hasClass(ClassName$1.BUTTON)) { - button = $(button).closest(Selector$1.BUTTON); + if (!$__default['default'](button).hasClass(CLASS_NAME_BUTTON)) { + button = $__default['default'](button).closest(SELECTOR_BUTTON)[0]; } - Button._jQueryInterface.call($(button), 'toggle'); - }).on(Event$1.FOCUS_BLUR_DATA_API, Selector$1.DATA_TOGGLE_CARROT, function (event) { - var button = $(event.target).closest(Selector$1.BUTTON)[0]; - $(button).toggleClass(ClassName$1.FOCUS, /^focus(in)?$/.test(event.type)); + if (!button || button.hasAttribute('disabled') || button.classList.contains('disabled')) { + event.preventDefault(); // work around Firefox bug #1540995 + } else { + var inputBtn = button.querySelector(SELECTOR_INPUT); + + if (inputBtn && (inputBtn.hasAttribute('disabled') || inputBtn.classList.contains('disabled'))) { + event.preventDefault(); // work around Firefox bug #1540995 + + return; + } + + if (initialButton.tagName === 'INPUT' || button.tagName !== 'LABEL') { + Button._jQueryInterface.call($__default['default'](button), 'toggle', initialButton.tagName === 'INPUT'); + } + } + }).on(EVENT_FOCUS_BLUR_DATA_API, SELECTOR_DATA_TOGGLE_CARROT, function (event) { + var button = $__default['default'](event.target).closest(SELECTOR_BUTTON)[0]; + $__default['default'](button).toggleClass(CLASS_NAME_FOCUS, /^focus(in)?$/.test(event.type)); + }); + $__default['default'](window).on(EVENT_LOAD_DATA_API, function () { + // ensure correct active class is set to match the controls' actual values/states + // find all checkboxes/readio buttons inside data-toggle groups + var buttons = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLES_BUTTONS)); + + for (var i = 0, len = buttons.length; i < len; i++) { + var button = buttons[i]; + var input = button.querySelector(SELECTOR_INPUT); + + if (input.checked || input.hasAttribute('checked')) { + button.classList.add(CLASS_NAME_ACTIVE); + } else { + button.classList.remove(CLASS_NAME_ACTIVE); + } + } // find all button toggles + + + buttons = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE)); + + for (var _i = 0, _len = buttons.length; _i < _len; _i++) { + var _button = buttons[_i]; + + if (_button.getAttribute('aria-pressed') === 'true') { + _button.classList.add(CLASS_NAME_ACTIVE); + } else { + _button.classList.remove(CLASS_NAME_ACTIVE); + } + } }); /** * ------------------------------------------------------------------------ @@ -530,11 +575,11 @@ * ------------------------------------------------------------------------ */ - $.fn[NAME$1] = Button._jQueryInterface; - $.fn[NAME$1].Constructor = Button; + $__default['default'].fn[NAME$1] = Button._jQueryInterface; + $__default['default'].fn[NAME$1].Constructor = Button; - $.fn[NAME$1].noConflict = function () { - $.fn[NAME$1] = JQUERY_NO_CONFLICT$1; + $__default['default'].fn[NAME$1].noConflict = function () { + $__default['default'].fn[NAME$1] = JQUERY_NO_CONFLICT$1; return Button._jQueryInterface; }; @@ -545,11 +590,11 @@ */ var NAME$2 = 'carousel'; - var VERSION$2 = '4.2.1'; + var VERSION$2 = '4.6.0'; var DATA_KEY$2 = 'bs.carousel'; var EVENT_KEY$2 = "." + DATA_KEY$2; var DATA_API_KEY$2 = '.data-api'; - var JQUERY_NO_CONFLICT$2 = $.fn[NAME$2]; + var JQUERY_NO_CONFLICT$2 = $__default['default'].fn[NAME$2]; var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key @@ -573,62 +618,50 @@ wrap: 'boolean', touch: 'boolean' }; - var Direction = { - NEXT: 'next', - PREV: 'prev', - LEFT: 'left', - RIGHT: 'right' - }; - var Event$2 = { - SLIDE: "slide" + EVENT_KEY$2, - SLID: "slid" + EVENT_KEY$2, - KEYDOWN: "keydown" + EVENT_KEY$2, - MOUSEENTER: "mouseenter" + EVENT_KEY$2, - MOUSELEAVE: "mouseleave" + EVENT_KEY$2, - TOUCHSTART: "touchstart" + EVENT_KEY$2, - TOUCHMOVE: "touchmove" + EVENT_KEY$2, - TOUCHEND: "touchend" + EVENT_KEY$2, - POINTERDOWN: "pointerdown" + EVENT_KEY$2, - POINTERUP: "pointerup" + EVENT_KEY$2, - DRAG_START: "dragstart" + EVENT_KEY$2, - LOAD_DATA_API: "load" + EVENT_KEY$2 + DATA_API_KEY$2, - CLICK_DATA_API: "click" + EVENT_KEY$2 + DATA_API_KEY$2 - }; - var ClassName$2 = { - CAROUSEL: 'carousel', - ACTIVE: 'active', - SLIDE: 'slide', - RIGHT: 'carousel-item-right', - LEFT: 'carousel-item-left', - NEXT: 'carousel-item-next', - PREV: 'carousel-item-prev', - ITEM: 'carousel-item', - POINTER_EVENT: 'pointer-event' - }; - var Selector$2 = { - ACTIVE: '.active', - ACTIVE_ITEM: '.active.carousel-item', - ITEM: '.carousel-item', - ITEM_IMG: '.carousel-item img', - NEXT_PREV: '.carousel-item-next, .carousel-item-prev', - INDICATORS: '.carousel-indicators', - DATA_SLIDE: '[data-slide], [data-slide-to]', - DATA_RIDE: '[data-ride="carousel"]' - }; + var DIRECTION_NEXT = 'next'; + var DIRECTION_PREV = 'prev'; + var DIRECTION_LEFT = 'left'; + var DIRECTION_RIGHT = 'right'; + var EVENT_SLIDE = "slide" + EVENT_KEY$2; + var EVENT_SLID = "slid" + EVENT_KEY$2; + var EVENT_KEYDOWN = "keydown" + EVENT_KEY$2; + var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY$2; + var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY$2; + var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY$2; + var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY$2; + var EVENT_TOUCHEND = "touchend" + EVENT_KEY$2; + var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY$2; + var EVENT_POINTERUP = "pointerup" + EVENT_KEY$2; + var EVENT_DRAG_START = "dragstart" + EVENT_KEY$2; + var EVENT_LOAD_DATA_API$1 = "load" + EVENT_KEY$2 + DATA_API_KEY$2; + var EVENT_CLICK_DATA_API$2 = "click" + EVENT_KEY$2 + DATA_API_KEY$2; + var CLASS_NAME_CAROUSEL = 'carousel'; + var CLASS_NAME_ACTIVE$1 = 'active'; + var CLASS_NAME_SLIDE = 'slide'; + var CLASS_NAME_RIGHT = 'carousel-item-right'; + var CLASS_NAME_LEFT = 'carousel-item-left'; + var CLASS_NAME_NEXT = 'carousel-item-next'; + var CLASS_NAME_PREV = 'carousel-item-prev'; + var CLASS_NAME_POINTER_EVENT = 'pointer-event'; + var SELECTOR_ACTIVE$1 = '.active'; + var SELECTOR_ACTIVE_ITEM = '.active.carousel-item'; + var SELECTOR_ITEM = '.carousel-item'; + var SELECTOR_ITEM_IMG = '.carousel-item img'; + var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev'; + var SELECTOR_INDICATORS = '.carousel-indicators'; + var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]'; + var SELECTOR_DATA_RIDE = '[data-ride="carousel"]'; var PointerType = { TOUCH: 'touch', PEN: 'pen' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ - }; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - var Carousel = - /*#__PURE__*/ - function () { + var Carousel = /*#__PURE__*/function () { function Carousel(element, config) { this._items = null; this._interval = null; @@ -640,7 +673,7 @@ this.touchDeltaX = 0; this._config = this._getConfig(config); this._element = element; - this._indicatorsElement = this._element.querySelector(Selector$2.INDICATORS); + this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS); this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0; this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent); @@ -653,21 +686,22 @@ // Public _proto.next = function next() { if (!this._isSliding) { - this._slide(Direction.NEXT); + this._slide(DIRECTION_NEXT); } }; _proto.nextWhenVisible = function nextWhenVisible() { - // Don't call next when the page isn't visible + var $element = $__default['default'](this._element); // Don't call next when the page isn't visible // or the carousel or its parent isn't visible - if (!document.hidden && $(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden') { + + if (!document.hidden && $element.is(':visible') && $element.css('visibility') !== 'hidden') { this.next(); } }; _proto.prev = function prev() { if (!this._isSliding) { - this._slide(Direction.PREV); + this._slide(DIRECTION_PREV); } }; @@ -676,7 +710,7 @@ this._isPaused = true; } - if (this._element.querySelector(Selector$2.NEXT_PREV)) { + if (this._element.querySelector(SELECTOR_NEXT_PREV)) { Util.triggerTransitionEnd(this._element); this.cycle(true); } @@ -696,6 +730,8 @@ } if (this._config.interval && !this._isPaused) { + this._updateInterval(); + this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval); } }; @@ -703,7 +739,7 @@ _proto.to = function to(index) { var _this = this; - this._activeElement = this._element.querySelector(Selector$2.ACTIVE_ITEM); + this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM); var activeIndex = this._getItemIndex(this._activeElement); @@ -712,7 +748,7 @@ } if (this._isSliding) { - $(this._element).one(Event$2.SLID, function () { + $__default['default'](this._element).one(EVENT_SLID, function () { return _this.to(index); }); return; @@ -724,14 +760,14 @@ return; } - var direction = index > activeIndex ? Direction.NEXT : Direction.PREV; + var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV; this._slide(direction, this._items[index]); }; _proto.dispose = function dispose() { - $(this._element).off(EVENT_KEY$2); - $.removeData(this._element, DATA_KEY$2); + $__default['default'](this._element).off(EVENT_KEY$2); + $__default['default'].removeData(this._element, DATA_KEY$2); this._items = null; this._config = null; this._element = null; @@ -740,11 +776,11 @@ this._isSliding = null; this._activeElement = null; this._indicatorsElement = null; - }; // Private - + } // Private + ; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, Default, config); + config = _extends({}, Default, config); Util.typeCheckConfig(NAME$2, config, DefaultType); return config; }; @@ -756,7 +792,8 @@ return; } - var direction = absDeltax / this.touchDeltaX; // swipe left + var direction = absDeltax / this.touchDeltaX; + this.touchDeltaX = 0; // swipe left if (direction > 0) { this.prev(); @@ -772,20 +809,22 @@ var _this2 = this; if (this._config.keyboard) { - $(this._element).on(Event$2.KEYDOWN, function (event) { + $__default['default'](this._element).on(EVENT_KEYDOWN, function (event) { return _this2._keydown(event); }); } if (this._config.pause === 'hover') { - $(this._element).on(Event$2.MOUSEENTER, function (event) { + $__default['default'](this._element).on(EVENT_MOUSEENTER, function (event) { return _this2.pause(event); - }).on(Event$2.MOUSELEAVE, function (event) { + }).on(EVENT_MOUSELEAVE, function (event) { return _this2.cycle(event); }); } - this._addTouchEventListeners(); + if (this._config.touch) { + this._addTouchEventListeners(); + } }; _proto._addTouchEventListeners = function _addTouchEventListeners() { @@ -839,27 +878,27 @@ } }; - $(this._element.querySelectorAll(Selector$2.ITEM_IMG)).on(Event$2.DRAG_START, function (e) { + $__default['default'](this._element.querySelectorAll(SELECTOR_ITEM_IMG)).on(EVENT_DRAG_START, function (e) { return e.preventDefault(); }); if (this._pointerEvent) { - $(this._element).on(Event$2.POINTERDOWN, function (event) { + $__default['default'](this._element).on(EVENT_POINTERDOWN, function (event) { return start(event); }); - $(this._element).on(Event$2.POINTERUP, function (event) { + $__default['default'](this._element).on(EVENT_POINTERUP, function (event) { return end(event); }); - this._element.classList.add(ClassName$2.POINTER_EVENT); + this._element.classList.add(CLASS_NAME_POINTER_EVENT); } else { - $(this._element).on(Event$2.TOUCHSTART, function (event) { + $__default['default'](this._element).on(EVENT_TOUCHSTART, function (event) { return start(event); }); - $(this._element).on(Event$2.TOUCHMOVE, function (event) { + $__default['default'](this._element).on(EVENT_TOUCHMOVE, function (event) { return move(event); }); - $(this._element).on(Event$2.TOUCHEND, function (event) { + $__default['default'](this._element).on(EVENT_TOUCHEND, function (event) { return end(event); }); } @@ -880,19 +919,17 @@ event.preventDefault(); this.next(); break; - - default: } }; _proto._getItemIndex = function _getItemIndex(element) { - this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(Selector$2.ITEM)) : []; + this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) : []; return this._items.indexOf(element); }; _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) { - var isNextDirection = direction === Direction.NEXT; - var isPrevDirection = direction === Direction.PREV; + var isNextDirection = direction === DIRECTION_NEXT; + var isPrevDirection = direction === DIRECTION_PREV; var activeIndex = this._getItemIndex(activeElement); @@ -903,7 +940,7 @@ return activeElement; } - var delta = direction === Direction.PREV ? -1 : 1; + var delta = direction === DIRECTION_PREV ? -1 : 1; var itemIndex = (activeIndex + delta) % this._items.length; return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex]; }; @@ -911,35 +948,52 @@ _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) { var targetIndex = this._getItemIndex(relatedTarget); - var fromIndex = this._getItemIndex(this._element.querySelector(Selector$2.ACTIVE_ITEM)); + var fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM)); - var slideEvent = $.Event(Event$2.SLIDE, { + var slideEvent = $__default['default'].Event(EVENT_SLIDE, { relatedTarget: relatedTarget, direction: eventDirectionName, from: fromIndex, to: targetIndex }); - $(this._element).trigger(slideEvent); + $__default['default'](this._element).trigger(slideEvent); return slideEvent; }; _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) { if (this._indicatorsElement) { - var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(Selector$2.ACTIVE)); - $(indicators).removeClass(ClassName$2.ACTIVE); + var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE$1)); + $__default['default'](indicators).removeClass(CLASS_NAME_ACTIVE$1); var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)]; if (nextIndicator) { - $(nextIndicator).addClass(ClassName$2.ACTIVE); + $__default['default'](nextIndicator).addClass(CLASS_NAME_ACTIVE$1); } } }; + _proto._updateInterval = function _updateInterval() { + var element = this._activeElement || this._element.querySelector(SELECTOR_ACTIVE_ITEM); + + if (!element) { + return; + } + + var elementInterval = parseInt(element.getAttribute('data-interval'), 10); + + if (elementInterval) { + this._config.defaultInterval = this._config.defaultInterval || this._config.interval; + this._config.interval = elementInterval; + } else { + this._config.interval = this._config.defaultInterval || this._config.interval; + } + }; + _proto._slide = function _slide(direction, element) { var _this4 = this; - var activeElement = this._element.querySelector(Selector$2.ACTIVE_ITEM); + var activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM); var activeElementIndex = this._getItemIndex(activeElement); @@ -952,17 +1006,17 @@ var orderClassName; var eventDirectionName; - if (direction === Direction.NEXT) { - directionalClassName = ClassName$2.LEFT; - orderClassName = ClassName$2.NEXT; - eventDirectionName = Direction.LEFT; + if (direction === DIRECTION_NEXT) { + directionalClassName = CLASS_NAME_LEFT; + orderClassName = CLASS_NAME_NEXT; + eventDirectionName = DIRECTION_LEFT; } else { - directionalClassName = ClassName$2.RIGHT; - orderClassName = ClassName$2.PREV; - eventDirectionName = Direction.RIGHT; + directionalClassName = CLASS_NAME_RIGHT; + orderClassName = CLASS_NAME_PREV; + eventDirectionName = DIRECTION_RIGHT; } - if (nextElement && $(nextElement).hasClass(ClassName$2.ACTIVE)) { + if (nextElement && $__default['default'](nextElement).hasClass(CLASS_NAME_ACTIVE$1)) { this._isSliding = false; return; } @@ -986,64 +1040,56 @@ this._setActiveIndicatorElement(nextElement); - var slidEvent = $.Event(Event$2.SLID, { + this._activeElement = nextElement; + var slidEvent = $__default['default'].Event(EVENT_SLID, { relatedTarget: nextElement, direction: eventDirectionName, from: activeElementIndex, to: nextElementIndex }); - if ($(this._element).hasClass(ClassName$2.SLIDE)) { - $(nextElement).addClass(orderClassName); + if ($__default['default'](this._element).hasClass(CLASS_NAME_SLIDE)) { + $__default['default'](nextElement).addClass(orderClassName); Util.reflow(nextElement); - $(activeElement).addClass(directionalClassName); - $(nextElement).addClass(directionalClassName); - var nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10); - - if (nextElementInterval) { - this._config.defaultInterval = this._config.defaultInterval || this._config.interval; - this._config.interval = nextElementInterval; - } else { - this._config.interval = this._config.defaultInterval || this._config.interval; - } - + $__default['default'](activeElement).addClass(directionalClassName); + $__default['default'](nextElement).addClass(directionalClassName); var transitionDuration = Util.getTransitionDurationFromElement(activeElement); - $(activeElement).one(Util.TRANSITION_END, function () { - $(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName$2.ACTIVE); - $(activeElement).removeClass(ClassName$2.ACTIVE + " " + orderClassName + " " + directionalClassName); + $__default['default'](activeElement).one(Util.TRANSITION_END, function () { + $__default['default'](nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(CLASS_NAME_ACTIVE$1); + $__default['default'](activeElement).removeClass(CLASS_NAME_ACTIVE$1 + " " + orderClassName + " " + directionalClassName); _this4._isSliding = false; setTimeout(function () { - return $(_this4._element).trigger(slidEvent); + return $__default['default'](_this4._element).trigger(slidEvent); }, 0); }).emulateTransitionEnd(transitionDuration); } else { - $(activeElement).removeClass(ClassName$2.ACTIVE); - $(nextElement).addClass(ClassName$2.ACTIVE); + $__default['default'](activeElement).removeClass(CLASS_NAME_ACTIVE$1); + $__default['default'](nextElement).addClass(CLASS_NAME_ACTIVE$1); this._isSliding = false; - $(this._element).trigger(slidEvent); + $__default['default'](this._element).trigger(slidEvent); } if (isCycling) { this.cycle(); } - }; // Static - + } // Static + ; Carousel._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $(this).data(DATA_KEY$2); + var data = $__default['default'](this).data(DATA_KEY$2); - var _config = _objectSpread({}, Default, $(this).data()); + var _config = _extends({}, Default, $__default['default'](this).data()); if (typeof config === 'object') { - _config = _objectSpread({}, _config, config); + _config = _extends({}, _config, config); } var action = typeof config === 'string' ? config : _config.slide; if (!data) { data = new Carousel(this, _config); - $(this).data(DATA_KEY$2, data); + $__default['default'](this).data(DATA_KEY$2, data); } if (typeof config === 'number') { @@ -1054,7 +1100,7 @@ } data[action](); - } else if (_config.interval) { + } else if (_config.interval && _config.ride) { data.pause(); data.cycle(); } @@ -1068,13 +1114,13 @@ return; } - var target = $(selector)[0]; + var target = $__default['default'](selector)[0]; - if (!target || !$(target).hasClass(ClassName$2.CAROUSEL)) { + if (!target || !$__default['default'](target).hasClass(CLASS_NAME_CAROUSEL)) { return; } - var config = _objectSpread({}, $(target).data(), $(this).data()); + var config = _extends({}, $__default['default'](target).data(), $__default['default'](this).data()); var slideIndex = this.getAttribute('data-slide-to'); @@ -1082,10 +1128,10 @@ config.interval = false; } - Carousel._jQueryInterface.call($(target), config); + Carousel._jQueryInterface.call($__default['default'](target), config); if (slideIndex) { - $(target).data(DATA_KEY$2).to(slideIndex); + $__default['default'](target).data(DATA_KEY$2).to(slideIndex); } event.preventDefault(); @@ -1112,12 +1158,12 @@ */ - $(document).on(Event$2.CLICK_DATA_API, Selector$2.DATA_SLIDE, Carousel._dataApiClickHandler); - $(window).on(Event$2.LOAD_DATA_API, function () { - var carousels = [].slice.call(document.querySelectorAll(Selector$2.DATA_RIDE)); + $__default['default'](document).on(EVENT_CLICK_DATA_API$2, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler); + $__default['default'](window).on(EVENT_LOAD_DATA_API$1, function () { + var carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE)); for (var i = 0, len = carousels.length; i < len; i++) { - var $carousel = $(carousels[i]); + var $carousel = $__default['default'](carousels[i]); Carousel._jQueryInterface.call($carousel, $carousel.data()); } @@ -1128,11 +1174,11 @@ * ------------------------------------------------------------------------ */ - $.fn[NAME$2] = Carousel._jQueryInterface; - $.fn[NAME$2].Constructor = Carousel; + $__default['default'].fn[NAME$2] = Carousel._jQueryInterface; + $__default['default'].fn[NAME$2].Constructor = Carousel; - $.fn[NAME$2].noConflict = function () { - $.fn[NAME$2] = JQUERY_NO_CONFLICT$2; + $__default['default'].fn[NAME$2].noConflict = function () { + $__default['default'].fn[NAME$2] = JQUERY_NO_CONFLICT$2; return Carousel._jQueryInterface; }; @@ -1143,11 +1189,11 @@ */ var NAME$3 = 'collapse'; - var VERSION$3 = '4.2.1'; + var VERSION$3 = '4.6.0'; var DATA_KEY$3 = 'bs.collapse'; var EVENT_KEY$3 = "." + DATA_KEY$3; var DATA_API_KEY$3 = '.data-api'; - var JQUERY_NO_CONFLICT$3 = $.fn[NAME$3]; + var JQUERY_NO_CONFLICT$3 = $__default['default'].fn[NAME$3]; var Default$1 = { toggle: true, parent: '' @@ -1156,43 +1202,32 @@ toggle: 'boolean', parent: '(string|element)' }; - var Event$3 = { - SHOW: "show" + EVENT_KEY$3, - SHOWN: "shown" + EVENT_KEY$3, - HIDE: "hide" + EVENT_KEY$3, - HIDDEN: "hidden" + EVENT_KEY$3, - CLICK_DATA_API: "click" + EVENT_KEY$3 + DATA_API_KEY$3 - }; - var ClassName$3 = { - SHOW: 'show', - COLLAPSE: 'collapse', - COLLAPSING: 'collapsing', - COLLAPSED: 'collapsed' - }; - var Dimension = { - WIDTH: 'width', - HEIGHT: 'height' - }; - var Selector$3 = { - ACTIVES: '.show, .collapsing', - DATA_TOGGLE: '[data-toggle="collapse"]' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var EVENT_SHOW = "show" + EVENT_KEY$3; + var EVENT_SHOWN = "shown" + EVENT_KEY$3; + var EVENT_HIDE = "hide" + EVENT_KEY$3; + var EVENT_HIDDEN = "hidden" + EVENT_KEY$3; + var EVENT_CLICK_DATA_API$3 = "click" + EVENT_KEY$3 + DATA_API_KEY$3; + var CLASS_NAME_SHOW$1 = 'show'; + var CLASS_NAME_COLLAPSE = 'collapse'; + var CLASS_NAME_COLLAPSING = 'collapsing'; + var CLASS_NAME_COLLAPSED = 'collapsed'; + var DIMENSION_WIDTH = 'width'; + var DIMENSION_HEIGHT = 'height'; + var SELECTOR_ACTIVES = '.show, .collapsing'; + var SELECTOR_DATA_TOGGLE$1 = '[data-toggle="collapse"]'; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var Collapse = - /*#__PURE__*/ - function () { + var Collapse = /*#__PURE__*/function () { function Collapse(element, config) { this._isTransitioning = false; this._element = element; this._config = this._getConfig(config); this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]"))); - var toggleList = [].slice.call(document.querySelectorAll(Selector$3.DATA_TOGGLE)); + var toggleList = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE$1)); for (var i = 0, len = toggleList.length; i < len; i++) { var elem = toggleList[i]; @@ -1224,7 +1259,7 @@ // Public _proto.toggle = function toggle() { - if ($(this._element).hasClass(ClassName$3.SHOW)) { + if ($__default['default'](this._element).hasClass(CLASS_NAME_SHOW$1)) { this.hide(); } else { this.show(); @@ -1234,7 +1269,7 @@ _proto.show = function show() { var _this = this; - if (this._isTransitioning || $(this._element).hasClass(ClassName$3.SHOW)) { + if (this._isTransitioning || $__default['default'](this._element).hasClass(CLASS_NAME_SHOW$1)) { return; } @@ -1242,12 +1277,12 @@ var activesData; if (this._parent) { - actives = [].slice.call(this._parent.querySelectorAll(Selector$3.ACTIVES)).filter(function (elem) { + actives = [].slice.call(this._parent.querySelectorAll(SELECTOR_ACTIVES)).filter(function (elem) { if (typeof _this._config.parent === 'string') { return elem.getAttribute('data-parent') === _this._config.parent; } - return elem.classList.contains(ClassName$3.COLLAPSE); + return elem.classList.contains(CLASS_NAME_COLLAPSE); }); if (actives.length === 0) { @@ -1256,64 +1291,64 @@ } if (actives) { - activesData = $(actives).not(this._selector).data(DATA_KEY$3); + activesData = $__default['default'](actives).not(this._selector).data(DATA_KEY$3); if (activesData && activesData._isTransitioning) { return; } } - var startEvent = $.Event(Event$3.SHOW); - $(this._element).trigger(startEvent); + var startEvent = $__default['default'].Event(EVENT_SHOW); + $__default['default'](this._element).trigger(startEvent); if (startEvent.isDefaultPrevented()) { return; } if (actives) { - Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide'); + Collapse._jQueryInterface.call($__default['default'](actives).not(this._selector), 'hide'); if (!activesData) { - $(actives).data(DATA_KEY$3, null); + $__default['default'](actives).data(DATA_KEY$3, null); } } var dimension = this._getDimension(); - $(this._element).removeClass(ClassName$3.COLLAPSE).addClass(ClassName$3.COLLAPSING); + $__default['default'](this._element).removeClass(CLASS_NAME_COLLAPSE).addClass(CLASS_NAME_COLLAPSING); this._element.style[dimension] = 0; if (this._triggerArray.length) { - $(this._triggerArray).removeClass(ClassName$3.COLLAPSED).attr('aria-expanded', true); + $__default['default'](this._triggerArray).removeClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', true); } this.setTransitioning(true); var complete = function complete() { - $(_this._element).removeClass(ClassName$3.COLLAPSING).addClass(ClassName$3.COLLAPSE).addClass(ClassName$3.SHOW); + $__default['default'](_this._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW$1); _this._element.style[dimension] = ''; _this.setTransitioning(false); - $(_this._element).trigger(Event$3.SHOWN); + $__default['default'](_this._element).trigger(EVENT_SHOWN); }; var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1); var scrollSize = "scroll" + capitalizedDimension; var transitionDuration = Util.getTransitionDurationFromElement(this._element); - $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); + $__default['default'](this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); this._element.style[dimension] = this._element[scrollSize] + "px"; }; _proto.hide = function hide() { var _this2 = this; - if (this._isTransitioning || !$(this._element).hasClass(ClassName$3.SHOW)) { + if (this._isTransitioning || !$__default['default'](this._element).hasClass(CLASS_NAME_SHOW$1)) { return; } - var startEvent = $.Event(Event$3.HIDE); - $(this._element).trigger(startEvent); + var startEvent = $__default['default'].Event(EVENT_HIDE); + $__default['default'](this._element).trigger(startEvent); if (startEvent.isDefaultPrevented()) { return; @@ -1323,7 +1358,7 @@ this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px"; Util.reflow(this._element); - $(this._element).addClass(ClassName$3.COLLAPSING).removeClass(ClassName$3.COLLAPSE).removeClass(ClassName$3.SHOW); + $__default['default'](this._element).addClass(CLASS_NAME_COLLAPSING).removeClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW$1); var triggerArrayLength = this._triggerArray.length; if (triggerArrayLength > 0) { @@ -1332,10 +1367,10 @@ var selector = Util.getSelectorFromElement(trigger); if (selector !== null) { - var $elem = $([].slice.call(document.querySelectorAll(selector))); + var $elem = $__default['default']([].slice.call(document.querySelectorAll(selector))); - if (!$elem.hasClass(ClassName$3.SHOW)) { - $(trigger).addClass(ClassName$3.COLLAPSED).attr('aria-expanded', false); + if (!$elem.hasClass(CLASS_NAME_SHOW$1)) { + $__default['default'](trigger).addClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', false); } } } @@ -1346,12 +1381,12 @@ var complete = function complete() { _this2.setTransitioning(false); - $(_this2._element).removeClass(ClassName$3.COLLAPSING).addClass(ClassName$3.COLLAPSE).trigger(Event$3.HIDDEN); + $__default['default'](_this2._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE).trigger(EVENT_HIDDEN); }; this._element.style[dimension] = ''; var transitionDuration = Util.getTransitionDurationFromElement(this._element); - $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); + $__default['default'](this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); }; _proto.setTransitioning = function setTransitioning(isTransitioning) { @@ -1359,17 +1394,17 @@ }; _proto.dispose = function dispose() { - $.removeData(this._element, DATA_KEY$3); + $__default['default'].removeData(this._element, DATA_KEY$3); this._config = null; this._parent = null; this._element = null; this._triggerArray = null; this._isTransitioning = null; - }; // Private - + } // Private + ; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, Default$1, config); + config = _extends({}, Default$1, config); config.toggle = Boolean(config.toggle); // Coerce string values Util.typeCheckConfig(NAME$3, config, DefaultType$1); @@ -1377,8 +1412,8 @@ }; _proto._getDimension = function _getDimension() { - var hasWidth = $(this._element).hasClass(Dimension.WIDTH); - return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT; + var hasWidth = $__default['default'](this._element).hasClass(DIMENSION_WIDTH); + return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT; }; _proto._getParent = function _getParent() { @@ -1398,20 +1433,20 @@ var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]"; var children = [].slice.call(parent.querySelectorAll(selector)); - $(children).each(function (i, element) { + $__default['default'](children).each(function (i, element) { _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]); }); return parent; }; _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) { - var isOpen = $(element).hasClass(ClassName$3.SHOW); + var isOpen = $__default['default'](element).hasClass(CLASS_NAME_SHOW$1); if (triggerArray.length) { - $(triggerArray).toggleClass(ClassName$3.COLLAPSED, !isOpen).attr('aria-expanded', isOpen); + $__default['default'](triggerArray).toggleClass(CLASS_NAME_COLLAPSED, !isOpen).attr('aria-expanded', isOpen); } - }; // Static - + } // Static + ; Collapse._getTargetFromElement = function _getTargetFromElement(element) { var selector = Util.getSelectorFromElement(element); @@ -1420,18 +1455,18 @@ Collapse._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var $this = $(this); - var data = $this.data(DATA_KEY$3); + var $element = $__default['default'](this); + var data = $element.data(DATA_KEY$3); - var _config = _objectSpread({}, Default$1, $this.data(), typeof config === 'object' && config ? config : {}); + var _config = _extends({}, Default$1, $element.data(), typeof config === 'object' && config ? config : {}); - if (!data && _config.toggle && /show|hide/.test(config)) { + if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) { _config.toggle = false; } if (!data) { data = new Collapse(this, _config); - $this.data(DATA_KEY$3, data); + $element.data(DATA_KEY$3, data); } if (typeof config === 'string') { @@ -1465,17 +1500,17 @@ */ - $(document).on(Event$3.CLICK_DATA_API, Selector$3.DATA_TOGGLE, function (event) { + $__default['default'](document).on(EVENT_CLICK_DATA_API$3, SELECTOR_DATA_TOGGLE$1, function (event) { // preventDefault only for elements (which change the URL) not inside the collapsible element if (event.currentTarget.tagName === 'A') { event.preventDefault(); } - var $trigger = $(this); + var $trigger = $__default['default'](this); var selector = Util.getSelectorFromElement(this); var selectors = [].slice.call(document.querySelectorAll(selector)); - $(selectors).each(function () { - var $target = $(this); + $__default['default'](selectors).each(function () { + var $target = $__default['default'](this); var data = $target.data(DATA_KEY$3); var config = data ? 'toggle' : $trigger.data(); @@ -1488,11 +1523,11 @@ * ------------------------------------------------------------------------ */ - $.fn[NAME$3] = Collapse._jQueryInterface; - $.fn[NAME$3].Constructor = Collapse; + $__default['default'].fn[NAME$3] = Collapse._jQueryInterface; + $__default['default'].fn[NAME$3].Constructor = Collapse; - $.fn[NAME$3].noConflict = function () { - $.fn[NAME$3] = JQUERY_NO_CONFLICT$3; + $__default['default'].fn[NAME$3].noConflict = function () { + $__default['default'].fn[NAME$3] = JQUERY_NO_CONFLICT$3; return Collapse._jQueryInterface; }; @@ -1503,11 +1538,11 @@ */ var NAME$4 = 'dropdown'; - var VERSION$4 = '4.2.1'; + var VERSION$4 = '4.6.0'; var DATA_KEY$4 = 'bs.dropdown'; var EVENT_KEY$4 = "." + DATA_KEY$4; var DATA_API_KEY$4 = '.data-api'; - var JQUERY_NO_CONFLICT$4 = $.fn[NAME$4]; + var JQUERY_NO_CONFLICT$4 = $__default['default'].fn[NAME$4]; var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key @@ -1521,67 +1556,55 @@ var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse) var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE); - var Event$4 = { - HIDE: "hide" + EVENT_KEY$4, - HIDDEN: "hidden" + EVENT_KEY$4, - SHOW: "show" + EVENT_KEY$4, - SHOWN: "shown" + EVENT_KEY$4, - CLICK: "click" + EVENT_KEY$4, - CLICK_DATA_API: "click" + EVENT_KEY$4 + DATA_API_KEY$4, - KEYDOWN_DATA_API: "keydown" + EVENT_KEY$4 + DATA_API_KEY$4, - KEYUP_DATA_API: "keyup" + EVENT_KEY$4 + DATA_API_KEY$4 - }; - var ClassName$4 = { - DISABLED: 'disabled', - SHOW: 'show', - DROPUP: 'dropup', - DROPRIGHT: 'dropright', - DROPLEFT: 'dropleft', - MENURIGHT: 'dropdown-menu-right', - MENULEFT: 'dropdown-menu-left', - POSITION_STATIC: 'position-static' - }; - var Selector$4 = { - DATA_TOGGLE: '[data-toggle="dropdown"]', - FORM_CHILD: '.dropdown form', - MENU: '.dropdown-menu', - NAVBAR_NAV: '.navbar-nav', - VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)' - }; - var AttachmentMap = { - TOP: 'top-start', - TOPEND: 'top-end', - BOTTOM: 'bottom-start', - BOTTOMEND: 'bottom-end', - RIGHT: 'right-start', - RIGHTEND: 'right-end', - LEFT: 'left-start', - LEFTEND: 'left-end' - }; + var EVENT_HIDE$1 = "hide" + EVENT_KEY$4; + var EVENT_HIDDEN$1 = "hidden" + EVENT_KEY$4; + var EVENT_SHOW$1 = "show" + EVENT_KEY$4; + var EVENT_SHOWN$1 = "shown" + EVENT_KEY$4; + var EVENT_CLICK = "click" + EVENT_KEY$4; + var EVENT_CLICK_DATA_API$4 = "click" + EVENT_KEY$4 + DATA_API_KEY$4; + var EVENT_KEYDOWN_DATA_API = "keydown" + EVENT_KEY$4 + DATA_API_KEY$4; + var EVENT_KEYUP_DATA_API = "keyup" + EVENT_KEY$4 + DATA_API_KEY$4; + var CLASS_NAME_DISABLED = 'disabled'; + var CLASS_NAME_SHOW$2 = 'show'; + var CLASS_NAME_DROPUP = 'dropup'; + var CLASS_NAME_DROPRIGHT = 'dropright'; + var CLASS_NAME_DROPLEFT = 'dropleft'; + var CLASS_NAME_MENURIGHT = 'dropdown-menu-right'; + var CLASS_NAME_POSITION_STATIC = 'position-static'; + var SELECTOR_DATA_TOGGLE$2 = '[data-toggle="dropdown"]'; + var SELECTOR_FORM_CHILD = '.dropdown form'; + var SELECTOR_MENU = '.dropdown-menu'; + var SELECTOR_NAVBAR_NAV = '.navbar-nav'; + var SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'; + var PLACEMENT_TOP = 'top-start'; + var PLACEMENT_TOPEND = 'top-end'; + var PLACEMENT_BOTTOM = 'bottom-start'; + var PLACEMENT_BOTTOMEND = 'bottom-end'; + var PLACEMENT_RIGHT = 'right-start'; + var PLACEMENT_LEFT = 'left-start'; var Default$2 = { offset: 0, flip: true, boundary: 'scrollParent', reference: 'toggle', - display: 'dynamic' + display: 'dynamic', + popperConfig: null }; var DefaultType$2 = { offset: '(number|string|function)', flip: 'boolean', boundary: '(string|element)', reference: '(string|element)', - display: 'string' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ - + display: 'string', + popperConfig: '(null|object)' }; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - var Dropdown = - /*#__PURE__*/ - function () { + var Dropdown = /*#__PURE__*/function () { function Dropdown(element, config) { this._element = element; this._popper = null; @@ -1597,13 +1620,11 @@ // Public _proto.toggle = function toggle() { - if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED)) { + if (this._element.disabled || $__default['default'](this._element).hasClass(CLASS_NAME_DISABLED)) { return; } - var parent = Dropdown._getParentFromElement(this._element); - - var isActive = $(this._menu).hasClass(ClassName$4.SHOW); + var isActive = $__default['default'](this._menu).hasClass(CLASS_NAME_SHOW$2); Dropdown._clearMenus(); @@ -1611,24 +1632,39 @@ return; } + this.show(true); + }; + + _proto.show = function show(usePopper) { + if (usePopper === void 0) { + usePopper = false; + } + + if (this._element.disabled || $__default['default'](this._element).hasClass(CLASS_NAME_DISABLED) || $__default['default'](this._menu).hasClass(CLASS_NAME_SHOW$2)) { + return; + } + var relatedTarget = { relatedTarget: this._element }; - var showEvent = $.Event(Event$4.SHOW, relatedTarget); - $(parent).trigger(showEvent); + var showEvent = $__default['default'].Event(EVENT_SHOW$1, relatedTarget); + + var parent = Dropdown._getParentFromElement(this._element); + + $__default['default'](parent).trigger(showEvent); if (showEvent.isDefaultPrevented()) { return; - } // Disable totally Popper.js for Dropdown in Navbar + } // Totally disable Popper for Dropdowns in Navbar - if (!this._inNavbar) { + if (!this._inNavbar && usePopper) { /** * Check for Popper dependency * Popper - https://popper.js.org */ - if (typeof Popper === 'undefined') { - throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org/)'); + if (typeof Popper__default['default'] === 'undefined') { + throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)'); } var referenceElement = this._element; @@ -1647,75 +1683,57 @@ if (this._config.boundary !== 'scrollParent') { - $(parent).addClass(ClassName$4.POSITION_STATIC); + $__default['default'](parent).addClass(CLASS_NAME_POSITION_STATIC); } - this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig()); + this._popper = new Popper__default['default'](referenceElement, this._menu, this._getPopperConfig()); } // If this is a touch-enabled device we add extra // empty mouseover listeners to the body's immediate children; // only needed because of broken event delegation on iOS // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html - if ('ontouchstart' in document.documentElement && $(parent).closest(Selector$4.NAVBAR_NAV).length === 0) { - $(document.body).children().on('mouseover', null, $.noop); + if ('ontouchstart' in document.documentElement && $__default['default'](parent).closest(SELECTOR_NAVBAR_NAV).length === 0) { + $__default['default'](document.body).children().on('mouseover', null, $__default['default'].noop); } this._element.focus(); this._element.setAttribute('aria-expanded', true); - $(this._menu).toggleClass(ClassName$4.SHOW); - $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget)); - }; - - _proto.show = function show() { - if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || $(this._menu).hasClass(ClassName$4.SHOW)) { - return; - } - - var relatedTarget = { - relatedTarget: this._element - }; - var showEvent = $.Event(Event$4.SHOW, relatedTarget); - - var parent = Dropdown._getParentFromElement(this._element); - - $(parent).trigger(showEvent); - - if (showEvent.isDefaultPrevented()) { - return; - } - - $(this._menu).toggleClass(ClassName$4.SHOW); - $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget)); + $__default['default'](this._menu).toggleClass(CLASS_NAME_SHOW$2); + $__default['default'](parent).toggleClass(CLASS_NAME_SHOW$2).trigger($__default['default'].Event(EVENT_SHOWN$1, relatedTarget)); }; _proto.hide = function hide() { - if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || !$(this._menu).hasClass(ClassName$4.SHOW)) { + if (this._element.disabled || $__default['default'](this._element).hasClass(CLASS_NAME_DISABLED) || !$__default['default'](this._menu).hasClass(CLASS_NAME_SHOW$2)) { return; } var relatedTarget = { relatedTarget: this._element }; - var hideEvent = $.Event(Event$4.HIDE, relatedTarget); + var hideEvent = $__default['default'].Event(EVENT_HIDE$1, relatedTarget); var parent = Dropdown._getParentFromElement(this._element); - $(parent).trigger(hideEvent); + $__default['default'](parent).trigger(hideEvent); if (hideEvent.isDefaultPrevented()) { return; } - $(this._menu).toggleClass(ClassName$4.SHOW); - $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.HIDDEN, relatedTarget)); + if (this._popper) { + this._popper.destroy(); + } + + $__default['default'](this._menu).toggleClass(CLASS_NAME_SHOW$2); + $__default['default'](parent).toggleClass(CLASS_NAME_SHOW$2).trigger($__default['default'].Event(EVENT_HIDDEN$1, relatedTarget)); }; _proto.dispose = function dispose() { - $.removeData(this._element, DATA_KEY$4); - $(this._element).off(EVENT_KEY$4); + $__default['default'].removeData(this._element, DATA_KEY$4); + $__default['default'](this._element).off(EVENT_KEY$4); this._element = null; this._menu = null; @@ -1732,13 +1750,13 @@ if (this._popper !== null) { this._popper.scheduleUpdate(); } - }; // Private - + } // Private + ; _proto._addEventListeners = function _addEventListeners() { var _this = this; - $(this._element).on(Event$4.CLICK, function (event) { + $__default['default'](this._element).on(EVENT_CLICK, function (event) { event.preventDefault(); event.stopPropagation(); @@ -1747,7 +1765,7 @@ }; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, this.constructor.Default, $(this._element).data(), config); + config = _extends({}, this.constructor.Default, $__default['default'](this._element).data(), config); Util.typeCheckConfig(NAME$4, config, this.constructor.DefaultType); return config; }; @@ -1757,7 +1775,7 @@ var parent = Dropdown._getParentFromElement(this._element); if (parent) { - this._menu = parent.querySelector(Selector$4.MENU); + this._menu = parent.querySelector(SELECTOR_MENU); } } @@ -1765,57 +1783,56 @@ }; _proto._getPlacement = function _getPlacement() { - var $parentDropdown = $(this._element.parentNode); - var placement = AttachmentMap.BOTTOM; // Handle dropup + var $parentDropdown = $__default['default'](this._element.parentNode); + var placement = PLACEMENT_BOTTOM; // Handle dropup - if ($parentDropdown.hasClass(ClassName$4.DROPUP)) { - placement = AttachmentMap.TOP; - - if ($(this._menu).hasClass(ClassName$4.MENURIGHT)) { - placement = AttachmentMap.TOPEND; - } - } else if ($parentDropdown.hasClass(ClassName$4.DROPRIGHT)) { - placement = AttachmentMap.RIGHT; - } else if ($parentDropdown.hasClass(ClassName$4.DROPLEFT)) { - placement = AttachmentMap.LEFT; - } else if ($(this._menu).hasClass(ClassName$4.MENURIGHT)) { - placement = AttachmentMap.BOTTOMEND; + if ($parentDropdown.hasClass(CLASS_NAME_DROPUP)) { + placement = $__default['default'](this._menu).hasClass(CLASS_NAME_MENURIGHT) ? PLACEMENT_TOPEND : PLACEMENT_TOP; + } else if ($parentDropdown.hasClass(CLASS_NAME_DROPRIGHT)) { + placement = PLACEMENT_RIGHT; + } else if ($parentDropdown.hasClass(CLASS_NAME_DROPLEFT)) { + placement = PLACEMENT_LEFT; + } else if ($__default['default'](this._menu).hasClass(CLASS_NAME_MENURIGHT)) { + placement = PLACEMENT_BOTTOMEND; } return placement; }; _proto._detectNavbar = function _detectNavbar() { - return $(this._element).closest('.navbar').length > 0; + return $__default['default'](this._element).closest('.navbar').length > 0; }; - _proto._getPopperConfig = function _getPopperConfig() { + _proto._getOffset = function _getOffset() { var _this2 = this; - var offsetConf = {}; + var offset = {}; if (typeof this._config.offset === 'function') { - offsetConf.fn = function (data) { - data.offsets = _objectSpread({}, data.offsets, _this2._config.offset(data.offsets) || {}); + offset.fn = function (data) { + data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets, _this2._element) || {}); return data; }; } else { - offsetConf.offset = this._config.offset; + offset.offset = this._config.offset; } + return offset; + }; + + _proto._getPopperConfig = function _getPopperConfig() { var popperConfig = { placement: this._getPlacement(), modifiers: { - offset: offsetConf, + offset: this._getOffset(), flip: { enabled: this._config.flip }, preventOverflow: { boundariesElement: this._config.boundary } - } // Disable Popper.js if we have a static display - - }; + } + }; // Disable Popper if we have a static display if (this._config.display === 'static') { popperConfig.modifiers.applyStyle = { @@ -1823,19 +1840,19 @@ }; } - return popperConfig; - }; // Static - + return _extends({}, popperConfig, this._config.popperConfig); + } // Static + ; Dropdown._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $(this).data(DATA_KEY$4); + var data = $__default['default'](this).data(DATA_KEY$4); var _config = typeof config === 'object' ? config : null; if (!data) { data = new Dropdown(this, _config); - $(this).data(DATA_KEY$4, data); + $__default['default'](this).data(DATA_KEY$4, data); } if (typeof config === 'string') { @@ -1853,12 +1870,12 @@ return; } - var toggles = [].slice.call(document.querySelectorAll(Selector$4.DATA_TOGGLE)); + var toggles = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE$2)); for (var i = 0, len = toggles.length; i < len; i++) { var parent = Dropdown._getParentFromElement(toggles[i]); - var context = $(toggles[i]).data(DATA_KEY$4); + var context = $__default['default'](toggles[i]).data(DATA_KEY$4); var relatedTarget = { relatedTarget: toggles[i] }; @@ -1873,16 +1890,16 @@ var dropdownMenu = context._menu; - if (!$(parent).hasClass(ClassName$4.SHOW)) { + if (!$__default['default'](parent).hasClass(CLASS_NAME_SHOW$2)) { continue; } - if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $.contains(parent, event.target)) { + if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $__default['default'].contains(parent, event.target)) { continue; } - var hideEvent = $.Event(Event$4.HIDE, relatedTarget); - $(parent).trigger(hideEvent); + var hideEvent = $__default['default'].Event(EVENT_HIDE$1, relatedTarget); + $__default['default'](parent).trigger(hideEvent); if (hideEvent.isDefaultPrevented()) { continue; @@ -1891,12 +1908,17 @@ if ('ontouchstart' in document.documentElement) { - $(document.body).children().off('mouseover', null, $.noop); + $__default['default'](document.body).children().off('mouseover', null, $__default['default'].noop); } toggles[i].setAttribute('aria-expanded', 'false'); - $(dropdownMenu).removeClass(ClassName$4.SHOW); - $(parent).removeClass(ClassName$4.SHOW).trigger($.Event(Event$4.HIDDEN, relatedTarget)); + + if (context._popper) { + context._popper.destroy(); + } + + $__default['default'](dropdownMenu).removeClass(CLASS_NAME_SHOW$2); + $__default['default'](parent).removeClass(CLASS_NAME_SHOW$2).trigger($__default['default'].Event(EVENT_HIDDEN$1, relatedTarget)); } }; @@ -1909,8 +1931,8 @@ } return parent || element.parentNode; - }; // eslint-disable-next-line complexity - + } // eslint-disable-next-line complexity + ; Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) { // If not input/textarea: @@ -1920,32 +1942,37 @@ // - If key is other than escape // - If key is not up or down => not a dropdown command // - If trigger inside the menu => not a dropdown command - if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $(event.target).closest(Selector$4.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) { + if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $__default['default'](event.target).closest(SELECTOR_MENU).length) : !REGEXP_KEYDOWN.test(event.which)) { + return; + } + + if (this.disabled || $__default['default'](this).hasClass(CLASS_NAME_DISABLED)) { + return; + } + + var parent = Dropdown._getParentFromElement(this); + + var isActive = $__default['default'](parent).hasClass(CLASS_NAME_SHOW$2); + + if (!isActive && event.which === ESCAPE_KEYCODE) { return; } event.preventDefault(); event.stopPropagation(); - if (this.disabled || $(this).hasClass(ClassName$4.DISABLED)) { - return; - } - - var parent = Dropdown._getParentFromElement(this); - - var isActive = $(parent).hasClass(ClassName$4.SHOW); - - if (!isActive || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) { + if (!isActive || event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE) { if (event.which === ESCAPE_KEYCODE) { - var toggle = parent.querySelector(Selector$4.DATA_TOGGLE); - $(toggle).trigger('focus'); + $__default['default'](parent.querySelector(SELECTOR_DATA_TOGGLE$2)).trigger('focus'); } - $(this).trigger('click'); + $__default['default'](this).trigger('click'); return; } - var items = [].slice.call(parent.querySelectorAll(Selector$4.VISIBLE_ITEMS)); + var items = [].slice.call(parent.querySelectorAll(SELECTOR_VISIBLE_ITEMS)).filter(function (item) { + return $__default['default'](item).is(':visible'); + }); if (items.length === 0) { return; @@ -1996,12 +2023,12 @@ */ - $(document).on(Event$4.KEYDOWN_DATA_API, Selector$4.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event$4.KEYDOWN_DATA_API, Selector$4.MENU, Dropdown._dataApiKeydownHandler).on(Event$4.CLICK_DATA_API + " " + Event$4.KEYUP_DATA_API, Dropdown._clearMenus).on(Event$4.CLICK_DATA_API, Selector$4.DATA_TOGGLE, function (event) { + $__default['default'](document).on(EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$2, Dropdown._dataApiKeydownHandler).on(EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown._dataApiKeydownHandler).on(EVENT_CLICK_DATA_API$4 + " " + EVENT_KEYUP_DATA_API, Dropdown._clearMenus).on(EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$2, function (event) { event.preventDefault(); event.stopPropagation(); - Dropdown._jQueryInterface.call($(this), 'toggle'); - }).on(Event$4.CLICK_DATA_API, Selector$4.FORM_CHILD, function (e) { + Dropdown._jQueryInterface.call($__default['default'](this), 'toggle'); + }).on(EVENT_CLICK_DATA_API$4, SELECTOR_FORM_CHILD, function (e) { e.stopPropagation(); }); /** @@ -2010,11 +2037,11 @@ * ------------------------------------------------------------------------ */ - $.fn[NAME$4] = Dropdown._jQueryInterface; - $.fn[NAME$4].Constructor = Dropdown; + $__default['default'].fn[NAME$4] = Dropdown._jQueryInterface; + $__default['default'].fn[NAME$4].Constructor = Dropdown; - $.fn[NAME$4].noConflict = function () { - $.fn[NAME$4] = JQUERY_NO_CONFLICT$4; + $__default['default'].fn[NAME$4].noConflict = function () { + $__default['default'].fn[NAME$4] = JQUERY_NO_CONFLICT$4; return Dropdown._jQueryInterface; }; @@ -2025,11 +2052,11 @@ */ var NAME$5 = 'modal'; - var VERSION$5 = '4.2.1'; + var VERSION$5 = '4.6.0'; var DATA_KEY$5 = 'bs.modal'; var EVENT_KEY$5 = "." + DATA_KEY$5; var DATA_API_KEY$5 = '.data-api'; - var JQUERY_NO_CONFLICT$5 = $.fn[NAME$5]; + var JQUERY_NO_CONFLICT$5 = $__default['default'].fn[NAME$5]; var ESCAPE_KEYCODE$1 = 27; // KeyboardEvent.which value for Escape (Esc) key var Default$3 = { @@ -2044,47 +2071,42 @@ focus: 'boolean', show: 'boolean' }; - var Event$5 = { - HIDE: "hide" + EVENT_KEY$5, - HIDDEN: "hidden" + EVENT_KEY$5, - SHOW: "show" + EVENT_KEY$5, - SHOWN: "shown" + EVENT_KEY$5, - FOCUSIN: "focusin" + EVENT_KEY$5, - RESIZE: "resize" + EVENT_KEY$5, - CLICK_DISMISS: "click.dismiss" + EVENT_KEY$5, - KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY$5, - MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY$5, - MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY$5, - CLICK_DATA_API: "click" + EVENT_KEY$5 + DATA_API_KEY$5 - }; - var ClassName$5 = { - SCROLLBAR_MEASURER: 'modal-scrollbar-measure', - BACKDROP: 'modal-backdrop', - OPEN: 'modal-open', - FADE: 'fade', - SHOW: 'show' - }; - var Selector$5 = { - DIALOG: '.modal-dialog', - DATA_TOGGLE: '[data-toggle="modal"]', - DATA_DISMISS: '[data-dismiss="modal"]', - FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', - STICKY_CONTENT: '.sticky-top' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var EVENT_HIDE$2 = "hide" + EVENT_KEY$5; + var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY$5; + var EVENT_HIDDEN$2 = "hidden" + EVENT_KEY$5; + var EVENT_SHOW$2 = "show" + EVENT_KEY$5; + var EVENT_SHOWN$2 = "shown" + EVENT_KEY$5; + var EVENT_FOCUSIN = "focusin" + EVENT_KEY$5; + var EVENT_RESIZE = "resize" + EVENT_KEY$5; + var EVENT_CLICK_DISMISS = "click.dismiss" + EVENT_KEY$5; + var EVENT_KEYDOWN_DISMISS = "keydown.dismiss" + EVENT_KEY$5; + var EVENT_MOUSEUP_DISMISS = "mouseup.dismiss" + EVENT_KEY$5; + var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss" + EVENT_KEY$5; + var EVENT_CLICK_DATA_API$5 = "click" + EVENT_KEY$5 + DATA_API_KEY$5; + var CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable'; + var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure'; + var CLASS_NAME_BACKDROP = 'modal-backdrop'; + var CLASS_NAME_OPEN = 'modal-open'; + var CLASS_NAME_FADE$1 = 'fade'; + var CLASS_NAME_SHOW$3 = 'show'; + var CLASS_NAME_STATIC = 'modal-static'; + var SELECTOR_DIALOG = '.modal-dialog'; + var SELECTOR_MODAL_BODY = '.modal-body'; + var SELECTOR_DATA_TOGGLE$3 = '[data-toggle="modal"]'; + var SELECTOR_DATA_DISMISS = '[data-dismiss="modal"]'; + var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'; + var SELECTOR_STICKY_CONTENT = '.sticky-top'; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var Modal = - /*#__PURE__*/ - function () { + var Modal = /*#__PURE__*/function () { function Modal(element, config) { this._config = this._getConfig(config); this._element = element; - this._dialog = element.querySelector(Selector$5.DIALOG); + this._dialog = element.querySelector(SELECTOR_DIALOG); this._backdrop = null; this._isShown = false; this._isBodyOverflowing = false; @@ -2108,14 +2130,14 @@ return; } - if ($(this._element).hasClass(ClassName$5.FADE)) { + if ($__default['default'](this._element).hasClass(CLASS_NAME_FADE$1)) { this._isTransitioning = true; } - var showEvent = $.Event(Event$5.SHOW, { + var showEvent = $__default['default'].Event(EVENT_SHOW$2, { relatedTarget: relatedTarget }); - $(this._element).trigger(showEvent); + $__default['default'](this._element).trigger(showEvent); if (this._isShown || showEvent.isDefaultPrevented()) { return; @@ -2133,12 +2155,12 @@ this._setResizeEvent(); - $(this._element).on(Event$5.CLICK_DISMISS, Selector$5.DATA_DISMISS, function (event) { + $__default['default'](this._element).on(EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) { return _this.hide(event); }); - $(this._dialog).on(Event$5.MOUSEDOWN_DISMISS, function () { - $(_this._element).one(Event$5.MOUSEUP_DISMISS, function (event) { - if ($(event.target).is(_this._element)) { + $__default['default'](this._dialog).on(EVENT_MOUSEDOWN_DISMISS, function () { + $__default['default'](_this._element).one(EVENT_MOUSEUP_DISMISS, function (event) { + if ($__default['default'](event.target).is(_this._element)) { _this._ignoreBackdropClick = true; } }); @@ -2160,15 +2182,15 @@ return; } - var hideEvent = $.Event(Event$5.HIDE); - $(this._element).trigger(hideEvent); + var hideEvent = $__default['default'].Event(EVENT_HIDE$2); + $__default['default'](this._element).trigger(hideEvent); if (!this._isShown || hideEvent.isDefaultPrevented()) { return; } this._isShown = false; - var transition = $(this._element).hasClass(ClassName$5.FADE); + var transition = $__default['default'](this._element).hasClass(CLASS_NAME_FADE$1); if (transition) { this._isTransitioning = true; @@ -2178,14 +2200,14 @@ this._setResizeEvent(); - $(document).off(Event$5.FOCUSIN); - $(this._element).removeClass(ClassName$5.SHOW); - $(this._element).off(Event$5.CLICK_DISMISS); - $(this._dialog).off(Event$5.MOUSEDOWN_DISMISS); + $__default['default'](document).off(EVENT_FOCUSIN); + $__default['default'](this._element).removeClass(CLASS_NAME_SHOW$3); + $__default['default'](this._element).off(EVENT_CLICK_DISMISS); + $__default['default'](this._dialog).off(EVENT_MOUSEDOWN_DISMISS); if (transition) { var transitionDuration = Util.getTransitionDurationFromElement(this._element); - $(this._element).one(Util.TRANSITION_END, function (event) { + $__default['default'](this._element).one(Util.TRANSITION_END, function (event) { return _this2._hideModal(event); }).emulateTransitionEnd(transitionDuration); } else { @@ -2195,16 +2217,16 @@ _proto.dispose = function dispose() { [window, this._element, this._dialog].forEach(function (htmlElement) { - return $(htmlElement).off(EVENT_KEY$5); + return $__default['default'](htmlElement).off(EVENT_KEY$5); }); /** - * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API` + * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API` * Do not move `document` in `htmlElements` array - * It will remove `Event.CLICK_DATA_API` event that should remain + * It will remove `EVENT_CLICK_DATA_API` event that should remain */ - $(document).off(Event$5.FOCUSIN); - $.removeData(this._element, DATA_KEY$5); + $__default['default'](document).off(EVENT_FOCUSIN); + $__default['default'].removeData(this._element, DATA_KEY$5); this._config = null; this._element = null; this._dialog = null; @@ -2218,19 +2240,53 @@ _proto.handleUpdate = function handleUpdate() { this._adjustDialog(); - }; // Private - + } // Private + ; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, Default$3, config); + config = _extends({}, Default$3, config); Util.typeCheckConfig(NAME$5, config, DefaultType$3); return config; }; - _proto._showElement = function _showElement(relatedTarget) { + _proto._triggerBackdropTransition = function _triggerBackdropTransition() { var _this3 = this; - var transition = $(this._element).hasClass(ClassName$5.FADE); + var hideEventPrevented = $__default['default'].Event(EVENT_HIDE_PREVENTED); + $__default['default'](this._element).trigger(hideEventPrevented); + + if (hideEventPrevented.isDefaultPrevented()) { + return; + } + + var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; + + if (!isModalOverflowing) { + this._element.style.overflowY = 'hidden'; + } + + this._element.classList.add(CLASS_NAME_STATIC); + + var modalTransitionDuration = Util.getTransitionDurationFromElement(this._dialog); + $__default['default'](this._element).off(Util.TRANSITION_END); + $__default['default'](this._element).one(Util.TRANSITION_END, function () { + _this3._element.classList.remove(CLASS_NAME_STATIC); + + if (!isModalOverflowing) { + $__default['default'](_this3._element).one(Util.TRANSITION_END, function () { + _this3._element.style.overflowY = ''; + }).emulateTransitionEnd(_this3._element, modalTransitionDuration); + } + }).emulateTransitionEnd(modalTransitionDuration); + + this._element.focus(); + }; + + _proto._showElement = function _showElement(relatedTarget) { + var _this4 = this; + + var transition = $__default['default'](this._element).hasClass(CLASS_NAME_FADE$1); + var modalBody = this._dialog ? this._dialog.querySelector(SELECTOR_MODAL_BODY) : null; if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) { // Don't move modal's DOM position @@ -2243,80 +2299,88 @@ this._element.setAttribute('aria-modal', true); - this._element.scrollTop = 0; + this._element.setAttribute('role', 'dialog'); + + if ($__default['default'](this._dialog).hasClass(CLASS_NAME_SCROLLABLE) && modalBody) { + modalBody.scrollTop = 0; + } else { + this._element.scrollTop = 0; + } if (transition) { Util.reflow(this._element); } - $(this._element).addClass(ClassName$5.SHOW); + $__default['default'](this._element).addClass(CLASS_NAME_SHOW$3); if (this._config.focus) { this._enforceFocus(); } - var shownEvent = $.Event(Event$5.SHOWN, { + var shownEvent = $__default['default'].Event(EVENT_SHOWN$2, { relatedTarget: relatedTarget }); var transitionComplete = function transitionComplete() { - if (_this3._config.focus) { - _this3._element.focus(); + if (_this4._config.focus) { + _this4._element.focus(); } - _this3._isTransitioning = false; - $(_this3._element).trigger(shownEvent); + _this4._isTransitioning = false; + $__default['default'](_this4._element).trigger(shownEvent); }; if (transition) { var transitionDuration = Util.getTransitionDurationFromElement(this._dialog); - $(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(transitionDuration); + $__default['default'](this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(transitionDuration); } else { transitionComplete(); } }; _proto._enforceFocus = function _enforceFocus() { - var _this4 = this; + var _this5 = this; - $(document).off(Event$5.FOCUSIN) // Guard against infinite focus loop - .on(Event$5.FOCUSIN, function (event) { - if (document !== event.target && _this4._element !== event.target && $(_this4._element).has(event.target).length === 0) { - _this4._element.focus(); - } - }); + $__default['default'](document).off(EVENT_FOCUSIN) // Guard against infinite focus loop + .on(EVENT_FOCUSIN, function (event) { + if (document !== event.target && _this5._element !== event.target && $__default['default'](_this5._element).has(event.target).length === 0) { + _this5._element.focus(); + } + }); }; _proto._setEscapeEvent = function _setEscapeEvent() { - var _this5 = this; + var _this6 = this; - if (this._isShown && this._config.keyboard) { - $(this._element).on(Event$5.KEYDOWN_DISMISS, function (event) { - if (event.which === ESCAPE_KEYCODE$1) { + if (this._isShown) { + $__default['default'](this._element).on(EVENT_KEYDOWN_DISMISS, function (event) { + if (_this6._config.keyboard && event.which === ESCAPE_KEYCODE$1) { event.preventDefault(); - _this5.hide(); + _this6.hide(); + } else if (!_this6._config.keyboard && event.which === ESCAPE_KEYCODE$1) { + _this6._triggerBackdropTransition(); } }); } else if (!this._isShown) { - $(this._element).off(Event$5.KEYDOWN_DISMISS); + $__default['default'](this._element).off(EVENT_KEYDOWN_DISMISS); } }; _proto._setResizeEvent = function _setResizeEvent() { - var _this6 = this; + var _this7 = this; if (this._isShown) { - $(window).on(Event$5.RESIZE, function (event) { - return _this6.handleUpdate(event); + $__default['default'](window).on(EVENT_RESIZE, function (event) { + return _this7.handleUpdate(event); }); } else { - $(window).off(Event$5.RESIZE); + $__default['default'](window).off(EVENT_RESIZE); } }; _proto._hideModal = function _hideModal() { - var _this7 = this; + var _this8 = this; this._element.style.display = 'none'; @@ -2324,43 +2388,45 @@ this._element.removeAttribute('aria-modal'); + this._element.removeAttribute('role'); + this._isTransitioning = false; this._showBackdrop(function () { - $(document.body).removeClass(ClassName$5.OPEN); + $__default['default'](document.body).removeClass(CLASS_NAME_OPEN); - _this7._resetAdjustments(); + _this8._resetAdjustments(); - _this7._resetScrollbar(); + _this8._resetScrollbar(); - $(_this7._element).trigger(Event$5.HIDDEN); + $__default['default'](_this8._element).trigger(EVENT_HIDDEN$2); }); }; _proto._removeBackdrop = function _removeBackdrop() { if (this._backdrop) { - $(this._backdrop).remove(); + $__default['default'](this._backdrop).remove(); this._backdrop = null; } }; _proto._showBackdrop = function _showBackdrop(callback) { - var _this8 = this; + var _this9 = this; - var animate = $(this._element).hasClass(ClassName$5.FADE) ? ClassName$5.FADE : ''; + var animate = $__default['default'](this._element).hasClass(CLASS_NAME_FADE$1) ? CLASS_NAME_FADE$1 : ''; if (this._isShown && this._config.backdrop) { this._backdrop = document.createElement('div'); - this._backdrop.className = ClassName$5.BACKDROP; + this._backdrop.className = CLASS_NAME_BACKDROP; if (animate) { this._backdrop.classList.add(animate); } - $(this._backdrop).appendTo(document.body); - $(this._element).on(Event$5.CLICK_DISMISS, function (event) { - if (_this8._ignoreBackdropClick) { - _this8._ignoreBackdropClick = false; + $__default['default'](this._backdrop).appendTo(document.body); + $__default['default'](this._element).on(EVENT_CLICK_DISMISS, function (event) { + if (_this9._ignoreBackdropClick) { + _this9._ignoreBackdropClick = false; return; } @@ -2368,10 +2434,10 @@ return; } - if (_this8._config.backdrop === 'static') { - _this8._element.focus(); + if (_this9._config.backdrop === 'static') { + _this9._triggerBackdropTransition(); } else { - _this8.hide(); + _this9.hide(); } }); @@ -2379,7 +2445,7 @@ Util.reflow(this._backdrop); } - $(this._backdrop).addClass(ClassName$5.SHOW); + $__default['default'](this._backdrop).addClass(CLASS_NAME_SHOW$3); if (!callback) { return; @@ -2391,33 +2457,33 @@ } var backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop); - $(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(backdropTransitionDuration); + $__default['default'](this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(backdropTransitionDuration); } else if (!this._isShown && this._backdrop) { - $(this._backdrop).removeClass(ClassName$5.SHOW); + $__default['default'](this._backdrop).removeClass(CLASS_NAME_SHOW$3); var callbackRemove = function callbackRemove() { - _this8._removeBackdrop(); + _this9._removeBackdrop(); if (callback) { callback(); } }; - if ($(this._element).hasClass(ClassName$5.FADE)) { + if ($__default['default'](this._element).hasClass(CLASS_NAME_FADE$1)) { var _backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop); - $(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(_backdropTransitionDuration); + $__default['default'](this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(_backdropTransitionDuration); } else { callbackRemove(); } } else if (callback) { callback(); } - }; // ---------------------------------------------------------------------- + } // ---------------------------------------------------------------------- // the following methods are used to handle overflowing modals // todo (fat): these should probably be refactored out of modal.js // ---------------------------------------------------------------------- - + ; _proto._adjustDialog = function _adjustDialog() { var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; @@ -2438,82 +2504,82 @@ _proto._checkScrollbar = function _checkScrollbar() { var rect = document.body.getBoundingClientRect(); - this._isBodyOverflowing = rect.left + rect.right < window.innerWidth; + this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth; this._scrollbarWidth = this._getScrollbarWidth(); }; _proto._setScrollbar = function _setScrollbar() { - var _this9 = this; + var _this10 = this; if (this._isBodyOverflowing) { // Note: DOMNode.style.paddingRight returns the actual value or '' if not set // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set - var fixedContent = [].slice.call(document.querySelectorAll(Selector$5.FIXED_CONTENT)); - var stickyContent = [].slice.call(document.querySelectorAll(Selector$5.STICKY_CONTENT)); // Adjust fixed content padding + var fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT)); + var stickyContent = [].slice.call(document.querySelectorAll(SELECTOR_STICKY_CONTENT)); // Adjust fixed content padding - $(fixedContent).each(function (index, element) { + $__default['default'](fixedContent).each(function (index, element) { var actualPadding = element.style.paddingRight; - var calculatedPadding = $(element).css('padding-right'); - $(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this9._scrollbarWidth + "px"); + var calculatedPadding = $__default['default'](element).css('padding-right'); + $__default['default'](element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px"); }); // Adjust sticky content margin - $(stickyContent).each(function (index, element) { + $__default['default'](stickyContent).each(function (index, element) { var actualMargin = element.style.marginRight; - var calculatedMargin = $(element).css('margin-right'); - $(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this9._scrollbarWidth + "px"); + var calculatedMargin = $__default['default'](element).css('margin-right'); + $__default['default'](element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px"); }); // Adjust body padding var actualPadding = document.body.style.paddingRight; - var calculatedPadding = $(document.body).css('padding-right'); - $(document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px"); + var calculatedPadding = $__default['default'](document.body).css('padding-right'); + $__default['default'](document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px"); } - $(document.body).addClass(ClassName$5.OPEN); + $__default['default'](document.body).addClass(CLASS_NAME_OPEN); }; _proto._resetScrollbar = function _resetScrollbar() { // Restore fixed content padding - var fixedContent = [].slice.call(document.querySelectorAll(Selector$5.FIXED_CONTENT)); - $(fixedContent).each(function (index, element) { - var padding = $(element).data('padding-right'); - $(element).removeData('padding-right'); + var fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT)); + $__default['default'](fixedContent).each(function (index, element) { + var padding = $__default['default'](element).data('padding-right'); + $__default['default'](element).removeData('padding-right'); element.style.paddingRight = padding ? padding : ''; }); // Restore sticky content - var elements = [].slice.call(document.querySelectorAll("" + Selector$5.STICKY_CONTENT)); - $(elements).each(function (index, element) { - var margin = $(element).data('margin-right'); + var elements = [].slice.call(document.querySelectorAll("" + SELECTOR_STICKY_CONTENT)); + $__default['default'](elements).each(function (index, element) { + var margin = $__default['default'](element).data('margin-right'); if (typeof margin !== 'undefined') { - $(element).css('margin-right', margin).removeData('margin-right'); + $__default['default'](element).css('margin-right', margin).removeData('margin-right'); } }); // Restore body padding - var padding = $(document.body).data('padding-right'); - $(document.body).removeData('padding-right'); + var padding = $__default['default'](document.body).data('padding-right'); + $__default['default'](document.body).removeData('padding-right'); document.body.style.paddingRight = padding ? padding : ''; }; _proto._getScrollbarWidth = function _getScrollbarWidth() { // thx d.walsh var scrollDiv = document.createElement('div'); - scrollDiv.className = ClassName$5.SCROLLBAR_MEASURER; + scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER; document.body.appendChild(scrollDiv); var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth; document.body.removeChild(scrollDiv); return scrollbarWidth; - }; // Static - + } // Static + ; Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) { return this.each(function () { - var data = $(this).data(DATA_KEY$5); + var data = $__default['default'](this).data(DATA_KEY$5); - var _config = _objectSpread({}, Default$3, $(this).data(), typeof config === 'object' && config ? config : {}); + var _config = _extends({}, Default$3, $__default['default'](this).data(), typeof config === 'object' && config ? config : {}); if (!data) { data = new Modal(this, _config); - $(this).data(DATA_KEY$5, data); + $__default['default'](this).data(DATA_KEY$5, data); } if (typeof config === 'string') { @@ -2549,8 +2615,8 @@ */ - $(document).on(Event$5.CLICK_DATA_API, Selector$5.DATA_TOGGLE, function (event) { - var _this10 = this; + $__default['default'](document).on(EVENT_CLICK_DATA_API$5, SELECTOR_DATA_TOGGLE$3, function (event) { + var _this11 = this; var target; var selector = Util.getSelectorFromElement(this); @@ -2559,26 +2625,26 @@ target = document.querySelector(selector); } - var config = $(target).data(DATA_KEY$5) ? 'toggle' : _objectSpread({}, $(target).data(), $(this).data()); + var config = $__default['default'](target).data(DATA_KEY$5) ? 'toggle' : _extends({}, $__default['default'](target).data(), $__default['default'](this).data()); if (this.tagName === 'A' || this.tagName === 'AREA') { event.preventDefault(); } - var $target = $(target).one(Event$5.SHOW, function (showEvent) { + var $target = $__default['default'](target).one(EVENT_SHOW$2, function (showEvent) { if (showEvent.isDefaultPrevented()) { // Only register focus restorer if modal will actually get shown return; } - $target.one(Event$5.HIDDEN, function () { - if ($(_this10).is(':visible')) { - _this10.focus(); + $target.one(EVENT_HIDDEN$2, function () { + if ($__default['default'](_this11).is(':visible')) { + _this11.focus(); } }); }); - Modal._jQueryInterface.call($(target), config, this); + Modal._jQueryInterface.call($__default['default'](target), config, this); }); /** * ------------------------------------------------------------------------ @@ -2586,14 +2652,135 @@ * ------------------------------------------------------------------------ */ - $.fn[NAME$5] = Modal._jQueryInterface; - $.fn[NAME$5].Constructor = Modal; + $__default['default'].fn[NAME$5] = Modal._jQueryInterface; + $__default['default'].fn[NAME$5].Constructor = Modal; - $.fn[NAME$5].noConflict = function () { - $.fn[NAME$5] = JQUERY_NO_CONFLICT$5; + $__default['default'].fn[NAME$5].noConflict = function () { + $__default['default'].fn[NAME$5] = JQUERY_NO_CONFLICT$5; return Modal._jQueryInterface; }; + /** + * -------------------------------------------------------------------------- + * Bootstrap (v4.6.0): tools/sanitizer.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + var uriAttrs = ['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']; + var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i; + var DefaultWhitelist = { + // Global attributes allowed on any supplied element below. + '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN], + a: ['target', 'href', 'title', 'rel'], + area: [], + b: [], + br: [], + col: [], + code: [], + div: [], + em: [], + hr: [], + h1: [], + h2: [], + h3: [], + h4: [], + h5: [], + h6: [], + i: [], + img: ['src', 'srcset', 'alt', 'title', 'width', 'height'], + li: [], + ol: [], + p: [], + pre: [], + s: [], + small: [], + span: [], + sub: [], + sup: [], + strong: [], + u: [], + ul: [] + }; + /** + * A pattern that recognizes a commonly useful subset of URLs that are safe. + * + * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts + */ + + var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi; + /** + * A pattern that matches safe data URLs. Only matches image, video and audio types. + * + * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts + */ + + var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i; + + function allowedAttribute(attr, allowedAttributeList) { + var attrName = attr.nodeName.toLowerCase(); + + if (allowedAttributeList.indexOf(attrName) !== -1) { + if (uriAttrs.indexOf(attrName) !== -1) { + return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN)); + } + + return true; + } + + var regExp = allowedAttributeList.filter(function (attrRegex) { + return attrRegex instanceof RegExp; + }); // Check if a regular expression validates the attribute. + + for (var i = 0, len = regExp.length; i < len; i++) { + if (attrName.match(regExp[i])) { + return true; + } + } + + return false; + } + + function sanitizeHtml(unsafeHtml, whiteList, sanitizeFn) { + if (unsafeHtml.length === 0) { + return unsafeHtml; + } + + if (sanitizeFn && typeof sanitizeFn === 'function') { + return sanitizeFn(unsafeHtml); + } + + var domParser = new window.DOMParser(); + var createdDocument = domParser.parseFromString(unsafeHtml, 'text/html'); + var whitelistKeys = Object.keys(whiteList); + var elements = [].slice.call(createdDocument.body.querySelectorAll('*')); + + var _loop = function _loop(i, len) { + var el = elements[i]; + var elName = el.nodeName.toLowerCase(); + + if (whitelistKeys.indexOf(el.nodeName.toLowerCase()) === -1) { + el.parentNode.removeChild(el); + return "continue"; + } + + var attributeList = [].slice.call(el.attributes); + var whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || []); + attributeList.forEach(function (attr) { + if (!allowedAttribute(attr, whitelistedAttributes)) { + el.removeAttribute(attr.nodeName); + } + }); + }; + + for (var i = 0, len = elements.length; i < len; i++) { + var _ret = _loop(i); + + if (_ret === "continue") continue; + } + + return createdDocument.body.innerHTML; + } + /** * ------------------------------------------------------------------------ * Constants @@ -2601,12 +2788,13 @@ */ var NAME$6 = 'tooltip'; - var VERSION$6 = '4.2.1'; + var VERSION$6 = '4.6.0'; var DATA_KEY$6 = 'bs.tooltip'; var EVENT_KEY$6 = "." + DATA_KEY$6; - var JQUERY_NO_CONFLICT$6 = $.fn[NAME$6]; + var JQUERY_NO_CONFLICT$6 = $__default['default'].fn[NAME$6]; var CLASS_PREFIX = 'bs-tooltip'; var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g'); + var DISALLOWED_ATTRIBUTES = ['sanitize', 'whiteList', 'sanitizeFn']; var DefaultType$4 = { animation: 'boolean', template: 'string', @@ -2616,12 +2804,17 @@ html: 'boolean', selector: '(string|boolean)', placement: '(string|function)', - offset: '(number|string)', + offset: '(number|string|function)', container: '(string|element|boolean)', fallbackPlacement: '(string|array)', - boundary: '(string|element)' + boundary: '(string|element)', + customClass: '(string|function)', + sanitize: 'boolean', + sanitizeFn: '(null|function)', + whiteList: 'object', + popperConfig: '(null|object)' }; - var AttachmentMap$1 = { + var AttachmentMap = { AUTO: 'auto', TOP: 'top', RIGHT: 'right', @@ -2640,13 +2833,16 @@ offset: 0, container: false, fallbackPlacement: 'flip', - boundary: 'scrollParent' + boundary: 'scrollParent', + customClass: '', + sanitize: true, + sanitizeFn: null, + whiteList: DefaultWhitelist, + popperConfig: null }; - var HoverState = { - SHOW: 'show', - OUT: 'out' - }; - var Event$6 = { + var HOVER_STATE_SHOW = 'show'; + var HOVER_STATE_OUT = 'out'; + var Event = { HIDE: "hide" + EVENT_KEY$6, HIDDEN: "hidden" + EVENT_KEY$6, SHOW: "show" + EVENT_KEY$6, @@ -2658,38 +2854,24 @@ MOUSEENTER: "mouseenter" + EVENT_KEY$6, MOUSELEAVE: "mouseleave" + EVENT_KEY$6 }; - var ClassName$6 = { - FADE: 'fade', - SHOW: 'show' - }; - var Selector$6 = { - TOOLTIP: '.tooltip', - TOOLTIP_INNER: '.tooltip-inner', - ARROW: '.arrow' - }; - var Trigger = { - HOVER: 'hover', - FOCUS: 'focus', - CLICK: 'click', - MANUAL: 'manual' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var CLASS_NAME_FADE$2 = 'fade'; + var CLASS_NAME_SHOW$4 = 'show'; + var SELECTOR_TOOLTIP_INNER = '.tooltip-inner'; + var SELECTOR_ARROW = '.arrow'; + var TRIGGER_HOVER = 'hover'; + var TRIGGER_FOCUS = 'focus'; + var TRIGGER_CLICK = 'click'; + var TRIGGER_MANUAL = 'manual'; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var Tooltip = - /*#__PURE__*/ - function () { + var Tooltip = /*#__PURE__*/function () { function Tooltip(element, config) { - /** - * Check for Popper dependency - * Popper - https://popper.js.org - */ - if (typeof Popper === 'undefined') { - throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org/)'); + if (typeof Popper__default['default'] === 'undefined') { + throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)'); } // private @@ -2729,11 +2911,11 @@ if (event) { var dataKey = this.constructor.DATA_KEY; - var context = $(event.currentTarget).data(dataKey); + var context = $__default['default'](event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); - $(event.currentTarget).data(dataKey, context); + $__default['default'](event.currentTarget).data(dataKey, context); } context._activeTrigger.click = !context._activeTrigger.click; @@ -2744,7 +2926,7 @@ context._leave(null, context); } } else { - if ($(this.getTipElement()).hasClass(ClassName$6.SHOW)) { + if ($__default['default'](this.getTipElement()).hasClass(CLASS_NAME_SHOW$4)) { this._leave(null, this); return; @@ -2756,12 +2938,12 @@ _proto.dispose = function dispose() { clearTimeout(this._timeout); - $.removeData(this.element, this.constructor.DATA_KEY); - $(this.element).off(this.constructor.EVENT_KEY); - $(this.element).closest('.modal').off('hide.bs.modal'); + $__default['default'].removeData(this.element, this.constructor.DATA_KEY); + $__default['default'](this.element).off(this.constructor.EVENT_KEY); + $__default['default'](this.element).closest('.modal').off('hide.bs.modal', this._hideModalHandler); if (this.tip) { - $(this.tip).remove(); + $__default['default'](this.tip).remove(); } this._isEnabled = null; @@ -2769,7 +2951,7 @@ this._hoverState = null; this._activeTrigger = null; - if (this._popper !== null) { + if (this._popper) { this._popper.destroy(); } @@ -2782,16 +2964,16 @@ _proto.show = function show() { var _this = this; - if ($(this.element).css('display') === 'none') { + if ($__default['default'](this.element).css('display') === 'none') { throw new Error('Please use show on visible elements'); } - var showEvent = $.Event(this.constructor.Event.SHOW); + var showEvent = $__default['default'].Event(this.constructor.Event.SHOW); if (this.isWithContent() && this._isEnabled) { - $(this.element).trigger(showEvent); + $__default['default'](this.element).trigger(showEvent); var shadowRoot = Util.findShadowRoot(this.element); - var isInTheDom = $.contains(shadowRoot !== null ? shadowRoot : this.element.ownerDocument.documentElement, this.element); + var isInTheDom = $__default['default'].contains(shadowRoot !== null ? shadowRoot : this.element.ownerDocument.documentElement, this.element); if (showEvent.isDefaultPrevented() || !isInTheDom) { return; @@ -2804,7 +2986,7 @@ this.setContent(); if (this.config.animation) { - $(tip).addClass(ClassName$6.FADE); + $__default['default'](tip).addClass(CLASS_NAME_FADE$2); } var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement; @@ -2815,45 +2997,22 @@ var container = this._getContainer(); - $(tip).data(this.constructor.DATA_KEY, this); + $__default['default'](tip).data(this.constructor.DATA_KEY, this); - if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) { - $(tip).appendTo(container); + if (!$__default['default'].contains(this.element.ownerDocument.documentElement, this.tip)) { + $__default['default'](tip).appendTo(container); } - $(this.element).trigger(this.constructor.Event.INSERTED); - this._popper = new Popper(this.element, tip, { - placement: attachment, - modifiers: { - offset: { - offset: this.config.offset - }, - flip: { - behavior: this.config.fallbackPlacement - }, - arrow: { - element: Selector$6.ARROW - }, - preventOverflow: { - boundariesElement: this.config.boundary - } - }, - onCreate: function onCreate(data) { - if (data.originalPlacement !== data.placement) { - _this._handlePopperPlacementChange(data); - } - }, - onUpdate: function onUpdate(data) { - return _this._handlePopperPlacementChange(data); - } - }); - $(tip).addClass(ClassName$6.SHOW); // If this is a touch-enabled device we add extra + $__default['default'](this.element).trigger(this.constructor.Event.INSERTED); + this._popper = new Popper__default['default'](this.element, tip, this._getPopperConfig(attachment)); + $__default['default'](tip).addClass(CLASS_NAME_SHOW$4); + $__default['default'](tip).addClass(this.config.customClass); // If this is a touch-enabled device we add extra // empty mouseover listeners to the body's immediate children; // only needed because of broken event delegation on iOS // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html if ('ontouchstart' in document.documentElement) { - $(document.body).children().on('mouseover', null, $.noop); + $__default['default'](document.body).children().on('mouseover', null, $__default['default'].noop); } var complete = function complete() { @@ -2863,16 +3022,16 @@ var prevHoverState = _this._hoverState; _this._hoverState = null; - $(_this.element).trigger(_this.constructor.Event.SHOWN); + $__default['default'](_this.element).trigger(_this.constructor.Event.SHOWN); - if (prevHoverState === HoverState.OUT) { + if (prevHoverState === HOVER_STATE_OUT) { _this._leave(null, _this); } }; - if ($(this.tip).hasClass(ClassName$6.FADE)) { + if ($__default['default'](this.tip).hasClass(CLASS_NAME_FADE$2)) { var transitionDuration = Util.getTransitionDurationFromElement(this.tip); - $(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); + $__default['default'](this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); } else { complete(); } @@ -2883,10 +3042,10 @@ var _this2 = this; var tip = this.getTipElement(); - var hideEvent = $.Event(this.constructor.Event.HIDE); + var hideEvent = $__default['default'].Event(this.constructor.Event.HIDE); var complete = function complete() { - if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) { + if (_this2._hoverState !== HOVER_STATE_SHOW && tip.parentNode) { tip.parentNode.removeChild(tip); } @@ -2894,7 +3053,7 @@ _this2.element.removeAttribute('aria-describedby'); - $(_this2.element).trigger(_this2.constructor.Event.HIDDEN); + $__default['default'](_this2.element).trigger(_this2.constructor.Event.HIDDEN); if (_this2._popper !== null) { _this2._popper.destroy(); @@ -2905,26 +3064,26 @@ } }; - $(this.element).trigger(hideEvent); + $__default['default'](this.element).trigger(hideEvent); if (hideEvent.isDefaultPrevented()) { return; } - $(tip).removeClass(ClassName$6.SHOW); // If this is a touch-enabled device we remove the extra + $__default['default'](tip).removeClass(CLASS_NAME_SHOW$4); // If this is a touch-enabled device we remove the extra // empty mouseover listeners we added for iOS support if ('ontouchstart' in document.documentElement) { - $(document.body).children().off('mouseover', null, $.noop); + $__default['default'](document.body).children().off('mouseover', null, $__default['default'].noop); } - this._activeTrigger[Trigger.CLICK] = false; - this._activeTrigger[Trigger.FOCUS] = false; - this._activeTrigger[Trigger.HOVER] = false; + this._activeTrigger[TRIGGER_CLICK] = false; + this._activeTrigger[TRIGGER_FOCUS] = false; + this._activeTrigger[TRIGGER_HOVER] = false; - if ($(this.tip).hasClass(ClassName$6.FADE)) { + if ($__default['default'](this.tip).hasClass(CLASS_NAME_FADE$2)) { var transitionDuration = Util.getTransitionDurationFromElement(tip); - $(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); + $__default['default'](tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); } else { complete(); } @@ -2936,42 +3095,50 @@ if (this._popper !== null) { this._popper.scheduleUpdate(); } - }; // Protected - + } // Protected + ; _proto.isWithContent = function isWithContent() { return Boolean(this.getTitle()); }; _proto.addAttachmentClass = function addAttachmentClass(attachment) { - $(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment); + $__default['default'](this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment); }; _proto.getTipElement = function getTipElement() { - this.tip = this.tip || $(this.config.template)[0]; + this.tip = this.tip || $__default['default'](this.config.template)[0]; return this.tip; }; _proto.setContent = function setContent() { var tip = this.getTipElement(); - this.setElementContent($(tip.querySelectorAll(Selector$6.TOOLTIP_INNER)), this.getTitle()); - $(tip).removeClass(ClassName$6.FADE + " " + ClassName$6.SHOW); + this.setElementContent($__default['default'](tip.querySelectorAll(SELECTOR_TOOLTIP_INNER)), this.getTitle()); + $__default['default'](tip).removeClass(CLASS_NAME_FADE$2 + " " + CLASS_NAME_SHOW$4); }; _proto.setElementContent = function setElementContent($element, content) { - var html = this.config.html; - if (typeof content === 'object' && (content.nodeType || content.jquery)) { // Content is a DOM node or a jQuery - if (html) { - if (!$(content).parent().is($element)) { + if (this.config.html) { + if (!$__default['default'](content).parent().is($element)) { $element.empty().append(content); } } else { - $element.text($(content).text()); + $element.text($__default['default'](content).text()); } + + return; + } + + if (this.config.html) { + if (this.config.sanitize) { + content = sanitizeHtml(content, this.config.whiteList, this.config.sanitizeFn); + } + + $element.html(content); } else { - $element[html ? 'html' : 'text'](content); + $element.text(content); } }; @@ -2983,8 +3150,54 @@ } return title; - }; // Private + } // Private + ; + _proto._getPopperConfig = function _getPopperConfig(attachment) { + var _this3 = this; + + var defaultBsConfig = { + placement: attachment, + modifiers: { + offset: this._getOffset(), + flip: { + behavior: this.config.fallbackPlacement + }, + arrow: { + element: SELECTOR_ARROW + }, + preventOverflow: { + boundariesElement: this.config.boundary + } + }, + onCreate: function onCreate(data) { + if (data.originalPlacement !== data.placement) { + _this3._handlePopperPlacementChange(data); + } + }, + onUpdate: function onUpdate(data) { + return _this3._handlePopperPlacementChange(data); + } + }; + return _extends({}, defaultBsConfig, this.config.popperConfig); + }; + + _proto._getOffset = function _getOffset() { + var _this4 = this; + + var offset = {}; + + if (typeof this.config.offset === 'function') { + offset.fn = function (data) { + data.offsets = _extends({}, data.offsets, _this4.config.offset(data.offsets, _this4.element) || {}); + return data; + }; + } else { + offset.offset = this.config.offset; + } + + return offset; + }; _proto._getContainer = function _getContainer() { if (this.config.container === false) { @@ -2992,43 +3205,46 @@ } if (Util.isElement(this.config.container)) { - return $(this.config.container); + return $__default['default'](this.config.container); } - return $(document).find(this.config.container); + return $__default['default'](document).find(this.config.container); }; _proto._getAttachment = function _getAttachment(placement) { - return AttachmentMap$1[placement.toUpperCase()]; + return AttachmentMap[placement.toUpperCase()]; }; _proto._setListeners = function _setListeners() { - var _this3 = this; + var _this5 = this; var triggers = this.config.trigger.split(' '); triggers.forEach(function (trigger) { if (trigger === 'click') { - $(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) { - return _this3.toggle(event); + $__default['default'](_this5.element).on(_this5.constructor.Event.CLICK, _this5.config.selector, function (event) { + return _this5.toggle(event); }); - } else if (trigger !== Trigger.MANUAL) { - var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN; - var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT; - $(_this3.element).on(eventIn, _this3.config.selector, function (event) { - return _this3._enter(event); - }).on(eventOut, _this3.config.selector, function (event) { - return _this3._leave(event); + } else if (trigger !== TRIGGER_MANUAL) { + var eventIn = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSEENTER : _this5.constructor.Event.FOCUSIN; + var eventOut = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSELEAVE : _this5.constructor.Event.FOCUSOUT; + $__default['default'](_this5.element).on(eventIn, _this5.config.selector, function (event) { + return _this5._enter(event); + }).on(eventOut, _this5.config.selector, function (event) { + return _this5._leave(event); }); } }); - $(this.element).closest('.modal').on('hide.bs.modal', function () { - if (_this3.element) { - _this3.hide(); - } - }); + + this._hideModalHandler = function () { + if (_this5.element) { + _this5.hide(); + } + }; + + $__default['default'](this.element).closest('.modal').on('hide.bs.modal', this._hideModalHandler); if (this.config.selector) { - this.config = _objectSpread({}, this.config, { + this.config = _extends({}, this.config, { trigger: 'manual', selector: '' }); @@ -3048,24 +3264,24 @@ _proto._enter = function _enter(event, context) { var dataKey = this.constructor.DATA_KEY; - context = context || $(event.currentTarget).data(dataKey); + context = context || $__default['default'](event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); - $(event.currentTarget).data(dataKey, context); + $__default['default'](event.currentTarget).data(dataKey, context); } if (event) { - context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true; + context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true; } - if ($(context.getTipElement()).hasClass(ClassName$6.SHOW) || context._hoverState === HoverState.SHOW) { - context._hoverState = HoverState.SHOW; + if ($__default['default'](context.getTipElement()).hasClass(CLASS_NAME_SHOW$4) || context._hoverState === HOVER_STATE_SHOW) { + context._hoverState = HOVER_STATE_SHOW; return; } clearTimeout(context._timeout); - context._hoverState = HoverState.SHOW; + context._hoverState = HOVER_STATE_SHOW; if (!context.config.delay || !context.config.delay.show) { context.show(); @@ -3073,7 +3289,7 @@ } context._timeout = setTimeout(function () { - if (context._hoverState === HoverState.SHOW) { + if (context._hoverState === HOVER_STATE_SHOW) { context.show(); } }, context.config.delay.show); @@ -3081,15 +3297,15 @@ _proto._leave = function _leave(event, context) { var dataKey = this.constructor.DATA_KEY; - context = context || $(event.currentTarget).data(dataKey); + context = context || $__default['default'](event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); - $(event.currentTarget).data(dataKey, context); + $__default['default'](event.currentTarget).data(dataKey, context); } if (event) { - context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false; + context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = false; } if (context._isWithActiveTrigger()) { @@ -3097,7 +3313,7 @@ } clearTimeout(context._timeout); - context._hoverState = HoverState.OUT; + context._hoverState = HOVER_STATE_OUT; if (!context.config.delay || !context.config.delay.hide) { context.hide(); @@ -3105,7 +3321,7 @@ } context._timeout = setTimeout(function () { - if (context._hoverState === HoverState.OUT) { + if (context._hoverState === HOVER_STATE_OUT) { context.hide(); } }, context.config.delay.hide); @@ -3122,7 +3338,13 @@ }; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, this.constructor.Default, $(this.element).data(), typeof config === 'object' && config ? config : {}); + var dataAttributes = $__default['default'](this.element).data(); + Object.keys(dataAttributes).forEach(function (dataAttr) { + if (DISALLOWED_ATTRIBUTES.indexOf(dataAttr) !== -1) { + delete dataAttributes[dataAttr]; + } + }); + config = _extends({}, this.constructor.Default, dataAttributes, typeof config === 'object' && config ? config : {}); if (typeof config.delay === 'number') { config.delay = { @@ -3140,6 +3362,11 @@ } Util.typeCheckConfig(NAME$6, config, this.constructor.DefaultType); + + if (config.sanitize) { + config.template = sanitizeHtml(config.template, config.whiteList, config.sanitizeFn); + } + return config; }; @@ -3158,7 +3385,7 @@ }; _proto._cleanTipClass = function _cleanTipClass() { - var $tip = $(this.getTipElement()); + var $tip = $__default['default'](this.getTipElement()); var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX); if (tabClass !== null && tabClass.length) { @@ -3167,8 +3394,7 @@ }; _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(popperData) { - var popperInstance = popperData.instance; - this.tip = popperInstance.popper; + this.tip = popperData.instance.popper; this._cleanTipClass(); @@ -3183,17 +3409,18 @@ return; } - $(tip).removeClass(ClassName$6.FADE); + $__default['default'](tip).removeClass(CLASS_NAME_FADE$2); this.config.animation = false; this.hide(); this.show(); this.config.animation = initConfigAnimation; - }; // Static - + } // Static + ; Tooltip._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $(this).data(DATA_KEY$6); + var $element = $__default['default'](this); + var data = $element.data(DATA_KEY$6); var _config = typeof config === 'object' && config; @@ -3203,7 +3430,7 @@ if (!data) { data = new Tooltip(this, _config); - $(this).data(DATA_KEY$6, data); + $element.data(DATA_KEY$6, data); } if (typeof config === 'string') { @@ -3239,7 +3466,7 @@ }, { key: "Event", get: function get() { - return Event$6; + return Event; } }, { key: "EVENT_KEY", @@ -3262,11 +3489,11 @@ */ - $.fn[NAME$6] = Tooltip._jQueryInterface; - $.fn[NAME$6].Constructor = Tooltip; + $__default['default'].fn[NAME$6] = Tooltip._jQueryInterface; + $__default['default'].fn[NAME$6].Constructor = Tooltip; - $.fn[NAME$6].noConflict = function () { - $.fn[NAME$6] = JQUERY_NO_CONFLICT$6; + $__default['default'].fn[NAME$6].noConflict = function () { + $__default['default'].fn[NAME$6] = JQUERY_NO_CONFLICT$6; return Tooltip._jQueryInterface; }; @@ -3277,33 +3504,29 @@ */ var NAME$7 = 'popover'; - var VERSION$7 = '4.2.1'; + var VERSION$7 = '4.6.0'; var DATA_KEY$7 = 'bs.popover'; var EVENT_KEY$7 = "." + DATA_KEY$7; - var JQUERY_NO_CONFLICT$7 = $.fn[NAME$7]; + var JQUERY_NO_CONFLICT$7 = $__default['default'].fn[NAME$7]; var CLASS_PREFIX$1 = 'bs-popover'; var BSCLS_PREFIX_REGEX$1 = new RegExp("(^|\\s)" + CLASS_PREFIX$1 + "\\S+", 'g'); - var Default$5 = _objectSpread({}, Tooltip.Default, { + var Default$5 = _extends({}, Tooltip.Default, { placement: 'right', trigger: 'click', content: '', template: '' }); - var DefaultType$5 = _objectSpread({}, Tooltip.DefaultType, { + var DefaultType$5 = _extends({}, Tooltip.DefaultType, { content: '(string|element|function)' }); - var ClassName$7 = { - FADE: 'fade', - SHOW: 'show' - }; - var Selector$7 = { - TITLE: '.popover-header', - CONTENT: '.popover-body' - }; - var Event$7 = { + var CLASS_NAME_FADE$3 = 'fade'; + var CLASS_NAME_SHOW$5 = 'show'; + var SELECTOR_TITLE = '.popover-header'; + var SELECTOR_CONTENT = '.popover-body'; + var Event$1 = { HIDE: "hide" + EVENT_KEY$7, HIDDEN: "hidden" + EVENT_KEY$7, SHOW: "show" + EVENT_KEY$7, @@ -3314,17 +3537,14 @@ FOCUSOUT: "focusout" + EVENT_KEY$7, MOUSEENTER: "mouseenter" + EVENT_KEY$7, MOUSELEAVE: "mouseleave" + EVENT_KEY$7 - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ - }; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - var Popover = - /*#__PURE__*/ - function (_Tooltip) { + var Popover = /*#__PURE__*/function (_Tooltip) { _inheritsLoose(Popover, _Tooltip); function Popover() { @@ -3339,18 +3559,18 @@ }; _proto.addAttachmentClass = function addAttachmentClass(attachment) { - $(this.getTipElement()).addClass(CLASS_PREFIX$1 + "-" + attachment); + $__default['default'](this.getTipElement()).addClass(CLASS_PREFIX$1 + "-" + attachment); }; _proto.getTipElement = function getTipElement() { - this.tip = this.tip || $(this.config.template)[0]; + this.tip = this.tip || $__default['default'](this.config.template)[0]; return this.tip; }; _proto.setContent = function setContent() { - var $tip = $(this.getTipElement()); // We use append for html objects to maintain js events + var $tip = $__default['default'](this.getTipElement()); // We use append for html objects to maintain js events - this.setElementContent($tip.find(Selector$7.TITLE), this.getTitle()); + this.setElementContent($tip.find(SELECTOR_TITLE), this.getTitle()); var content = this._getContent(); @@ -3358,28 +3578,28 @@ content = content.call(this.element); } - this.setElementContent($tip.find(Selector$7.CONTENT), content); - $tip.removeClass(ClassName$7.FADE + " " + ClassName$7.SHOW); - }; // Private - + this.setElementContent($tip.find(SELECTOR_CONTENT), content); + $tip.removeClass(CLASS_NAME_FADE$3 + " " + CLASS_NAME_SHOW$5); + } // Private + ; _proto._getContent = function _getContent() { return this.element.getAttribute('data-content') || this.config.content; }; _proto._cleanTipClass = function _cleanTipClass() { - var $tip = $(this.getTipElement()); + var $tip = $__default['default'](this.getTipElement()); var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX$1); if (tabClass !== null && tabClass.length > 0) { $tip.removeClass(tabClass.join('')); } - }; // Static - + } // Static + ; Popover._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { - var data = $(this).data(DATA_KEY$7); + var data = $__default['default'](this).data(DATA_KEY$7); var _config = typeof config === 'object' ? config : null; @@ -3389,7 +3609,7 @@ if (!data) { data = new Popover(this, _config); - $(this).data(DATA_KEY$7, data); + $__default['default'](this).data(DATA_KEY$7, data); } if (typeof config === 'string') { @@ -3426,7 +3646,7 @@ }, { key: "Event", get: function get() { - return Event$7; + return Event$1; } }, { key: "EVENT_KEY", @@ -3449,11 +3669,11 @@ */ - $.fn[NAME$7] = Popover._jQueryInterface; - $.fn[NAME$7].Constructor = Popover; + $__default['default'].fn[NAME$7] = Popover._jQueryInterface; + $__default['default'].fn[NAME$7].Constructor = Popover; - $.fn[NAME$7].noConflict = function () { - $.fn[NAME$7] = JQUERY_NO_CONFLICT$7; + $__default['default'].fn[NAME$7].noConflict = function () { + $__default['default'].fn[NAME$7] = JQUERY_NO_CONFLICT$7; return Popover._jQueryInterface; }; @@ -3464,11 +3684,11 @@ */ var NAME$8 = 'scrollspy'; - var VERSION$8 = '4.2.1'; + var VERSION$8 = '4.6.0'; var DATA_KEY$8 = 'bs.scrollspy'; var EVENT_KEY$8 = "." + DATA_KEY$8; var DATA_API_KEY$6 = '.data-api'; - var JQUERY_NO_CONFLICT$8 = $.fn[NAME$8]; + var JQUERY_NO_CONFLICT$8 = $__default['default'].fn[NAME$8]; var Default$6 = { offset: 10, method: 'auto', @@ -3479,53 +3699,40 @@ method: 'string', target: '(string|element)' }; - var Event$8 = { - ACTIVATE: "activate" + EVENT_KEY$8, - SCROLL: "scroll" + EVENT_KEY$8, - LOAD_DATA_API: "load" + EVENT_KEY$8 + DATA_API_KEY$6 - }; - var ClassName$8 = { - DROPDOWN_ITEM: 'dropdown-item', - DROPDOWN_MENU: 'dropdown-menu', - ACTIVE: 'active' - }; - var Selector$8 = { - DATA_SPY: '[data-spy="scroll"]', - ACTIVE: '.active', - NAV_LIST_GROUP: '.nav, .list-group', - NAV_LINKS: '.nav-link', - NAV_ITEMS: '.nav-item', - LIST_ITEMS: '.list-group-item', - DROPDOWN: '.dropdown', - DROPDOWN_ITEMS: '.dropdown-item', - DROPDOWN_TOGGLE: '.dropdown-toggle' - }; - var OffsetMethod = { - OFFSET: 'offset', - POSITION: 'position' - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + var EVENT_ACTIVATE = "activate" + EVENT_KEY$8; + var EVENT_SCROLL = "scroll" + EVENT_KEY$8; + var EVENT_LOAD_DATA_API$2 = "load" + EVENT_KEY$8 + DATA_API_KEY$6; + var CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'; + var CLASS_NAME_ACTIVE$2 = 'active'; + var SELECTOR_DATA_SPY = '[data-spy="scroll"]'; + var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'; + var SELECTOR_NAV_LINKS = '.nav-link'; + var SELECTOR_NAV_ITEMS = '.nav-item'; + var SELECTOR_LIST_ITEMS = '.list-group-item'; + var SELECTOR_DROPDOWN = '.dropdown'; + var SELECTOR_DROPDOWN_ITEMS = '.dropdown-item'; + var SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'; + var METHOD_OFFSET = 'offset'; + var METHOD_POSITION = 'position'; + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ - }; - - var ScrollSpy = - /*#__PURE__*/ - function () { + var ScrollSpy = /*#__PURE__*/function () { function ScrollSpy(element, config) { var _this = this; this._element = element; this._scrollElement = element.tagName === 'BODY' ? window : element; this._config = this._getConfig(config); - this._selector = this._config.target + " " + Selector$8.NAV_LINKS + "," + (this._config.target + " " + Selector$8.LIST_ITEMS + ",") + (this._config.target + " " + Selector$8.DROPDOWN_ITEMS); + this._selector = this._config.target + " " + SELECTOR_NAV_LINKS + "," + (this._config.target + " " + SELECTOR_LIST_ITEMS + ",") + (this._config.target + " " + SELECTOR_DROPDOWN_ITEMS); this._offsets = []; this._targets = []; this._activeTarget = null; this._scrollHeight = 0; - $(this._scrollElement).on(Event$8.SCROLL, function (event) { + $__default['default'](this._scrollElement).on(EVENT_SCROLL, function (event) { return _this._process(event); }); this.refresh(); @@ -3540,9 +3747,9 @@ _proto.refresh = function refresh() { var _this2 = this; - var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION; + var autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION; var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method; - var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0; + var offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0; this._offsets = []; this._targets = []; this._scrollHeight = this._getScrollHeight(); @@ -3560,7 +3767,7 @@ if (targetBCR.width || targetBCR.height) { // TODO (fat): remove sketch reliance on jQuery position/offset - return [$(target)[offsetMethod]().top + offsetBase, targetSelector]; + return [$__default['default'](target)[offsetMethod]().top + offsetBase, targetSelector]; } } @@ -3577,8 +3784,8 @@ }; _proto.dispose = function dispose() { - $.removeData(this._element, DATA_KEY$8); - $(this._scrollElement).off(EVENT_KEY$8); + $__default['default'].removeData(this._element, DATA_KEY$8); + $__default['default'](this._scrollElement).off(EVENT_KEY$8); this._element = null; this._scrollElement = null; this._config = null; @@ -3587,18 +3794,18 @@ this._targets = null; this._activeTarget = null; this._scrollHeight = null; - }; // Private - + } // Private + ; _proto._getConfig = function _getConfig(config) { - config = _objectSpread({}, Default$6, typeof config === 'object' && config ? config : {}); + config = _extends({}, Default$6, typeof config === 'object' && config ? config : {}); - if (typeof config.target !== 'string') { - var id = $(config.target).attr('id'); + if (typeof config.target !== 'string' && Util.isElement(config.target)) { + var id = $__default['default'](config.target).attr('id'); if (!id) { id = Util.getUID(NAME$8); - $(config.target).attr('id', id); + $__default['default'](config.target).attr('id', id); } config.target = "#" + id; @@ -3649,9 +3856,7 @@ return; } - var offsetLength = this._offsets.length; - - for (var i = offsetLength; i--;) { + for (var i = this._offsets.length; i--;) { var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]); if (isActiveTarget) { @@ -3669,44 +3874,44 @@ return selector + "[data-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]"; }); - var $link = $([].slice.call(document.querySelectorAll(queries.join(',')))); + var $link = $__default['default']([].slice.call(document.querySelectorAll(queries.join(',')))); - if ($link.hasClass(ClassName$8.DROPDOWN_ITEM)) { - $link.closest(Selector$8.DROPDOWN).find(Selector$8.DROPDOWN_TOGGLE).addClass(ClassName$8.ACTIVE); - $link.addClass(ClassName$8.ACTIVE); + if ($link.hasClass(CLASS_NAME_DROPDOWN_ITEM)) { + $link.closest(SELECTOR_DROPDOWN).find(SELECTOR_DROPDOWN_TOGGLE).addClass(CLASS_NAME_ACTIVE$2); + $link.addClass(CLASS_NAME_ACTIVE$2); } else { // Set triggered link as active - $link.addClass(ClassName$8.ACTIVE); // Set triggered links parents as active + $link.addClass(CLASS_NAME_ACTIVE$2); // Set triggered links parents as active // With both