diff --git a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.content b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.content deleted file mode 100644 index 3cb829a..0000000 --- a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.content +++ /dev/null @@ -1 +0,0 @@ -:root,[data-bs-theme="light"]{--hb-blue: #0d6efd;--hb-indigo: #6610f2;--hb-purple: #6f42c1;--hb-pink: #d63384;--hb-red: #dc3545;--hb-orange: #fd7e14;--hb-yellow: #ffc107;--hb-green: #198754;--hb-teal: #20c997;--hb-cyan: #0dcaf0;--hb-black: #000;--hb-white: #fff;--hb-gray: #6c757d;--hb-gray-dark: #343a40;--hb-gray-100: #f8f9fa;--hb-gray-200: #e9ecef;--hb-gray-300: #dee2e6;--hb-gray-400: #ced4da;--hb-gray-500: #adb5bd;--hb-gray-600: #6c757d;--hb-gray-700: #495057;--hb-gray-800: #343a40;--hb-gray-900: #212529;--hb-primary: #0d6efd;--hb-secondary: #6c757d;--hb-success: #198754;--hb-info: #0dcaf0;--hb-warning: #ffc107;--hb-danger: #dc3545;--hb-light: #f8f9fa;--hb-dark: #212529;--hb-primary-rgb: 13,110,253;--hb-secondary-rgb: 108,117,125;--hb-success-rgb: 25,135,84;--hb-info-rgb: 13,202,240;--hb-warning-rgb: 255,193,7;--hb-danger-rgb: 220,53,69;--hb-light-rgb: 248,249,250;--hb-dark-rgb: 33,37,41;--hb-primary-text-emphasis: #052c65;--hb-secondary-text-emphasis: #2b2f32;--hb-success-text-emphasis: #0a3622;--hb-info-text-emphasis: #055160;--hb-warning-text-emphasis: #664d03;--hb-danger-text-emphasis: #58151c;--hb-light-text-emphasis: #495057;--hb-dark-text-emphasis: #495057;--hb-primary-bg-subtle: #cfe2ff;--hb-secondary-bg-subtle: #e2e3e5;--hb-success-bg-subtle: #d1e7dd;--hb-info-bg-subtle: #cff4fc;--hb-warning-bg-subtle: #fff3cd;--hb-danger-bg-subtle: #f8d7da;--hb-light-bg-subtle: #fcfcfd;--hb-dark-bg-subtle: #ced4da;--hb-primary-border-subtle: #9ec5fe;--hb-secondary-border-subtle: #c4c8cb;--hb-success-border-subtle: #a3cfbb;--hb-info-border-subtle: #9eeaf9;--hb-warning-border-subtle: #ffe69c;--hb-danger-border-subtle: #f1aeb5;--hb-light-border-subtle: #e9ecef;--hb-dark-border-subtle: #adb5bd;--hb-white-rgb: 255,255,255;--hb-black-rgb: 0,0,0;--hb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--hb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--hb-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));--hb-body-font-family: var(--hb-font-sans-serif);--hb-body-font-size:1rem;--hb-body-font-weight: 400;--hb-body-line-height: 1.5;--hb-body-color: #212529;--hb-body-color-rgb: 33,37,41;--hb-body-bg: #fff;--hb-body-bg-rgb: 255,255,255;--hb-emphasis-color: #000;--hb-emphasis-color-rgb: 0,0,0;--hb-secondary-color: rgba(33,37,41,0.75);--hb-secondary-color-rgb: 33,37,41;--hb-secondary-bg: #e9ecef;--hb-secondary-bg-rgb: 233,236,239;--hb-tertiary-color: rgba(33,37,41,0.5);--hb-tertiary-color-rgb: 33,37,41;--hb-tertiary-bg: #f8f9fa;--hb-tertiary-bg-rgb: 248,249,250;--hb-link-color: #0d6efd;--hb-link-color-rgb: 13,110,253;--hb-link-decoration: underline;--hb-link-hover-color: #0a58ca;--hb-link-hover-color-rgb: 10,88,202;--hb-code-color: #d63384;--hb-highlight-bg: #fff3cd;--hb-border-width: 1px;--hb-border-style: solid;--hb-border-color: #dee2e6;--hb-border-color-translucent: rgba(0,0,0,0.175);--hb-border-radius: .375rem;--hb-border-radius-sm: .25rem;--hb-border-radius-lg: .5rem;--hb-border-radius-xl: 1rem;--hb-border-radius-xxl: 2rem;--hb-border-radius-2xl: var(--hb-border-radius-xxl);--hb-border-radius-pill: 50rem;--hb-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);--hb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);--hb-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);--hb-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);--hb-focus-ring-width: .25rem;--hb-focus-ring-opacity: .25;--hb-focus-ring-color: rgba(13,110,253,0.25);--hb-form-valid-color: #198754;--hb-form-valid-border-color: #198754;--hb-form-invalid-color: #dc3545;--hb-form-invalid-border-color: #dc3545}[data-bs-theme="dark"]{color-scheme:dark;--hb-body-color: #adb5bd;--hb-body-color-rgb: 173,181,189;--hb-body-bg: #212529;--hb-body-bg-rgb: 33,37,41;--hb-emphasis-color: #fff;--hb-emphasis-color-rgb: 255,255,255;--hb-secondary-color: rgba(173,181,189,0.75);--hb-secondary-color-rgb: 173,181,189;--hb-secondary-bg: #343a40;--hb-secondary-bg-rgb: 52,58,64;--hb-tertiary-color: rgba(173,181,189,0.5);--hb-tertiary-color-rgb: 173,181,189;--hb-tertiary-bg: #2b3035;--hb-tertiary-bg-rgb: 43,48,53;--hb-primary-text-emphasis: #6ea8fe;--hb-secondary-text-emphasis: #a7acb1;--hb-success-text-emphasis: #75b798;--hb-info-text-emphasis: #6edff6;--hb-warning-text-emphasis: #ffda6a;--hb-danger-text-emphasis: #ea868f;--hb-light-text-emphasis: #f8f9fa;--hb-dark-text-emphasis: #dee2e6;--hb-primary-bg-subtle: #031633;--hb-secondary-bg-subtle: #161719;--hb-success-bg-subtle: #051b11;--hb-info-bg-subtle: #032830;--hb-warning-bg-subtle: #332701;--hb-danger-bg-subtle: #2c0b0e;--hb-light-bg-subtle: #343a40;--hb-dark-bg-subtle: #1a1d20;--hb-primary-border-subtle: #084298;--hb-secondary-border-subtle: #41464b;--hb-success-border-subtle: #0f5132;--hb-info-border-subtle: #087990;--hb-warning-border-subtle: #997404;--hb-danger-border-subtle: #842029;--hb-light-border-subtle: #495057;--hb-dark-border-subtle: #343a40;--hb-link-color: #6ea8fe;--hb-link-hover-color: #8bb9fe;--hb-link-color-rgb: 110,168,254;--hb-link-hover-color-rgb: 139,185,254;--hb-code-color: #e685b5;--hb-border-color: #495057;--hb-border-color-translucent: rgba(255,255,255,0.15);--hb-form-valid-color: #75b798;--hb-form-valid-border-color: #75b798;--hb-form-invalid-color: #ea868f;--hb-form-invalid-border-color: #ea868f}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--hb-body-font-family);font-size:var(--hb-body-font-size);font-weight:var(--hb-body-font-weight);line-height:var(--hb-body-line-height);color:var(--hb-body-color);text-align:var(--hb-body-text-align);background-color:var(--hb-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--hb-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.75rem;font-weight:500;line-height:1.2;color:var(--hb-heading-color, inherit)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}blockquote{margin:0 0 1rem}strong{font-weight:bolder}small,.small{font-size:.875em}a{color:rgba(var(--hb-link-color-rgb), var(--hb-link-opacity, 1));text-decoration:underline}a:hover{--hb-link-color-rgb: var(--hb-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd{font-family:var(--hb-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--hb-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--hb-body-bg);background-color:var(--hb-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tr,td,th{border-color:inherit;border-style:solid;border-width:0}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button{-webkit-appearance:button}button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.img-fluid{max-width:100%;height:auto}.container,.container-fluid,.container-lg{--hb-gutter-x: 1.5rem;--hb-gutter-y: 0;width:100%;padding-right:calc(var(--hb-gutter-x) * .5);padding-left:calc(var(--hb-gutter-x) * .5);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-lg,.container{max-width:960px}}@media (min-width: 1200px){.container-lg,.container{max-width:1140px}}@media (min-width: 1400px){.container-lg,.container{max-width:1320px}}:root{--hb-breakpoint-xs: 0;--hb-breakpoint-sm: 576px;--hb-breakpoint-md: 768px;--hb-breakpoint-lg: 992px;--hb-breakpoint-xl: 1200px;--hb-breakpoint-xxl: 1400px}.row{--hb-gutter-x: 1.5rem;--hb-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--hb-gutter-y));margin-right:calc(-.5 * var(--hb-gutter-x));margin-left:calc(-.5 * var(--hb-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--hb-gutter-x) * .5);padding-left:calc(var(--hb-gutter-x) * .5);margin-top:var(--hb-gutter-y)}.col{flex:1 0 0%}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-4>*{flex:0 0 auto;width:25%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.offset-3{margin-left:25%}.gx-0{--hb-gutter-x: 0}@media (min-width: 768px){.row-cols-md-2>*{flex:0 0 auto;width:50%}.col-md-6{flex:0 0 auto;width:50%}}@media (min-width: 992px){.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.col-lg-4{flex:0 0 auto;width:33.33333333%}}@media (min-width: 1200px){.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}}@media (min-width: 1400px){.col-xxl-auto{flex:0 0 auto;width:auto}}.table,table{--hb-table-color: var(--hb-body-color);--hb-table-bg: rgba(0,0,0,0);--hb-table-border-color: var(--hb-border-color);--hb-table-accent-bg: rgba(0,0,0,0);--hb-table-striped-color: var(--hb-body-color);--hb-table-striped-bg: rgba(0,0,0,0.05);--hb-table-active-color: var(--hb-body-color);--hb-table-active-bg: rgba(0,0,0,0.1);--hb-table-hover-color: var(--hb-body-color);--hb-table-hover-bg: rgba(0,0,0,0.075);width:100%;margin-bottom:1rem;color:var(--hb-table-color);vertical-align:top;border-color:var(--hb-table-border-color)}.table>:not(caption)>*>*,table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--hb-table-bg);border-bottom-width:var(--hb-border-width);box-shadow:inset 0 0 0 9999px var(--hb-table-accent-bg)}.table>tbody,table>tbody{vertical-align:inherit}.table>thead,table>thead{vertical-align:bottom}table>:not(caption)>*{border-width:var(--hb-border-width) 0}table>:not(caption)>*>*{border-width:0 var(--hb-border-width)}table>tbody>tr:hover>*{--hb-table-accent-bg: var(--hb-table-hover-bg);color:var(--hb-table-hover-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--hb-body-color);background-color:var(--hb-body-bg);background-clip:padding-box;border:var(--hb-border-width) solid var(--hb-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--hb-border-radius);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:focus{color:var(--hb-body-color);background-color:var(--hb-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--hb-secondary-color);opacity:1}.form-control::placeholder{color:var(--hb-secondary-color);opacity:1}.form-control:disabled{background-color:var(--hb-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--hb-body-color);background-color:var(--hb-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--hb-border-width);border-radius:0;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){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--hb-secondary-bg)}.btn{--hb-btn-padding-x: .75rem;--hb-btn-padding-y: .375rem;--hb-btn-font-family: ;--hb-btn-font-size:1rem;--hb-btn-font-weight: 400;--hb-btn-line-height: 1.5;--hb-btn-color: var(--hb-body-color);--hb-btn-bg: transparent;--hb-btn-border-width: var(--hb-border-width);--hb-btn-border-color: transparent;--hb-btn-border-radius: var(--hb-border-radius);--hb-btn-hover-border-color: transparent;--hb-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);--hb-btn-disabled-opacity: .65;--hb-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--hb-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--hb-btn-padding-y) var(--hb-btn-padding-x);font-family:var(--hb-btn-font-family);font-size:var(--hb-btn-font-size);font-weight:var(--hb-btn-font-weight);line-height:var(--hb-btn-line-height);color:var(--hb-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--hb-btn-border-width) solid var(--hb-btn-border-color);border-radius:var(--hb-btn-border-radius);background-color:var(--hb-btn-bg);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(--hb-btn-hover-color);background-color:var(--hb-btn-hover-bg);border-color:var(--hb-btn-hover-border-color)}.btn:focus-visible{color:var(--hb-btn-hover-color);background-color:var(--hb-btn-hover-bg);border-color:var(--hb-btn-hover-border-color);outline:0;box-shadow:var(--hb-btn-focus-box-shadow)}:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--hb-btn-active-color);background-color:var(--hb-btn-active-bg);border-color:var(--hb-btn-active-border-color)}:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--hb-btn-focus-box-shadow)}.btn:disabled,.btn.disabled{color:var(--hb-btn-disabled-color);pointer-events:none;background-color:var(--hb-btn-disabled-bg);border-color:var(--hb-btn-disabled-border-color);opacity:var(--hb-btn-disabled-opacity)}.btn-primary{--hb-btn-color: #fff;--hb-btn-bg: #0d6efd;--hb-btn-border-color: #0d6efd;--hb-btn-hover-color: #fff;--hb-btn-hover-bg: #0b5ed7;--hb-btn-hover-border-color: #0a58ca;--hb-btn-focus-shadow-rgb: 49,132,253;--hb-btn-active-color: #fff;--hb-btn-active-bg: #0a58ca;--hb-btn-active-border-color: #0a53be;--hb-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);--hb-btn-disabled-color: #fff;--hb-btn-disabled-bg: #0d6efd;--hb-btn-disabled-border-color: #0d6efd}.btn-secondary{--hb-btn-color: #fff;--hb-btn-bg: #6c757d;--hb-btn-border-color: #6c757d;--hb-btn-hover-color: #fff;--hb-btn-hover-bg: #5c636a;--hb-btn-hover-border-color: #565e64;--hb-btn-focus-shadow-rgb: 130,138,145;--hb-btn-active-color: #fff;--hb-btn-active-bg: #565e64;--hb-btn-active-border-color: #51585e;--hb-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);--hb-btn-disabled-color: #fff;--hb-btn-disabled-bg: #6c757d;--hb-btn-disabled-border-color: #6c757d}.btn-success{--hb-btn-color: #fff;--hb-btn-bg: #198754;--hb-btn-border-color: #198754;--hb-btn-hover-color: #fff;--hb-btn-hover-bg: #157347;--hb-btn-hover-border-color: #146c43;--hb-btn-focus-shadow-rgb: 60,153,110;--hb-btn-active-color: #fff;--hb-btn-active-bg: #146c43;--hb-btn-active-border-color: #13653f;--hb-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);--hb-btn-disabled-color: #fff;--hb-btn-disabled-bg: #198754;--hb-btn-disabled-border-color: #198754}.btn-light{--hb-btn-color: #000;--hb-btn-bg: #f8f9fa;--hb-btn-border-color: #f8f9fa;--hb-btn-hover-color: #000;--hb-btn-hover-bg: #d3d4d5;--hb-btn-hover-border-color: #c6c7c8;--hb-btn-focus-shadow-rgb: 211,212,213;--hb-btn-active-color: #000;--hb-btn-active-bg: #c6c7c8;--hb-btn-active-border-color: #babbbc;--hb-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);--hb-btn-disabled-color: #000;--hb-btn-disabled-bg: #f8f9fa;--hb-btn-disabled-border-color: #f8f9fa}.btn-link{--hb-btn-font-weight: 400;--hb-btn-color: var(--hb-link-color);--hb-btn-bg: transparent;--hb-btn-border-color: transparent;--hb-btn-hover-color: var(--hb-link-hover-color);--hb-btn-hover-border-color: transparent;--hb-btn-active-color: var(--hb-link-hover-color);--hb-btn-active-border-color: transparent;--hb-btn-disabled-color: #6c757d;--hb-btn-disabled-border-color: transparent;--hb-btn-box-shadow: 0 0 0 #000;--hb-btn-focus-shadow-rgb: 49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--hb-btn-color)}.btn-link:hover{color:var(--hb-btn-hover-color)}.fade{transition:opacity 0.15s linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropup,.dropdown,.dropup-center,.dropdown-center{position:relative}.dropdown-menu{--hb-dropdown-zindex: 1000;--hb-dropdown-min-width: 10rem;--hb-dropdown-padding-x: 0;--hb-dropdown-padding-y: .5rem;--hb-dropdown-spacer: .125rem;--hb-dropdown-font-size:1rem;--hb-dropdown-color: var(--hb-body-color);--hb-dropdown-bg: var(--hb-body-bg);--hb-dropdown-border-color: var(--hb-border-color-translucent);--hb-dropdown-border-radius: var(--hb-border-radius);--hb-dropdown-border-width: var(--hb-border-width);--hb-dropdown-inner-border-radius: calc(var(--hb-border-radius) - var(--hb-border-width));--hb-dropdown-divider-bg: var(--hb-border-color-translucent);--hb-dropdown-divider-margin-y: .5rem;--hb-dropdown-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);--hb-dropdown-link-color: var(--hb-body-color);--hb-dropdown-link-hover-color: var(--hb-body-color);--hb-dropdown-link-hover-bg: var(--hb-tertiary-bg);--hb-dropdown-link-active-color: #fff;--hb-dropdown-link-active-bg: #0d6efd;--hb-dropdown-link-disabled-color: var(--hb-tertiary-color);--hb-dropdown-item-padding-x: 1rem;--hb-dropdown-item-padding-y: .25rem;--hb-dropdown-header-color: #6c757d;--hb-dropdown-header-padding-x: 1rem;--hb-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--hb-dropdown-zindex);display:none;min-width:var(--hb-dropdown-min-width);padding:var(--hb-dropdown-padding-y) var(--hb-dropdown-padding-x);margin:0;font-size:var(--hb-dropdown-font-size);color:var(--hb-dropdown-color);text-align:left;list-style:none;background-color:var(--hb-dropdown-bg);background-clip:padding-box;border:var(--hb-dropdown-border-width) solid var(--hb-dropdown-border-color);border-radius:var(--hb-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--hb-dropdown-spacer)}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--hb-dropdown-spacer)}.dropdown-divider{height:0;margin:var(--hb-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--hb-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--hb-dropdown-item-padding-y) var(--hb-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--hb-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--hb-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--hb-dropdown-link-hover-color);background-color:var(--hb-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--hb-dropdown-link-active-color);text-decoration:none;background-color:var(--hb-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--hb-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--hb-dropdown-header-padding-y) var(--hb-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--hb-dropdown-header-color);white-space:nowrap}.nav{--hb-nav-link-padding-x: 1rem;--hb-nav-link-padding-y: .5rem;--hb-nav-link-font-weight: ;--hb-nav-link-color: var(--hb-link-color);--hb-nav-link-hover-color: var(--hb-link-hover-color);--hb-nav-link-disabled-color: var(--hb-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--hb-nav-link-padding-y) var(--hb-nav-link-padding-x);font-size:var(--hb-nav-link-font-size);font-weight:var(--hb-nav-link-font-weight);color:var(--hb-nav-link-color);text-decoration:none;background:none;border:0;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--hb-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)}.nav-link.disabled{color:var(--hb-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-fill .nav-item .nav-link{width:100%}.navbar{--hb-navbar-padding-x: 0;--hb-navbar-padding-y: .5rem;--hb-navbar-color: rgba(var(--hb-emphasis-color-rgb), 0.65);--hb-navbar-hover-color: rgba(var(--hb-emphasis-color-rgb), 0.8);--hb-navbar-disabled-color: rgba(var(--hb-emphasis-color-rgb), 0.3);--hb-navbar-active-color: rgba(var(--hb-emphasis-color-rgb), 1);--hb-navbar-brand-padding-y: .3125rem;--hb-navbar-brand-margin-end: 1rem;--hb-navbar-brand-font-size: 1.25rem;--hb-navbar-brand-color: rgba(var(--hb-emphasis-color-rgb), 1);--hb-navbar-brand-hover-color: rgba(var(--hb-emphasis-color-rgb), 1);--hb-navbar-nav-link-padding-x: .5rem;--hb-navbar-toggler-padding-y: .25rem;--hb-navbar-toggler-padding-x: .75rem;--hb-navbar-toggler-font-size: 1.25rem;--hb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833,37,41,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--hb-navbar-toggler-border-color: rgba(var(--hb-emphasis-color-rgb), 0.15);--hb-navbar-toggler-border-radius: var(--hb-border-radius);--hb-navbar-toggler-focus-width: .25rem;--hb-navbar-toggler-transition: box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--hb-navbar-padding-y) var(--hb-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--hb-navbar-brand-padding-y);padding-bottom:var(--hb-navbar-brand-padding-y);margin-right:var(--hb-navbar-brand-margin-end);font-size:var(--hb-navbar-brand-font-size);color:var(--hb-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--hb-navbar-brand-hover-color)}.navbar-nav{--hb-nav-link-padding-x: 0;--hb-nav-link-padding-y: .5rem;--hb-nav-link-font-weight: ;--hb-nav-link-color: var(--hb-navbar-color);--hb-nav-link-hover-color: var(--hb-navbar-hover-color);--hb-nav-link-disabled-color: var(--hb-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--hb-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-toggler{padding:var(--hb-navbar-toggler-padding-y) var(--hb-navbar-toggler-padding-x);font-size:var(--hb-navbar-toggler-font-size);line-height:1;color:var(--hb-navbar-color);background-color:transparent;border:var(--hb-border-width) solid var(--hb-navbar-toggler-border-color);border-radius:var(--hb-navbar-toggler-border-radius);transition:var(--hb-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--hb-navbar-toggler-focus-width)}@media (min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--hb-navbar-nav-link-padding-x);padding-left:var(--hb-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:transparent !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.card{--hb-card-spacer-y: 1rem;--hb-card-spacer-x: 1rem;--hb-card-title-spacer-y: .5rem;--hb-card-title-color: ;--hb-card-subtitle-color: ;--hb-card-border-width: var(--hb-border-width);--hb-card-border-color: var(--hb-border-color-translucent);--hb-card-border-radius: var(--hb-border-radius);--hb-card-box-shadow: ;--hb-card-inner-border-radius: calc(var(--hb-border-radius) - (var(--hb-border-width)));--hb-card-cap-padding-y: .5rem;--hb-card-cap-padding-x: 1rem;--hb-card-cap-bg: rgba(var(--hb-body-color-rgb), 0.03);--hb-card-cap-color: ;--hb-card-height: ;--hb-card-color: ;--hb-card-bg: var(--hb-body-bg);--hb-card-img-overlay-padding: 1rem;--hb-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--hb-card-height);color:var(--hb-body-color);word-wrap:break-word;background-color:var(--hb-card-bg);background-clip:border-box;border:var(--hb-card-border-width) solid var(--hb-card-border-color);border-radius:var(--hb-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card-body{flex:1 1 auto;padding:var(--hb-card-spacer-y) var(--hb-card-spacer-x);color:var(--hb-card-color)}.card-title{margin-bottom:var(--hb-card-title-spacer-y);color:var(--hb-card-title-color)}.card-text:last-child{margin-bottom:0}.card-img-top{width:100%}.card-img-top{border-top-left-radius:var(--hb-card-inner-border-radius);border-top-right-radius:var(--hb-card-inner-border-radius)}.breadcrumb{--hb-breadcrumb-padding-x: 0;--hb-breadcrumb-padding-y: 0;--hb-breadcrumb-margin-bottom: 1rem;--hb-breadcrumb-bg: ;--hb-breadcrumb-border-radius: ;--hb-breadcrumb-divider-color: var(--hb-secondary-color);--hb-breadcrumb-item-padding-x: .5rem;--hb-breadcrumb-item-active-color: var(--hb-secondary-color);display:flex;flex-wrap:wrap;padding:var(--hb-breadcrumb-padding-y) var(--hb-breadcrumb-padding-x);margin-bottom:var(--hb-breadcrumb-margin-bottom);font-size:var(--hb-breadcrumb-font-size);list-style:none;background-color:var(--hb-breadcrumb-bg);border-radius:var(--hb-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--hb-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--hb-breadcrumb-item-padding-x);color:var(--hb-breadcrumb-divider-color);content:var(--hb-breadcrumb-divider, "/") /* rtl: var(--hb-breadcrumb-divider, "/") */}.breadcrumb-item.active{color:var(--hb-breadcrumb-item-active-color)}.pagination{--hb-pagination-padding-x: .75rem;--hb-pagination-padding-y: .375rem;--hb-pagination-font-size:1rem;--hb-pagination-color: var(--hb-link-color);--hb-pagination-bg: var(--hb-body-bg);--hb-pagination-border-width: var(--hb-border-width);--hb-pagination-border-color: var(--hb-border-color);--hb-pagination-border-radius: var(--hb-border-radius);--hb-pagination-hover-color: var(--hb-link-hover-color);--hb-pagination-hover-bg: var(--hb-tertiary-bg);--hb-pagination-hover-border-color: var(--hb-border-color);--hb-pagination-focus-color: var(--hb-link-hover-color);--hb-pagination-focus-bg: var(--hb-secondary-bg);--hb-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);--hb-pagination-active-color: #fff;--hb-pagination-active-bg: #0d6efd;--hb-pagination-active-border-color: #0d6efd;--hb-pagination-disabled-color: var(--hb-secondary-color);--hb-pagination-disabled-bg: var(--hb-secondary-bg);--hb-pagination-disabled-border-color: var(--hb-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--hb-pagination-padding-y) var(--hb-pagination-padding-x);font-size:var(--hb-pagination-font-size);color:var(--hb-pagination-color);text-decoration:none;background-color:var(--hb-pagination-bg);border:var(--hb-pagination-border-width) solid var(--hb-pagination-border-color);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){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--hb-pagination-hover-color);background-color:var(--hb-pagination-hover-bg);border-color:var(--hb-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--hb-pagination-focus-color);background-color:var(--hb-pagination-focus-bg);outline:0;box-shadow:var(--hb-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--hb-pagination-active-color);background-color:var(--hb-pagination-active-bg);border-color:var(--hb-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--hb-pagination-disabled-color);pointer-events:none;background-color:var(--hb-pagination-disabled-bg);border-color:var(--hb-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--hb-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--hb-pagination-border-radius);border-bottom-left-radius:var(--hb-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--hb-pagination-border-radius);border-bottom-right-radius:var(--hb-pagination-border-radius)}.badge{--hb-badge-padding-x: .65em;--hb-badge-padding-y: .35em;--hb-badge-font-size:.75em;--hb-badge-font-weight: 700;--hb-badge-color: #fff;--hb-badge-border-radius: var(--hb-border-radius);display:inline-block;padding:var(--hb-badge-padding-y) var(--hb-badge-padding-x);font-size:var(--hb-badge-font-size);font-weight:var(--hb-badge-font-weight);line-height:1;color:var(--hb-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--hb-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--hb-alert-bg: transparent;--hb-alert-padding-x: 1rem;--hb-alert-padding-y: 1rem;--hb-alert-margin-bottom: 1rem;--hb-alert-color: inherit;--hb-alert-border-color: transparent;--hb-alert-border: var(--hb-border-width) solid var(--hb-alert-border-color);--hb-alert-border-radius: var(--hb-border-radius);--hb-alert-link-color: inherit;position:relative;padding:var(--hb-alert-padding-y) var(--hb-alert-padding-x);margin-bottom:var(--hb-alert-margin-bottom);color:var(--hb-alert-color);background-color:var(--hb-alert-bg);border:var(--hb-alert-border);border-radius:var(--hb-alert-border-radius)}.alert-danger{--hb-alert-color: var(--hb-danger-text-emphasis);--hb-alert-bg: var(--hb-danger-bg-subtle);--hb-alert-border-color: var(--hb-danger-border-subtle);--hb-alert-link-color: var(--hb-danger-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--hb-progress-height: 1rem;--hb-progress-font-size:.75rem;--hb-progress-bg: var(--hb-secondary-bg);--hb-progress-border-radius: var(--hb-border-radius);--hb-progress-box-shadow: var(--hb-box-shadow-inset);--hb-progress-bar-color: #fff;--hb-progress-bar-bg: #0d6efd;--hb-progress-bar-transition: width 0.6s ease;display:flex;height:var(--hb-progress-height);overflow:hidden;font-size:var(--hb-progress-font-size);background-color:var(--hb-progress-bg);border-radius:var(--hb-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--hb-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--hb-progress-bar-bg);transition:var(--hb-progress-bar-transition)}@media (prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.btn-close{--hb-btn-close-color: #000;--hb-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--hb-btn-close-opacity: .5;--hb-btn-close-hover-opacity: .75;--hb-btn-close-focus-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);--hb-btn-close-focus-opacity: 1;--hb-btn-close-disabled-opacity: .25;--hb-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--hb-btn-close-color);background:transparent var(--hb-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--hb-btn-close-opacity)}.btn-close:hover{color:var(--hb-btn-close-color);text-decoration:none;opacity:var(--hb-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--hb-btn-close-focus-shadow);opacity:var(--hb-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--hb-btn-close-disabled-opacity)}[data-bs-theme="dark"] .btn-close{filter:var(--hb-btn-close-white-filter)}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active{display:block}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity 0.6s ease}@media (prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target],[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme="dark"] .carousel .carousel-caption,[data-bs-theme="dark"].carousel .carousel-caption{color:#000}.spinner-grow{display:inline-block;width:var(--hb-spinner-width);height:var(--hb-spinner-height);vertical-align:var(--hb-spinner-vertical-align);border-radius:50%;animation:var(--hb-spinner-animation-speed) linear infinite var(--hb-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) /* rtl:ignore */}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--hb-spinner-width: 2rem;--hb-spinner-height: 2rem;--hb-spinner-vertical-align: -.125em;--hb-spinner-animation-speed: .75s;--hb-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}@media (prefers-reduced-motion: reduce){.spinner-grow{--hb-spinner-animation-speed: 1.5s}}.offcanvas,.offcanvas-xxl{--hb-offcanvas-zindex: 1045;--hb-offcanvas-width: 400px;--hb-offcanvas-height: 30vh;--hb-offcanvas-padding-x: 1rem;--hb-offcanvas-padding-y: 1rem;--hb-offcanvas-color: var(--hb-body-color);--hb-offcanvas-bg: var(--hb-body-bg);--hb-offcanvas-border-width: var(--hb-border-width);--hb-offcanvas-border-color: var(--hb-border-color-translucent);--hb-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);--hb-offcanvas-transition: transform .3s ease-in-out;--hb-offcanvas-title-line-height: 1.5}@media (max-width: 1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--hb-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--hb-offcanvas-color);visibility:hidden;background-color:var(--hb-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--hb-offcanvas-transition)}}@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce){.offcanvas-xxl{transition:none}}@media (max-width: 1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--hb-offcanvas-width);border-left:var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){transform:none}.offcanvas-xxl.showing,.offcanvas-xxl.show{visibility:visible}}@media (min-width: 1400px){.offcanvas-xxl{--hb-offcanvas-height: auto;--hb-offcanvas-border-width: 0;background-color:transparent !important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent !important}}.offcanvas{position:fixed;bottom:0;z-index:var(--hb-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--hb-offcanvas-color);visibility:hidden;background-color:var(--hb-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--hb-offcanvas-transition)}@media (prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-end{top:0;right:0;width:var(--hb-offcanvas-width);border-left:var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color);transform:translateX(100%)}.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none}.offcanvas.showing,.offcanvas.show{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--hb-offcanvas-padding-y) var(--hb-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--hb-offcanvas-padding-y) * .5) calc(var(--hb-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--hb-offcanvas-padding-y));margin-right:calc(-.5 * var(--hb-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--hb-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:var(--hb-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--hb-offcanvas-padding-y) var(--hb-offcanvas-padding-x);overflow-y:auto}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.hb-header{position:sticky;top:0;z-index:1020}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.align-text-top{vertical-align:text-top !important}.overflow-hidden{overflow:hidden !important}.overflow-y-auto{overflow-y:auto !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important}.shadow-none{box-shadow:none !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.start-0{left:0 !important}.end-0{right:0 !important}.border{border:var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important}.border-0{border:0 !important}.border-top{border-top:var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important}.border-bottom{border-bottom:var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important}.border-start{border-left:var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important}.border-secondary-subtle{border-color:var(--hb-secondary-border-subtle) !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-5{border-width:5px !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-100{height:100% !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-wrap{flex-wrap:wrap !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.align-items-center{align-items:center !important}.order-5{order:5 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.mt-2{margin-top:.5rem !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pe-0{padding-right:0 !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.ps-0{padding-left:0 !important}.ps-4{padding-left:1.5rem !important}.fw-normal{font-weight:400 !important}.fw-bold{font-weight:700 !important}.text-center{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-nowrap{white-space:nowrap !important}.text-primary{--hb-text-opacity: 1;color:rgba(var(--hb-primary-rgb), var(--hb-text-opacity)) !important}.text-secondary{--hb-text-opacity: 1;color:rgba(var(--hb-secondary-rgb), var(--hb-text-opacity)) !important}.text-success{--hb-text-opacity: 1;color:rgba(var(--hb-success-rgb), var(--hb-text-opacity)) !important}.text-info{--hb-text-opacity: 1;color:rgba(var(--hb-info-rgb), var(--hb-text-opacity)) !important}.text-warning{--hb-text-opacity: 1;color:rgba(var(--hb-warning-rgb), var(--hb-text-opacity)) !important}.text-danger{--hb-text-opacity: 1;color:rgba(var(--hb-danger-rgb), var(--hb-text-opacity)) !important}.text-white{--hb-text-opacity: 1;color:rgba(var(--hb-white-rgb), var(--hb-text-opacity)) !important}.text-body{--hb-text-opacity: 1;color:rgba(var(--hb-body-color-rgb), var(--hb-text-opacity)) !important}.text-muted{--hb-text-opacity: 1;color:var(--hb-secondary-color) !important}.text-body-secondary{--hb-text-opacity: 1;color:var(--hb-secondary-color) !important}.text-primary-emphasis{color:var(--hb-primary-text-emphasis) !important}.bg-secondary{--hb-bg-opacity: 1;background-color:rgba(var(--hb-secondary-rgb), var(--hb-bg-opacity)) !important}.bg-body,.hb-header-nav{--hb-bg-opacity: 1;background-color:rgba(var(--hb-body-bg-rgb), var(--hb-bg-opacity)) !important}.bg-transparent{--hb-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-body-secondary{--hb-bg-opacity: 1;background-color:rgba(var(--hb-secondary-bg-rgb), var(--hb-bg-opacity)) !important}.bg-body-tertiary{--hb-bg-opacity: 1;background-color:rgba(var(--hb-tertiary-bg-rgb), var(--hb-bg-opacity)) !important}.bg-gradient{background-image:var(--hb-gradient) !important}.rounded{border-radius:var(--hb-border-radius) !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:var(--hb-border-radius-sm) !important}.rounded-5{border-radius:var(--hb-border-radius-xxl) !important}.rounded-circle{border-radius:50% !important}@media (min-width: 768px){.d-md-block{display:block !important}.d-md-none{display:none !important}.justify-content-md-start{justify-content:flex-start !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.pt-md-5{padding-top:3rem !important}.pb-md-3{padding-bottom:1rem !important}.text-md-start{text-align:left !important}}@media (min-width: 992px){.d-lg-block{display:block !important}.mb-lg-4{margin-bottom:1.5rem !important}.ps-lg-3{padding-left:1rem !important}}@media (min-width: 1400px){.d-xxl-flex{display:flex !important}.d-xxl-none{display:none !important}.justify-content-xxl-center{justify-content:center !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.ms-xxl-1{margin-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}}.theme-toggle-menu{--hb-dropdown-min-width: 4rem}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#909294}::-webkit-scrollbar-corner{background:#909294}.hb-progress{height:2px;z-index:1100}.hb-content-panel-wrapper{bottom:20px;opacity:0.875}.hb-content-panel-wrapper:hover{opacity:1}.hb-content-panel-item:first-child{margin-left:0.75rem}.hb-content-panel-item:last-child{margin-right:0.75rem}.hb-content-panel-item:not(:last-child)::after{color:var(--hb-border-color);content:"|";padding-right:0.25rem}.hb-content-panel-translations .dropdown-menu{min-width:1px}:root{--search-primary: #712cf9;--search-container-bg: rgba(101, 108, 133, 80%);--search-bg: #f5f6f7;--search-color: #212529;--search-color-secondary: #64676a;--search-result-bg: white;--search-result-bg-active: var(--search-primary);--search-result-color: var(--search-color);--search-result-color-active: white;--search-result-color-secondary: var(--search-color-secondary);--search-result-color-secondary-active: #fafafb;--search-result-highlight-bg: inherit;--search-result-highlight-color: inherit;--search-border-color: #dee2e6}button{cursor:pointer}.search-dropdown-toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex}.search-dropdown-label{font-size:0.875rem;margin-left:0.25rem}@media (max-width: 576px){.search-dropdown-label{display:none}}.search-dropdown-menu{display:none;left:0;list-style:none;position:absolute;background-color:var(--search-bg);min-width:160px;border:1px solid var(--search-border-color);border-radius:0.25rem;margin:1.5rem 0 0;max-height:30vh;overflow:hidden auto;padding:0.5rem 0 0.15rem;z-index:1}.search-dropdown-item{color:var(--search-color);padding:0.25rem 0.5rem;white-space:nowrap}.search-dropdown-item.active,.search-dropdown-item:hover{background:var(--search-primary);color:white}.search-dropdown{cursor:pointer;display:flex;flex-direction:column;position:relative}.search-dropdown.show .search-dropdown-menu{display:block}.search-dropdown.active .search-dropdown-toggle{color:var(--search-primary)}.search-modal-container{background:var(--search-container-bg);position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1100}.search-modal-container.active{display:flex}.search-modal{height:100%;width:100%;flex-direction:column;position:fixed;display:flex;background:var(--search-bg);color:var(--search-color);overflow:hidden;min-height:360px}@media (min-width: 576px){.search-modal{border-radius:0.25rem;max-width:90vw;max-height:600px;height:80%;left:calc((100% - 90vw) / 2);top:10%}}@media (min-width: 1200px){.search-modal{max-width:80vw;left:calc((100% - 80vw) / 2)}}.search-modal-header{background:inherit;padding:0.75rem 0.5rem 0;position:sticky;top:0;border-bottom:1px solid var(--search-border-color);margin-bottom:0.5rem;z-index:1}.search-modal-active{overflow:hidden !important}.search-modal-close{margin-left:0.25rem;background:var(--search-primary);color:white;border:none;border-radius:0.25rem;cursor:pointer}@media (min-width: 576px){.search-modal-close{display:none}}.search-modal-body{padding:0 0.5rem;overflow-y:auto;height:100%;flex:1}.search-modal-footer{background:inherit;position:sticky;bottom:0;padding:0.75rem 0.5rem;border-top:1px solid var(--search-border-color)}@media (max-width: 576px){.search-modal-footer{display:none}}.search-form{display:flex;flex-flow:column wrap;margin-bottom:0.5rem}.search-input-group{display:flex;flex:1;position:relative}.search-input-icon,.search-spinner{background:inherit;border:none;color:var(--search-primary);position:absolute;top:0;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0.5rem;left:0}.search-input-icon.disabled,.search-spinner.disabled{display:none}.search-spinner svg{background:var(--search-bg);animation-name:search-spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.search-input{border-radius:0.25rem;border:1px solid var(--search-primary);padding:0.75rem 0.5rem 0.75rem 2.25rem;flex:1}.search-input::-webkit-search-cancel-button{cursor:pointer;padding:0.125rem}.search-form-control{height:100%;margin-right:0.25rem;outline:none;background:var(--search-bg);color:var(--search-color)}.search-form-meta{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:0.25rem}.search-panel{display:flex;flex-wrap:wrap;margin-bottom:0.5rem}.search-panel-action{align-items:center;border:0;background:transparent;color:var(--search-color);display:flex;font-size:0.875rem;margin:0.25rem 0 0}.search-panel-action.active{color:var(--search-primary)}.search-panel-action-icon{display:flex}.search-panel-action-icon svg{width:16px;height:16px}.search-panel-action-label{margin-left:0.25rem}@media (max-width: 576px){.search-panel-action-label{display:none}}.search-filter-lang{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-expand-toggle{padding:0 0.125rem}.search-result-icon{margin-right:0.5rem}.search-result-icon svg{vertical-align:middle}.search-result-content{display:flex;flex:1;margin:0 2rem 0.125rem 0;flex-flow:column nowrap;overflow:hidden}.search-result-desc{margin-top:0.25rem}.search-result-desc,.search-result-meta{font-size:0.75rem;color:var(--search-result-color-secondary)}.search-result-title,.search-result-desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-result-title mark,.search-result-title .mark,.search-result-desc mark,.search-result-desc .mark{background:var(--search-result-highlight-bg);color:var(--search-result-highlight-color);text-decoration:underline}.search-result-meta,.search-result-content-content{text-overflow:ellipsis;overflow:hidden}.search-result-meta{margin-top:0.5rem;padding:0 0.25rem;white-space:nowrap;width:100%;transition:opacity 0.35s linear;opacity:1}.search-result-meta:not(.show){opacity:0;height:0;margin-top:0}.search-result-meta span{margin-right:0.25rem}.search-result-meta spanspan:not(:last-child)::after{content:"·";padding-left:0.25rem}.search-result-lang{text-transform:uppercase}.search-result-taxonomy::before{content:"#"}.search-result-headings{margin-left:1rem}.search-result-heading-icon{margin-right:0.25rem}.search-result-heading-icon::before{content:"⊢";color:var(--search-result-color-secondary)}.search-result-actions{position:absolute;right:0.5rem}.search-result-action{padding:0.25rem}.search-result-content-content{margin-top:0.5rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.search-results{margin-bottom:0.5rem}.search-results.expanded .search-result-meta{opacity:1;height:auto;margin-top:0.25rem}.search-results.expanded .search-result-action-meta{display:none}.search-result{text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;margin:0.5rem 0 0;padding:0.5rem;position:relative;border-radius:0.25rem;background:var(--search-result-bg);color:var(--search-result-color);transition:0.2s ease-out;outline:none}.search-result:first-child{margin-top:0}.search-result[aria-selected="true"]{background:var(--search-result-bg-active);color:var(--search-result-color-active)}.search-result[aria-selected="true"] .search-result-meta,.search-result[aria-selected="true"] .search-result-desc{color:var(--search-result-color-secondary-active)}.search-result[aria-selected="true"] .search-result-heading-icon::before{color:var(--search-result-color-secondary-active)}.search-result-heading{padding-left:1rem;margin-top:0.25rem}.search-container{background:var(--search-bg);color:var(--search-color);padding:0.5rem}.search-container .search-modal-close{display:none}.search-header{position:relative;z-index:1;border-bottom:1px solid var(--search-border-color);margin-bottom:0.5rem}.search-body{width:100%;max-height:600px;min-height:240px;overflow-y:auto}.search-footer{border-top:1px solid var(--search-border-color);padding-top:0.5rem}.search-shortcut{display:inline-flex;margin:0.25rem 0.5rem 0.25rem 0;font-size:0.875rem;align-items:center}.search-shortcut-kbds:not(:first-child)::before{content:"+";margin-right:0.125rem}.search-shortcut-kbd{background:#3e3e3e;border-radius:0.125rem;padding:0.125rem 0.25rem;color:white;margin-right:0.25rem}.search-stat{font-size:0.875rem;color:var(--search-color-secondary)}.search-stat-results{color:var(--search-primary)}:root{--search-primary: var(--hb-primary);--search-bg: var(--hb-body-bg);--search-color: var(--hb-body-color);--search-color-secondary: var(--hb-secondary-color);--search-border-color: var(--hb-border-color);--search-result-bg: var(--hb-secondary-bg);--search-result-color: var(--hb-body-color);--search-result-color-secondary: var(--hb-secondary-color)}:root[data-bs-theme="dark"]{--search-primary: var(--hb-primary-text-emphasis)}.search-result mark,.search-result .mark{padding:0}/*! purgecss start end */.hb-header-search-icon{color:var(--hb-navbar-color)}@media (min-width: 992px){.hb-header-search-icon{position:absolute;left:0.325rem;top:0.375rem}}.hb-header-search-form{cursor:pointer}.hb-header-search-form input{caret-color:transparent;cursor:pointer;padding-left:1.875rem;width:168px}.hb-header-search-keys{top:0.35rem;right:0.75rem}.hb-header-search-keys kbd{font-size:0.75rem}.language-picker-menu{--hb-dropdown-min-width: 4rem}.hb-footer .hb-social{color:var(--hb-body-color)}.hb-footer .hb-social:hover{color:var(--hb-primary)}.mermaid{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.mermaid:not([data-processed="true"]){height:120px;color:var(--hb-secondary)}.mermaid:not([data-processed="true"])::after{content:"";margin:0 0 0 0.25rem;position:absolute}.slide{position:relative;display:flex}.slide-inner{flex-wrap:nowrap;overflow:hidden;width:100%;margin:0}.slide-control-left{left:0}.slide-control-right{right:0}.slide-control-left,.slide-control-right{border:none;background:transparent;color:var(--hb-secondary);height:100%;opacity:0;position:absolute;width:80px}.slide-control-left:hover,.slide-control-right:hover{color:var(--hb-primary)}.slide:hover .slide-control-left,.slide:hover .slide-control-right,.slide:focus .slide-control-left,.slide:focus .slide-control-right{opacity:1}blockquote{border-left:0.25rem solid var(--hb-primary);padding:0.25rem 1rem;position:relative}blockquote p:last-child{margin-bottom:0}code{background:var(--hb-secondary-bg);color:var(--hb-secondary-color);padding:0.125rem 0.25rem}pre{border-radius:0.125rem;padding:0.75rem 0.5rem}pre code{background:inherit}.highlight pre code{padding:0}.hb-error-action{margin:0 0.125rem}.hb-error-action-icon{margin-right:0.25rem;vertical-align:-0.125rem}.hi-svg-inline{vertical-align:-0.125rem}.hb-main{display:flex;flex:1;flex-direction:column;margin-bottom:2rem}.hb-module{margin-bottom:2rem}body{display:flex;flex-direction:column;min-height:100vh}#TableOfContents{font-size:0.875rem}#TableOfContents>ul{padding-left:0 !important}#TableOfContents ul{list-style:none;padding-left:1rem}#TableOfContents ul ul{margin-top:0.25rem}#TableOfContents li{margin-bottom:0.25rem}#TableOfContents a{color:inherit;text-decoration:none}#TableOfContents a:hover{text-decoration:underline}.archives{margin-left:10px}.archive::before,.archive-subheading::before{background:var(--hb-primary);border-radius:50%;content:"";left:-12.5px;margin-top:0.25rem;position:absolute}.archive::before{height:20px;width:20px}.archive-subheading::before{background:var(--hb-secondary);height:15px;left:-10px;width:15px}.hb-blog-post-card-img{height:160px;-o-object-fit:cover;object-fit:cover;width:100%;transition:0.3s}.hb-blog-post-card-img:hover{transform:scale(1.2)}.hb-blog-post-card-img-none{background:rgba(var(--hb-body-color-rgb), 0.1);height:160px;filter:blur(1px);font-size:1.5rem;text-transform:uppercase;width:100%}.hb-blog-post-content h2:not(:first-child),.hb-blog-post-content .h2:not(:first-child){margin-top:3rem}.hb-blog-post-content>h3,.hb-blog-post-content>.h3{margin-top:2rem}.hb-blog-post-content h4,.hb-blog-post-content .h4,.hb-blog-post-content h5,.hb-blog-post-content .h5,.hb-blog-post-content h6,.hb-blog-post-content .h6{margin-top:0.5rem}.hb-blog-post-intro{grid-area:intro}.hb-blog-post{display:grid;grid-template-areas:"intro" "toc" "main";grid-template-rows:auto auto 1fr}@media (min-width: 992px){.hb-blog-post{grid-template-areas:"intro toc" "main toc";grid-template-rows:auto 1fr;grid-template-columns:4fr 1fr}}.hb-blog-post-main{grid-area:main;min-width:1px}.hb-blog-post-meta{align-items:center;color:var(--hb-secondary-color);display:flex;font-size:0.825rem;flex-wrap:wrap}.hb-blog-post-meta span{margin:0.35rem 0.125rem}.hb-blog-post-meta span:first-child{margin-left:0}.hb-blog-post-meta span:last-child{margin-right:0}.hb-blog-post-meta span:not(:last-child):not(.hb-blog-post-taxonomy-meta)::after{content:"·";padding-left:0.25rem}.hb-blog-post-meta .hb-blog-post-author-link{margin-right:0.175rem;padding:0 0.275rem}.hb-blog-post-meta .hb-blog-post-author-link:first-child{margin-left:-0.275rem}.hb-blog-post-meta .hb-blog-author-img{height:20px;width:20px}.hb-blog-post-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hb-blog-post-summary p:last-child{margin-bottom:0}.hb-blog-post-toc{grid-area:toc}@media (max-width: 991.98px){.hb-blog-post-toc{color:var(--hb-body-color) !important;margin:0.5rem 0 1rem}.hb-blog-post-toc #TableOfContents{border-bottom:1px solid var(--hb-border-color);font-size:1rem !important}}@media (min-width: 992px){.hb-blog-post-toc{height:calc(100vh - 86px);top:86px}}@media (min-width: 768px){.hb-blog-post-toc-collapse{display:block !important}}.hb-blog-post-title-link{--hb-link-color-rgb: var(--hb-body-color-rgb);text-decoration:none}.hb-blog-post-taxonomy-tag::before{content:"#"}.hb-terms-cloud a{--size: 0;--color: var(--hb-primary);color:var(--color);font-size:calc(var(--size) * 0.125rem + 0.75rem);padding:0.125rem 0.25rem;position:relative;text-decoration:none}.hb-terms-cloud a::before{content:"";position:absolute;top:0;left:50%;width:0;height:100%;background:var(--color);transform:translate(-50%, 0);opacity:0.125;transition:width 0.25s}.hb-terms-cloud a:hover::before,.hb-terms-cloud a:focus::before{width:100%}.hb-terms-cloud li:nth-child(2n + 1) a{--color: #ffc107}.hb-terms-cloud li:nth-child(3n + 1) a{--color: #198754}.hb-terms-cloud li:nth-child(4n + 1) a{--color: #dc3545}.hb-blog-term-profile .hb-social,.hb-blog-term-author .hb-social{color:var(--hb-body-color)}.hb-blog-term-profile .hb-social:hover,.hb-blog-term-author .hb-social:hover{color:var(--hb-primary)}.hb-blog-term-img{height:100px;width:100px}h1 .anchor,.h1 .anchor,h2 .anchor,.h2 .anchor,h3 .anchor,.h3 .anchor,h4 .anchor,.h4 .anchor,h5 .anchor,.h5 .anchor,h6 .anchor,.h6 .anchor{display:none;text-decoration:none}h1:hover .anchor,.h1:hover .anchor,h2:hover .anchor,.h2:hover .anchor,h3:hover .anchor,.h3:hover .anchor,h4:hover .anchor,.h4:hover .anchor,h5:hover .anchor,.h5:hover .anchor,h6:hover .anchor,.h6:hover .anchor{display:inline-block}.hb-blog-post-featured-img{-o-object-fit:cover;object-fit:cover;max-height:480px}.hb-carousel .carousel-img-placeholder{background:rgba(var(--hb-body-color-rgb), 0.1)}.hb-carousel .carousel-img,.hb-carousel .carousel-img-placeholder{height:240px;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.hb-carousel .carousel-img,.hb-carousel .carousel-img-placeholder{height:320px}}.hb-carousel .carousel-caption{bottom:0;left:0;padding:0.75rem 1rem 2.25rem;opacity:0.75;right:0}.hb-carousel .carousel-img-placeholder,.hb-carousel .carousel-caption{background:rgba(0,0,0,0.75)}.hb-carousel .carousel-link{color:rgba(255,255,255,0.75)}.hb-carousel .carousel-link:hover{color:white}.hb-carousel .carousel-indicators{bottom:0.5rem;justify-content:start;margin:0 0.825rem}.hb-carousel .carousel-indicators [data-bs-target]{background-color:#fff !important;border-radius:50%;border-top:5px solid transparent;border-bottom:5px solid transparent;height:15px;width:15px;margin:0 5px;padding:2px}.hb-carousel .carousel-indicators [aria-current="true"]{background-color:var(--hb-primary) !important}.hb-carousel .carousel-controls{bottom:0.5rem;position:absolute;right:1.25rem;z-index:3}.hb-carousel .carousel-controls .carousel-control{text-decoration:none;color:rgba(255,255,255,0.75)}.hb-carousel .carousel-controls .carousel-control:hover{color:white}.hb-footer a{color:var(--hb-body-color);text-decoration:none}.hb-footer a:hover,.hb-footer a:focus{color:var(--hb-link-hover-color);text-decoration:underline}.snackbars{position:fixed;top:50%;left:50%}.snackbar{background:#323232;border-radius:0.25rem;color:white;margin:0.25rem;padding:0.5rem 1rem}.hb-breadcrumb{--hb-breadcrumb-margin-bottom: 0;--hb-breadcrumb-divider: "";--hb-link-color-rgb: var(--hb-body-secondary);flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.hb-breadcrumb .breadcrumb-item{background:var(--hb-secondary-bg);-webkit-clip-path:polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%, 1rem 50%);clip-path:polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%, 1rem 50%);margin-right:-0.875rem;max-width:360px;overflow:hidden;padding:0.5rem 0;text-overflow:ellipsis}.hb-breadcrumb .breadcrumb-item.active,.hb-breadcrumb .breadcrumb-item:focus,.hb-breadcrumb .breadcrumb-item:hover,.hb-breadcrumb .breadcrumb-item:active{background:var(--hb-primary);color:var(--hb-white)}.hb-breadcrumb .breadcrumb-item a{padding:0.5rem 1.25rem 0.5rem 1.75rem;text-decoration:none}.hb-breadcrumb .breadcrumb-item a:hover{color:inherit}.hb-breadcrumb .breadcrumb-item:last-child{max-width:100%}.hb-breadcrumb .breadcrumb-item:first-child{-webkit-clip-path:polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%);clip-path:polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%)}.hb-breadcrumb .breadcrumb-item:first-child a{padding-left:0.75rem}@media (max-width: 767.98px){.hb-breadcrumb .breadcrumb-item{max-width:240px}.hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child){align-items:center;display:flex;justify-content:center;width:2.75rem}.hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) a{display:none}.hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child)::after{content:"...";margin-top:-0.5rem}}.highlight{position:relative}.highlight:hover .code-block-panel,.highlight:focus .code-block-panel{display:block}.highlight pre{max-height:560px;overflow:auto;padding:1rem 0.5rem}.highlight pre code{word-break:break-all}.highlight pre code.code-no-ln .ln,.highlight pre code.code-no-ln>span>span:first-child{display:none}.highlight pre code.code-wrap{white-space:pre-wrap !important}.highlight pre .code-block-lang{font-style:italic;position:absolute;right:1rem;text-transform:uppercase;top:0}.code-block-panel-wrapper{position:absolute;top:0.75rem;right:1rem}.code-block-panel{display:none;position:sticky}.code-block-action{background:#323232;border:none;border-radius:0.25rem;color:white;cursor:pointer;display:inline-flex;margin:0 0.25rem;padding:0.25rem}.code-block-action svg{vertical-align:-0.125rem}:root{--hb-header-navbar-active-color: var(--hb-primary)}:root[data-bs-theme="dark"]{--hb-header-navbar-active-color: var(--hb-primary-text-emphasis)}html{scroll-padding-top:68px}.hb-header{margin-bottom:2rem;transition:opacity 0.2s ease-in}.hb-header .dropdown-item{--hb-dropdown-item-padding-x: 0.5rem;--hb-dropdown-item-padding-y: 0.5rem}.hb-header .dropdown-item-desc{font-size:0.8rem;max-width:280px;overflow:hidden;text-overflow:ellipsis;opacity:0.7}.hb-header-menus{margin-right:auto}.hb-header-menus .dropdown-item-icon{color:var(--hb-body-color)}.hb-header-menus .hb-header-menu-icon{display:inline-block;vertical-align:-0.125rem}.hb-header-logo{height:32px;width:auto}.hb-header-logo{background:""}.navbar-brand{padding-top:.1225rem}.hb-header .navbar{--hb-navbar-hover-color: var(--hb-header-navbar-active-color);--hb-navbar-active-color: var(--hb-header-navbar-active-color);--hb-nav-link-hover-color: var(--hb-header-navbar-active-color)}@media (min-width: 1400px){.hb-header-menus .hb-header-menu{margin:0 .125rem;padding-left:0;padding-right:0}.hb-header-menus .hb-header-menu::after{border-bottom:solid 3px var(--hb-header-navbar-active-color);bottom:-.5rem;display:block;content:"";margin-left:.5rem;position:relative;transform:scaleX(0);transition:transform 0.3s ease-in-out;width:calc(100% - .125rem * 8)}.hb-header-menus .hb-header-menu:focus::after,.hb-header-menus .hb-header-menu:hover::after,.hb-header-menus .hb-header-menu.active::after{transform:scaleX(1)}}.hb-back-to-top{background:transparent;border:none;bottom:1rem;color:var(--hb-body-color);opacity:0;padding:0;position:fixed;right:1rem;transition:opacity 0.5s;z-index:-1}.hb-back-to-top.scrolling{bottom:100%;color:var(--hb-primary-text-emphasis);transition:bottom 1s}.hb-back-to-top.show{opacity:1;z-index:1000}.hb-back-to-top:hover{color:var(--hb-primary-text-emphasis)}.hb-back-to-top-icon{display:flex}.bg{color:#ebdbb2;background-color:#282828}.chroma{color:#ebdbb2;background-color:#282828}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#ffffcc}.chroma .lnt{white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#756d59}.chroma .ln{white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#756d59}.chroma .line{display:flex}.chroma .k{color:#fe8019}.chroma .kc{color:#fe8019}.chroma .kd{color:#fe8019}.chroma .kn{color:#fe8019}.chroma .kp{color:#fe8019}.chroma .kr{color:#fe8019}.chroma .kt{color:#fabd2f}.chroma .na{color:#b8bb26;font-weight:bold}.chroma .nb{color:#fabd2f}.chroma .no{color:#d3869b}.chroma .ni{color:#fabd2f}.chroma .ne{color:#fb4934}.chroma .nf{color:#fabd2f}.chroma .nl{color:#fb4934}.chroma .nt{color:#fb4934}.chroma .s{color:#b8bb26}.chroma .sa{color:#b8bb26}.chroma .sb{color:#b8bb26}.chroma .sc{color:#b8bb26}.chroma .dl{color:#b8bb26}.chroma .sd{color:#b8bb26}.chroma .s2{color:#b8bb26}.chroma .se{color:#b8bb26}.chroma .sh{color:#b8bb26}.chroma .si{color:#b8bb26}.chroma .sx{color:#b8bb26}.chroma .sr{color:#b8bb26}.chroma .s1{color:#b8bb26}.chroma .ss{color:#83a598}.chroma .m{color:#d3869b}.chroma .mb{color:#d3869b}.chroma .mf{color:#d3869b}.chroma .mh{color:#d3869b}.chroma .mi{color:#d3869b}.chroma .il{color:#d3869b}.chroma .mo{color:#d3869b}.chroma .o{color:#fe8019}.chroma .ow{color:#fe8019}.chroma .c{color:#928374;font-style:italic}.chroma .ch{color:#928374;font-style:italic}.chroma .cm{color:#928374;font-style:italic}.chroma .c1{color:#928374;font-style:italic}.chroma .cs{color:#928374;font-style:italic}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#8ec07c;font-style:italic}.chroma .gd{color:#282828;background-color:#fb4934}.chroma .ge{color:#83a598;text-decoration:underline}.chroma .gr{background-color:#fb4934;font-weight:bold}.chroma .gh{color:#b8bb26;font-weight:bold}.chroma .gi{color:#282828;background-color:#b8bb26}.chroma .go{color:#504945}.chroma .gu{color:#b8bb26;font-weight:bold}.chroma .gt{background-color:#fb4934;font-weight:bold}#TableOfContents a.active{color:var(--hb-primary)}@keyframes bp-fadein{from{opacity:0.01}to{opacity:1}}@keyframes bp-bar{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bp-o{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.bp-wrap{top:0;left:0;width:100%;height:100%;position:fixed;z-index:999;contain:strict;touch-action:none;-webkit-tap-highlight-color:transparent}.bp-wrap>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);animation:bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1)}.bp-vid audio{position:absolute;left:14px;width:calc(100% - 28px);bottom:14px;height:50px}.bp-inner{top:0;left:0;width:100%;height:100%;position:absolute;display:flex}.bp-html{display:contents}.bp-html>:first-child{margin:auto}.bp-img-wrap{top:0;left:0;width:100%;height:100%;position:absolute;contain:strict}.bp-img-wrap.bp-drag .bp-img{cursor:grabbing}.bp-close{contain:layout size}.bp-img{position:absolute;top:50%;left:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:zoom-in;background-size:100% 100%}.bp-img img,.bp-img div{position:absolute;top:0;left:0;width:100%;height:100%}.bp-img .bp-o{display:none}.bp-zoomed .bp-img{cursor:grab}.bp-zoomed .bp-cap{opacity:0;animation:none !important}.bp-zoomed.bp-small .bp-controls{opacity:0}.bp-zoomed.bp-small .bp-controls button{pointer-events:none}.bp-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;text-align:left;transition:opacity 0.3s;animation:bp-fadein 0.3s}.bp-controls button{pointer-events:auto;cursor:pointer;position:absolute;border:0;background:rgba(0,0,0,0.15);opacity:0.9;transition:all 0.1s;contain:content}.bp-controls button:hover{background-color:rgba(0,0,0,0.2);opacity:1}.bp-controls svg{fill:#fff}.bp-count{position:absolute;color:rgba(255,255,255,0.9);line-height:1;margin:16px;height:50px;width:100px}.bp-prev,.bp-next{top:50%;right:0;margin-top:-32px;height:64px;width:58px;border-radius:3px 0 0 3px}.bp-prev:hover:before,.bp-next:hover:before{transform:translateX(-2px)}.bp-prev:before,.bp-next:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");position:absolute;left:7px;top:9px;width:46px;transition:all 0.2s}.bp-prev{right:auto;left:0;transform:scalex(-1)}.bp-x{top:0;right:0;height:55px;width:58px;border-radius:0 0 0 3px}.bp-x:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");position:absolute;width:37px;top:8px;right:10px}.bp-if,.bp-vid{position:relative;margin:auto;background:#000;background-size:100% 100%}.bp-if iframe,.bp-if video,.bp-if div,.bp-vid iframe,.bp-vid video,.bp-vid div{top:0;left:0;width:100%;height:100%;position:absolute;border:0}.bp-load{display:flex;background-size:100% 100%;overflow:hidden;z-index:1}.bp-bar{position:absolute;top:0;left:0;height:3px;width:100%;transform:translateX(-100%);background:rgba(255,255,255,0.9);border-radius:0 3px 3px 0;animation:bp-bar 4s both}.bp-o,.bp-o:after{border-radius:50%;width:90px;height:90px}.bp-o{margin:auto;border:10px solid rgba(255,255,255,0.2);border-left-color:rgba(255,255,255,0.9);animation:bp-o 1s infinite linear}.bp-cap{position:absolute;bottom:2%;background:rgba(9,9,9,0.8);color:rgba(255,255,255,0.9);border-radius:4px;max-width:95%;line-height:1.3;padding:0.6em 1.2em;left:50%;transform:translateX(-50%);width:fit-content;width:-moz-fit-content;display:table;transition:opacity 0.3s;animation:bp-fadein 0.2s}.bp-cap a{color:inherit}.bp-inline{position:absolute}.bp-lock{overflow-y:hidden}.bp-lock body{overflow:scroll}.bp-noclose .bp-x{display:none}.bp-noclose:not(.bp-zoomed){touch-action:pan-y}.bp-noclose:not(.bp-zoomed) .bp-img-wrap{cursor:zoom-in}@media (prefers-reduced-motion){.bp-wrap *{animation-duration:0s !important}}@media (max-width: 500px){.bp-x{height:47px;width:47px}.bp-x:before{width:34px;top:6px;right:6px}.bp-prev,.bp-next{margin-top:-27px;height:54px;width:45px}.bp-prev:before,.bp-next:before{top:7px;left:2px;width:43px}.bp-o,.bp-o:after{border-width:6px;width:60px;height:60px}.bp-count{margin:12px 10px}}.bp-wrap{z-index:1100}img{cursor:zoom-in}a img{cursor:pointer}.bp-panel{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;top:0.75rem;z-index:1}.bp-panel .bp-panel-action{align-items:center;background:rgba(0,0,0,0.5);border-radius:0.5rem;color:white;display:flex;margin:0 0.25rem}.bp-panel-share .dropdown-menu{min-width:1px}.bp-panel-rotate-anticlockwise svg{transform:scaleX(-1)}.bp-panel-play.active{background:var(--hb-primary)}.tooltip{--hb-tooltip-zindex: 1080;--hb-tooltip-max-width: 200px;--hb-tooltip-padding-x: .5rem;--hb-tooltip-padding-y: .25rem;--hb-tooltip-margin: ;--hb-tooltip-font-size:.875rem;--hb-tooltip-color: var(--hb-body-bg);--hb-tooltip-bg: var(--hb-emphasis-color);--hb-tooltip-border-radius: var(--hb-border-radius);--hb-tooltip-opacity: .9;--hb-tooltip-arrow-width: .8rem;--hb-tooltip-arrow-height: .4rem;z-index:var(--hb-tooltip-zindex);display:block;margin:var(--hb-tooltip-margin);font-family:var(--hb-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--hb-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--hb-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--hb-tooltip-arrow-width);height:var(--hb-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow{bottom:calc(-1 * var(--hb-tooltip-arrow-height))}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{top:-1px;border-width:var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0;border-top-color:var(--hb-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow{left:calc(-1 * var(--hb-tooltip-arrow-height));width:var(--hb-tooltip-arrow-height);height:var(--hb-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{right:-1px;border-width:calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0;border-right-color:var(--hb-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow{top:calc(-1 * var(--hb-tooltip-arrow-height))}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height);border-bottom-color:var(--hb-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow{right:calc(-1 * var(--hb-tooltip-arrow-height));width:var(--hb-tooltip-arrow-height);height:var(--hb-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{left:-1px;border-width:calc(var(--hb-tooltip-arrow-width) * .5) 0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height);border-left-color:var(--hb-tooltip-bg)}.tooltip-inner{max-width:var(--hb-tooltip-max-width);padding:var(--hb-tooltip-padding-y) var(--hb-tooltip-padding-x);color:var(--hb-tooltip-color);text-align:center;background-color:var(--hb-tooltip-bg);border-radius:var(--hb-tooltip-border-radius)}.hb-gallery-album-items{display:flex;gap:10px}.hb-gallery-album-item{display:flex;flex-direction:column;height:100px}@media (min-width: 768px){.hb-gallery-album-item{height:200px}}@media (min-width: 992px){.hb-gallery-album-item{height:240px}}.hb-gallery-album-img{height:100%;width:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.hb-gallery-album-img.loading{filter:blur(1px)}/*! PUT YOU STYLE HERE TO AVOID GETTING REMOVING BY PURGECSS. */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.json b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.json deleted file mode 100644 index f75081f..0000000 --- a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_7e25a8552c7daab601c46e043455d392.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"css/hb.804fc7f80e8ad8b27ac20e6e96cd155fe0ac4c6114120f9c456a0b4c7fffd912.css","MediaType":"text/css","Data":{"Integrity":"sha256-gE/H+A6K2LJ6wg5uls0VX+CsTGEUEg+cRWoLTH//2RI="}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.content b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.content new file mode 100644 index 0000000..96e3db0 --- /dev/null +++ b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.content @@ -0,0 +1,11298 @@ +@charset "UTF-8"; +:root, +[data-bs-theme="light"] { + --hb-blue: #0d6efd; + --hb-indigo: #6610f2; + --hb-purple: #6f42c1; + --hb-pink: #d63384; + --hb-red: #dc3545; + --hb-orange: #fd7e14; + --hb-yellow: #ffc107; + --hb-green: #198754; + --hb-teal: #20c997; + --hb-cyan: #0dcaf0; + --hb-black: #000; + --hb-white: #fff; + --hb-gray: #6c757d; + --hb-gray-dark: #343a40; + --hb-gray-100: #f8f9fa; + --hb-gray-200: #e9ecef; + --hb-gray-300: #dee2e6; + --hb-gray-400: #ced4da; + --hb-gray-500: #adb5bd; + --hb-gray-600: #6c757d; + --hb-gray-700: #495057; + --hb-gray-800: #343a40; + --hb-gray-900: #212529; + --hb-primary: #0d6efd; + --hb-secondary: #6c757d; + --hb-success: #198754; + --hb-info: #0dcaf0; + --hb-warning: #ffc107; + --hb-danger: #dc3545; + --hb-light: #f8f9fa; + --hb-dark: #212529; + --hb-primary-rgb: 13, 110, 253; + --hb-secondary-rgb: 108, 117, 125; + --hb-success-rgb: 25, 135, 84; + --hb-info-rgb: 13, 202, 240; + --hb-warning-rgb: 255, 193, 7; + --hb-danger-rgb: 220, 53, 69; + --hb-light-rgb: 248, 249, 250; + --hb-dark-rgb: 33, 37, 41; + --hb-primary-text-emphasis: #052c65; + --hb-secondary-text-emphasis: #2b2f32; + --hb-success-text-emphasis: #0a3622; + --hb-info-text-emphasis: #055160; + --hb-warning-text-emphasis: #664d03; + --hb-danger-text-emphasis: #58151c; + --hb-light-text-emphasis: #495057; + --hb-dark-text-emphasis: #495057; + --hb-primary-bg-subtle: #cfe2ff; + --hb-secondary-bg-subtle: #e2e3e5; + --hb-success-bg-subtle: #d1e7dd; + --hb-info-bg-subtle: #cff4fc; + --hb-warning-bg-subtle: #fff3cd; + --hb-danger-bg-subtle: #f8d7da; + --hb-light-bg-subtle: #fcfcfd; + --hb-dark-bg-subtle: #ced4da; + --hb-primary-border-subtle: #9ec5fe; + --hb-secondary-border-subtle: #c4c8cb; + --hb-success-border-subtle: #a3cfbb; + --hb-info-border-subtle: #9eeaf9; + --hb-warning-border-subtle: #ffe69c; + --hb-danger-border-subtle: #f1aeb5; + --hb-light-border-subtle: #e9ecef; + --hb-dark-border-subtle: #adb5bd; + --hb-white-rgb: 255, 255, 255; + --hb-black-rgb: 0, 0, 0; + --hb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --hb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --hb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --hb-body-font-family: var(--hb-font-sans-serif); + --hb-body-font-size: 1rem; + --hb-body-font-weight: 400; + --hb-body-line-height: 1.5; + --hb-body-color: #212529; + --hb-body-color-rgb: 33, 37, 41; + --hb-body-bg: #fff; + --hb-body-bg-rgb: 255, 255, 255; + --hb-emphasis-color: #000; + --hb-emphasis-color-rgb: 0, 0, 0; + --hb-secondary-color: rgba(33, 37, 41, 0.75); + --hb-secondary-color-rgb: 33, 37, 41; + --hb-secondary-bg: #e9ecef; + --hb-secondary-bg-rgb: 233, 236, 239; + --hb-tertiary-color: rgba(33, 37, 41, 0.5); + --hb-tertiary-color-rgb: 33, 37, 41; + --hb-tertiary-bg: #f8f9fa; + --hb-tertiary-bg-rgb: 248, 249, 250; + --hb-link-color: #0d6efd; + --hb-link-color-rgb: 13, 110, 253; + --hb-link-decoration: underline; + --hb-link-hover-color: #0a58ca; + --hb-link-hover-color-rgb: 10, 88, 202; + --hb-code-color: #d63384; + --hb-highlight-bg: #fff3cd; + --hb-border-width: 1px; + --hb-border-style: solid; + --hb-border-color: #dee2e6; + --hb-border-color-translucent: rgba(0, 0, 0, 0.175); + --hb-border-radius: 0.375rem; + --hb-border-radius-sm: 0.25rem; + --hb-border-radius-lg: 0.5rem; + --hb-border-radius-xl: 1rem; + --hb-border-radius-xxl: 2rem; + --hb-border-radius-2xl: var(--hb-border-radius-xxl); + --hb-border-radius-pill: 50rem; + --hb-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --hb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --hb-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); + --hb-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --hb-focus-ring-width: 0.25rem; + --hb-focus-ring-opacity: 0.25; + --hb-focus-ring-color: rgba(13, 110, 253, 0.25); + --hb-form-valid-color: #198754; + --hb-form-valid-border-color: #198754; + --hb-form-invalid-color: #dc3545; + --hb-form-invalid-border-color: #dc3545; } + +[data-bs-theme="dark"] { + color-scheme: dark; + --hb-body-color: #adb5bd; + --hb-body-color-rgb: 173, 181, 189; + --hb-body-bg: #212529; + --hb-body-bg-rgb: 33, 37, 41; + --hb-emphasis-color: #fff; + --hb-emphasis-color-rgb: 255, 255, 255; + --hb-secondary-color: rgba(173, 181, 189, 0.75); + --hb-secondary-color-rgb: 173, 181, 189; + --hb-secondary-bg: #343a40; + --hb-secondary-bg-rgb: 52, 58, 64; + --hb-tertiary-color: rgba(173, 181, 189, 0.5); + --hb-tertiary-color-rgb: 173, 181, 189; + --hb-tertiary-bg: #2b3035; + --hb-tertiary-bg-rgb: 43, 48, 53; + --hb-primary-text-emphasis: #6ea8fe; + --hb-secondary-text-emphasis: #a7acb1; + --hb-success-text-emphasis: #75b798; + --hb-info-text-emphasis: #6edff6; + --hb-warning-text-emphasis: #ffda6a; + --hb-danger-text-emphasis: #ea868f; + --hb-light-text-emphasis: #f8f9fa; + --hb-dark-text-emphasis: #dee2e6; + --hb-primary-bg-subtle: #031633; + --hb-secondary-bg-subtle: #161719; + --hb-success-bg-subtle: #051b11; + --hb-info-bg-subtle: #032830; + --hb-warning-bg-subtle: #332701; + --hb-danger-bg-subtle: #2c0b0e; + --hb-light-bg-subtle: #343a40; + --hb-dark-bg-subtle: #1a1d20; + --hb-primary-border-subtle: #084298; + --hb-secondary-border-subtle: #41464b; + --hb-success-border-subtle: #0f5132; + --hb-info-border-subtle: #087990; + --hb-warning-border-subtle: #997404; + --hb-danger-border-subtle: #842029; + --hb-light-border-subtle: #495057; + --hb-dark-border-subtle: #343a40; + --hb-link-color: #6ea8fe; + --hb-link-hover-color: #8bb9fe; + --hb-link-color-rgb: 110, 168, 254; + --hb-link-hover-color-rgb: 139, 185, 254; + --hb-code-color: #e685b5; + --hb-border-color: #495057; + --hb-border-color-translucent: rgba(255, 255, 255, 0.15); + --hb-form-valid-color: #75b798; + --hb-form-valid-border-color: #75b798; + --hb-form-invalid-color: #ea868f; + --hb-form-invalid-border-color: #ea868f; } + +*, +*::before, +*::after { + box-sizing: border-box; } + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; } } + +body { + margin: 0; + font-family: var(--hb-body-font-family); + font-size: var(--hb-body-font-size); + font-weight: var(--hb-body-font-weight); + line-height: var(--hb-body-line-height); + color: var(--hb-body-color); + text-align: var(--hb-body-text-align); + background-color: var(--hb-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: var(--hb-border-width) solid; + opacity: 0.25; } + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.75rem; + font-weight: 500; + line-height: 1.2; + color: var(--hb-heading-color, inherit); } + +h1, .h1 { + font-size: calc(1.375rem + 1.5vw); } + @media (min-width: 1200px) { + h1, .h1 { + font-size: 2.5rem; } } +h2, .h2 { + font-size: calc(1.325rem + 0.9vw); } + @media (min-width: 1200px) { + h2, .h2 { + font-size: 2rem; } } +h3, .h3 { + font-size: calc(1.3rem + 0.6vw); } + @media (min-width: 1200px) { + h3, .h3 { + font-size: 1.75rem; } } +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { + h4, .h4 { + font-size: 1.5rem; } } +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul { + padding-left: 2rem; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: 700; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +b, +strong { + font-weight: bolder; } + +small, .small { + font-size: 0.875em; } + +mark, .mark { + padding: 0.1875em; + background-color: var(--hb-highlight-bg); } + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + +a { + color: rgba(var(--hb-link-color-rgb), var(--hb-link-opacity, 1)); + text-decoration: underline; } + a:hover { + --hb-link-color-rgb: var(--hb-link-hover-color-rgb); } + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; } + +pre, +code, +kbd, +samp { + font-family: var(--hb-font-monospace); + font-size: 1em; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; } + pre code { + font-size: inherit; + color: inherit; + word-break: normal; } + +code { + font-size: 0.875em; + color: var(--hb-code-color); + word-wrap: break-word; } + a > code { + color: inherit; } + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--hb-body-bg); + background-color: var(--hb-body-color); + border-radius: 0.25rem; } + kbd kbd { + padding: 0; + font-size: 1em; } + +figure { + margin: 0 0 1rem; } + +img, +svg { + vertical-align: middle; } + +table { + caption-side: bottom; + border-collapse: collapse; } + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--hb-secondary-color); + text-align: left; } + +th { + text-align: inherit; + text-align: -webkit-match-parent; } + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; } + +label { + display: inline-block; } + +button { + border-radius: 0; } + +button:focus:not(:focus-visible) { + outline: 0; } + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +button, +select { + text-transform: none; } + +[role="button"] { + cursor: pointer; } + +select { + word-wrap: normal; } + select:disabled { + opacity: 1; } + +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + button:not(:disabled), + [type="button"]:not(:disabled), + [type="reset"]:not(:disabled), + [type="submit"]:not(:disabled) { + cursor: pointer; } + +::-moz-focus-inner { + padding: 0; + border-style: none; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; } + @media (min-width: 1200px) { + legend { + font-size: 1.5rem; } } + legend + * { + clear: left; } + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; } + +::-webkit-inner-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: textfield; } + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-color-swatch-wrapper { + padding: 0; } + +::file-selector-button { + font: inherit; + -webkit-appearance: button; } + +output { + display: inline-block; } + +iframe { + border: 0; } + +summary { + display: list-item; + cursor: pointer; } + +progress { + vertical-align: baseline; } + +[hidden] { + display: none !important; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-1 { + font-size: 5rem; } } +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; } } +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-3 { + font-size: 4rem; } } +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; } } +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-5 { + font-size: 3rem; } } +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; } + @media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; } } +.list-unstyled { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + list-style: none; } + +.list-inline-item { + display: inline-block; } + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; } + +.initialism { + font-size: 0.875em; + text-transform: uppercase; } + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; } + .blockquote > :last-child { + margin-bottom: 0; } + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; } + .blockquote-footer::before { + content: "\2014\00A0"; } + +.img-fluid { + max-width: 100%; + height: auto; } + +.img-thumbnail { + padding: 0.25rem; + background-color: var(--hb-body-bg); + border: var(--hb-border-width) solid var(--hb-border-color); + border-radius: var(--hb-border-radius); + max-width: 100%; + height: auto; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 0.875em; + color: var(--hb-secondary-color); } + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --hb-gutter-x: 1.5rem; + --hb-gutter-y: 0; + width: 100%; + padding-right: calc(var(--hb-gutter-x) * .5); + padding-left: calc(var(--hb-gutter-x) * .5); + margin-right: auto; + margin-left: auto; } + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; } } + +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; } } + +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; } } + +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; } } + +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; } } + +:root { + --hb-breakpoint-xs: 0; + --hb-breakpoint-sm: 576px; + --hb-breakpoint-md: 768px; + --hb-breakpoint-lg: 992px; + --hb-breakpoint-xl: 1200px; + --hb-breakpoint-xxl: 1400px; } + +.row { + --hb-gutter-x: 1.5rem; + --hb-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--hb-gutter-y)); + margin-right: calc(-.5 * var(--hb-gutter-x)); + margin-left: calc(-.5 * var(--hb-gutter-x)); } + .row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--hb-gutter-x) * .5); + padding-left: calc(var(--hb-gutter-x) * .5); + margin-top: var(--hb-gutter-y); } + +.col { + flex: 1 0 0%; } + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; } + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; } + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; } + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; } + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; } + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + +.col-auto { + flex: 0 0 auto; + width: auto; } + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; } + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; } + +.col-3 { + flex: 0 0 auto; + width: 25%; } + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; } + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; } + +.col-6 { + flex: 0 0 auto; + width: 50%; } + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; } + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; } + +.col-9 { + flex: 0 0 auto; + width: 75%; } + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; } + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; } + +.col-12 { + flex: 0 0 auto; + width: 100%; } + +.offset-1 { + margin-left: 8.33333333%; } + +.offset-2 { + margin-left: 16.66666667%; } + +.offset-3 { + margin-left: 25%; } + +.offset-4 { + margin-left: 33.33333333%; } + +.offset-5 { + margin-left: 41.66666667%; } + +.offset-6 { + margin-left: 50%; } + +.offset-7 { + margin-left: 58.33333333%; } + +.offset-8 { + margin-left: 66.66666667%; } + +.offset-9 { + margin-left: 75%; } + +.offset-10 { + margin-left: 83.33333333%; } + +.offset-11 { + margin-left: 91.66666667%; } + +.g-0, +.gx-0 { + --hb-gutter-x: 0; } + +.g-0, +.gy-0 { + --hb-gutter-y: 0; } + +.g-1, +.gx-1 { + --hb-gutter-x: 0.25rem; } + +.g-1, +.gy-1 { + --hb-gutter-y: 0.25rem; } + +.g-2, +.gx-2 { + --hb-gutter-x: 0.5rem; } + +.g-2, +.gy-2 { + --hb-gutter-y: 0.5rem; } + +.g-3, +.gx-3 { + --hb-gutter-x: 1rem; } + +.g-3, +.gy-3 { + --hb-gutter-y: 1rem; } + +.g-4, +.gx-4 { + --hb-gutter-x: 1.5rem; } + +.g-4, +.gy-4 { + --hb-gutter-y: 1.5rem; } + +.g-5, +.gx-5 { + --hb-gutter-x: 3rem; } + +.g-5, +.gy-5 { + --hb-gutter-y: 3rem; } + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + .col-sm-auto { + flex: 0 0 auto; + width: auto; } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; } + .offset-sm-0 { + margin-left: 0; } + .offset-sm-1 { + margin-left: 8.33333333%; } + .offset-sm-2 { + margin-left: 16.66666667%; } + .offset-sm-3 { + margin-left: 25%; } + .offset-sm-4 { + margin-left: 33.33333333%; } + .offset-sm-5 { + margin-left: 41.66666667%; } + .offset-sm-6 { + margin-left: 50%; } + .offset-sm-7 { + margin-left: 58.33333333%; } + .offset-sm-8 { + margin-left: 66.66666667%; } + .offset-sm-9 { + margin-left: 75%; } + .offset-sm-10 { + margin-left: 83.33333333%; } + .offset-sm-11 { + margin-left: 91.66666667%; } + .g-sm-0, + .gx-sm-0 { + --hb-gutter-x: 0; } + .g-sm-0, + .gy-sm-0 { + --hb-gutter-y: 0; } + .g-sm-1, + .gx-sm-1 { + --hb-gutter-x: 0.25rem; } + .g-sm-1, + .gy-sm-1 { + --hb-gutter-y: 0.25rem; } + .g-sm-2, + .gx-sm-2 { + --hb-gutter-x: 0.5rem; } + .g-sm-2, + .gy-sm-2 { + --hb-gutter-y: 0.5rem; } + .g-sm-3, + .gx-sm-3 { + --hb-gutter-x: 1rem; } + .g-sm-3, + .gy-sm-3 { + --hb-gutter-y: 1rem; } + .g-sm-4, + .gx-sm-4 { + --hb-gutter-x: 1.5rem; } + .g-sm-4, + .gy-sm-4 { + --hb-gutter-y: 1.5rem; } + .g-sm-5, + .gx-sm-5 { + --hb-gutter-x: 3rem; } + .g-sm-5, + .gy-sm-5 { + --hb-gutter-y: 3rem; } } + +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + .col-md-auto { + flex: 0 0 auto; + width: auto; } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; } + .col-md-3 { + flex: 0 0 auto; + width: 25%; } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; } + .col-md-6 { + flex: 0 0 auto; + width: 50%; } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; } + .col-md-9 { + flex: 0 0 auto; + width: 75%; } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; } + .col-md-12 { + flex: 0 0 auto; + width: 100%; } + .offset-md-0 { + margin-left: 0; } + .offset-md-1 { + margin-left: 8.33333333%; } + .offset-md-2 { + margin-left: 16.66666667%; } + .offset-md-3 { + margin-left: 25%; } + .offset-md-4 { + margin-left: 33.33333333%; } + .offset-md-5 { + margin-left: 41.66666667%; } + .offset-md-6 { + margin-left: 50%; } + .offset-md-7 { + margin-left: 58.33333333%; } + .offset-md-8 { + margin-left: 66.66666667%; } + .offset-md-9 { + margin-left: 75%; } + .offset-md-10 { + margin-left: 83.33333333%; } + .offset-md-11 { + margin-left: 91.66666667%; } + .g-md-0, + .gx-md-0 { + --hb-gutter-x: 0; } + .g-md-0, + .gy-md-0 { + --hb-gutter-y: 0; } + .g-md-1, + .gx-md-1 { + --hb-gutter-x: 0.25rem; } + .g-md-1, + .gy-md-1 { + --hb-gutter-y: 0.25rem; } + .g-md-2, + .gx-md-2 { + --hb-gutter-x: 0.5rem; } + .g-md-2, + .gy-md-2 { + --hb-gutter-y: 0.5rem; } + .g-md-3, + .gx-md-3 { + --hb-gutter-x: 1rem; } + .g-md-3, + .gy-md-3 { + --hb-gutter-y: 1rem; } + .g-md-4, + .gx-md-4 { + --hb-gutter-x: 1.5rem; } + .g-md-4, + .gy-md-4 { + --hb-gutter-y: 1.5rem; } + .g-md-5, + .gx-md-5 { + --hb-gutter-x: 3rem; } + .g-md-5, + .gy-md-5 { + --hb-gutter-y: 3rem; } } + +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + .col-lg-auto { + flex: 0 0 auto; + width: auto; } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; } + .offset-lg-0 { + margin-left: 0; } + .offset-lg-1 { + margin-left: 8.33333333%; } + .offset-lg-2 { + margin-left: 16.66666667%; } + .offset-lg-3 { + margin-left: 25%; } + .offset-lg-4 { + margin-left: 33.33333333%; } + .offset-lg-5 { + margin-left: 41.66666667%; } + .offset-lg-6 { + margin-left: 50%; } + .offset-lg-7 { + margin-left: 58.33333333%; } + .offset-lg-8 { + margin-left: 66.66666667%; } + .offset-lg-9 { + margin-left: 75%; } + .offset-lg-10 { + margin-left: 83.33333333%; } + .offset-lg-11 { + margin-left: 91.66666667%; } + .g-lg-0, + .gx-lg-0 { + --hb-gutter-x: 0; } + .g-lg-0, + .gy-lg-0 { + --hb-gutter-y: 0; } + .g-lg-1, + .gx-lg-1 { + --hb-gutter-x: 0.25rem; } + .g-lg-1, + .gy-lg-1 { + --hb-gutter-y: 0.25rem; } + .g-lg-2, + .gx-lg-2 { + --hb-gutter-x: 0.5rem; } + .g-lg-2, + .gy-lg-2 { + --hb-gutter-y: 0.5rem; } + .g-lg-3, + .gx-lg-3 { + --hb-gutter-x: 1rem; } + .g-lg-3, + .gy-lg-3 { + --hb-gutter-y: 1rem; } + .g-lg-4, + .gx-lg-4 { + --hb-gutter-x: 1.5rem; } + .g-lg-4, + .gy-lg-4 { + --hb-gutter-y: 1.5rem; } + .g-lg-5, + .gx-lg-5 { + --hb-gutter-x: 3rem; } + .g-lg-5, + .gy-lg-5 { + --hb-gutter-y: 3rem; } } + +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + .col-xl-auto { + flex: 0 0 auto; + width: auto; } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; } + .offset-xl-0 { + margin-left: 0; } + .offset-xl-1 { + margin-left: 8.33333333%; } + .offset-xl-2 { + margin-left: 16.66666667%; } + .offset-xl-3 { + margin-left: 25%; } + .offset-xl-4 { + margin-left: 33.33333333%; } + .offset-xl-5 { + margin-left: 41.66666667%; } + .offset-xl-6 { + margin-left: 50%; } + .offset-xl-7 { + margin-left: 58.33333333%; } + .offset-xl-8 { + margin-left: 66.66666667%; } + .offset-xl-9 { + margin-left: 75%; } + .offset-xl-10 { + margin-left: 83.33333333%; } + .offset-xl-11 { + margin-left: 91.66666667%; } + .g-xl-0, + .gx-xl-0 { + --hb-gutter-x: 0; } + .g-xl-0, + .gy-xl-0 { + --hb-gutter-y: 0; } + .g-xl-1, + .gx-xl-1 { + --hb-gutter-x: 0.25rem; } + .g-xl-1, + .gy-xl-1 { + --hb-gutter-y: 0.25rem; } + .g-xl-2, + .gx-xl-2 { + --hb-gutter-x: 0.5rem; } + .g-xl-2, + .gy-xl-2 { + --hb-gutter-y: 0.5rem; } + .g-xl-3, + .gx-xl-3 { + --hb-gutter-x: 1rem; } + .g-xl-3, + .gy-xl-3 { + --hb-gutter-y: 1rem; } + .g-xl-4, + .gx-xl-4 { + --hb-gutter-x: 1.5rem; } + .g-xl-4, + .gy-xl-4 { + --hb-gutter-y: 1.5rem; } + .g-xl-5, + .gx-xl-5 { + --hb-gutter-x: 3rem; } + .g-xl-5, + .gy-xl-5 { + --hb-gutter-y: 3rem; } } + +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; } + .offset-xxl-0 { + margin-left: 0; } + .offset-xxl-1 { + margin-left: 8.33333333%; } + .offset-xxl-2 { + margin-left: 16.66666667%; } + .offset-xxl-3 { + margin-left: 25%; } + .offset-xxl-4 { + margin-left: 33.33333333%; } + .offset-xxl-5 { + margin-left: 41.66666667%; } + .offset-xxl-6 { + margin-left: 50%; } + .offset-xxl-7 { + margin-left: 58.33333333%; } + .offset-xxl-8 { + margin-left: 66.66666667%; } + .offset-xxl-9 { + margin-left: 75%; } + .offset-xxl-10 { + margin-left: 83.33333333%; } + .offset-xxl-11 { + margin-left: 91.66666667%; } + .g-xxl-0, + .gx-xxl-0 { + --hb-gutter-x: 0; } + .g-xxl-0, + .gy-xxl-0 { + --hb-gutter-y: 0; } + .g-xxl-1, + .gx-xxl-1 { + --hb-gutter-x: 0.25rem; } + .g-xxl-1, + .gy-xxl-1 { + --hb-gutter-y: 0.25rem; } + .g-xxl-2, + .gx-xxl-2 { + --hb-gutter-x: 0.5rem; } + .g-xxl-2, + .gy-xxl-2 { + --hb-gutter-y: 0.5rem; } + .g-xxl-3, + .gx-xxl-3 { + --hb-gutter-x: 1rem; } + .g-xxl-3, + .gy-xxl-3 { + --hb-gutter-y: 1rem; } + .g-xxl-4, + .gx-xxl-4 { + --hb-gutter-x: 1.5rem; } + .g-xxl-4, + .gy-xxl-4 { + --hb-gutter-y: 1.5rem; } + .g-xxl-5, + .gx-xxl-5 { + --hb-gutter-x: 3rem; } + .g-xxl-5, + .gy-xxl-5 { + --hb-gutter-y: 3rem; } } + +.table, table { + --hb-table-color: var(--hb-body-color); + --hb-table-bg: transparent; + --hb-table-border-color: var(--hb-border-color); + --hb-table-accent-bg: transparent; + --hb-table-striped-color: var(--hb-body-color); + --hb-table-striped-bg: rgba(0, 0, 0, 0.05); + --hb-table-active-color: var(--hb-body-color); + --hb-table-active-bg: rgba(0, 0, 0, 0.1); + --hb-table-hover-color: var(--hb-body-color); + --hb-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--hb-table-color); + vertical-align: top; + border-color: var(--hb-table-border-color); } + .table > :not(caption) > * > *, table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + background-color: var(--hb-table-bg); + border-bottom-width: var(--hb-border-width); + box-shadow: inset 0 0 0 9999px var(--hb-table-accent-bg); } + .table > tbody, table > tbody { + vertical-align: inherit; } + .table > thead, table > thead { + vertical-align: bottom; } + +.table-group-divider { + border-top: calc(var(--hb-border-width) * 2) solid currentcolor; } + +.caption-top { + caption-side: top; } + +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; } + +.table-bordered > :not(caption) > *, table > :not(caption) > * { + border-width: var(--hb-border-width) 0; } + .table-bordered > :not(caption) > * > *, table > :not(caption) > * > * { + border-width: 0 var(--hb-border-width); } + +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; } + +.table-borderless > :not(:first-child) { + border-top-width: 0; } + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --hb-table-accent-bg: var(--hb-table-striped-bg); + color: var(--hb-table-striped-color); } + +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --hb-table-accent-bg: var(--hb-table-striped-bg); + color: var(--hb-table-striped-color); } + +.table-active { + --hb-table-accent-bg: var(--hb-table-active-bg); + color: var(--hb-table-active-color); } + +.table-hover > tbody > tr:hover > *, table > tbody > tr:hover > * { + --hb-table-accent-bg: var(--hb-table-hover-bg); + color: var(--hb-table-hover-color); } + +.table-primary { + --hb-table-color: #000; + --hb-table-bg: #cfe2ff; + --hb-table-border-color: #bacbe6; + --hb-table-striped-bg: #c5d7f2; + --hb-table-striped-color: #000; + --hb-table-active-bg: #bacbe6; + --hb-table-active-color: #000; + --hb-table-hover-bg: #bfd1ec; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-secondary { + --hb-table-color: #000; + --hb-table-bg: #e2e3e5; + --hb-table-border-color: #cbccce; + --hb-table-striped-bg: #d7d8da; + --hb-table-striped-color: #000; + --hb-table-active-bg: #cbccce; + --hb-table-active-color: #000; + --hb-table-hover-bg: #d1d2d4; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-success { + --hb-table-color: #000; + --hb-table-bg: #d1e7dd; + --hb-table-border-color: #bcd0c7; + --hb-table-striped-bg: #c7dbd2; + --hb-table-striped-color: #000; + --hb-table-active-bg: #bcd0c7; + --hb-table-active-color: #000; + --hb-table-hover-bg: #c1d6cc; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-info { + --hb-table-color: #000; + --hb-table-bg: #cff4fc; + --hb-table-border-color: #badce3; + --hb-table-striped-bg: #c5e8ef; + --hb-table-striped-color: #000; + --hb-table-active-bg: #badce3; + --hb-table-active-color: #000; + --hb-table-hover-bg: #bfe2e9; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-warning { + --hb-table-color: #000; + --hb-table-bg: #fff3cd; + --hb-table-border-color: #e6dbb9; + --hb-table-striped-bg: #f2e7c3; + --hb-table-striped-color: #000; + --hb-table-active-bg: #e6dbb9; + --hb-table-active-color: #000; + --hb-table-hover-bg: #ece1be; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-danger { + --hb-table-color: #000; + --hb-table-bg: #f8d7da; + --hb-table-border-color: #dfc2c4; + --hb-table-striped-bg: #eccccf; + --hb-table-striped-color: #000; + --hb-table-active-bg: #dfc2c4; + --hb-table-active-color: #000; + --hb-table-hover-bg: #e5c7ca; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-light { + --hb-table-color: #000; + --hb-table-bg: #f8f9fa; + --hb-table-border-color: #dfe0e1; + --hb-table-striped-bg: #ecedee; + --hb-table-striped-color: #000; + --hb-table-active-bg: #dfe0e1; + --hb-table-active-color: #000; + --hb-table-hover-bg: #e5e6e7; + --hb-table-hover-color: #000; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-dark { + --hb-table-color: #fff; + --hb-table-bg: #212529; + --hb-table-border-color: #373b3e; + --hb-table-striped-bg: #2c3034; + --hb-table-striped-color: #fff; + --hb-table-active-bg: #373b3e; + --hb-table-active-color: #fff; + --hb-table-hover-bg: #323539; + --hb-table-hover-color: #fff; + color: var(--hb-table-color); + border-color: var(--hb-table-border-color); } + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } + +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } + +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } + +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } + +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } } + +.form-label { + margin-bottom: 0.5rem; } + +.col-form-label { + padding-top: calc(0.375rem + var(--hb-border-width)); + padding-bottom: calc(0.375rem + var(--hb-border-width)); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; } + +.col-form-label-lg { + padding-top: calc(0.5rem + var(--hb-border-width)); + padding-bottom: calc(0.5rem + var(--hb-border-width)); + font-size: 1.25rem; } + +.col-form-label-sm { + padding-top: calc(0.25rem + var(--hb-border-width)); + padding-bottom: calc(0.25rem + var(--hb-border-width)); + font-size: 0.875rem; } + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--hb-secondary-color); } + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--hb-body-color); + background-color: var(--hb-body-bg); + background-clip: padding-box; + border: var(--hb-border-width) solid var(--hb-border-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: var(--hb-border-radius); + 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[type="file"] { + overflow: hidden; } + .form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; } + .form-control:focus { + color: var(--hb-body-color); + background-color: var(--hb-body-bg); + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-control::-webkit-date-and-time-value { + min-width: 85px; + height: 1.5em; + margin: 0; } + .form-control::-webkit-datetime-edit { + display: block; + padding: 0; } + .form-control::-moz-placeholder { + color: var(--hb-secondary-color); + opacity: 1; } + .form-control::placeholder { + color: var(--hb-secondary-color); + opacity: 1; } + .form-control:disabled { + background-color: var(--hb-secondary-bg); + opacity: 1; } + .form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: var(--hb-body-color); + background-color: var(--hb-tertiary-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--hb-border-width); + border-radius: 0; + 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) { + .form-control::file-selector-button { + transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: var(--hb-secondary-bg); } + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: var(--hb-body-color); + background-color: transparent; + border: solid transparent; + border-width: var(--hb-border-width) 0; } + .form-control-plaintext:focus { + outline: 0; } + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; } + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + calc(var(--hb-border-width) * 2)); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--hb-border-radius-sm); } + .form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; } + +.form-control-lg { + min-height: calc(1.5em + 1rem + calc(var(--hb-border-width) * 2)); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--hb-border-radius-lg); } + .form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; } + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + calc(var(--hb-border-width) * 2)); } + +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + calc(var(--hb-border-width) * 2)); } + +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + calc(var(--hb-border-width) * 2)); } + +.form-control-color { + width: 3rem; + height: calc(1.5em + 0.75rem + calc(var(--hb-border-width) * 2)); + padding: 0.375rem; } + .form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; } + .form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: var(--hb-border-radius); } + .form-control-color::-webkit-color-swatch { + border: 0 !important; + border-radius: var(--hb-border-radius); } + .form-control-color.form-control-sm { + height: calc(1.5em + 0.5rem + calc(var(--hb-border-width) * 2)); } + .form-control-color.form-control-lg { + height: calc(1.5em + 1rem + calc(var(--hb-border-width) * 2)); } + +.form-select { + --hb-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--hb-body-color); + background-color: var(--hb-body-bg); + background-image: var(--hb-form-select-bg-img), var(--hb-form-select-bg-icon, none); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: var(--hb-border-width) solid var(--hb-border-color); + border-radius: var(--hb-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; } } + .form-select:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; } + .form-select:disabled { + background-color: var(--hb-secondary-bg); } + .form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--hb-body-color); } + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: var(--hb-border-radius-sm); } + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: var(--hb-border-radius-lg); } + +[data-bs-theme="dark"] .form-select { + --hb-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; } + .form-check .form-check-input { + float: left; + margin-left: -1.5em; } + +.form-check-reverse { + padding-right: 1.5em; + padding-left: 0; + text-align: right; } + .form-check-reverse .form-check-input { + float: right; + margin-right: -1.5em; + margin-left: 0; } + +.form-check-input { + --hb-form-check-bg: var(--hb-body-bg); + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + background-color: var(--hb-form-check-bg); + background-image: var(--hb-form-check-bg-image); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: var(--hb-border-width) solid var(--hb-border-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; } + .form-check-input[type="checkbox"] { + border-radius: 0.25em; } + .form-check-input[type="radio"] { + border-radius: 50%; } + .form-check-input:active { + filter: brightness(90%); } + .form-check-input:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; } + .form-check-input:checked[type="checkbox"] { + --hb-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } + .form-check-input:checked[type="radio"] { + --hb-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } + .form-check-input[type="checkbox"]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + --hb-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.5; } + +.form-switch { + padding-left: 2.5em; } + .form-switch .form-check-input { + --hb-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + width: 2em; + margin-left: -2.5em; + background-image: var(--hb-form-switch-bg); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; } } + .form-switch .form-check-input:focus { + --hb-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } + .form-switch .form-check-input:checked { + background-position: right center; + --hb-form-switch-bg: 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"); } + .form-switch.form-check-reverse { + padding-right: 2.5em; + padding-left: 0; } + .form-switch.form-check-reverse .form-check-input { + margin-right: -2.5em; + margin-left: 0; } + +.form-check-inline { + display: inline-block; + margin-right: 1rem; } + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; } + +[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { + --hb-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .form-range:focus { + outline: 0; } + .form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-range::-moz-focus-outer { + border: 0; } + .form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #0d6efd; + 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) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; } } + .form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; } + .form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--hb-tertiary-bg); + border-color: transparent; + border-radius: 1rem; } + .form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #0d6efd; + 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) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; } } + .form-range::-moz-range-thumb:active { + background-color: #b6d4fe; } + .form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--hb-tertiary-bg); + border-color: transparent; + border-radius: 1rem; } + .form-range:disabled { + pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { + background-color: var(--hb-secondary-color); } + .form-range:disabled::-moz-range-thumb { + background-color: var(--hb-secondary-color); } + +.form-floating { + position: relative; } + .form-floating > .form-control, + .form-floating > .form-control-plaintext, + .form-floating > .form-select { + height: calc(3.5rem + calc(var(--hb-border-width) * 2)); + line-height: 1.25; } + .form-floating > label { + position: absolute; + top: 0; + left: 0; + z-index: 2; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: var(--hb-border-width) solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; } } + .form-floating > .form-control, + .form-floating > .form-control-plaintext { + padding: 1rem 0.75rem; } + .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { + color: transparent; } + .form-floating > .form-control::placeholder, + .form-floating > .form-control-plaintext::placeholder { + color: transparent; } + .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), + .form-floating > .form-control-plaintext:focus, + .form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:-webkit-autofill, + .form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; } + .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + color: rgba(var(--hb-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:focus ~ label, + .form-floating > .form-control:not(:placeholder-shown) ~ label, + .form-floating > .form-control-plaintext ~ label, + .form-floating > .form-select ~ label { + color: rgba(var(--hb-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--hb-body-bg); + border-radius: var(--hb-border-radius); } + .form-floating > .form-control:focus ~ label::after, + .form-floating > .form-control:not(:placeholder-shown) ~ label::after, + .form-floating > .form-control-plaintext ~ label::after, + .form-floating > .form-select ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--hb-body-bg); + border-radius: var(--hb-border-radius); } + .form-floating > .form-control:-webkit-autofill ~ label { + color: rgba(var(--hb-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + .form-floating > .form-control-plaintext ~ label { + border-width: var(--hb-border-width) 0; } + .form-floating > :disabled ~ label { + color: #6c757d; } + .form-floating > :disabled ~ label::after { + background-color: var(--hb-secondary-bg); } + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } + .input-group > .form-control, + .input-group > .form-select, + .input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; } + .input-group > .form-control:focus, + .input-group > .form-select:focus, + .input-group > .form-floating:focus-within { + z-index: 5; } + .input-group .btn { + position: relative; + z-index: 2; } + .input-group .btn:focus { + z-index: 5; } + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--hb-body-color); + text-align: center; + white-space: nowrap; + background-color: var(--hb-tertiary-bg); + border: var(--hb-border-width) solid var(--hb-border-color); + border-radius: var(--hb-border-radius); } + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--hb-border-radius-lg); } + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--hb-border-radius-sm); } + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3rem; } + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), +.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, +.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: calc(var(--hb-border-width) * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--hb-form-valid-color); } + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--hb-success); + border-radius: var(--hb-border-radius); } + +.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(--hb-form-valid-border-color); + 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='%23198754' d='M2.3 6.73.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: 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(--hb-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--hb-success-rgb), 0.25); } + +.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); } + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: var(--hb-form-valid-border-color); } + .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + --hb-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: var(--hb-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--hb-success-rgb), 0.25); } + +.was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + calc(1.5em + 0.75rem)); } + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: var(--hb-form-valid-border-color); } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: var(--hb-form-valid-color); } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--hb-success-rgb), 0.25); } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: var(--hb-form-valid-color); } + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: .5em; } + +.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, +.input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, +.input-group > .form-floating:not(:focus-within).is-valid { + z-index: 3; } + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--hb-form-invalid-color); } + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--hb-danger); + border-radius: var(--hb-border-radius); } + +.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(--hb-form-invalid-border-color); + 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 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + 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:invalid:focus, .form-control.is-invalid:focus { + border-color: var(--hb-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--hb-danger-rgb), 0.25); } + +.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); } + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: var(--hb-form-invalid-border-color); } + .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + --hb-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: var(--hb-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--hb-danger-rgb), 0.25); } + +.was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + calc(1.5em + 0.75rem)); } + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: var(--hb-form-invalid-border-color); } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: var(--hb-form-invalid-color); } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--hb-danger-rgb), 0.25); } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: var(--hb-form-invalid-color); } + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: .5em; } + +.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, +.input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, +.input-group > .form-floating:not(:focus-within).is-invalid { + z-index: 4; } + +.btn { + --hb-btn-padding-x: 0.75rem; + --hb-btn-padding-y: 0.375rem; + --hb-btn-font-family: ; + --hb-btn-font-size: 1rem; + --hb-btn-font-weight: 400; + --hb-btn-line-height: 1.5; + --hb-btn-color: var(--hb-body-color); + --hb-btn-bg: transparent; + --hb-btn-border-width: var(--hb-border-width); + --hb-btn-border-color: transparent; + --hb-btn-border-radius: var(--hb-border-radius); + --hb-btn-hover-border-color: transparent; + --hb-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + --hb-btn-disabled-opacity: 0.65; + --hb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--hb-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--hb-btn-padding-y) var(--hb-btn-padding-x); + font-family: var(--hb-btn-font-family); + font-size: var(--hb-btn-font-size); + font-weight: var(--hb-btn-font-weight); + line-height: var(--hb-btn-line-height); + color: var(--hb-btn-color); + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border: var(--hb-btn-border-width) solid var(--hb-btn-border-color); + border-radius: var(--hb-btn-border-radius); + background-color: var(--hb-btn-bg); + 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(--hb-btn-hover-color); + background-color: var(--hb-btn-hover-bg); + border-color: var(--hb-btn-hover-border-color); } + .btn-check + .btn:hover { + color: var(--hb-btn-color); + background-color: var(--hb-btn-bg); + border-color: var(--hb-btn-border-color); } + .btn:focus-visible { + color: var(--hb-btn-hover-color); + background-color: var(--hb-btn-hover-bg); + border-color: var(--hb-btn-hover-border-color); + outline: 0; + box-shadow: var(--hb-btn-focus-box-shadow); } + .btn-check:focus-visible + .btn { + border-color: var(--hb-btn-hover-border-color); + outline: 0; + box-shadow: var(--hb-btn-focus-box-shadow); } + .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { + color: var(--hb-btn-active-color); + background-color: var(--hb-btn-active-bg); + border-color: var(--hb-btn-active-border-color); } + .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { + box-shadow: var(--hb-btn-focus-box-shadow); } + .btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--hb-btn-disabled-color); + pointer-events: none; + background-color: var(--hb-btn-disabled-bg); + border-color: var(--hb-btn-disabled-border-color); + opacity: var(--hb-btn-disabled-opacity); } + +.btn-primary { + --hb-btn-color: #fff; + --hb-btn-bg: #0d6efd; + --hb-btn-border-color: #0d6efd; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #0b5ed7; + --hb-btn-hover-border-color: #0a58ca; + --hb-btn-focus-shadow-rgb: 49, 132, 253; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #0a58ca; + --hb-btn-active-border-color: #0a53be; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #fff; + --hb-btn-disabled-bg: #0d6efd; + --hb-btn-disabled-border-color: #0d6efd; } + +.btn-secondary { + --hb-btn-color: #fff; + --hb-btn-bg: #6c757d; + --hb-btn-border-color: #6c757d; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #5c636a; + --hb-btn-hover-border-color: #565e64; + --hb-btn-focus-shadow-rgb: 130, 138, 145; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #565e64; + --hb-btn-active-border-color: #51585e; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #fff; + --hb-btn-disabled-bg: #6c757d; + --hb-btn-disabled-border-color: #6c757d; } + +.btn-success { + --hb-btn-color: #fff; + --hb-btn-bg: #198754; + --hb-btn-border-color: #198754; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #157347; + --hb-btn-hover-border-color: #146c43; + --hb-btn-focus-shadow-rgb: 60, 153, 110; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #146c43; + --hb-btn-active-border-color: #13653f; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #fff; + --hb-btn-disabled-bg: #198754; + --hb-btn-disabled-border-color: #198754; } + +.btn-info { + --hb-btn-color: #000; + --hb-btn-bg: #0dcaf0; + --hb-btn-border-color: #0dcaf0; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #31d2f2; + --hb-btn-hover-border-color: #25cff2; + --hb-btn-focus-shadow-rgb: 11, 172, 204; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #3dd5f3; + --hb-btn-active-border-color: #25cff2; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #000; + --hb-btn-disabled-bg: #0dcaf0; + --hb-btn-disabled-border-color: #0dcaf0; } + +.btn-warning { + --hb-btn-color: #000; + --hb-btn-bg: #ffc107; + --hb-btn-border-color: #ffc107; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #ffca2c; + --hb-btn-hover-border-color: #ffc720; + --hb-btn-focus-shadow-rgb: 217, 164, 6; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #ffcd39; + --hb-btn-active-border-color: #ffc720; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #000; + --hb-btn-disabled-bg: #ffc107; + --hb-btn-disabled-border-color: #ffc107; } + +.btn-danger { + --hb-btn-color: #fff; + --hb-btn-bg: #dc3545; + --hb-btn-border-color: #dc3545; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #bb2d3b; + --hb-btn-hover-border-color: #b02a37; + --hb-btn-focus-shadow-rgb: 225, 83, 97; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #b02a37; + --hb-btn-active-border-color: #a52834; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #fff; + --hb-btn-disabled-bg: #dc3545; + --hb-btn-disabled-border-color: #dc3545; } + +.btn-light { + --hb-btn-color: #000; + --hb-btn-bg: #f8f9fa; + --hb-btn-border-color: #f8f9fa; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #d3d4d5; + --hb-btn-hover-border-color: #c6c7c8; + --hb-btn-focus-shadow-rgb: 211, 212, 213; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #c6c7c8; + --hb-btn-active-border-color: #babbbc; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #000; + --hb-btn-disabled-bg: #f8f9fa; + --hb-btn-disabled-border-color: #f8f9fa; } + +.btn-dark { + --hb-btn-color: #fff; + --hb-btn-bg: #212529; + --hb-btn-border-color: #212529; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #424649; + --hb-btn-hover-border-color: #373b3e; + --hb-btn-focus-shadow-rgb: 66, 70, 73; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #4d5154; + --hb-btn-active-border-color: #373b3e; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #fff; + --hb-btn-disabled-bg: #212529; + --hb-btn-disabled-border-color: #212529; } + +.btn-outline-primary { + --hb-btn-color: #0d6efd; + --hb-btn-border-color: #0d6efd; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #0d6efd; + --hb-btn-hover-border-color: #0d6efd; + --hb-btn-focus-shadow-rgb: 13, 110, 253; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #0d6efd; + --hb-btn-active-border-color: #0d6efd; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #0d6efd; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #0d6efd; + --hb-gradient: none; } + +.btn-outline-secondary { + --hb-btn-color: #6c757d; + --hb-btn-border-color: #6c757d; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #6c757d; + --hb-btn-hover-border-color: #6c757d; + --hb-btn-focus-shadow-rgb: 108, 117, 125; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #6c757d; + --hb-btn-active-border-color: #6c757d; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #6c757d; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #6c757d; + --hb-gradient: none; } + +.btn-outline-success { + --hb-btn-color: #198754; + --hb-btn-border-color: #198754; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #198754; + --hb-btn-hover-border-color: #198754; + --hb-btn-focus-shadow-rgb: 25, 135, 84; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #198754; + --hb-btn-active-border-color: #198754; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #198754; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #198754; + --hb-gradient: none; } + +.btn-outline-info { + --hb-btn-color: #0dcaf0; + --hb-btn-border-color: #0dcaf0; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #0dcaf0; + --hb-btn-hover-border-color: #0dcaf0; + --hb-btn-focus-shadow-rgb: 13, 202, 240; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #0dcaf0; + --hb-btn-active-border-color: #0dcaf0; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #0dcaf0; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #0dcaf0; + --hb-gradient: none; } + +.btn-outline-warning { + --hb-btn-color: #ffc107; + --hb-btn-border-color: #ffc107; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #ffc107; + --hb-btn-hover-border-color: #ffc107; + --hb-btn-focus-shadow-rgb: 255, 193, 7; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #ffc107; + --hb-btn-active-border-color: #ffc107; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #ffc107; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #ffc107; + --hb-gradient: none; } + +.btn-outline-danger { + --hb-btn-color: #dc3545; + --hb-btn-border-color: #dc3545; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #dc3545; + --hb-btn-hover-border-color: #dc3545; + --hb-btn-focus-shadow-rgb: 220, 53, 69; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #dc3545; + --hb-btn-active-border-color: #dc3545; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #dc3545; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #dc3545; + --hb-gradient: none; } + +.btn-outline-light { + --hb-btn-color: #f8f9fa; + --hb-btn-border-color: #f8f9fa; + --hb-btn-hover-color: #000; + --hb-btn-hover-bg: #f8f9fa; + --hb-btn-hover-border-color: #f8f9fa; + --hb-btn-focus-shadow-rgb: 248, 249, 250; + --hb-btn-active-color: #000; + --hb-btn-active-bg: #f8f9fa; + --hb-btn-active-border-color: #f8f9fa; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #f8f9fa; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #f8f9fa; + --hb-gradient: none; } + +.btn-outline-dark { + --hb-btn-color: #212529; + --hb-btn-border-color: #212529; + --hb-btn-hover-color: #fff; + --hb-btn-hover-bg: #212529; + --hb-btn-hover-border-color: #212529; + --hb-btn-focus-shadow-rgb: 33, 37, 41; + --hb-btn-active-color: #fff; + --hb-btn-active-bg: #212529; + --hb-btn-active-border-color: #212529; + --hb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --hb-btn-disabled-color: #212529; + --hb-btn-disabled-bg: transparent; + --hb-btn-disabled-border-color: #212529; + --hb-gradient: none; } + +.btn-link { + --hb-btn-font-weight: 400; + --hb-btn-color: var(--hb-link-color); + --hb-btn-bg: transparent; + --hb-btn-border-color: transparent; + --hb-btn-hover-color: var(--hb-link-hover-color); + --hb-btn-hover-border-color: transparent; + --hb-btn-active-color: var(--hb-link-hover-color); + --hb-btn-active-border-color: transparent; + --hb-btn-disabled-color: #6c757d; + --hb-btn-disabled-border-color: transparent; + --hb-btn-box-shadow: 0 0 0 #000; + --hb-btn-focus-shadow-rgb: 49, 132, 253; + text-decoration: underline; } + .btn-link:focus-visible { + color: var(--hb-btn-color); } + .btn-link:hover { + color: var(--hb-btn-hover-color); } + +.btn-lg, .btn-group-lg > .btn { + --hb-btn-padding-y: 0.5rem; + --hb-btn-padding-x: 1rem; + --hb-btn-font-size: 1.25rem; + --hb-btn-border-radius: var(--hb-border-radius-lg); } + +.btn-sm, .btn-group-sm > .btn { + --hb-btn-padding-y: 0.25rem; + --hb-btn-padding-x: 0.5rem; + --hb-btn-font-size: 0.875rem; + --hb-btn-border-radius: var(--hb-border-radius-sm); } + +.fade { + transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { + .fade { + transition: none; } } + .fade:not(.show) { + opacity: 0; } + +.collapse:not(.show) { + display: none; } + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; } } + .collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; } + @media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; } } +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + 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; } + +.dropdown-menu { + --hb-dropdown-zindex: 1000; + --hb-dropdown-min-width: 10rem; + --hb-dropdown-padding-x: 0; + --hb-dropdown-padding-y: 0.5rem; + --hb-dropdown-spacer: 0.125rem; + --hb-dropdown-font-size: 1rem; + --hb-dropdown-color: var(--hb-body-color); + --hb-dropdown-bg: var(--hb-body-bg); + --hb-dropdown-border-color: var(--hb-border-color-translucent); + --hb-dropdown-border-radius: var(--hb-border-radius); + --hb-dropdown-border-width: var(--hb-border-width); + --hb-dropdown-inner-border-radius: calc(var(--hb-border-radius) - var(--hb-border-width)); + --hb-dropdown-divider-bg: var(--hb-border-color-translucent); + --hb-dropdown-divider-margin-y: 0.5rem; + --hb-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --hb-dropdown-link-color: var(--hb-body-color); + --hb-dropdown-link-hover-color: var(--hb-body-color); + --hb-dropdown-link-hover-bg: var(--hb-tertiary-bg); + --hb-dropdown-link-active-color: #fff; + --hb-dropdown-link-active-bg: #0d6efd; + --hb-dropdown-link-disabled-color: var(--hb-tertiary-color); + --hb-dropdown-item-padding-x: 1rem; + --hb-dropdown-item-padding-y: 0.25rem; + --hb-dropdown-header-color: #6c757d; + --hb-dropdown-header-padding-x: 1rem; + --hb-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--hb-dropdown-zindex); + display: none; + min-width: var(--hb-dropdown-min-width); + padding: var(--hb-dropdown-padding-y) var(--hb-dropdown-padding-x); + margin: 0; + font-size: var(--hb-dropdown-font-size); + color: var(--hb-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--hb-dropdown-bg); + background-clip: padding-box; + border: var(--hb-dropdown-border-width) solid var(--hb-dropdown-border-color); + border-radius: var(--hb-dropdown-border-radius); } + .dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--hb-dropdown-spacer); } + +.dropdown-menu-start { + --bs-position: start; } + .dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; } + +.dropdown-menu-end { + --bs-position: end; } + .dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; } + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; } + .dropdown-menu-sm-end { + --bs-position: end; } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; } } + +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; } + .dropdown-menu-md-end { + --bs-position: end; } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; } } + +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; } + .dropdown-menu-lg-end { + --bs-position: end; } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; } } + +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; } + .dropdown-menu-xl-end { + --bs-position: end; } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; } } + +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; } + .dropdown-menu-xxl-end { + --bs-position: end; } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; } } + +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--hb-dropdown-spacer); } + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--hb-dropdown-spacer); } + +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } + +.dropend .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropend .dropdown-toggle::after { + vertical-align: 0; } + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--hb-dropdown-spacer); } + +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } + +.dropstart .dropdown-toggle::after { + display: none; } + +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } + +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropstart .dropdown-toggle::before { + vertical-align: 0; } + +.dropdown-divider { + height: 0; + margin: var(--hb-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--hb-dropdown-divider-bg); + opacity: 1; } + +.dropdown-item { + display: block; + width: 100%; + padding: var(--hb-dropdown-item-padding-y) var(--hb-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--hb-dropdown-link-color); + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; + border-radius: var(--hb-dropdown-item-border-radius, 0); } + .dropdown-item:hover, .dropdown-item:focus { + color: var(--hb-dropdown-link-hover-color); + background-color: var(--hb-dropdown-link-hover-bg); } + .dropdown-item.active, .dropdown-item:active { + color: var(--hb-dropdown-link-active-color); + text-decoration: none; + background-color: var(--hb-dropdown-link-active-bg); } + .dropdown-item.disabled, .dropdown-item:disabled { + color: var(--hb-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; } + +.dropdown-menu.show { + display: block; } + +.dropdown-header { + display: block; + padding: var(--hb-dropdown-header-padding-y) var(--hb-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--hb-dropdown-header-color); + white-space: nowrap; } + +.dropdown-item-text { + display: block; + padding: var(--hb-dropdown-item-padding-y) var(--hb-dropdown-item-padding-x); + color: var(--hb-dropdown-link-color); } + +.dropdown-menu-dark { + --hb-dropdown-color: #dee2e6; + --hb-dropdown-bg: #343a40; + --hb-dropdown-border-color: var(--hb-border-color-translucent); + --hb-dropdown-box-shadow: ; + --hb-dropdown-link-color: #dee2e6; + --hb-dropdown-link-hover-color: #fff; + --hb-dropdown-divider-bg: var(--hb-border-color-translucent); + --hb-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --hb-dropdown-link-active-color: #fff; + --hb-dropdown-link-active-bg: #0d6efd; + --hb-dropdown-link-disabled-color: #adb5bd; + --hb-dropdown-header-color: #adb5bd; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; } + .btn-group > .btn-check:checked + .btn, + .btn-group > .btn-check:focus + .btn, + .btn-group > .btn:hover, + .btn-group > .btn:focus, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group-vertical > .btn-check:checked + .btn, + .btn-group-vertical > .btn-check:focus + .btn, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 1; } + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .btn-toolbar .input-group { + width: auto; } + +.btn-group { + border-radius: var(--hb-border-radius); } + .btn-group > :not(.btn-check:first-child) + .btn, + .btn-group > .btn-group:not(:first-child) { + margin-left: calc(var(--hb-border-width) * -1); } + .btn-group > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group > .btn.dropdown-toggle-split:first-child, + .btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:nth-child(n + 3), + .btn-group > :not(.btn-check) + .btn, + .btn-group > .btn-group:not(:first-child) > .btn { + border-top-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, .dropend .dropdown-toggle-split::after { + margin-left: 0; } + .dropstart .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; } + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } + +.btn-group-vertical { + flex-direction: column; + 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: calc(var(--hb-border-width) * -1); } + .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 ~ .btn, + .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.nav { + --hb-nav-link-padding-x: 1rem; + --hb-nav-link-padding-y: 0.5rem; + --hb-nav-link-font-weight: ; + --hb-nav-link-color: var(--hb-link-color); + --hb-nav-link-hover-color: var(--hb-link-hover-color); + --hb-nav-link-disabled-color: var(--hb-secondary-color); + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link { + display: block; + padding: var(--hb-nav-link-padding-y) var(--hb-nav-link-padding-x); + font-size: var(--hb-nav-link-font-size); + font-weight: var(--hb-nav-link-font-weight); + color: var(--hb-nav-link-color); + text-decoration: none; + background: none; + border: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; } } + .nav-link:hover, .nav-link:focus { + color: var(--hb-nav-link-hover-color); } + .nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .nav-link.disabled { + color: var(--hb-nav-link-disabled-color); + pointer-events: none; + cursor: default; } + +.nav-tabs { + --hb-nav-tabs-border-width: var(--hb-border-width); + --hb-nav-tabs-border-color: var(--hb-border-color); + --hb-nav-tabs-border-radius: var(--hb-border-radius); + --hb-nav-tabs-link-hover-border-color: var(--hb-secondary-bg) var(--hb-secondary-bg) var(--hb-border-color); + --hb-nav-tabs-link-active-color: var(--hb-emphasis-color); + --hb-nav-tabs-link-active-bg: var(--hb-body-bg); + --hb-nav-tabs-link-active-border-color: var(--hb-border-color) var(--hb-border-color) var(--hb-body-bg); + border-bottom: var(--hb-nav-tabs-border-width) solid var(--hb-nav-tabs-border-color); } + .nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--hb-nav-tabs-border-width)); + border: var(--hb-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--hb-nav-tabs-border-radius); + border-top-right-radius: var(--hb-nav-tabs-border-radius); } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--hb-nav-tabs-link-hover-border-color); } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { + color: var(--hb-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: var(--hb-nav-tabs-link-active-color); + background-color: var(--hb-nav-tabs-link-active-bg); + border-color: var(--hb-nav-tabs-link-active-border-color); } + .nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--hb-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.nav-pills { + --hb-nav-pills-border-radius: var(--hb-border-radius); + --hb-nav-pills-link-active-color: #fff; + --hb-nav-pills-link-active-bg: #0d6efd; } + .nav-pills .nav-link { + border-radius: var(--hb-nav-pills-border-radius); } + .nav-pills .nav-link:disabled { + color: var(--hb-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; } + .nav-pills .nav-link.active, + .nav-pills .show > .nav-link { + color: var(--hb-nav-pills-link-active-color); + background-color: var(--hb-nav-pills-link-active-bg); } + +.nav-underline { + --hb-nav-underline-gap: 1rem; + --hb-nav-underline-border-width: 0.125rem; + --hb-nav-underline-link-active-color: var(--hb-emphasis-color); + gap: var(--hb-nav-underline-gap); } + .nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--hb-nav-underline-border-width) solid transparent; } + .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { + border-bottom-color: currentcolor; } + .nav-underline .nav-link.active, + .nav-underline .show > .nav-link { + font-weight: 700; + color: var(--hb-nav-underline-link-active-color); + border-bottom-color: currentcolor; } + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; } + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; } + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.navbar { + --hb-navbar-padding-x: 0; + --hb-navbar-padding-y: 0.5rem; + --hb-navbar-color: rgba(var(--hb-emphasis-color-rgb), 0.65); + --hb-navbar-hover-color: rgba(var(--hb-emphasis-color-rgb), 0.8); + --hb-navbar-disabled-color: rgba(var(--hb-emphasis-color-rgb), 0.3); + --hb-navbar-active-color: rgba(var(--hb-emphasis-color-rgb), 1); + --hb-navbar-brand-padding-y: 0.3125rem; + --hb-navbar-brand-margin-end: 1rem; + --hb-navbar-brand-font-size: 1.25rem; + --hb-navbar-brand-color: rgba(var(--hb-emphasis-color-rgb), 1); + --hb-navbar-brand-hover-color: rgba(var(--hb-emphasis-color-rgb), 1); + --hb-navbar-nav-link-padding-x: 0.5rem; + --hb-navbar-toggler-padding-y: 0.25rem; + --hb-navbar-toggler-padding-x: 0.75rem; + --hb-navbar-toggler-font-size: 1.25rem; + --hb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --hb-navbar-toggler-border-color: rgba(var(--hb-emphasis-color-rgb), 0.15); + --hb-navbar-toggler-border-radius: var(--hb-border-radius); + --hb-navbar-toggler-focus-width: 0.25rem; + --hb-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--hb-navbar-padding-y) var(--hb-navbar-padding-x); } + .navbar > .container, + .navbar > .container-fluid, + .navbar > .container-sm, + .navbar > .container-md, + .navbar > .container-lg, + .navbar > .container-xl, + .navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; } + +.navbar-brand { + padding-top: var(--hb-navbar-brand-padding-y); + padding-bottom: var(--hb-navbar-brand-padding-y); + margin-right: var(--hb-navbar-brand-margin-end); + font-size: var(--hb-navbar-brand-font-size); + color: var(--hb-navbar-brand-color); + text-decoration: none; + white-space: nowrap; } + .navbar-brand:hover, .navbar-brand:focus { + color: var(--hb-navbar-brand-hover-color); } + +.navbar-nav { + --hb-nav-link-padding-x: 0; + --hb-nav-link-padding-y: 0.5rem; + --hb-nav-link-font-weight: ; + --hb-nav-link-color: var(--hb-navbar-color); + --hb-nav-link-hover-color: var(--hb-navbar-hover-color); + --hb-nav-link-disabled-color: var(--hb-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { + color: var(--hb-navbar-active-color); } + .navbar-nav .dropdown-menu { + position: static; } + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--hb-navbar-color); } + .navbar-text a, + .navbar-text a:hover, + .navbar-text a:focus { + color: var(--hb-navbar-active-color); } + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; } + +.navbar-toggler { + padding: var(--hb-navbar-toggler-padding-y) var(--hb-navbar-toggler-padding-x); + font-size: var(--hb-navbar-toggler-font-size); + line-height: 1; + color: var(--hb-navbar-color); + background-color: transparent; + border: var(--hb-border-width) solid var(--hb-navbar-toggler-border-color); + border-radius: var(--hb-navbar-toggler-border-radius); + transition: var(--hb-navbar-toggler-transition); } + @media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; } } + .navbar-toggler:hover { + text-decoration: none; } + .navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--hb-navbar-toggler-focus-width); } + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--hb-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; } + +.navbar-nav-scroll { + max-height: var(--hb-scroll-height, 75vh); + overflow-y: auto; } + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: 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: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { + display: none; } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } } + +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: 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: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-md .navbar-toggler { + display: none; } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } } + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: 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: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { + display: none; } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } } + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: 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: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { + display: none; } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } } + +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-xxl .navbar-toggler { + display: none; } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } } + +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; } + .navbar-expand .navbar-nav { + flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand .navbar-nav .nav-link { + padding-right: var(--hb-navbar-nav-link-padding-x); + padding-left: var(--hb-navbar-nav-link-padding-x); } + .navbar-expand .navbar-nav-scroll { + overflow: visible; } + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand .navbar-toggler { + display: none; } + .navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; } + .navbar-expand .offcanvas .offcanvas-header { + display: none; } + .navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; } + +.navbar-dark { + --hb-navbar-color: rgba(255, 255, 255, 0.55); + --hb-navbar-hover-color: rgba(255, 255, 255, 0.75); + --hb-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --hb-navbar-active-color: #fff; + --hb-navbar-brand-color: #fff; + --hb-navbar-brand-hover-color: #fff; + --hb-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --hb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + +[data-bs-theme="dark"] .navbar-toggler-icon { + --hb-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + +.card { + --hb-card-spacer-y: 1rem; + --hb-card-spacer-x: 1rem; + --hb-card-title-spacer-y: 0.5rem; + --hb-card-title-color: ; + --hb-card-subtitle-color: ; + --hb-card-border-width: var(--hb-border-width); + --hb-card-border-color: var(--hb-border-color-translucent); + --hb-card-border-radius: var(--hb-border-radius); + --hb-card-box-shadow: ; + --hb-card-inner-border-radius: calc(var(--hb-border-radius) - (var(--hb-border-width))); + --hb-card-cap-padding-y: 0.5rem; + --hb-card-cap-padding-x: 1rem; + --hb-card-cap-bg: rgba(var(--hb-body-color-rgb), 0.03); + --hb-card-cap-color: ; + --hb-card-height: ; + --hb-card-color: ; + --hb-card-bg: var(--hb-body-bg); + --hb-card-img-overlay-padding: 1rem; + --hb-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--hb-card-height); + color: var(--hb-body-color); + word-wrap: break-word; + background-color: var(--hb-card-bg); + background-clip: border-box; + border: var(--hb-card-border-width) solid var(--hb-card-border-color); + border-radius: var(--hb-card-border-radius); } + .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: var(--hb-card-inner-border-radius); + border-top-right-radius: var(--hb-card-inner-border-radius); } + .card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--hb-card-inner-border-radius); + border-bottom-left-radius: var(--hb-card-inner-border-radius); } + .card > .card-header + .list-group, + .card > .list-group + .card-footer { + border-top: 0; } + +.card-body { + flex: 1 1 auto; + padding: var(--hb-card-spacer-y) var(--hb-card-spacer-x); + color: var(--hb-card-color); } + +.card-title { + margin-bottom: var(--hb-card-title-spacer-y); + color: var(--hb-card-title-color); } + +.card-subtitle { + margin-top: calc(-.5 * var(--hb-card-title-spacer-y)); + margin-bottom: 0; + color: var(--hb-card-subtitle-color); } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link + .card-link { + margin-left: var(--hb-card-spacer-x); } + +.card-header { + padding: var(--hb-card-cap-padding-y) var(--hb-card-cap-padding-x); + margin-bottom: 0; + color: var(--hb-card-cap-color); + background-color: var(--hb-card-cap-bg); + border-bottom: var(--hb-card-border-width) solid var(--hb-card-border-color); } + .card-header:first-child { + border-radius: var(--hb-card-inner-border-radius) var(--hb-card-inner-border-radius) 0 0; } + +.card-footer { + padding: var(--hb-card-cap-padding-y) var(--hb-card-cap-padding-x); + color: var(--hb-card-cap-color); + background-color: var(--hb-card-cap-bg); + border-top: var(--hb-card-border-width) solid var(--hb-card-border-color); } + .card-footer:last-child { + border-radius: 0 0 var(--hb-card-inner-border-radius) var(--hb-card-inner-border-radius); } + +.card-header-tabs { + margin-right: calc(-.5 * var(--hb-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--hb-card-cap-padding-y)); + margin-left: calc(-.5 * var(--hb-card-cap-padding-x)); + border-bottom: 0; } + .card-header-tabs .nav-link.active { + background-color: var(--hb-card-bg); + border-bottom-color: var(--hb-card-bg); } + +.card-header-pills { + margin-right: calc(-.5 * var(--hb-card-cap-padding-x)); + margin-left: calc(-.5 * var(--hb-card-cap-padding-x)); } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--hb-card-img-overlay-padding); + border-radius: var(--hb-card-inner-border-radius); } + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; } + +.card-img, +.card-img-top { + border-top-left-radius: var(--hb-card-inner-border-radius); + border-top-right-radius: var(--hb-card-inner-border-radius); } + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--hb-card-inner-border-radius); + border-bottom-left-radius: var(--hb-card-inner-border-radius); } + +.card-group > .card { + margin-bottom: var(--hb-card-group-margin); } + +@media (min-width: 576px) { + .card-group { + display: flex; + 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; } } + +.accordion { + --hb-accordion-color: var(--hb-body-color); + --hb-accordion-bg: var(--hb-body-bg); + --hb-accordion-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, border-radius 0.15s ease; + --hb-accordion-border-color: var(--hb-border-color); + --hb-accordion-border-width: var(--hb-border-width); + --hb-accordion-border-radius: var(--hb-border-radius); + --hb-accordion-inner-border-radius: calc(var(--hb-border-radius) - (var(--hb-border-width))); + --hb-accordion-btn-padding-x: 1.25rem; + --hb-accordion-btn-padding-y: 1rem; + --hb-accordion-btn-color: var(--hb-body-color); + --hb-accordion-btn-bg: var(--hb-accordion-bg); + --hb-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --hb-accordion-btn-icon-width: 1.25rem; + --hb-accordion-btn-icon-transform: rotate(-180deg); + --hb-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --hb-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --hb-accordion-btn-focus-border-color: #86b7fe; + --hb-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --hb-accordion-body-padding-x: 1.25rem; + --hb-accordion-body-padding-y: 1rem; + --hb-accordion-active-color: var(--hb-primary-text-emphasis); + --hb-accordion-active-bg: var(--hb-primary-bg-subtle); } + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--hb-accordion-btn-padding-y) var(--hb-accordion-btn-padding-x); + font-size: 1rem; + color: var(--hb-accordion-btn-color); + text-align: left; + background-color: var(--hb-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--hb-accordion-transition); } + @media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; } } + .accordion-button:not(.collapsed) { + color: var(--hb-accordion-active-color); + background-color: var(--hb-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--hb-accordion-border-width)) 0 var(--hb-accordion-border-color); } + .accordion-button:not(.collapsed)::after { + background-image: var(--hb-accordion-btn-active-icon); + transform: var(--hb-accordion-btn-icon-transform); } + .accordion-button::after { + flex-shrink: 0; + width: var(--hb-accordion-btn-icon-width); + height: var(--hb-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--hb-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--hb-accordion-btn-icon-width); + transition: var(--hb-accordion-btn-icon-transition); } + @media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; } } + .accordion-button:hover { + z-index: 2; } + .accordion-button:focus { + z-index: 3; + border-color: var(--hb-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--hb-accordion-btn-focus-box-shadow); } + +.accordion-header { + margin-bottom: 0; } + +.accordion-item { + color: var(--hb-accordion-color); + background-color: var(--hb-accordion-bg); + border: var(--hb-accordion-border-width) solid var(--hb-accordion-border-color); } + .accordion-item:first-of-type { + border-top-left-radius: var(--hb-accordion-border-radius); + border-top-right-radius: var(--hb-accordion-border-radius); } + .accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--hb-accordion-inner-border-radius); + border-top-right-radius: var(--hb-accordion-inner-border-radius); } + .accordion-item:not(:first-of-type) { + border-top: 0; } + .accordion-item:last-of-type { + border-bottom-right-radius: var(--hb-accordion-border-radius); + border-bottom-left-radius: var(--hb-accordion-border-radius); } + .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--hb-accordion-inner-border-radius); + border-bottom-left-radius: var(--hb-accordion-inner-border-radius); } + .accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--hb-accordion-border-radius); + border-bottom-left-radius: var(--hb-accordion-border-radius); } + +.accordion-body { + padding: var(--hb-accordion-body-padding-y) var(--hb-accordion-body-padding-x); } + +.accordion-flush .accordion-collapse { + border-width: 0; } + +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; } + .accordion-flush .accordion-item:first-child { + border-top: 0; } + .accordion-flush .accordion-item:last-child { + border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; } + +[data-bs-theme="dark"] .accordion-button::after { + --hb-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --hb-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + +.breadcrumb { + --hb-breadcrumb-padding-x: 0; + --hb-breadcrumb-padding-y: 0; + --hb-breadcrumb-margin-bottom: 1rem; + --hb-breadcrumb-bg: ; + --hb-breadcrumb-border-radius: ; + --hb-breadcrumb-divider-color: var(--hb-secondary-color); + --hb-breadcrumb-item-padding-x: 0.5rem; + --hb-breadcrumb-item-active-color: var(--hb-secondary-color); + display: flex; + flex-wrap: wrap; + padding: var(--hb-breadcrumb-padding-y) var(--hb-breadcrumb-padding-x); + margin-bottom: var(--hb-breadcrumb-margin-bottom); + font-size: var(--hb-breadcrumb-font-size); + list-style: none; + background-color: var(--hb-breadcrumb-bg); + border-radius: var(--hb-breadcrumb-border-radius); } + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--hb-breadcrumb-item-padding-x); } + .breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--hb-breadcrumb-item-padding-x); + color: var(--hb-breadcrumb-divider-color); + content: var(--hb-breadcrumb-divider, "/") /* rtl: var(--hb-breadcrumb-divider, "/") */; } + +.breadcrumb-item.active { + color: var(--hb-breadcrumb-item-active-color); } + +.pagination { + --hb-pagination-padding-x: 0.75rem; + --hb-pagination-padding-y: 0.375rem; + --hb-pagination-font-size: 1rem; + --hb-pagination-color: var(--hb-link-color); + --hb-pagination-bg: var(--hb-body-bg); + --hb-pagination-border-width: var(--hb-border-width); + --hb-pagination-border-color: var(--hb-border-color); + --hb-pagination-border-radius: var(--hb-border-radius); + --hb-pagination-hover-color: var(--hb-link-hover-color); + --hb-pagination-hover-bg: var(--hb-tertiary-bg); + --hb-pagination-hover-border-color: var(--hb-border-color); + --hb-pagination-focus-color: var(--hb-link-hover-color); + --hb-pagination-focus-bg: var(--hb-secondary-bg); + --hb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --hb-pagination-active-color: #fff; + --hb-pagination-active-bg: #0d6efd; + --hb-pagination-active-border-color: #0d6efd; + --hb-pagination-disabled-color: var(--hb-secondary-color); + --hb-pagination-disabled-bg: var(--hb-secondary-bg); + --hb-pagination-disabled-border-color: var(--hb-border-color); + display: flex; + padding-left: 0; + list-style: none; } + +.page-link { + position: relative; + display: block; + padding: var(--hb-pagination-padding-y) var(--hb-pagination-padding-x); + font-size: var(--hb-pagination-font-size); + color: var(--hb-pagination-color); + text-decoration: none; + background-color: var(--hb-pagination-bg); + border: var(--hb-pagination-border-width) solid var(--hb-pagination-border-color); + 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) { + .page-link { + transition: none; } } + .page-link:hover { + z-index: 2; + color: var(--hb-pagination-hover-color); + background-color: var(--hb-pagination-hover-bg); + border-color: var(--hb-pagination-hover-border-color); } + .page-link:focus { + z-index: 3; + color: var(--hb-pagination-focus-color); + background-color: var(--hb-pagination-focus-bg); + outline: 0; + box-shadow: var(--hb-pagination-focus-box-shadow); } + .page-link.active, .active > .page-link { + z-index: 3; + color: var(--hb-pagination-active-color); + background-color: var(--hb-pagination-active-bg); + border-color: var(--hb-pagination-active-border-color); } + .page-link.disabled, .disabled > .page-link { + color: var(--hb-pagination-disabled-color); + pointer-events: none; + background-color: var(--hb-pagination-disabled-bg); + border-color: var(--hb-pagination-disabled-border-color); } + +.page-item:not(:first-child) .page-link { + margin-left: calc(var(--hb-border-width) * -1); } + +.page-item:first-child .page-link { + border-top-left-radius: var(--hb-pagination-border-radius); + border-bottom-left-radius: var(--hb-pagination-border-radius); } + +.page-item:last-child .page-link { + border-top-right-radius: var(--hb-pagination-border-radius); + border-bottom-right-radius: var(--hb-pagination-border-radius); } + +.pagination-lg { + --hb-pagination-padding-x: 1.5rem; + --hb-pagination-padding-y: 0.75rem; + --hb-pagination-font-size: 1.25rem; + --hb-pagination-border-radius: var(--hb-border-radius-lg); } + +.pagination-sm { + --hb-pagination-padding-x: 0.5rem; + --hb-pagination-padding-y: 0.25rem; + --hb-pagination-font-size: 0.875rem; + --hb-pagination-border-radius: var(--hb-border-radius-sm); } + +.badge { + --hb-badge-padding-x: 0.65em; + --hb-badge-padding-y: 0.35em; + --hb-badge-font-size: 0.75em; + --hb-badge-font-weight: 700; + --hb-badge-color: #fff; + --hb-badge-border-radius: var(--hb-border-radius); + display: inline-block; + padding: var(--hb-badge-padding-y) var(--hb-badge-padding-x); + font-size: var(--hb-badge-font-size); + font-weight: var(--hb-badge-font-weight); + line-height: 1; + color: var(--hb-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--hb-badge-border-radius); } + .badge:empty { + display: none; } + +.btn .badge { + position: relative; + top: -1px; } + +.alert { + --hb-alert-bg: transparent; + --hb-alert-padding-x: 1rem; + --hb-alert-padding-y: 1rem; + --hb-alert-margin-bottom: 1rem; + --hb-alert-color: inherit; + --hb-alert-border-color: transparent; + --hb-alert-border: var(--hb-border-width) solid var(--hb-alert-border-color); + --hb-alert-border-radius: var(--hb-border-radius); + --hb-alert-link-color: inherit; + position: relative; + padding: var(--hb-alert-padding-y) var(--hb-alert-padding-x); + margin-bottom: var(--hb-alert-margin-bottom); + color: var(--hb-alert-color); + background-color: var(--hb-alert-bg); + border: var(--hb-alert-border); + border-radius: var(--hb-alert-border-radius); } + +.alert-heading { + color: inherit; } + +.alert-link { + font-weight: 700; + color: var(--hb-alert-link-color); } + +.alert-dismissible { + padding-right: 3rem; } + .alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; } + +.alert-primary { + --hb-alert-color: var(--hb-primary-text-emphasis); + --hb-alert-bg: var(--hb-primary-bg-subtle); + --hb-alert-border-color: var(--hb-primary-border-subtle); + --hb-alert-link-color: var(--hb-primary-text-emphasis); } + +.alert-secondary { + --hb-alert-color: var(--hb-secondary-text-emphasis); + --hb-alert-bg: var(--hb-secondary-bg-subtle); + --hb-alert-border-color: var(--hb-secondary-border-subtle); + --hb-alert-link-color: var(--hb-secondary-text-emphasis); } + +.alert-success { + --hb-alert-color: var(--hb-success-text-emphasis); + --hb-alert-bg: var(--hb-success-bg-subtle); + --hb-alert-border-color: var(--hb-success-border-subtle); + --hb-alert-link-color: var(--hb-success-text-emphasis); } + +.alert-info { + --hb-alert-color: var(--hb-info-text-emphasis); + --hb-alert-bg: var(--hb-info-bg-subtle); + --hb-alert-border-color: var(--hb-info-border-subtle); + --hb-alert-link-color: var(--hb-info-text-emphasis); } + +.alert-warning { + --hb-alert-color: var(--hb-warning-text-emphasis); + --hb-alert-bg: var(--hb-warning-bg-subtle); + --hb-alert-border-color: var(--hb-warning-border-subtle); + --hb-alert-link-color: var(--hb-warning-text-emphasis); } + +.alert-danger { + --hb-alert-color: var(--hb-danger-text-emphasis); + --hb-alert-bg: var(--hb-danger-bg-subtle); + --hb-alert-border-color: var(--hb-danger-border-subtle); + --hb-alert-link-color: var(--hb-danger-text-emphasis); } + +.alert-light { + --hb-alert-color: var(--hb-light-text-emphasis); + --hb-alert-bg: var(--hb-light-bg-subtle); + --hb-alert-border-color: var(--hb-light-border-subtle); + --hb-alert-link-color: var(--hb-light-text-emphasis); } + +.alert-dark { + --hb-alert-color: var(--hb-dark-text-emphasis); + --hb-alert-bg: var(--hb-dark-bg-subtle); + --hb-alert-border-color: var(--hb-dark-border-subtle); + --hb-alert-link-color: var(--hb-dark-text-emphasis); } + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; } } + +.progress, +.progress-stacked { + --hb-progress-height: 1rem; + --hb-progress-font-size: 0.75rem; + --hb-progress-bg: var(--hb-secondary-bg); + --hb-progress-border-radius: var(--hb-border-radius); + --hb-progress-box-shadow: var(--hb-box-shadow-inset); + --hb-progress-bar-color: #fff; + --hb-progress-bar-bg: #0d6efd; + --hb-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--hb-progress-height); + overflow: hidden; + font-size: var(--hb-progress-font-size); + background-color: var(--hb-progress-bg); + border-radius: var(--hb-progress-border-radius); } + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--hb-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--hb-progress-bar-bg); + transition: var(--hb-progress-bar-transition); } + @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: var(--hb-progress-height) var(--hb-progress-height); } + +.progress-stacked > .progress { + overflow: visible; } + +.progress-stacked > .progress > .progress-bar { + width: 100%; } + +.progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; } } +.list-group { + --hb-list-group-color: var(--hb-body-color); + --hb-list-group-bg: var(--hb-body-bg); + --hb-list-group-border-color: var(--hb-border-color); + --hb-list-group-border-width: var(--hb-border-width); + --hb-list-group-border-radius: var(--hb-border-radius); + --hb-list-group-item-padding-x: 1rem; + --hb-list-group-item-padding-y: 0.5rem; + --hb-list-group-action-color: var(--hb-secondary-color); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-tertiary-bg); + --hb-list-group-action-active-color: var(--hb-body-color); + --hb-list-group-action-active-bg: var(--hb-secondary-bg); + --hb-list-group-disabled-color: var(--hb-secondary-color); + --hb-list-group-disabled-bg: var(--hb-body-bg); + --hb-list-group-active-color: #fff; + --hb-list-group-active-bg: #0d6efd; + --hb-list-group-active-border-color: #0d6efd; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--hb-list-group-border-radius); } + +.list-group-numbered { + list-style-type: none; + counter-reset: section; } + .list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; } + +.list-group-item-action { + width: 100%; + color: var(--hb-list-group-action-color); + text-align: inherit; } + .list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--hb-list-group-action-hover-color); + text-decoration: none; + background-color: var(--hb-list-group-action-hover-bg); } + .list-group-item-action:active { + color: var(--hb-list-group-action-active-color); + background-color: var(--hb-list-group-action-active-bg); } + +.list-group-item { + position: relative; + display: block; + padding: var(--hb-list-group-item-padding-y) var(--hb-list-group-item-padding-x); + color: var(--hb-list-group-color); + text-decoration: none; + background-color: var(--hb-list-group-bg); + border: var(--hb-list-group-border-width) solid var(--hb-list-group-border-color); } + .list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + .list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } + .list-group-item.disabled, .list-group-item:disabled { + color: var(--hb-list-group-disabled-color); + pointer-events: none; + background-color: var(--hb-list-group-disabled-bg); } + .list-group-item.active { + z-index: 2; + color: var(--hb-list-group-active-color); + background-color: var(--hb-list-group-active-bg); + border-color: var(--hb-list-group-active-border-color); } + .list-group-item + .list-group-item { + border-top-width: 0; } + .list-group-item + .list-group-item.active { + margin-top: calc(-1 * var(--hb-list-group-border-width)); + border-top-width: var(--hb-list-group-border-width); } + +.list-group-horizontal { + flex-direction: row; } + .list-group-horizontal > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + 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: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; } + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + 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: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } } + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; } + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + 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: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } } + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; } + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + 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: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } } + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; } + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + border-bottom-left-radius: 0; } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } } + +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; } + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--hb-list-group-border-radius); + border-top-right-radius: 0; } + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--hb-list-group-border-radius); + border-bottom-left-radius: 0; } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--hb-list-group-border-width); + border-left-width: 0; } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--hb-list-group-border-width)); + border-left-width: var(--hb-list-group-border-width); } } + +.list-group-flush { + border-radius: 0; } + .list-group-flush > .list-group-item { + border-width: 0 0 var(--hb-list-group-border-width); } + .list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; } + +.list-group-item-primary { + --hb-list-group-color: var(--hb-primary-text-emphasis); + --hb-list-group-bg: var(--hb-primary-bg-subtle); + --hb-list-group-border-color: var(--hb-primary-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-primary-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-primary-border-subtle); + --hb-list-group-active-color: var(--hb-primary-bg-subtle); + --hb-list-group-active-bg: var(--hb-primary-text-emphasis); + --hb-list-group-active-border-color: var(--hb-primary-text-emphasis); } + +.list-group-item-secondary { + --hb-list-group-color: var(--hb-secondary-text-emphasis); + --hb-list-group-bg: var(--hb-secondary-bg-subtle); + --hb-list-group-border-color: var(--hb-secondary-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-secondary-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-secondary-border-subtle); + --hb-list-group-active-color: var(--hb-secondary-bg-subtle); + --hb-list-group-active-bg: var(--hb-secondary-text-emphasis); + --hb-list-group-active-border-color: var(--hb-secondary-text-emphasis); } + +.list-group-item-success { + --hb-list-group-color: var(--hb-success-text-emphasis); + --hb-list-group-bg: var(--hb-success-bg-subtle); + --hb-list-group-border-color: var(--hb-success-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-success-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-success-border-subtle); + --hb-list-group-active-color: var(--hb-success-bg-subtle); + --hb-list-group-active-bg: var(--hb-success-text-emphasis); + --hb-list-group-active-border-color: var(--hb-success-text-emphasis); } + +.list-group-item-info { + --hb-list-group-color: var(--hb-info-text-emphasis); + --hb-list-group-bg: var(--hb-info-bg-subtle); + --hb-list-group-border-color: var(--hb-info-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-info-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-info-border-subtle); + --hb-list-group-active-color: var(--hb-info-bg-subtle); + --hb-list-group-active-bg: var(--hb-info-text-emphasis); + --hb-list-group-active-border-color: var(--hb-info-text-emphasis); } + +.list-group-item-warning { + --hb-list-group-color: var(--hb-warning-text-emphasis); + --hb-list-group-bg: var(--hb-warning-bg-subtle); + --hb-list-group-border-color: var(--hb-warning-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-warning-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-warning-border-subtle); + --hb-list-group-active-color: var(--hb-warning-bg-subtle); + --hb-list-group-active-bg: var(--hb-warning-text-emphasis); + --hb-list-group-active-border-color: var(--hb-warning-text-emphasis); } + +.list-group-item-danger { + --hb-list-group-color: var(--hb-danger-text-emphasis); + --hb-list-group-bg: var(--hb-danger-bg-subtle); + --hb-list-group-border-color: var(--hb-danger-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-danger-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-danger-border-subtle); + --hb-list-group-active-color: var(--hb-danger-bg-subtle); + --hb-list-group-active-bg: var(--hb-danger-text-emphasis); + --hb-list-group-active-border-color: var(--hb-danger-text-emphasis); } + +.list-group-item-light { + --hb-list-group-color: var(--hb-light-text-emphasis); + --hb-list-group-bg: var(--hb-light-bg-subtle); + --hb-list-group-border-color: var(--hb-light-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-light-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-light-border-subtle); + --hb-list-group-active-color: var(--hb-light-bg-subtle); + --hb-list-group-active-bg: var(--hb-light-text-emphasis); + --hb-list-group-active-border-color: var(--hb-light-text-emphasis); } + +.list-group-item-dark { + --hb-list-group-color: var(--hb-dark-text-emphasis); + --hb-list-group-bg: var(--hb-dark-bg-subtle); + --hb-list-group-border-color: var(--hb-dark-border-subtle); + --hb-list-group-action-hover-color: var(--hb-emphasis-color); + --hb-list-group-action-hover-bg: var(--hb-dark-border-subtle); + --hb-list-group-action-active-color: var(--hb-emphasis-color); + --hb-list-group-action-active-bg: var(--hb-dark-border-subtle); + --hb-list-group-active-color: var(--hb-dark-bg-subtle); + --hb-list-group-active-bg: var(--hb-dark-text-emphasis); + --hb-list-group-active-border-color: var(--hb-dark-text-emphasis); } + +.btn-close { + --hb-btn-close-color: #000; + --hb-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); + --hb-btn-close-opacity: 0.5; + --hb-btn-close-hover-opacity: 0.75; + --hb-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --hb-btn-close-focus-opacity: 1; + --hb-btn-close-disabled-opacity: 0.25; + --hb-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: var(--hb-btn-close-color); + background: transparent var(--hb-btn-close-bg) center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: var(--hb-btn-close-opacity); } + .btn-close:hover { + color: var(--hb-btn-close-color); + text-decoration: none; + opacity: var(--hb-btn-close-hover-opacity); } + .btn-close:focus { + outline: 0; + box-shadow: var(--hb-btn-close-focus-shadow); + opacity: var(--hb-btn-close-focus-opacity); } + .btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + opacity: var(--hb-btn-close-disabled-opacity); } + +.btn-close-white { + filter: var(--hb-btn-close-white-filter); } + +[data-bs-theme="dark"] .btn-close { + filter: var(--hb-btn-close-white-filter); } + +.toast { + --hb-toast-zindex: 1090; + --hb-toast-padding-x: 0.75rem; + --hb-toast-padding-y: 0.5rem; + --hb-toast-spacing: 1.5rem; + --hb-toast-max-width: 350px; + --hb-toast-font-size: 0.875rem; + --hb-toast-color: ; + --hb-toast-bg: rgba(var(--hb-body-bg-rgb), 0.85); + --hb-toast-border-width: var(--hb-border-width); + --hb-toast-border-color: var(--hb-border-color-translucent); + --hb-toast-border-radius: var(--hb-border-radius); + --hb-toast-box-shadow: var(--hb-box-shadow); + --hb-toast-header-color: var(--hb-secondary-color); + --hb-toast-header-bg: rgba(var(--hb-body-bg-rgb), 0.85); + --hb-toast-header-border-color: var(--hb-border-color-translucent); + width: var(--hb-toast-max-width); + max-width: 100%; + font-size: var(--hb-toast-font-size); + color: var(--hb-toast-color); + pointer-events: auto; + background-color: var(--hb-toast-bg); + background-clip: padding-box; + border: var(--hb-toast-border-width) solid var(--hb-toast-border-color); + box-shadow: var(--hb-toast-box-shadow); + border-radius: var(--hb-toast-border-radius); } + .toast.showing { + opacity: 0; } + .toast:not(.show) { + display: none; } + +.toast-container { + --hb-toast-zindex: 1090; + position: absolute; + z-index: var(--hb-toast-zindex); + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; } + .toast-container > :not(:last-child) { + margin-bottom: var(--hb-toast-spacing); } + +.toast-header { + display: flex; + align-items: center; + padding: var(--hb-toast-padding-y) var(--hb-toast-padding-x); + color: var(--hb-toast-header-color); + background-color: var(--hb-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--hb-toast-border-width) solid var(--hb-toast-header-border-color); + border-top-left-radius: calc(var(--hb-toast-border-radius) - var(--hb-toast-border-width)); + border-top-right-radius: calc(var(--hb-toast-border-radius) - var(--hb-toast-border-width)); } + .toast-header .btn-close { + margin-right: calc(-.5 * var(--hb-toast-padding-x)); + margin-left: var(--hb-toast-padding-x); } + +.toast-body { + padding: var(--hb-toast-padding-x); + word-wrap: break-word; } + +.modal { + --hb-modal-zindex: 1055; + --hb-modal-width: 500px; + --hb-modal-padding: 1rem; + --hb-modal-margin: 0.5rem; + --hb-modal-color: ; + --hb-modal-bg: var(--hb-body-bg); + --hb-modal-border-color: var(--hb-border-color-translucent); + --hb-modal-border-width: var(--hb-border-width); + --hb-modal-border-radius: var(--hb-border-radius-lg); + --hb-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --hb-modal-inner-border-radius: calc(var(--hb-border-radius-lg) - (var(--hb-border-width))); + --hb-modal-header-padding-x: 1rem; + --hb-modal-header-padding-y: 1rem; + --hb-modal-header-padding: 1rem 1rem; + --hb-modal-header-border-color: var(--hb-border-color); + --hb-modal-header-border-width: var(--hb-border-width); + --hb-modal-title-line-height: 1.5; + --hb-modal-footer-gap: 0.5rem; + --hb-modal-footer-bg: ; + --hb-modal-footer-border-color: var(--hb-border-color); + --hb-modal-footer-border-width: var(--hb-border-width); + position: fixed; + top: 0; + left: 0; + z-index: var(--hb-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; } + +.modal-dialog { + position: relative; + width: auto; + margin: var(--hb-modal-margin); + pointer-events: none; } + .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; } + .modal.modal-static .modal-dialog { + transform: scale(1.02); } + +.modal-dialog-scrollable { + height: calc(100% - var(--hb-modal-margin) * 2); } + .modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; } + .modal-dialog-scrollable .modal-body { + overflow-y: auto; } + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--hb-modal-margin) * 2); } + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--hb-modal-color); + pointer-events: auto; + background-color: var(--hb-modal-bg); + background-clip: padding-box; + border: var(--hb-modal-border-width) solid var(--hb-modal-border-color); + border-radius: var(--hb-modal-border-radius); + outline: 0; } + +.modal-backdrop { + --hb-backdrop-zindex: 1050; + --hb-backdrop-bg: #000; + --hb-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--hb-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--hb-backdrop-bg); } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.show { + opacity: var(--hb-backdrop-opacity); } + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--hb-modal-header-padding); + border-bottom: var(--hb-modal-header-border-width) solid var(--hb-modal-header-border-color); + border-top-left-radius: var(--hb-modal-inner-border-radius); + border-top-right-radius: var(--hb-modal-inner-border-radius); } + .modal-header .btn-close { + padding: calc(var(--hb-modal-header-padding-y) * .5) calc(var(--hb-modal-header-padding-x) * .5); + margin: calc(-.5 * var(--hb-modal-header-padding-y)) calc(-.5 * var(--hb-modal-header-padding-x)) calc(-.5 * var(--hb-modal-header-padding-y)) auto; } + +.modal-title { + margin-bottom: 0; + line-height: var(--hb-modal-title-line-height); } + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--hb-modal-padding); } + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--hb-modal-padding) - var(--hb-modal-footer-gap) * .5); + background-color: var(--hb-modal-footer-bg); + border-top: var(--hb-modal-footer-border-width) solid var(--hb-modal-footer-border-color); + border-bottom-right-radius: var(--hb-modal-inner-border-radius); + border-bottom-left-radius: var(--hb-modal-inner-border-radius); } + .modal-footer > * { + margin: calc(var(--hb-modal-footer-gap) * .5); } + +@media (min-width: 576px) { + .modal { + --hb-modal-margin: 1.75rem; + --hb-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } + .modal-dialog { + max-width: var(--hb-modal-width); + margin-right: auto; + margin-left: auto; } + .modal-sm { + --hb-modal-width: 300px; } } + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + --hb-modal-width: 800px; } } + +@media (min-width: 1200px) { + .modal-xl { + --hb-modal-width: 1140px; } } + +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen .modal-header, + .modal-fullscreen .modal-footer { + border-radius: 0; } + .modal-fullscreen .modal-body { + overflow-y: auto; } + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; } } + +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; } } + +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; } } + +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; } } + +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; } + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; } } + +.tooltip { + --hb-tooltip-zindex: 1080; + --hb-tooltip-max-width: 200px; + --hb-tooltip-padding-x: 0.5rem; + --hb-tooltip-padding-y: 0.25rem; + --hb-tooltip-margin: ; + --hb-tooltip-font-size: 0.875rem; + --hb-tooltip-color: var(--hb-body-bg); + --hb-tooltip-bg: var(--hb-emphasis-color); + --hb-tooltip-border-radius: var(--hb-border-radius); + --hb-tooltip-opacity: 0.9; + --hb-tooltip-arrow-width: 0.8rem; + --hb-tooltip-arrow-height: 0.4rem; + z-index: var(--hb-tooltip-zindex); + display: block; + margin: var(--hb-tooltip-margin); + font-family: var(--hb-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--hb-tooltip-font-size); + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: var(--hb-tooltip-opacity); } + .tooltip .tooltip-arrow { + display: block; + width: var(--hb-tooltip-arrow-width); + height: var(--hb-tooltip-arrow-height); } + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: calc(-1 * var(--hb-tooltip-arrow-height)); } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0; + border-top-color: var(--hb-tooltip-bg); } + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: calc(-1 * var(--hb-tooltip-arrow-height)); + width: var(--hb-tooltip-arrow-height); + height: var(--hb-tooltip-arrow-width); } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0; + border-right-color: var(--hb-tooltip-bg); } + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: calc(-1 * var(--hb-tooltip-arrow-height)); } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height); + border-bottom-color: var(--hb-tooltip-bg); } + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: calc(-1 * var(--hb-tooltip-arrow-height)); + width: var(--hb-tooltip-arrow-height); + height: var(--hb-tooltip-arrow-width); } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--hb-tooltip-arrow-width) * .5) 0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height); + border-left-color: var(--hb-tooltip-bg); } + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--hb-tooltip-max-width); + padding: var(--hb-tooltip-padding-y) var(--hb-tooltip-padding-x); + color: var(--hb-tooltip-color); + text-align: center; + background-color: var(--hb-tooltip-bg); + border-radius: var(--hb-tooltip-border-radius); } + +.popover { + --hb-popover-zindex: 1070; + --hb-popover-max-width: 276px; + --hb-popover-font-size: 0.875rem; + --hb-popover-bg: var(--hb-body-bg); + --hb-popover-border-width: var(--hb-border-width); + --hb-popover-border-color: var(--hb-border-color-translucent); + --hb-popover-border-radius: var(--hb-border-radius-lg); + --hb-popover-inner-border-radius: calc(var(--hb-border-radius-lg) - var(--hb-border-width)); + --hb-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --hb-popover-header-padding-x: 1rem; + --hb-popover-header-padding-y: 0.5rem; + --hb-popover-header-font-size: 1rem; + --hb-popover-header-color: ; + --hb-popover-header-bg: var(--hb-secondary-bg); + --hb-popover-body-padding-x: 1rem; + --hb-popover-body-padding-y: 1rem; + --hb-popover-body-color: var(--hb-body-color); + --hb-popover-arrow-width: 1rem; + --hb-popover-arrow-height: 0.5rem; + --hb-popover-arrow-border: var(--hb-popover-border-color); + z-index: var(--hb-popover-zindex); + display: block; + max-width: var(--hb-popover-max-width); + font-family: var(--hb-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--hb-popover-font-size); + word-wrap: break-word; + background-color: var(--hb-popover-bg); + background-clip: padding-box; + border: var(--hb-popover-border-width) solid var(--hb-popover-border-color); + border-radius: var(--hb-popover-border-radius); } + .popover .popover-arrow { + display: block; + width: var(--hb-popover-arrow-width); + height: var(--hb-popover-arrow-height); } + .popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; } + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { + bottom: calc(-1 * (var(--hb-popover-arrow-height)) - var(--hb-popover-border-width)); } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { + border-width: var(--hb-popover-arrow-height) calc(var(--hb-popover-arrow-width) * .5) 0; } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--hb-popover-arrow-border); } + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { + bottom: var(--hb-popover-border-width); + border-top-color: var(--hb-popover-bg); } + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { + left: calc(-1 * (var(--hb-popover-arrow-height)) - var(--hb-popover-border-width)); + width: var(--hb-popover-arrow-height); + height: var(--hb-popover-arrow-width); } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { + border-width: calc(var(--hb-popover-arrow-width) * .5) var(--hb-popover-arrow-height) calc(var(--hb-popover-arrow-width) * .5) 0; } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { + left: 0; + border-right-color: var(--hb-popover-arrow-border); } + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { + left: var(--hb-popover-border-width); + border-right-color: var(--hb-popover-bg); } + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { + top: calc(-1 * (var(--hb-popover-arrow-height)) - var(--hb-popover-border-width)); } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { + border-width: 0 calc(var(--hb-popover-arrow-width) * .5) var(--hb-popover-arrow-height); } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--hb-popover-arrow-border); } + .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { + top: var(--hb-popover-border-width); + border-bottom-color: var(--hb-popover-bg); } + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--hb-popover-arrow-width); + margin-left: calc(-.5 * var(--hb-popover-arrow-width)); + content: ""; + border-bottom: var(--hb-popover-border-width) solid var(--hb-popover-header-bg); } + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { + right: calc(-1 * (var(--hb-popover-arrow-height)) - var(--hb-popover-border-width)); + width: var(--hb-popover-arrow-height); + height: var(--hb-popover-arrow-width); } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { + border-width: calc(var(--hb-popover-arrow-width) * .5) 0 calc(var(--hb-popover-arrow-width) * .5) var(--hb-popover-arrow-height); } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { + right: 0; + border-left-color: var(--hb-popover-arrow-border); } + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { + right: var(--hb-popover-border-width); + border-left-color: var(--hb-popover-bg); } + +/* rtl:end:ignore */ +.popover-header { + padding: var(--hb-popover-header-padding-y) var(--hb-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--hb-popover-header-font-size); + color: var(--hb-popover-header-color); + background-color: var(--hb-popover-header-bg); + border-bottom: var(--hb-popover-border-width) solid var(--hb-popover-border-color); + border-top-left-radius: var(--hb-popover-inner-border-radius); + border-top-right-radius: var(--hb-popover-inner-border-radius); } + .popover-header:empty { + display: none; } + +.popover-body { + padding: var(--hb-popover-body-padding-y) var(--hb-popover-body-padding-x); + color: var(--hb-popover-body-color); } + +.carousel { + position: relative; } + +.carousel.pointer-event { + touch-action: pan-y; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner::after { + display: block; + clear: both; + content: ""; } + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: 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; } + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); } + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); } + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; } + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; } + +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; } } +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + 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: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; } + +.carousel-control-prev { + left: 0; } + +.carousel-control-next { + right: 0; } + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; } + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; } + .carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; } } + .carousel-indicators .active { + opacity: 1; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; } + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); } + +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; } + +.carousel-dark .carousel-caption { + color: #000; } + +[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, +[data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon, +[data-bs-theme="dark"].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); } + +[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { + background-color: #000; } + +[data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption { + color: #000; } + +.spinner-grow, +.spinner-border, +.mermaid:not([data-processed="true"])::after { + display: inline-block; + width: var(--hb-spinner-width); + height: var(--hb-spinner-height); + vertical-align: var(--hb-spinner-vertical-align); + border-radius: 50%; + animation: var(--hb-spinner-animation-speed) linear infinite var(--hb-spinner-animation-name); } + +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; } } + +.spinner-border, .mermaid:not([data-processed="true"])::after { + --hb-spinner-width: 2rem; + --hb-spinner-height: 2rem; + --hb-spinner-vertical-align: -0.125em; + --hb-spinner-border-width: 0.25em; + --hb-spinner-animation-speed: 0.75s; + --hb-spinner-animation-name: spinner-border; + border: var(--hb-spinner-border-width) solid currentcolor; + border-right-color: transparent; } + +.spinner-border-sm { + --hb-spinner-width: 1rem; + --hb-spinner-height: 1rem; + --hb-spinner-border-width: 0.2em; } + +@keyframes spinner-grow { + 0% { + transform: scale(0); } + 50% { + opacity: 1; + transform: none; } } + +.spinner-grow { + --hb-spinner-width: 2rem; + --hb-spinner-height: 2rem; + --hb-spinner-vertical-align: -0.125em; + --hb-spinner-animation-speed: 0.75s; + --hb-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; } + +.spinner-grow-sm { + --hb-spinner-width: 1rem; + --hb-spinner-height: 1rem; } + +@media (prefers-reduced-motion: reduce) { + .spinner-border, .mermaid:not([data-processed="true"])::after, + .spinner-grow { + --hb-spinner-animation-speed: 1.5s; } } + +.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --hb-offcanvas-zindex: 1045; + --hb-offcanvas-width: 400px; + --hb-offcanvas-height: 30vh; + --hb-offcanvas-padding-x: 1rem; + --hb-offcanvas-padding-y: 1rem; + --hb-offcanvas-color: var(--hb-body-color); + --hb-offcanvas-bg: var(--hb-body-bg); + --hb-offcanvas-border-width: var(--hb-border-width); + --hb-offcanvas-border-color: var(--hb-border-color-translucent); + --hb-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --hb-offcanvas-transition: transform 0.3s ease-in-out; + --hb-offcanvas-title-line-height: 1.5; } + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } } + @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; } } +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; } + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; } } + +@media (min-width: 576px) { + .offcanvas-sm { + --hb-offcanvas-height: auto; + --hb-offcanvas-border-width: 0; + background-color: transparent !important; } + .offcanvas-sm .offcanvas-header { + display: none; } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } } + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } } + @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; } } +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; } } + +@media (min-width: 768px) { + .offcanvas-md { + --hb-offcanvas-height: auto; + --hb-offcanvas-border-width: 0; + background-color: transparent !important; } + .offcanvas-md .offcanvas-header { + display: none; } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } } + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } } + @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; } } +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; } } + +@media (min-width: 992px) { + .offcanvas-lg { + --hb-offcanvas-height: auto; + --hb-offcanvas-border-width: 0; + background-color: transparent !important; } + .offcanvas-lg .offcanvas-header { + display: none; } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } } + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } } + @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; } } +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; } + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; } } + +@media (min-width: 1200px) { + .offcanvas-xl { + --hb-offcanvas-height: auto; + --hb-offcanvas-border-width: 0; + background-color: transparent !important; } + .offcanvas-xl .offcanvas-header { + display: none; } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } } + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } } + @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; } } +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; } + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; } } + +@media (min-width: 1400px) { + .offcanvas-xxl { + --hb-offcanvas-height: auto; + --hb-offcanvas-border-width: 0; + background-color: transparent !important; } + .offcanvas-xxl .offcanvas-header { + display: none; } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } } + +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--hb-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--hb-offcanvas-color); + visibility: hidden; + background-color: var(--hb-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--hb-offcanvas-transition); } + @media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; } } + .offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--hb-offcanvas-width); + border-right: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(-100%); } + .offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--hb-offcanvas-width); + border-left: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateX(100%); } + .offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-bottom: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(-100%); } + .offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--hb-offcanvas-height); + max-height: 100%; + border-top: var(--hb-offcanvas-border-width) solid var(--hb-offcanvas-border-color); + transform: translateY(100%); } + .offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; } + .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; } + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; } + .offcanvas-backdrop.fade { + opacity: 0; } + .offcanvas-backdrop.show { + opacity: 0.5; } + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--hb-offcanvas-padding-y) var(--hb-offcanvas-padding-x); } + .offcanvas-header .btn-close { + padding: calc(var(--hb-offcanvas-padding-y) * .5) calc(var(--hb-offcanvas-padding-x) * .5); + margin-top: calc(-.5 * var(--hb-offcanvas-padding-y)); + margin-right: calc(-.5 * var(--hb-offcanvas-padding-x)); + margin-bottom: calc(-.5 * var(--hb-offcanvas-padding-y)); } + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--hb-offcanvas-title-line-height); } + +.offcanvas-body { + flex-grow: 1; + padding: var(--hb-offcanvas-padding-y) var(--hb-offcanvas-padding-x); + overflow-y: auto; } + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; } + .placeholder.btn::before { + display: inline-block; + content: ""; } + +.placeholder-xs { + min-height: .6em; } + +.placeholder-sm { + min-height: .8em; } + +.placeholder-lg { + min-height: 1.2em; } + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; } + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; } } + +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; } + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; } } + +.clearfix::after { + display: block; + clear: both; + content: ""; } + +.text-bg-primary { + color: #fff !important; + background-color: RGBA(13, 110, 253, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-secondary { + color: #fff !important; + background-color: RGBA(108, 117, 125, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-success { + color: #fff !important; + background-color: RGBA(25, 135, 84, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-info { + color: #000 !important; + background-color: RGBA(13, 202, 240, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-warning { + color: #000 !important; + background-color: RGBA(255, 193, 7, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-danger { + color: #fff !important; + background-color: RGBA(220, 53, 69, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-light { + color: #000 !important; + background-color: RGBA(248, 249, 250, var(--hb-bg-opacity, 1)) !important; } + +.text-bg-dark { + color: #fff !important; + background-color: RGBA(33, 37, 41, var(--hb-bg-opacity, 1)) !important; } + +.link-primary { + color: RGBA(var(--hb-primary-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-primary-rgb), var(--hb-link-underline-opacity, 1)); } + .link-primary:hover, .link-primary:focus { + color: RGBA(10, 88, 202, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(10, 88, 202, var(--hb-link-underline-opacity, 1)); } + +.link-secondary { + color: RGBA(var(--hb-secondary-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-secondary-rgb), var(--hb-link-underline-opacity, 1)); } + .link-secondary:hover, .link-secondary:focus { + color: RGBA(86, 94, 100, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(86, 94, 100, var(--hb-link-underline-opacity, 1)); } + +.link-success { + color: RGBA(var(--hb-success-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-success-rgb), var(--hb-link-underline-opacity, 1)); } + .link-success:hover, .link-success:focus { + color: RGBA(20, 108, 67, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(20, 108, 67, var(--hb-link-underline-opacity, 1)); } + +.link-info { + color: RGBA(var(--hb-info-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-info-rgb), var(--hb-link-underline-opacity, 1)); } + .link-info:hover, .link-info:focus { + color: RGBA(61, 213, 243, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(61, 213, 243, var(--hb-link-underline-opacity, 1)); } + +.link-warning { + color: RGBA(var(--hb-warning-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-warning-rgb), var(--hb-link-underline-opacity, 1)); } + .link-warning:hover, .link-warning:focus { + color: RGBA(255, 205, 57, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(255, 205, 57, var(--hb-link-underline-opacity, 1)); } + +.link-danger { + color: RGBA(var(--hb-danger-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-danger-rgb), var(--hb-link-underline-opacity, 1)); } + .link-danger:hover, .link-danger:focus { + color: RGBA(176, 42, 55, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(176, 42, 55, var(--hb-link-underline-opacity, 1)); } + +.link-light { + color: RGBA(var(--hb-light-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-light-rgb), var(--hb-link-underline-opacity, 1)); } + .link-light:hover, .link-light:focus { + color: RGBA(249, 250, 251, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(249, 250, 251, var(--hb-link-underline-opacity, 1)); } + +.link-dark { + color: RGBA(var(--hb-dark-rgb, var(--hb-link-opacity, 1))); + text-decoration-color: RGBA(var(--hb-dark-rgb), var(--hb-link-underline-opacity, 1)); } + .link-dark:hover, .link-dark:focus { + color: RGBA(26, 30, 33, var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(26, 30, 33, var(--hb-link-underline-opacity, 1)); } + +.link-body-emphasis { + color: RGBA(var(--hb-emphasis-color-rgb), var(--hb-link-opacity, 1)); + text-decoration-color: RGBA(var(--hb-emphasis-color-rgb), var(--hb-link-underline-opacity, 1)); } + .link-body-emphasis:hover, .link-body-emphasis:focus { + color: RGBA(var(--hb-emphasis-color-rgb), var(--hb-link-opacity, 0.75)); + text-decoration-color: RGBA(var(--hb-emphasis-color-rgb), var(--hb-link-underline-opacity, 0.75)); } + +.focus-ring:focus { + outline: 0; + box-shadow: var(--hb-focus-ring-x, 0) var(--hb-focus-ring-y, 0) var(--hb-focus-ring-blur, 0) var(--hb-focus-ring-width) var(--hb-focus-ring-color); } + +.icon-link { + display: inline-flex; + gap: 0.375rem; + align-items: center; + text-decoration-color: rgba(var(--hb-link-color-rgb), var(--hb-link-opacity, 0.5)); + text-underline-offset: 0.25em; + backface-visibility: hidden; } + .icon-link > .bi { + flex-shrink: 0; + width: 1em; + height: 1em; + fill: currentcolor; + transition: 0.2s ease-in-out transform; } + @media (prefers-reduced-motion: reduce) { + .icon-link > .bi { + transition: none; } } +.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { + transform: var(--hb-icon-link-transform, translate3d(0.25em, 0, 0)); } + +.ratio { + position: relative; + width: 100%; } + .ratio::before { + display: block; + padding-top: var(--hb-aspect-ratio); + content: ""; } + .ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.ratio-1x1 { + --hb-aspect-ratio: 100%; } + +.ratio-4x3 { + --hb-aspect-ratio: calc(3 / 4 * 100%); } + +.ratio-16x9 { + --hb-aspect-ratio: calc(9 / 16 * 100%); } + +.ratio-21x9 { + --hb-aspect-ratio: calc(9 / 21 * 100%); } + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } + +.sticky-top, .hb-header { + position: sticky; + top: 0; + z-index: 1020; } + +.sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; } + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } } + +@media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; } + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } } + +@media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; } + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } } + +@media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; } + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } } + +@media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; } + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; } } + +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; } + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; } + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } + .visually-hidden:not(caption), + .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !important; } + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; } + +.align-baseline { + vertical-align: baseline !important; } + +.align-top { + vertical-align: top !important; } + +.align-middle { + vertical-align: middle !important; } + +.align-bottom { + vertical-align: bottom !important; } + +.align-text-bottom { + vertical-align: text-bottom !important; } + +.align-text-top { + vertical-align: text-top !important; } + +.float-start { + float: left !important; } + +.float-end { + float: right !important; } + +.float-none { + float: none !important; } + +.object-fit-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + +.object-fit-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + +.object-fit-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + +.object-fit-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + +.object-fit-none { + -o-object-fit: none !important; + object-fit: none !important; } + +.opacity-0 { + opacity: 0 !important; } + +.opacity-25 { + opacity: 0.25 !important; } + +.opacity-50 { + opacity: 0.5 !important; } + +.opacity-75 { + opacity: 0.75 !important; } + +.opacity-100 { + opacity: 1 !important; } + +.overflow-auto { + overflow: auto !important; } + +.overflow-hidden { + overflow: hidden !important; } + +.overflow-visible { + overflow: visible !important; } + +.overflow-scroll { + overflow: scroll !important; } + +.overflow-x-auto { + overflow-x: auto !important; } + +.overflow-x-hidden { + overflow-x: hidden !important; } + +.overflow-x-visible { + overflow-x: visible !important; } + +.overflow-x-scroll { + overflow-x: scroll !important; } + +.overflow-y-auto { + overflow-y: auto !important; } + +.overflow-y-hidden { + overflow-y: hidden !important; } + +.overflow-y-visible { + overflow-y: visible !important; } + +.overflow-y-scroll { + overflow-y: scroll !important; } + +.d-inline { + display: inline !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-block { + display: block !important; } + +.d-grid { + display: grid !important; } + +.d-inline-grid { + display: inline-grid !important; } + +.d-table { + display: table !important; } + +.d-table-row { + display: table-row !important; } + +.d-table-cell { + display: table-cell !important; } + +.d-flex { + display: flex !important; } + +.d-inline-flex { + display: inline-flex !important; } + +.d-none { + display: none !important; } + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + +.shadow-none { + box-shadow: none !important; } + +.focus-ring-primary { + --hb-focus-ring-color: rgba(var(--hb-primary-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-secondary { + --hb-focus-ring-color: rgba(var(--hb-secondary-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-success { + --hb-focus-ring-color: rgba(var(--hb-success-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-info { + --hb-focus-ring-color: rgba(var(--hb-info-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-warning { + --hb-focus-ring-color: rgba(var(--hb-warning-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-danger { + --hb-focus-ring-color: rgba(var(--hb-danger-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-light { + --hb-focus-ring-color: rgba(var(--hb-light-rgb), var(--hb-focus-ring-opacity)); } + +.focus-ring-dark { + --hb-focus-ring-color: rgba(var(--hb-dark-rgb), var(--hb-focus-ring-opacity)); } + +.position-static { + position: static !important; } + +.position-relative { + position: relative !important; } + +.position-absolute { + position: absolute !important; } + +.position-fixed { + position: fixed !important; } + +.position-sticky { + position: sticky !important; } + +.top-0 { + top: 0 !important; } + +.top-50 { + top: 50% !important; } + +.top-100 { + top: 100% !important; } + +.bottom-0 { + bottom: 0 !important; } + +.bottom-50 { + bottom: 50% !important; } + +.bottom-100 { + bottom: 100% !important; } + +.start-0 { + left: 0 !important; } + +.start-50 { + left: 50% !important; } + +.start-100 { + left: 100% !important; } + +.end-0 { + right: 0 !important; } + +.end-50 { + right: 50% !important; } + +.end-100 { + right: 100% !important; } + +.translate-middle { + transform: translate(-50%, -50%) !important; } + +.translate-middle-x { + transform: translateX(-50%) !important; } + +.translate-middle-y { + transform: translateY(-50%) !important; } + +.border { + border: var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important; } + +.border-0 { + border: 0 !important; } + +.border-top { + border-top: var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important; } + +.border-top-0 { + border-top: 0 !important; } + +.border-end { + border-right: var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important; } + +.border-end-0 { + border-right: 0 !important; } + +.border-bottom { + border-bottom: var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important; } + +.border-bottom-0 { + border-bottom: 0 !important; } + +.border-start { + border-left: var(--hb-border-width) var(--hb-border-style) var(--hb-border-color) !important; } + +.border-start-0 { + border-left: 0 !important; } + +.border-primary { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-primary-rgb), var(--hb-border-opacity)) !important; } + +.border-secondary { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-secondary-rgb), var(--hb-border-opacity)) !important; } + +.border-success { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-success-rgb), var(--hb-border-opacity)) !important; } + +.border-info { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-info-rgb), var(--hb-border-opacity)) !important; } + +.border-warning { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-warning-rgb), var(--hb-border-opacity)) !important; } + +.border-danger { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-danger-rgb), var(--hb-border-opacity)) !important; } + +.border-light { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-light-rgb), var(--hb-border-opacity)) !important; } + +.border-dark { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-dark-rgb), var(--hb-border-opacity)) !important; } + +.border-black { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-black-rgb), var(--hb-border-opacity)) !important; } + +.border-white { + --hb-border-opacity: 1; + border-color: rgba(var(--hb-white-rgb), var(--hb-border-opacity)) !important; } + +.border-primary-subtle { + border-color: var(--hb-primary-border-subtle) !important; } + +.border-secondary-subtle { + border-color: var(--hb-secondary-border-subtle) !important; } + +.border-success-subtle { + border-color: var(--hb-success-border-subtle) !important; } + +.border-info-subtle { + border-color: var(--hb-info-border-subtle) !important; } + +.border-warning-subtle { + border-color: var(--hb-warning-border-subtle) !important; } + +.border-danger-subtle { + border-color: var(--hb-danger-border-subtle) !important; } + +.border-light-subtle { + border-color: var(--hb-light-border-subtle) !important; } + +.border-dark-subtle { + border-color: var(--hb-dark-border-subtle) !important; } + +.border-1 { + border-width: 1px !important; } + +.border-2 { + border-width: 2px !important; } + +.border-3 { + border-width: 3px !important; } + +.border-4 { + border-width: 4px !important; } + +.border-5 { + border-width: 5px !important; } + +.border-opacity-10 { + --hb-border-opacity: 0.1; } + +.border-opacity-25 { + --hb-border-opacity: 0.25; } + +.border-opacity-50 { + --hb-border-opacity: 0.5; } + +.border-opacity-75 { + --hb-border-opacity: 0.75; } + +.border-opacity-100 { + --hb-border-opacity: 1; } + +.w-25 { + width: 25% !important; } + +.w-50 { + width: 50% !important; } + +.w-75 { + width: 75% !important; } + +.w-100 { + width: 100% !important; } + +.w-auto { + width: auto !important; } + +.mw-100 { + max-width: 100% !important; } + +.vw-100 { + width: 100vw !important; } + +.min-vw-100 { + min-width: 100vw !important; } + +.h-25 { + height: 25% !important; } + +.h-50 { + height: 50% !important; } + +.h-75 { + height: 75% !important; } + +.h-100 { + height: 100% !important; } + +.h-auto { + height: auto !important; } + +.mh-100 { + max-height: 100% !important; } + +.vh-100 { + height: 100vh !important; } + +.min-vh-100 { + min-height: 100vh !important; } + +.flex-fill { + flex: 1 1 auto !important; } + +.flex-row { + flex-direction: row !important; } + +.flex-column { + flex-direction: column !important; } + +.flex-row-reverse { + flex-direction: row-reverse !important; } + +.flex-column-reverse { + flex-direction: column-reverse !important; } + +.flex-grow-0 { + flex-grow: 0 !important; } + +.flex-grow-1 { + flex-grow: 1 !important; } + +.flex-shrink-0 { + flex-shrink: 0 !important; } + +.flex-shrink-1 { + flex-shrink: 1 !important; } + +.flex-wrap { + flex-wrap: wrap !important; } + +.flex-nowrap { + flex-wrap: nowrap !important; } + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } + +.justify-content-start { + justify-content: flex-start !important; } + +.justify-content-end { + justify-content: flex-end !important; } + +.justify-content-center { + justify-content: center !important; } + +.justify-content-between { + justify-content: space-between !important; } + +.justify-content-around { + justify-content: space-around !important; } + +.justify-content-evenly { + justify-content: space-evenly !important; } + +.align-items-start { + align-items: flex-start !important; } + +.align-items-end { + align-items: flex-end !important; } + +.align-items-center { + align-items: center !important; } + +.align-items-baseline { + align-items: baseline !important; } + +.align-items-stretch { + align-items: stretch !important; } + +.align-content-start { + align-content: flex-start !important; } + +.align-content-end { + align-content: flex-end !important; } + +.align-content-center { + align-content: center !important; } + +.align-content-between { + align-content: space-between !important; } + +.align-content-around { + align-content: space-around !important; } + +.align-content-stretch { + align-content: stretch !important; } + +.align-self-auto { + align-self: auto !important; } + +.align-self-start { + align-self: flex-start !important; } + +.align-self-end { + align-self: flex-end !important; } + +.align-self-center { + align-self: center !important; } + +.align-self-baseline { + align-self: baseline !important; } + +.align-self-stretch { + align-self: stretch !important; } + +.order-first { + order: -1 !important; } + +.order-0 { + order: 0 !important; } + +.order-1 { + order: 1 !important; } + +.order-2 { + order: 2 !important; } + +.order-3 { + order: 3 !important; } + +.order-4 { + order: 4 !important; } + +.order-5 { + order: 5 !important; } + +.order-last { + order: 6 !important; } + +.m-0 { + margin: 0 !important; } + +.m-1 { + margin: 0.25rem !important; } + +.m-2 { + margin: 0.5rem !important; } + +.m-3 { + margin: 1rem !important; } + +.m-4 { + margin: 1.5rem !important; } + +.m-5 { + margin: 3rem !important; } + +.m-auto { + margin: auto !important; } + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + +.mt-0 { + margin-top: 0 !important; } + +.mt-1 { + margin-top: 0.25rem !important; } + +.mt-2 { + margin-top: 0.5rem !important; } + +.mt-3 { + margin-top: 1rem !important; } + +.mt-4 { + margin-top: 1.5rem !important; } + +.mt-5 { + margin-top: 3rem !important; } + +.mt-auto { + margin-top: auto !important; } + +.me-0 { + margin-right: 0 !important; } + +.me-1 { + margin-right: 0.25rem !important; } + +.me-2 { + margin-right: 0.5rem !important; } + +.me-3 { + margin-right: 1rem !important; } + +.me-4 { + margin-right: 1.5rem !important; } + +.me-5 { + margin-right: 3rem !important; } + +.me-auto { + margin-right: auto !important; } + +.mb-0 { + margin-bottom: 0 !important; } + +.mb-1 { + margin-bottom: 0.25rem !important; } + +.mb-2 { + margin-bottom: 0.5rem !important; } + +.mb-3 { + margin-bottom: 1rem !important; } + +.mb-4 { + margin-bottom: 1.5rem !important; } + +.mb-5 { + margin-bottom: 3rem !important; } + +.mb-auto { + margin-bottom: auto !important; } + +.ms-0 { + margin-left: 0 !important; } + +.ms-1 { + margin-left: 0.25rem !important; } + +.ms-2 { + margin-left: 0.5rem !important; } + +.ms-3 { + margin-left: 1rem !important; } + +.ms-4 { + margin-left: 1.5rem !important; } + +.ms-5 { + margin-left: 3rem !important; } + +.ms-auto { + margin-left: auto !important; } + +.p-0 { + padding: 0 !important; } + +.p-1 { + padding: 0.25rem !important; } + +.p-2 { + padding: 0.5rem !important; } + +.p-3 { + padding: 1rem !important; } + +.p-4 { + padding: 1.5rem !important; } + +.p-5 { + padding: 3rem !important; } + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.pt-0 { + padding-top: 0 !important; } + +.pt-1 { + padding-top: 0.25rem !important; } + +.pt-2 { + padding-top: 0.5rem !important; } + +.pt-3 { + padding-top: 1rem !important; } + +.pt-4 { + padding-top: 1.5rem !important; } + +.pt-5 { + padding-top: 3rem !important; } + +.pe-0 { + padding-right: 0 !important; } + +.pe-1 { + padding-right: 0.25rem !important; } + +.pe-2 { + padding-right: 0.5rem !important; } + +.pe-3 { + padding-right: 1rem !important; } + +.pe-4 { + padding-right: 1.5rem !important; } + +.pe-5 { + padding-right: 3rem !important; } + +.pb-0 { + padding-bottom: 0 !important; } + +.pb-1 { + padding-bottom: 0.25rem !important; } + +.pb-2 { + padding-bottom: 0.5rem !important; } + +.pb-3 { + padding-bottom: 1rem !important; } + +.pb-4 { + padding-bottom: 1.5rem !important; } + +.pb-5 { + padding-bottom: 3rem !important; } + +.ps-0 { + padding-left: 0 !important; } + +.ps-1 { + padding-left: 0.25rem !important; } + +.ps-2 { + padding-left: 0.5rem !important; } + +.ps-3 { + padding-left: 1rem !important; } + +.ps-4 { + padding-left: 1.5rem !important; } + +.ps-5 { + padding-left: 3rem !important; } + +.gap-0 { + gap: 0 !important; } + +.gap-1 { + gap: 0.25rem !important; } + +.gap-2 { + gap: 0.5rem !important; } + +.gap-3 { + gap: 1rem !important; } + +.gap-4 { + gap: 1.5rem !important; } + +.gap-5 { + gap: 3rem !important; } + +.row-gap-0 { + row-gap: 0 !important; } + +.row-gap-1 { + row-gap: 0.25rem !important; } + +.row-gap-2 { + row-gap: 0.5rem !important; } + +.row-gap-3 { + row-gap: 1rem !important; } + +.row-gap-4 { + row-gap: 1.5rem !important; } + +.row-gap-5 { + row-gap: 3rem !important; } + +.column-gap-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + +.column-gap-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + +.column-gap-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + +.column-gap-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + +.column-gap-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + +.column-gap-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + +.font-monospace { + font-family: var(--hb-font-monospace) !important; } + +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; } + +.fs-2 { + font-size: calc(1.325rem + 0.9vw) !important; } + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; } + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; } + +.fs-5 { + font-size: 1.25rem !important; } + +.fs-6 { + font-size: 1rem !important; } + +.fst-italic { + font-style: italic !important; } + +.fst-normal { + font-style: normal !important; } + +.fw-lighter { + font-weight: lighter !important; } + +.fw-light { + font-weight: 300 !important; } + +.fw-normal { + font-weight: 400 !important; } + +.fw-medium { + font-weight: 500 !important; } + +.fw-semibold { + font-weight: 600 !important; } + +.fw-bold { + font-weight: 700 !important; } + +.fw-bolder { + font-weight: bolder !important; } + +.lh-1 { + line-height: 1 !important; } + +.lh-sm { + line-height: 1.25 !important; } + +.lh-base { + line-height: 1.5 !important; } + +.lh-lg { + line-height: 2 !important; } + +.text-start { + text-align: left !important; } + +.text-end { + text-align: right !important; } + +.text-center { + text-align: center !important; } + +.text-decoration-none { + text-decoration: none !important; } + +.text-decoration-underline { + text-decoration: underline !important; } + +.text-decoration-line-through { + text-decoration: line-through !important; } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.text-wrap { + white-space: normal !important; } + +.text-nowrap { + white-space: nowrap !important; } + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; } + +/* rtl:end:remove */ +.text-primary { + --hb-text-opacity: 1; + color: rgba(var(--hb-primary-rgb), var(--hb-text-opacity)) !important; } + +.text-secondary { + --hb-text-opacity: 1; + color: rgba(var(--hb-secondary-rgb), var(--hb-text-opacity)) !important; } + +.text-success { + --hb-text-opacity: 1; + color: rgba(var(--hb-success-rgb), var(--hb-text-opacity)) !important; } + +.text-info { + --hb-text-opacity: 1; + color: rgba(var(--hb-info-rgb), var(--hb-text-opacity)) !important; } + +.text-warning { + --hb-text-opacity: 1; + color: rgba(var(--hb-warning-rgb), var(--hb-text-opacity)) !important; } + +.text-danger { + --hb-text-opacity: 1; + color: rgba(var(--hb-danger-rgb), var(--hb-text-opacity)) !important; } + +.text-light { + --hb-text-opacity: 1; + color: rgba(var(--hb-light-rgb), var(--hb-text-opacity)) !important; } + +.text-dark { + --hb-text-opacity: 1; + color: rgba(var(--hb-dark-rgb), var(--hb-text-opacity)) !important; } + +.text-black { + --hb-text-opacity: 1; + color: rgba(var(--hb-black-rgb), var(--hb-text-opacity)) !important; } + +.text-white { + --hb-text-opacity: 1; + color: rgba(var(--hb-white-rgb), var(--hb-text-opacity)) !important; } + +.text-body { + --hb-text-opacity: 1; + color: rgba(var(--hb-body-color-rgb), var(--hb-text-opacity)) !important; } + +.text-muted { + --hb-text-opacity: 1; + color: var(--hb-secondary-color) !important; } + +.text-black-50 { + --hb-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; } + +.text-white-50 { + --hb-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; } + +.text-body-secondary { + --hb-text-opacity: 1; + color: var(--hb-secondary-color) !important; } + +.text-body-tertiary { + --hb-text-opacity: 1; + color: var(--hb-tertiary-color) !important; } + +.text-body-emphasis { + --hb-text-opacity: 1; + color: var(--hb-emphasis-color) !important; } + +.text-reset { + --hb-text-opacity: 1; + color: inherit !important; } + +.text-opacity-25 { + --hb-text-opacity: 0.25; } + +.text-opacity-50 { + --hb-text-opacity: 0.5; } + +.text-opacity-75 { + --hb-text-opacity: 0.75; } + +.text-opacity-100 { + --hb-text-opacity: 1; } + +.text-primary-emphasis { + color: var(--hb-primary-text-emphasis) !important; } + +.text-secondary-emphasis { + color: var(--hb-secondary-text-emphasis) !important; } + +.text-success-emphasis { + color: var(--hb-success-text-emphasis) !important; } + +.text-info-emphasis { + color: var(--hb-info-text-emphasis) !important; } + +.text-warning-emphasis { + color: var(--hb-warning-text-emphasis) !important; } + +.text-danger-emphasis { + color: var(--hb-danger-text-emphasis) !important; } + +.text-light-emphasis { + color: var(--hb-light-text-emphasis) !important; } + +.text-dark-emphasis { + color: var(--hb-dark-text-emphasis) !important; } + +.link-opacity-10 { + --hb-link-opacity: 0.1; } + +.link-opacity-10-hover:hover { + --hb-link-opacity: 0.1; } + +.link-opacity-25 { + --hb-link-opacity: 0.25; } + +.link-opacity-25-hover:hover { + --hb-link-opacity: 0.25; } + +.link-opacity-50 { + --hb-link-opacity: 0.5; } + +.link-opacity-50-hover:hover { + --hb-link-opacity: 0.5; } + +.link-opacity-75 { + --hb-link-opacity: 0.75; } + +.link-opacity-75-hover:hover { + --hb-link-opacity: 0.75; } + +.link-opacity-100 { + --hb-link-opacity: 1; } + +.link-opacity-100-hover:hover { + --hb-link-opacity: 1; } + +.link-offset-1 { + text-underline-offset: 0.125em !important; } + +.link-offset-1-hover:hover { + text-underline-offset: 0.125em !important; } + +.link-offset-2 { + text-underline-offset: 0.25em !important; } + +.link-offset-2-hover:hover { + text-underline-offset: 0.25em !important; } + +.link-offset-3 { + text-underline-offset: 0.375em !important; } + +.link-offset-3-hover:hover { + text-underline-offset: 0.375em !important; } + +.link-underline-primary { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-primary-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-secondary { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-secondary-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-success { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-success-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-info { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-info-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-warning { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-warning-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-danger { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-danger-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-light { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-light-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline-dark { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-dark-rgb), var(--hb-link-underline-opacity)) !important; } + +.link-underline { + --hb-link-underline-opacity: 1; + text-decoration-color: rgba(var(--hb-link-color-rgb), var(--hb-link-underline-opacity, 1)) !important; } + +.link-underline-opacity-0 { + --hb-link-underline-opacity: 0; } + +.link-underline-opacity-0-hover:hover { + --hb-link-underline-opacity: 0; } + +.link-underline-opacity-10 { + --hb-link-underline-opacity: 0.1; } + +.link-underline-opacity-10-hover:hover { + --hb-link-underline-opacity: 0.1; } + +.link-underline-opacity-25 { + --hb-link-underline-opacity: 0.25; } + +.link-underline-opacity-25-hover:hover { + --hb-link-underline-opacity: 0.25; } + +.link-underline-opacity-50 { + --hb-link-underline-opacity: 0.5; } + +.link-underline-opacity-50-hover:hover { + --hb-link-underline-opacity: 0.5; } + +.link-underline-opacity-75 { + --hb-link-underline-opacity: 0.75; } + +.link-underline-opacity-75-hover:hover { + --hb-link-underline-opacity: 0.75; } + +.link-underline-opacity-100 { + --hb-link-underline-opacity: 1; } + +.link-underline-opacity-100-hover:hover { + --hb-link-underline-opacity: 1; } + +.bg-primary { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-primary-rgb), var(--hb-bg-opacity)) !important; } + +.bg-secondary { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-secondary-rgb), var(--hb-bg-opacity)) !important; } + +.bg-success { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-success-rgb), var(--hb-bg-opacity)) !important; } + +.bg-info { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-info-rgb), var(--hb-bg-opacity)) !important; } + +.bg-warning { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-warning-rgb), var(--hb-bg-opacity)) !important; } + +.bg-danger { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-danger-rgb), var(--hb-bg-opacity)) !important; } + +.bg-light { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-light-rgb), var(--hb-bg-opacity)) !important; } + +.bg-dark { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-dark-rgb), var(--hb-bg-opacity)) !important; } + +.bg-black { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-black-rgb), var(--hb-bg-opacity)) !important; } + +.bg-white { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-white-rgb), var(--hb-bg-opacity)) !important; } + +.bg-body, .hb-header-nav { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-body-bg-rgb), var(--hb-bg-opacity)) !important; } + +.bg-transparent { + --hb-bg-opacity: 1; + background-color: transparent !important; } + +.bg-body-secondary { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-secondary-bg-rgb), var(--hb-bg-opacity)) !important; } + +.bg-body-tertiary { + --hb-bg-opacity: 1; + background-color: rgba(var(--hb-tertiary-bg-rgb), var(--hb-bg-opacity)) !important; } + +.bg-opacity-10 { + --hb-bg-opacity: 0.1; } + +.bg-opacity-25 { + --hb-bg-opacity: 0.25; } + +.bg-opacity-50 { + --hb-bg-opacity: 0.5; } + +.bg-opacity-75 { + --hb-bg-opacity: 0.75; } + +.bg-opacity-100 { + --hb-bg-opacity: 1; } + +.bg-primary-subtle { + background-color: var(--hb-primary-bg-subtle) !important; } + +.bg-secondary-subtle { + background-color: var(--hb-secondary-bg-subtle) !important; } + +.bg-success-subtle { + background-color: var(--hb-success-bg-subtle) !important; } + +.bg-info-subtle { + background-color: var(--hb-info-bg-subtle) !important; } + +.bg-warning-subtle { + background-color: var(--hb-warning-bg-subtle) !important; } + +.bg-danger-subtle { + background-color: var(--hb-danger-bg-subtle) !important; } + +.bg-light-subtle { + background-color: var(--hb-light-bg-subtle) !important; } + +.bg-dark-subtle { + background-color: var(--hb-dark-bg-subtle) !important; } + +.bg-gradient { + background-image: var(--hb-gradient) !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; + user-select: auto !important; } + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; } + +.pe-none { + pointer-events: none !important; } + +.pe-auto { + pointer-events: auto !important; } + +.rounded { + border-radius: var(--hb-border-radius) !important; } + +.rounded-0 { + border-radius: 0 !important; } + +.rounded-1 { + border-radius: var(--hb-border-radius-sm) !important; } + +.rounded-2 { + border-radius: var(--hb-border-radius) !important; } + +.rounded-3 { + border-radius: var(--hb-border-radius-lg) !important; } + +.rounded-4 { + border-radius: var(--hb-border-radius-xl) !important; } + +.rounded-5 { + border-radius: var(--hb-border-radius-xxl) !important; } + +.rounded-circle { + border-radius: 50% !important; } + +.rounded-pill { + border-radius: var(--hb-border-radius-pill) !important; } + +.rounded-top { + border-top-left-radius: var(--hb-border-radius) !important; + border-top-right-radius: var(--hb-border-radius) !important; } + +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } + +.rounded-top-1 { + border-top-left-radius: var(--hb-border-radius-sm) !important; + border-top-right-radius: var(--hb-border-radius-sm) !important; } + +.rounded-top-2 { + border-top-left-radius: var(--hb-border-radius) !important; + border-top-right-radius: var(--hb-border-radius) !important; } + +.rounded-top-3 { + border-top-left-radius: var(--hb-border-radius-lg) !important; + border-top-right-radius: var(--hb-border-radius-lg) !important; } + +.rounded-top-4 { + border-top-left-radius: var(--hb-border-radius-xl) !important; + border-top-right-radius: var(--hb-border-radius-xl) !important; } + +.rounded-top-5 { + border-top-left-radius: var(--hb-border-radius-xxl) !important; + border-top-right-radius: var(--hb-border-radius-xxl) !important; } + +.rounded-top-circle { + border-top-left-radius: 50% !important; + border-top-right-radius: 50% !important; } + +.rounded-top-pill { + border-top-left-radius: var(--hb-border-radius-pill) !important; + border-top-right-radius: var(--hb-border-radius-pill) !important; } + +.rounded-end { + border-top-right-radius: var(--hb-border-radius) !important; + border-bottom-right-radius: var(--hb-border-radius) !important; } + +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } + +.rounded-end-1 { + border-top-right-radius: var(--hb-border-radius-sm) !important; + border-bottom-right-radius: var(--hb-border-radius-sm) !important; } + +.rounded-end-2 { + border-top-right-radius: var(--hb-border-radius) !important; + border-bottom-right-radius: var(--hb-border-radius) !important; } + +.rounded-end-3 { + border-top-right-radius: var(--hb-border-radius-lg) !important; + border-bottom-right-radius: var(--hb-border-radius-lg) !important; } + +.rounded-end-4 { + border-top-right-radius: var(--hb-border-radius-xl) !important; + border-bottom-right-radius: var(--hb-border-radius-xl) !important; } + +.rounded-end-5 { + border-top-right-radius: var(--hb-border-radius-xxl) !important; + border-bottom-right-radius: var(--hb-border-radius-xxl) !important; } + +.rounded-end-circle { + border-top-right-radius: 50% !important; + border-bottom-right-radius: 50% !important; } + +.rounded-end-pill { + border-top-right-radius: var(--hb-border-radius-pill) !important; + border-bottom-right-radius: var(--hb-border-radius-pill) !important; } + +.rounded-bottom { + border-bottom-right-radius: var(--hb-border-radius) !important; + border-bottom-left-radius: var(--hb-border-radius) !important; } + +.rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } + +.rounded-bottom-1 { + border-bottom-right-radius: var(--hb-border-radius-sm) !important; + border-bottom-left-radius: var(--hb-border-radius-sm) !important; } + +.rounded-bottom-2 { + border-bottom-right-radius: var(--hb-border-radius) !important; + border-bottom-left-radius: var(--hb-border-radius) !important; } + +.rounded-bottom-3 { + border-bottom-right-radius: var(--hb-border-radius-lg) !important; + border-bottom-left-radius: var(--hb-border-radius-lg) !important; } + +.rounded-bottom-4 { + border-bottom-right-radius: var(--hb-border-radius-xl) !important; + border-bottom-left-radius: var(--hb-border-radius-xl) !important; } + +.rounded-bottom-5 { + border-bottom-right-radius: var(--hb-border-radius-xxl) !important; + border-bottom-left-radius: var(--hb-border-radius-xxl) !important; } + +.rounded-bottom-circle { + border-bottom-right-radius: 50% !important; + border-bottom-left-radius: 50% !important; } + +.rounded-bottom-pill { + border-bottom-right-radius: var(--hb-border-radius-pill) !important; + border-bottom-left-radius: var(--hb-border-radius-pill) !important; } + +.rounded-start { + border-bottom-left-radius: var(--hb-border-radius) !important; + border-top-left-radius: var(--hb-border-radius) !important; } + +.rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; } + +.rounded-start-1 { + border-bottom-left-radius: var(--hb-border-radius-sm) !important; + border-top-left-radius: var(--hb-border-radius-sm) !important; } + +.rounded-start-2 { + border-bottom-left-radius: var(--hb-border-radius) !important; + border-top-left-radius: var(--hb-border-radius) !important; } + +.rounded-start-3 { + border-bottom-left-radius: var(--hb-border-radius-lg) !important; + border-top-left-radius: var(--hb-border-radius-lg) !important; } + +.rounded-start-4 { + border-bottom-left-radius: var(--hb-border-radius-xl) !important; + border-top-left-radius: var(--hb-border-radius-xl) !important; } + +.rounded-start-5 { + border-bottom-left-radius: var(--hb-border-radius-xxl) !important; + border-top-left-radius: var(--hb-border-radius-xxl) !important; } + +.rounded-start-circle { + border-bottom-left-radius: 50% !important; + border-top-left-radius: 50% !important; } + +.rounded-start-pill { + border-bottom-left-radius: var(--hb-border-radius-pill) !important; + border-top-left-radius: var(--hb-border-radius-pill) !important; } + +.visible { + visibility: visible !important; } + +.invisible { + visibility: hidden !important; } + +.z-n1 { + z-index: -1 !important; } + +.z-0 { + z-index: 0 !important; } + +.z-1 { + z-index: 1 !important; } + +.z-2 { + z-index: 2 !important; } + +.z-3 { + z-index: 3 !important; } + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; } + .float-sm-end { + float: right !important; } + .float-sm-none { + float: none !important; } + .object-fit-sm-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + .object-fit-sm-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + .object-fit-sm-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + .object-fit-sm-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + .object-fit-sm-none { + -o-object-fit: none !important; + object-fit: none !important; } + .d-sm-inline { + display: inline !important; } + .d-sm-inline-block { + display: inline-block !important; } + .d-sm-block { + display: block !important; } + .d-sm-grid { + display: grid !important; } + .d-sm-inline-grid { + display: inline-grid !important; } + .d-sm-table { + display: table !important; } + .d-sm-table-row { + display: table-row !important; } + .d-sm-table-cell { + display: table-cell !important; } + .d-sm-flex { + display: flex !important; } + .d-sm-inline-flex { + display: inline-flex !important; } + .d-sm-none { + display: none !important; } + .flex-sm-fill { + flex: 1 1 auto !important; } + .flex-sm-row { + flex-direction: row !important; } + .flex-sm-column { + flex-direction: column !important; } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; } + .flex-sm-grow-0 { + flex-grow: 0 !important; } + .flex-sm-grow-1 { + flex-grow: 1 !important; } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; } + .flex-sm-wrap { + flex-wrap: wrap !important; } + .flex-sm-nowrap { + flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .justify-content-sm-start { + justify-content: flex-start !important; } + .justify-content-sm-end { + justify-content: flex-end !important; } + .justify-content-sm-center { + justify-content: center !important; } + .justify-content-sm-between { + justify-content: space-between !important; } + .justify-content-sm-around { + justify-content: space-around !important; } + .justify-content-sm-evenly { + justify-content: space-evenly !important; } + .align-items-sm-start { + align-items: flex-start !important; } + .align-items-sm-end { + align-items: flex-end !important; } + .align-items-sm-center { + align-items: center !important; } + .align-items-sm-baseline { + align-items: baseline !important; } + .align-items-sm-stretch { + align-items: stretch !important; } + .align-content-sm-start { + align-content: flex-start !important; } + .align-content-sm-end { + align-content: flex-end !important; } + .align-content-sm-center { + align-content: center !important; } + .align-content-sm-between { + align-content: space-between !important; } + .align-content-sm-around { + align-content: space-around !important; } + .align-content-sm-stretch { + align-content: stretch !important; } + .align-self-sm-auto { + align-self: auto !important; } + .align-self-sm-start { + align-self: flex-start !important; } + .align-self-sm-end { + align-self: flex-end !important; } + .align-self-sm-center { + align-self: center !important; } + .align-self-sm-baseline { + align-self: baseline !important; } + .align-self-sm-stretch { + align-self: stretch !important; } + .order-sm-first { + order: -1 !important; } + .order-sm-0 { + order: 0 !important; } + .order-sm-1 { + order: 1 !important; } + .order-sm-2 { + order: 2 !important; } + .order-sm-3 { + order: 3 !important; } + .order-sm-4 { + order: 4 !important; } + .order-sm-5 { + order: 5 !important; } + .order-sm-last { + order: 6 !important; } + .m-sm-0 { + margin: 0 !important; } + .m-sm-1 { + margin: 0.25rem !important; } + .m-sm-2 { + margin: 0.5rem !important; } + .m-sm-3 { + margin: 1rem !important; } + .m-sm-4 { + margin: 1.5rem !important; } + .m-sm-5 { + margin: 3rem !important; } + .m-sm-auto { + margin: auto !important; } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-sm-0 { + margin-top: 0 !important; } + .mt-sm-1 { + margin-top: 0.25rem !important; } + .mt-sm-2 { + margin-top: 0.5rem !important; } + .mt-sm-3 { + margin-top: 1rem !important; } + .mt-sm-4 { + margin-top: 1.5rem !important; } + .mt-sm-5 { + margin-top: 3rem !important; } + .mt-sm-auto { + margin-top: auto !important; } + .me-sm-0 { + margin-right: 0 !important; } + .me-sm-1 { + margin-right: 0.25rem !important; } + .me-sm-2 { + margin-right: 0.5rem !important; } + .me-sm-3 { + margin-right: 1rem !important; } + .me-sm-4 { + margin-right: 1.5rem !important; } + .me-sm-5 { + margin-right: 3rem !important; } + .me-sm-auto { + margin-right: auto !important; } + .mb-sm-0 { + margin-bottom: 0 !important; } + .mb-sm-1 { + margin-bottom: 0.25rem !important; } + .mb-sm-2 { + margin-bottom: 0.5rem !important; } + .mb-sm-3 { + margin-bottom: 1rem !important; } + .mb-sm-4 { + margin-bottom: 1.5rem !important; } + .mb-sm-5 { + margin-bottom: 3rem !important; } + .mb-sm-auto { + margin-bottom: auto !important; } + .ms-sm-0 { + margin-left: 0 !important; } + .ms-sm-1 { + margin-left: 0.25rem !important; } + .ms-sm-2 { + margin-left: 0.5rem !important; } + .ms-sm-3 { + margin-left: 1rem !important; } + .ms-sm-4 { + margin-left: 1.5rem !important; } + .ms-sm-5 { + margin-left: 3rem !important; } + .ms-sm-auto { + margin-left: auto !important; } + .p-sm-0 { + padding: 0 !important; } + .p-sm-1 { + padding: 0.25rem !important; } + .p-sm-2 { + padding: 0.5rem !important; } + .p-sm-3 { + padding: 1rem !important; } + .p-sm-4 { + padding: 1.5rem !important; } + .p-sm-5 { + padding: 3rem !important; } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-sm-0 { + padding-top: 0 !important; } + .pt-sm-1 { + padding-top: 0.25rem !important; } + .pt-sm-2 { + padding-top: 0.5rem !important; } + .pt-sm-3 { + padding-top: 1rem !important; } + .pt-sm-4 { + padding-top: 1.5rem !important; } + .pt-sm-5 { + padding-top: 3rem !important; } + .pe-sm-0 { + padding-right: 0 !important; } + .pe-sm-1 { + padding-right: 0.25rem !important; } + .pe-sm-2 { + padding-right: 0.5rem !important; } + .pe-sm-3 { + padding-right: 1rem !important; } + .pe-sm-4 { + padding-right: 1.5rem !important; } + .pe-sm-5 { + padding-right: 3rem !important; } + .pb-sm-0 { + padding-bottom: 0 !important; } + .pb-sm-1 { + padding-bottom: 0.25rem !important; } + .pb-sm-2 { + padding-bottom: 0.5rem !important; } + .pb-sm-3 { + padding-bottom: 1rem !important; } + .pb-sm-4 { + padding-bottom: 1.5rem !important; } + .pb-sm-5 { + padding-bottom: 3rem !important; } + .ps-sm-0 { + padding-left: 0 !important; } + .ps-sm-1 { + padding-left: 0.25rem !important; } + .ps-sm-2 { + padding-left: 0.5rem !important; } + .ps-sm-3 { + padding-left: 1rem !important; } + .ps-sm-4 { + padding-left: 1.5rem !important; } + .ps-sm-5 { + padding-left: 3rem !important; } + .gap-sm-0 { + gap: 0 !important; } + .gap-sm-1 { + gap: 0.25rem !important; } + .gap-sm-2 { + gap: 0.5rem !important; } + .gap-sm-3 { + gap: 1rem !important; } + .gap-sm-4 { + gap: 1.5rem !important; } + .gap-sm-5 { + gap: 3rem !important; } + .row-gap-sm-0 { + row-gap: 0 !important; } + .row-gap-sm-1 { + row-gap: 0.25rem !important; } + .row-gap-sm-2 { + row-gap: 0.5rem !important; } + .row-gap-sm-3 { + row-gap: 1rem !important; } + .row-gap-sm-4 { + row-gap: 1.5rem !important; } + .row-gap-sm-5 { + row-gap: 3rem !important; } + .column-gap-sm-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + .column-gap-sm-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + .column-gap-sm-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + .column-gap-sm-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + .column-gap-sm-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + .column-gap-sm-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + .text-sm-start { + text-align: left !important; } + .text-sm-end { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .float-md-start { + float: left !important; } + .float-md-end { + float: right !important; } + .float-md-none { + float: none !important; } + .object-fit-md-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + .object-fit-md-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + .object-fit-md-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + .object-fit-md-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + .object-fit-md-none { + -o-object-fit: none !important; + object-fit: none !important; } + .d-md-inline { + display: inline !important; } + .d-md-inline-block { + display: inline-block !important; } + .d-md-block { + display: block !important; } + .d-md-grid { + display: grid !important; } + .d-md-inline-grid { + display: inline-grid !important; } + .d-md-table { + display: table !important; } + .d-md-table-row { + display: table-row !important; } + .d-md-table-cell { + display: table-cell !important; } + .d-md-flex { + display: flex !important; } + .d-md-inline-flex { + display: inline-flex !important; } + .d-md-none { + display: none !important; } + .flex-md-fill { + flex: 1 1 auto !important; } + .flex-md-row { + flex-direction: row !important; } + .flex-md-column { + flex-direction: column !important; } + .flex-md-row-reverse { + flex-direction: row-reverse !important; } + .flex-md-column-reverse { + flex-direction: column-reverse !important; } + .flex-md-grow-0 { + flex-grow: 0 !important; } + .flex-md-grow-1 { + flex-grow: 1 !important; } + .flex-md-shrink-0 { + flex-shrink: 0 !important; } + .flex-md-shrink-1 { + flex-shrink: 1 !important; } + .flex-md-wrap { + flex-wrap: wrap !important; } + .flex-md-nowrap { + flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .justify-content-md-start { + justify-content: flex-start !important; } + .justify-content-md-end { + justify-content: flex-end !important; } + .justify-content-md-center { + justify-content: center !important; } + .justify-content-md-between { + justify-content: space-between !important; } + .justify-content-md-around { + justify-content: space-around !important; } + .justify-content-md-evenly { + justify-content: space-evenly !important; } + .align-items-md-start { + align-items: flex-start !important; } + .align-items-md-end { + align-items: flex-end !important; } + .align-items-md-center { + align-items: center !important; } + .align-items-md-baseline { + align-items: baseline !important; } + .align-items-md-stretch { + align-items: stretch !important; } + .align-content-md-start { + align-content: flex-start !important; } + .align-content-md-end { + align-content: flex-end !important; } + .align-content-md-center { + align-content: center !important; } + .align-content-md-between { + align-content: space-between !important; } + .align-content-md-around { + align-content: space-around !important; } + .align-content-md-stretch { + align-content: stretch !important; } + .align-self-md-auto { + align-self: auto !important; } + .align-self-md-start { + align-self: flex-start !important; } + .align-self-md-end { + align-self: flex-end !important; } + .align-self-md-center { + align-self: center !important; } + .align-self-md-baseline { + align-self: baseline !important; } + .align-self-md-stretch { + align-self: stretch !important; } + .order-md-first { + order: -1 !important; } + .order-md-0 { + order: 0 !important; } + .order-md-1 { + order: 1 !important; } + .order-md-2 { + order: 2 !important; } + .order-md-3 { + order: 3 !important; } + .order-md-4 { + order: 4 !important; } + .order-md-5 { + order: 5 !important; } + .order-md-last { + order: 6 !important; } + .m-md-0 { + margin: 0 !important; } + .m-md-1 { + margin: 0.25rem !important; } + .m-md-2 { + margin: 0.5rem !important; } + .m-md-3 { + margin: 1rem !important; } + .m-md-4 { + margin: 1.5rem !important; } + .m-md-5 { + margin: 3rem !important; } + .m-md-auto { + margin: auto !important; } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-md-0 { + margin-top: 0 !important; } + .mt-md-1 { + margin-top: 0.25rem !important; } + .mt-md-2 { + margin-top: 0.5rem !important; } + .mt-md-3 { + margin-top: 1rem !important; } + .mt-md-4 { + margin-top: 1.5rem !important; } + .mt-md-5 { + margin-top: 3rem !important; } + .mt-md-auto { + margin-top: auto !important; } + .me-md-0 { + margin-right: 0 !important; } + .me-md-1 { + margin-right: 0.25rem !important; } + .me-md-2 { + margin-right: 0.5rem !important; } + .me-md-3 { + margin-right: 1rem !important; } + .me-md-4 { + margin-right: 1.5rem !important; } + .me-md-5 { + margin-right: 3rem !important; } + .me-md-auto { + margin-right: auto !important; } + .mb-md-0 { + margin-bottom: 0 !important; } + .mb-md-1 { + margin-bottom: 0.25rem !important; } + .mb-md-2 { + margin-bottom: 0.5rem !important; } + .mb-md-3 { + margin-bottom: 1rem !important; } + .mb-md-4 { + margin-bottom: 1.5rem !important; } + .mb-md-5 { + margin-bottom: 3rem !important; } + .mb-md-auto { + margin-bottom: auto !important; } + .ms-md-0 { + margin-left: 0 !important; } + .ms-md-1 { + margin-left: 0.25rem !important; } + .ms-md-2 { + margin-left: 0.5rem !important; } + .ms-md-3 { + margin-left: 1rem !important; } + .ms-md-4 { + margin-left: 1.5rem !important; } + .ms-md-5 { + margin-left: 3rem !important; } + .ms-md-auto { + margin-left: auto !important; } + .p-md-0 { + padding: 0 !important; } + .p-md-1 { + padding: 0.25rem !important; } + .p-md-2 { + padding: 0.5rem !important; } + .p-md-3 { + padding: 1rem !important; } + .p-md-4 { + padding: 1.5rem !important; } + .p-md-5 { + padding: 3rem !important; } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-md-0 { + padding-top: 0 !important; } + .pt-md-1 { + padding-top: 0.25rem !important; } + .pt-md-2 { + padding-top: 0.5rem !important; } + .pt-md-3 { + padding-top: 1rem !important; } + .pt-md-4 { + padding-top: 1.5rem !important; } + .pt-md-5 { + padding-top: 3rem !important; } + .pe-md-0 { + padding-right: 0 !important; } + .pe-md-1 { + padding-right: 0.25rem !important; } + .pe-md-2 { + padding-right: 0.5rem !important; } + .pe-md-3 { + padding-right: 1rem !important; } + .pe-md-4 { + padding-right: 1.5rem !important; } + .pe-md-5 { + padding-right: 3rem !important; } + .pb-md-0 { + padding-bottom: 0 !important; } + .pb-md-1 { + padding-bottom: 0.25rem !important; } + .pb-md-2 { + padding-bottom: 0.5rem !important; } + .pb-md-3 { + padding-bottom: 1rem !important; } + .pb-md-4 { + padding-bottom: 1.5rem !important; } + .pb-md-5 { + padding-bottom: 3rem !important; } + .ps-md-0 { + padding-left: 0 !important; } + .ps-md-1 { + padding-left: 0.25rem !important; } + .ps-md-2 { + padding-left: 0.5rem !important; } + .ps-md-3 { + padding-left: 1rem !important; } + .ps-md-4 { + padding-left: 1.5rem !important; } + .ps-md-5 { + padding-left: 3rem !important; } + .gap-md-0 { + gap: 0 !important; } + .gap-md-1 { + gap: 0.25rem !important; } + .gap-md-2 { + gap: 0.5rem !important; } + .gap-md-3 { + gap: 1rem !important; } + .gap-md-4 { + gap: 1.5rem !important; } + .gap-md-5 { + gap: 3rem !important; } + .row-gap-md-0 { + row-gap: 0 !important; } + .row-gap-md-1 { + row-gap: 0.25rem !important; } + .row-gap-md-2 { + row-gap: 0.5rem !important; } + .row-gap-md-3 { + row-gap: 1rem !important; } + .row-gap-md-4 { + row-gap: 1.5rem !important; } + .row-gap-md-5 { + row-gap: 3rem !important; } + .column-gap-md-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + .column-gap-md-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + .column-gap-md-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + .column-gap-md-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + .column-gap-md-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + .column-gap-md-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + .text-md-start { + text-align: left !important; } + .text-md-end { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .float-lg-start { + float: left !important; } + .float-lg-end { + float: right !important; } + .float-lg-none { + float: none !important; } + .object-fit-lg-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + .object-fit-lg-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + .object-fit-lg-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + .object-fit-lg-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + .object-fit-lg-none { + -o-object-fit: none !important; + object-fit: none !important; } + .d-lg-inline { + display: inline !important; } + .d-lg-inline-block { + display: inline-block !important; } + .d-lg-block { + display: block !important; } + .d-lg-grid { + display: grid !important; } + .d-lg-inline-grid { + display: inline-grid !important; } + .d-lg-table { + display: table !important; } + .d-lg-table-row { + display: table-row !important; } + .d-lg-table-cell { + display: table-cell !important; } + .d-lg-flex { + display: flex !important; } + .d-lg-inline-flex { + display: inline-flex !important; } + .d-lg-none { + display: none !important; } + .flex-lg-fill { + flex: 1 1 auto !important; } + .flex-lg-row { + flex-direction: row !important; } + .flex-lg-column { + flex-direction: column !important; } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; } + .flex-lg-grow-0 { + flex-grow: 0 !important; } + .flex-lg-grow-1 { + flex-grow: 1 !important; } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; } + .flex-lg-wrap { + flex-wrap: wrap !important; } + .flex-lg-nowrap { + flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .justify-content-lg-start { + justify-content: flex-start !important; } + .justify-content-lg-end { + justify-content: flex-end !important; } + .justify-content-lg-center { + justify-content: center !important; } + .justify-content-lg-between { + justify-content: space-between !important; } + .justify-content-lg-around { + justify-content: space-around !important; } + .justify-content-lg-evenly { + justify-content: space-evenly !important; } + .align-items-lg-start { + align-items: flex-start !important; } + .align-items-lg-end { + align-items: flex-end !important; } + .align-items-lg-center { + align-items: center !important; } + .align-items-lg-baseline { + align-items: baseline !important; } + .align-items-lg-stretch { + align-items: stretch !important; } + .align-content-lg-start { + align-content: flex-start !important; } + .align-content-lg-end { + align-content: flex-end !important; } + .align-content-lg-center { + align-content: center !important; } + .align-content-lg-between { + align-content: space-between !important; } + .align-content-lg-around { + align-content: space-around !important; } + .align-content-lg-stretch { + align-content: stretch !important; } + .align-self-lg-auto { + align-self: auto !important; } + .align-self-lg-start { + align-self: flex-start !important; } + .align-self-lg-end { + align-self: flex-end !important; } + .align-self-lg-center { + align-self: center !important; } + .align-self-lg-baseline { + align-self: baseline !important; } + .align-self-lg-stretch { + align-self: stretch !important; } + .order-lg-first { + order: -1 !important; } + .order-lg-0 { + order: 0 !important; } + .order-lg-1 { + order: 1 !important; } + .order-lg-2 { + order: 2 !important; } + .order-lg-3 { + order: 3 !important; } + .order-lg-4 { + order: 4 !important; } + .order-lg-5 { + order: 5 !important; } + .order-lg-last { + order: 6 !important; } + .m-lg-0 { + margin: 0 !important; } + .m-lg-1 { + margin: 0.25rem !important; } + .m-lg-2 { + margin: 0.5rem !important; } + .m-lg-3 { + margin: 1rem !important; } + .m-lg-4 { + margin: 1.5rem !important; } + .m-lg-5 { + margin: 3rem !important; } + .m-lg-auto { + margin: auto !important; } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-lg-0 { + margin-top: 0 !important; } + .mt-lg-1 { + margin-top: 0.25rem !important; } + .mt-lg-2 { + margin-top: 0.5rem !important; } + .mt-lg-3 { + margin-top: 1rem !important; } + .mt-lg-4 { + margin-top: 1.5rem !important; } + .mt-lg-5 { + margin-top: 3rem !important; } + .mt-lg-auto { + margin-top: auto !important; } + .me-lg-0 { + margin-right: 0 !important; } + .me-lg-1 { + margin-right: 0.25rem !important; } + .me-lg-2 { + margin-right: 0.5rem !important; } + .me-lg-3 { + margin-right: 1rem !important; } + .me-lg-4 { + margin-right: 1.5rem !important; } + .me-lg-5 { + margin-right: 3rem !important; } + .me-lg-auto { + margin-right: auto !important; } + .mb-lg-0 { + margin-bottom: 0 !important; } + .mb-lg-1 { + margin-bottom: 0.25rem !important; } + .mb-lg-2 { + margin-bottom: 0.5rem !important; } + .mb-lg-3 { + margin-bottom: 1rem !important; } + .mb-lg-4 { + margin-bottom: 1.5rem !important; } + .mb-lg-5 { + margin-bottom: 3rem !important; } + .mb-lg-auto { + margin-bottom: auto !important; } + .ms-lg-0 { + margin-left: 0 !important; } + .ms-lg-1 { + margin-left: 0.25rem !important; } + .ms-lg-2 { + margin-left: 0.5rem !important; } + .ms-lg-3 { + margin-left: 1rem !important; } + .ms-lg-4 { + margin-left: 1.5rem !important; } + .ms-lg-5 { + margin-left: 3rem !important; } + .ms-lg-auto { + margin-left: auto !important; } + .p-lg-0 { + padding: 0 !important; } + .p-lg-1 { + padding: 0.25rem !important; } + .p-lg-2 { + padding: 0.5rem !important; } + .p-lg-3 { + padding: 1rem !important; } + .p-lg-4 { + padding: 1.5rem !important; } + .p-lg-5 { + padding: 3rem !important; } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-lg-0 { + padding-top: 0 !important; } + .pt-lg-1 { + padding-top: 0.25rem !important; } + .pt-lg-2 { + padding-top: 0.5rem !important; } + .pt-lg-3 { + padding-top: 1rem !important; } + .pt-lg-4 { + padding-top: 1.5rem !important; } + .pt-lg-5 { + padding-top: 3rem !important; } + .pe-lg-0 { + padding-right: 0 !important; } + .pe-lg-1 { + padding-right: 0.25rem !important; } + .pe-lg-2 { + padding-right: 0.5rem !important; } + .pe-lg-3 { + padding-right: 1rem !important; } + .pe-lg-4 { + padding-right: 1.5rem !important; } + .pe-lg-5 { + padding-right: 3rem !important; } + .pb-lg-0 { + padding-bottom: 0 !important; } + .pb-lg-1 { + padding-bottom: 0.25rem !important; } + .pb-lg-2 { + padding-bottom: 0.5rem !important; } + .pb-lg-3 { + padding-bottom: 1rem !important; } + .pb-lg-4 { + padding-bottom: 1.5rem !important; } + .pb-lg-5 { + padding-bottom: 3rem !important; } + .ps-lg-0 { + padding-left: 0 !important; } + .ps-lg-1 { + padding-left: 0.25rem !important; } + .ps-lg-2 { + padding-left: 0.5rem !important; } + .ps-lg-3 { + padding-left: 1rem !important; } + .ps-lg-4 { + padding-left: 1.5rem !important; } + .ps-lg-5 { + padding-left: 3rem !important; } + .gap-lg-0 { + gap: 0 !important; } + .gap-lg-1 { + gap: 0.25rem !important; } + .gap-lg-2 { + gap: 0.5rem !important; } + .gap-lg-3 { + gap: 1rem !important; } + .gap-lg-4 { + gap: 1.5rem !important; } + .gap-lg-5 { + gap: 3rem !important; } + .row-gap-lg-0 { + row-gap: 0 !important; } + .row-gap-lg-1 { + row-gap: 0.25rem !important; } + .row-gap-lg-2 { + row-gap: 0.5rem !important; } + .row-gap-lg-3 { + row-gap: 1rem !important; } + .row-gap-lg-4 { + row-gap: 1.5rem !important; } + .row-gap-lg-5 { + row-gap: 3rem !important; } + .column-gap-lg-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + .column-gap-lg-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + .column-gap-lg-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + .column-gap-lg-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + .column-gap-lg-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + .column-gap-lg-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + .text-lg-start { + text-align: left !important; } + .text-lg-end { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; } + .float-xl-end { + float: right !important; } + .float-xl-none { + float: none !important; } + .object-fit-xl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + .object-fit-xl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + .object-fit-xl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + .object-fit-xl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + .object-fit-xl-none { + -o-object-fit: none !important; + object-fit: none !important; } + .d-xl-inline { + display: inline !important; } + .d-xl-inline-block { + display: inline-block !important; } + .d-xl-block { + display: block !important; } + .d-xl-grid { + display: grid !important; } + .d-xl-inline-grid { + display: inline-grid !important; } + .d-xl-table { + display: table !important; } + .d-xl-table-row { + display: table-row !important; } + .d-xl-table-cell { + display: table-cell !important; } + .d-xl-flex { + display: flex !important; } + .d-xl-inline-flex { + display: inline-flex !important; } + .d-xl-none { + display: none !important; } + .flex-xl-fill { + flex: 1 1 auto !important; } + .flex-xl-row { + flex-direction: row !important; } + .flex-xl-column { + flex-direction: column !important; } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xl-grow-0 { + flex-grow: 0 !important; } + .flex-xl-grow-1 { + flex-grow: 1 !important; } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; } + .flex-xl-wrap { + flex-wrap: wrap !important; } + .flex-xl-nowrap { + flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .justify-content-xl-start { + justify-content: flex-start !important; } + .justify-content-xl-end { + justify-content: flex-end !important; } + .justify-content-xl-center { + justify-content: center !important; } + .justify-content-xl-between { + justify-content: space-between !important; } + .justify-content-xl-around { + justify-content: space-around !important; } + .justify-content-xl-evenly { + justify-content: space-evenly !important; } + .align-items-xl-start { + align-items: flex-start !important; } + .align-items-xl-end { + align-items: flex-end !important; } + .align-items-xl-center { + align-items: center !important; } + .align-items-xl-baseline { + align-items: baseline !important; } + .align-items-xl-stretch { + align-items: stretch !important; } + .align-content-xl-start { + align-content: flex-start !important; } + .align-content-xl-end { + align-content: flex-end !important; } + .align-content-xl-center { + align-content: center !important; } + .align-content-xl-between { + align-content: space-between !important; } + .align-content-xl-around { + align-content: space-around !important; } + .align-content-xl-stretch { + align-content: stretch !important; } + .align-self-xl-auto { + align-self: auto !important; } + .align-self-xl-start { + align-self: flex-start !important; } + .align-self-xl-end { + align-self: flex-end !important; } + .align-self-xl-center { + align-self: center !important; } + .align-self-xl-baseline { + align-self: baseline !important; } + .align-self-xl-stretch { + align-self: stretch !important; } + .order-xl-first { + order: -1 !important; } + .order-xl-0 { + order: 0 !important; } + .order-xl-1 { + order: 1 !important; } + .order-xl-2 { + order: 2 !important; } + .order-xl-3 { + order: 3 !important; } + .order-xl-4 { + order: 4 !important; } + .order-xl-5 { + order: 5 !important; } + .order-xl-last { + order: 6 !important; } + .m-xl-0 { + margin: 0 !important; } + .m-xl-1 { + margin: 0.25rem !important; } + .m-xl-2 { + margin: 0.5rem !important; } + .m-xl-3 { + margin: 1rem !important; } + .m-xl-4 { + margin: 1.5rem !important; } + .m-xl-5 { + margin: 3rem !important; } + .m-xl-auto { + margin: auto !important; } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-xl-0 { + margin-top: 0 !important; } + .mt-xl-1 { + margin-top: 0.25rem !important; } + .mt-xl-2 { + margin-top: 0.5rem !important; } + .mt-xl-3 { + margin-top: 1rem !important; } + .mt-xl-4 { + margin-top: 1.5rem !important; } + .mt-xl-5 { + margin-top: 3rem !important; } + .mt-xl-auto { + margin-top: auto !important; } + .me-xl-0 { + margin-right: 0 !important; } + .me-xl-1 { + margin-right: 0.25rem !important; } + .me-xl-2 { + margin-right: 0.5rem !important; } + .me-xl-3 { + margin-right: 1rem !important; } + .me-xl-4 { + margin-right: 1.5rem !important; } + .me-xl-5 { + margin-right: 3rem !important; } + .me-xl-auto { + margin-right: auto !important; } + .mb-xl-0 { + margin-bottom: 0 !important; } + .mb-xl-1 { + margin-bottom: 0.25rem !important; } + .mb-xl-2 { + margin-bottom: 0.5rem !important; } + .mb-xl-3 { + margin-bottom: 1rem !important; } + .mb-xl-4 { + margin-bottom: 1.5rem !important; } + .mb-xl-5 { + margin-bottom: 3rem !important; } + .mb-xl-auto { + margin-bottom: auto !important; } + .ms-xl-0 { + margin-left: 0 !important; } + .ms-xl-1 { + margin-left: 0.25rem !important; } + .ms-xl-2 { + margin-left: 0.5rem !important; } + .ms-xl-3 { + margin-left: 1rem !important; } + .ms-xl-4 { + margin-left: 1.5rem !important; } + .ms-xl-5 { + margin-left: 3rem !important; } + .ms-xl-auto { + margin-left: auto !important; } + .p-xl-0 { + padding: 0 !important; } + .p-xl-1 { + padding: 0.25rem !important; } + .p-xl-2 { + padding: 0.5rem !important; } + .p-xl-3 { + padding: 1rem !important; } + .p-xl-4 { + padding: 1.5rem !important; } + .p-xl-5 { + padding: 3rem !important; } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-xl-0 { + padding-top: 0 !important; } + .pt-xl-1 { + padding-top: 0.25rem !important; } + .pt-xl-2 { + padding-top: 0.5rem !important; } + .pt-xl-3 { + padding-top: 1rem !important; } + .pt-xl-4 { + padding-top: 1.5rem !important; } + .pt-xl-5 { + padding-top: 3rem !important; } + .pe-xl-0 { + padding-right: 0 !important; } + .pe-xl-1 { + padding-right: 0.25rem !important; } + .pe-xl-2 { + padding-right: 0.5rem !important; } + .pe-xl-3 { + padding-right: 1rem !important; } + .pe-xl-4 { + padding-right: 1.5rem !important; } + .pe-xl-5 { + padding-right: 3rem !important; } + .pb-xl-0 { + padding-bottom: 0 !important; } + .pb-xl-1 { + padding-bottom: 0.25rem !important; } + .pb-xl-2 { + padding-bottom: 0.5rem !important; } + .pb-xl-3 { + padding-bottom: 1rem !important; } + .pb-xl-4 { + padding-bottom: 1.5rem !important; } + .pb-xl-5 { + padding-bottom: 3rem !important; } + .ps-xl-0 { + padding-left: 0 !important; } + .ps-xl-1 { + padding-left: 0.25rem !important; } + .ps-xl-2 { + padding-left: 0.5rem !important; } + .ps-xl-3 { + padding-left: 1rem !important; } + .ps-xl-4 { + padding-left: 1.5rem !important; } + .ps-xl-5 { + padding-left: 3rem !important; } + .gap-xl-0 { + gap: 0 !important; } + .gap-xl-1 { + gap: 0.25rem !important; } + .gap-xl-2 { + gap: 0.5rem !important; } + .gap-xl-3 { + gap: 1rem !important; } + .gap-xl-4 { + gap: 1.5rem !important; } + .gap-xl-5 { + gap: 3rem !important; } + .row-gap-xl-0 { + row-gap: 0 !important; } + .row-gap-xl-1 { + row-gap: 0.25rem !important; } + .row-gap-xl-2 { + row-gap: 0.5rem !important; } + .row-gap-xl-3 { + row-gap: 1rem !important; } + .row-gap-xl-4 { + row-gap: 1.5rem !important; } + .row-gap-xl-5 { + row-gap: 3rem !important; } + .column-gap-xl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + .column-gap-xl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + .column-gap-xl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + .column-gap-xl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + .column-gap-xl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + .column-gap-xl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + .text-xl-start { + text-align: left !important; } + .text-xl-end { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; } + .float-xxl-end { + float: right !important; } + .float-xxl-none { + float: none !important; } + .object-fit-xxl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } + .object-fit-xxl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } + .object-fit-xxl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } + .object-fit-xxl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } + .object-fit-xxl-none { + -o-object-fit: none !important; + object-fit: none !important; } + .d-xxl-inline { + display: inline !important; } + .d-xxl-inline-block { + display: inline-block !important; } + .d-xxl-block { + display: block !important; } + .d-xxl-grid { + display: grid !important; } + .d-xxl-inline-grid { + display: inline-grid !important; } + .d-xxl-table { + display: table !important; } + .d-xxl-table-row { + display: table-row !important; } + .d-xxl-table-cell { + display: table-cell !important; } + .d-xxl-flex { + display: flex !important; } + .d-xxl-inline-flex { + display: inline-flex !important; } + .d-xxl-none { + display: none !important; } + .flex-xxl-fill { + flex: 1 1 auto !important; } + .flex-xxl-row { + flex-direction: row !important; } + .flex-xxl-column { + flex-direction: column !important; } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xxl-grow-0 { + flex-grow: 0 !important; } + .flex-xxl-grow-1 { + flex-grow: 1 !important; } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; } + .flex-xxl-wrap { + flex-wrap: wrap !important; } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .justify-content-xxl-start { + justify-content: flex-start !important; } + .justify-content-xxl-end { + justify-content: flex-end !important; } + .justify-content-xxl-center { + justify-content: center !important; } + .justify-content-xxl-between { + justify-content: space-between !important; } + .justify-content-xxl-around { + justify-content: space-around !important; } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; } + .align-items-xxl-start { + align-items: flex-start !important; } + .align-items-xxl-end { + align-items: flex-end !important; } + .align-items-xxl-center { + align-items: center !important; } + .align-items-xxl-baseline { + align-items: baseline !important; } + .align-items-xxl-stretch { + align-items: stretch !important; } + .align-content-xxl-start { + align-content: flex-start !important; } + .align-content-xxl-end { + align-content: flex-end !important; } + .align-content-xxl-center { + align-content: center !important; } + .align-content-xxl-between { + align-content: space-between !important; } + .align-content-xxl-around { + align-content: space-around !important; } + .align-content-xxl-stretch { + align-content: stretch !important; } + .align-self-xxl-auto { + align-self: auto !important; } + .align-self-xxl-start { + align-self: flex-start !important; } + .align-self-xxl-end { + align-self: flex-end !important; } + .align-self-xxl-center { + align-self: center !important; } + .align-self-xxl-baseline { + align-self: baseline !important; } + .align-self-xxl-stretch { + align-self: stretch !important; } + .order-xxl-first { + order: -1 !important; } + .order-xxl-0 { + order: 0 !important; } + .order-xxl-1 { + order: 1 !important; } + .order-xxl-2 { + order: 2 !important; } + .order-xxl-3 { + order: 3 !important; } + .order-xxl-4 { + order: 4 !important; } + .order-xxl-5 { + order: 5 !important; } + .order-xxl-last { + order: 6 !important; } + .m-xxl-0 { + margin: 0 !important; } + .m-xxl-1 { + margin: 0.25rem !important; } + .m-xxl-2 { + margin: 0.5rem !important; } + .m-xxl-3 { + margin: 1rem !important; } + .m-xxl-4 { + margin: 1.5rem !important; } + .m-xxl-5 { + margin: 3rem !important; } + .m-xxl-auto { + margin: auto !important; } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-xxl-0 { + margin-top: 0 !important; } + .mt-xxl-1 { + margin-top: 0.25rem !important; } + .mt-xxl-2 { + margin-top: 0.5rem !important; } + .mt-xxl-3 { + margin-top: 1rem !important; } + .mt-xxl-4 { + margin-top: 1.5rem !important; } + .mt-xxl-5 { + margin-top: 3rem !important; } + .mt-xxl-auto { + margin-top: auto !important; } + .me-xxl-0 { + margin-right: 0 !important; } + .me-xxl-1 { + margin-right: 0.25rem !important; } + .me-xxl-2 { + margin-right: 0.5rem !important; } + .me-xxl-3 { + margin-right: 1rem !important; } + .me-xxl-4 { + margin-right: 1.5rem !important; } + .me-xxl-5 { + margin-right: 3rem !important; } + .me-xxl-auto { + margin-right: auto !important; } + .mb-xxl-0 { + margin-bottom: 0 !important; } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; } + .mb-xxl-3 { + margin-bottom: 1rem !important; } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; } + .mb-xxl-5 { + margin-bottom: 3rem !important; } + .mb-xxl-auto { + margin-bottom: auto !important; } + .ms-xxl-0 { + margin-left: 0 !important; } + .ms-xxl-1 { + margin-left: 0.25rem !important; } + .ms-xxl-2 { + margin-left: 0.5rem !important; } + .ms-xxl-3 { + margin-left: 1rem !important; } + .ms-xxl-4 { + margin-left: 1.5rem !important; } + .ms-xxl-5 { + margin-left: 3rem !important; } + .ms-xxl-auto { + margin-left: auto !important; } + .p-xxl-0 { + padding: 0 !important; } + .p-xxl-1 { + padding: 0.25rem !important; } + .p-xxl-2 { + padding: 0.5rem !important; } + .p-xxl-3 { + padding: 1rem !important; } + .p-xxl-4 { + padding: 1.5rem !important; } + .p-xxl-5 { + padding: 3rem !important; } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .pt-xxl-0 { + padding-top: 0 !important; } + .pt-xxl-1 { + padding-top: 0.25rem !important; } + .pt-xxl-2 { + padding-top: 0.5rem !important; } + .pt-xxl-3 { + padding-top: 1rem !important; } + .pt-xxl-4 { + padding-top: 1.5rem !important; } + .pt-xxl-5 { + padding-top: 3rem !important; } + .pe-xxl-0 { + padding-right: 0 !important; } + .pe-xxl-1 { + padding-right: 0.25rem !important; } + .pe-xxl-2 { + padding-right: 0.5rem !important; } + .pe-xxl-3 { + padding-right: 1rem !important; } + .pe-xxl-4 { + padding-right: 1.5rem !important; } + .pe-xxl-5 { + padding-right: 3rem !important; } + .pb-xxl-0 { + padding-bottom: 0 !important; } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; } + .pb-xxl-3 { + padding-bottom: 1rem !important; } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; } + .pb-xxl-5 { + padding-bottom: 3rem !important; } + .ps-xxl-0 { + padding-left: 0 !important; } + .ps-xxl-1 { + padding-left: 0.25rem !important; } + .ps-xxl-2 { + padding-left: 0.5rem !important; } + .ps-xxl-3 { + padding-left: 1rem !important; } + .ps-xxl-4 { + padding-left: 1.5rem !important; } + .ps-xxl-5 { + padding-left: 3rem !important; } + .gap-xxl-0 { + gap: 0 !important; } + .gap-xxl-1 { + gap: 0.25rem !important; } + .gap-xxl-2 { + gap: 0.5rem !important; } + .gap-xxl-3 { + gap: 1rem !important; } + .gap-xxl-4 { + gap: 1.5rem !important; } + .gap-xxl-5 { + gap: 3rem !important; } + .row-gap-xxl-0 { + row-gap: 0 !important; } + .row-gap-xxl-1 { + row-gap: 0.25rem !important; } + .row-gap-xxl-2 { + row-gap: 0.5rem !important; } + .row-gap-xxl-3 { + row-gap: 1rem !important; } + .row-gap-xxl-4 { + row-gap: 1.5rem !important; } + .row-gap-xxl-5 { + row-gap: 3rem !important; } + .column-gap-xxl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; } + .column-gap-xxl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } + .column-gap-xxl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } + .column-gap-xxl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; } + .column-gap-xxl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } + .column-gap-xxl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; } + .text-xxl-start { + text-align: left !important; } + .text-xxl-end { + text-align: right !important; } + .text-xxl-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; } + .fs-2 { + font-size: 2rem !important; } + .fs-3 { + font-size: 1.75rem !important; } + .fs-4 { + font-size: 1.5rem !important; } } + +@media print { + .d-print-inline { + display: inline !important; } + .d-print-inline-block { + display: inline-block !important; } + .d-print-block { + display: block !important; } + .d-print-grid { + display: grid !important; } + .d-print-inline-grid { + display: inline-grid !important; } + .d-print-table { + display: table !important; } + .d-print-table-row { + display: table-row !important; } + .d-print-table-cell { + display: table-cell !important; } + .d-print-flex { + display: flex !important; } + .d-print-inline-flex { + display: inline-flex !important; } + .d-print-none { + display: none !important; } } + +.theme-toggle-menu { + --hb-dropdown-min-width: 4rem; } + +::-webkit-scrollbar { + width: 12px; + height: 12px; } + +::-webkit-scrollbar-track { + background: #f8f9fa; } + +::-webkit-scrollbar-thumb { + background: #909294; } + +::-webkit-scrollbar-corner { + background: #909294; } + +/*! purgecss start ignore */ +.hb-progress { + height: 2px; + z-index: 1100; } + +/*! purgecss end ignore */ +.hb-docs-doc-content h2:not(:first-child), .hb-docs-doc-content .h2:not(:first-child) { + margin-top: 3rem; } + +.hb-docs-doc-content > h3, .hb-docs-doc-content > .h3 { + margin-top: 2rem; } + +.hb-docs-doc-content h4, .hb-docs-doc-content .h4, +.hb-docs-doc-content h5, +.hb-docs-doc-content .h5, +.hb-docs-doc-content h6, +.hb-docs-doc-content .h6 { + margin-top: 0.5rem; } + +.hb-docs-doc-intro { + grid-area: intro; } + +@media (min-width: 992px) { + .hb-docs { + display: grid; + grid-template-areas: "sidebar main"; + grid-template-columns: 1fr 5fr; + gap: 1.5rem; } } + +.hb-docs-main { + grid-area: main; } + +.hb-docs-doc { + display: grid; + grid-template-areas: "intro" "toc" "main"; + grid-template-rows: auto auto 1fr; } + @media (min-width: 992px) { + .hb-docs-doc { + grid-template-areas: "intro toc" "main toc"; + /* stylelint-disable declaration-block-no-redundant-longhand-properties */ + grid-template-rows: auto 1fr; + grid-template-columns: 4fr 1fr; + /* stylelint-enable declaration-block-no-redundant-longhand-properties */ } } +.hb-docs-doc-main { + grid-area: main; + min-width: 1px; } + +.hb-docs-nav-heading a { + color: inherit; + text-decoration: none; } + +.hb-docs-nav-heading, +.hb-docs-nav-link { + color: inherit; + margin-top: 0.25rem; + padding: 0.25rem 0.5rem; + text-decoration: none; } + .hb-docs-nav-heading:hover, .hb-docs-nav-heading.active, + .hb-docs-nav-link:hover, + .hb-docs-nav-link.active { + background: var(--hb-primary-bg-subtle); } + +.hb-docs-nav-links > .hb-docs-nav-links-span-all .hb-docs-nav-link { + margin-left: 0; } + +.hb-docs-sidebar { + grid-area: sidebar; } + +.hb-docs-nav, +.hb-docs-doc-toc { + grid-area: toc; } + @media (min-width: 992px) { + .hb-docs-nav, + .hb-docs-doc-toc { + position: sticky; + top: 86px; + height: calc(100vh - 86px); + overflow-y: auto; } } +@media (max-width: 991.98px) { + .hb-docs-doc-toc { + color: var(--hb-body-color) !important; + margin: 0.5rem 0 1rem; + /* stylelint-disable selector-id-pattern */ + /* stylelint-enable selector-id-pattern */ } + .hb-docs-doc-toc #TableOfContents { + border-bottom: 1px solid var(--hb-border-color); + font-size: 1rem !important; } } + +@media (min-width: 768px) { + .hb-docs-doc-toc-collapse { + display: block !important; } } + +.hb-content-panel-wrapper { + bottom: 20px; + opacity: 0.875; } + .hb-content-panel-wrapper:hover { + opacity: 1; } + +.hb-content-panel-item:first-child { + margin-left: 0.75rem; } + +.hb-content-panel-item:last-child { + margin-right: 0.75rem; } + +.hb-content-panel-item:not(:last-child)::after { + color: var(--hb-border-color); + content: "|"; + padding-right: 0.25rem; } + +.hb-content-panel-translations .dropdown-menu { + min-width: 1px; } + +/*! purgecss start ignore */ +:root { + --search-primary: #712cf9; + --search-container-bg: rgba(101, 108, 133, 80%); + --search-bg: #f5f6f7; + --search-color: #212529; + --search-color-secondary: #64676a; + --search-result-bg: white; + --search-result-bg-active: var(--search-primary); + --search-result-color: var(--search-color); + --search-result-color-active: white; + --search-result-color-secondary: var(--search-color-secondary); + --search-result-color-secondary-active: #fafafb; + --search-result-highlight-bg: inherit; + --search-result-highlight-color: inherit; + --search-border-color: #dee2e6; } + +button { + cursor: pointer; } + +.search-dropdown-toggle { + align-items: center; + background: transparent; + border: 0; + color: inherit; + cursor: pointer; + display: flex; } + +.search-dropdown-label { + font-size: 0.875rem; + margin-left: 0.25rem; } + @media (max-width: 576px) { + .search-dropdown-label { + display: none; } } +.search-dropdown-menu { + display: none; + left: 0; + list-style: none; + position: absolute; + background-color: var(--search-bg); + min-width: 160px; + border: 1px solid var(--search-border-color); + border-radius: 0.25rem; + margin: 1.5rem 0 0; + max-height: 30vh; + overflow: hidden auto; + padding: 0.5rem 0 0.15rem; + z-index: 1; } + +.search-dropdown-item { + color: var(--search-color); + padding: 0.25rem 0.5rem; + white-space: nowrap; } + .search-dropdown-item.active, .search-dropdown-item:hover { + background: var(--search-primary); + color: white; } + +.search-dropdown { + cursor: pointer; + display: flex; + flex-direction: column; + position: relative; } + .search-dropdown.show .search-dropdown-menu { + display: block; } + .search-dropdown.active .search-dropdown-toggle { + color: var(--search-primary); } + +.search-modal-container { + background: var(--search-container-bg); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + z-index: 1100; } + .search-modal-container.active { + display: flex; } + +.search-modal { + height: 100%; + width: 100%; + flex-direction: column; + position: fixed; + display: flex; + background: var(--search-bg); + color: var(--search-color); + overflow: hidden; + min-height: 360px; } + @media (min-width: 576px) { + .search-modal { + border-radius: 0.25rem; + max-width: 90vw; + max-height: 600px; + height: 80%; + left: calc((100% - 90vw) / 2); + top: 10%; } } + @media (min-width: 1200px) { + .search-modal { + max-width: 80vw; + left: calc((100% - 80vw) / 2); } } +.search-modal-header { + background: inherit; + padding: 0.75rem 0.5rem 0; + position: sticky; + top: 0; + border-bottom: 1px solid var(--search-border-color); + margin-bottom: 0.5rem; + z-index: 1; } + +.search-modal-active { + overflow: hidden !important; } + +.search-modal-close { + margin-left: 0.25rem; + background: var(--search-primary); + color: white; + border: none; + border-radius: 0.25rem; + cursor: pointer; } + @media (min-width: 576px) { + .search-modal-close { + display: none; } } +.search-modal-body { + padding: 0 0.5rem; + overflow-y: auto; + height: 100%; + flex: 1; } + +.search-modal-footer { + background: inherit; + position: sticky; + bottom: 0; + padding: 0.75rem 0.5rem; + border-top: 1px solid var(--search-border-color); } + @media (max-width: 576px) { + .search-modal-footer { + display: none; } } +.search-form { + display: flex; + flex-flow: column wrap; + margin-bottom: 0.5rem; } + +.search-input-group { + display: flex; + flex: 1; + position: relative; } + +.search-input-icon, +.search-spinner { + background: inherit; + border: none; + color: var(--search-primary); + position: absolute; + top: 0; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 0 0.5rem; + left: 0; } + .search-input-icon.disabled, + .search-spinner.disabled { + display: none; } + +.search-spinner svg { + background: var(--search-bg); + animation-name: search-spin; + animation-duration: 2000ms; + animation-iteration-count: infinite; + animation-timing-function: linear; } + +@keyframes search-spin { + from { + transform: rotate(0deg); } + to { + transform: rotate(360deg); } } + +.search-input { + border-radius: 0.25rem; + border: 1px solid var(--search-primary); + padding: 0.75rem 0.5rem 0.75rem 2.25rem; + flex: 1; } + .search-input::-webkit-search-cancel-button { + cursor: pointer; + padding: 0.125rem; } + +.search-form-control { + height: 100%; + margin-right: 0.25rem; + outline: none; + background: var(--search-bg); + color: var(--search-color); } + +.search-form-meta { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + margin-top: 0.25rem; } + +.search-panel { + display: flex; + flex-wrap: wrap; + margin-bottom: 0.5rem; } + +.search-panel-action { + align-items: center; + border: 0; + background: transparent; + color: var(--search-color); + display: flex; + font-size: 0.875rem; + margin: 0.25rem 0 0; } + .search-panel-action.active { + color: var(--search-primary); } + +.search-panel-action-icon { + display: flex; } + .search-panel-action-icon svg { + width: 16px; + height: 16px; } + +.search-panel-action-label { + margin-left: 0.25rem; } + @media (max-width: 576px) { + .search-panel-action-label { + display: none; } } +.search-filter-lang { + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + +.search-expand-toggle { + padding: 0 0.125rem; } + +.search-result-icon { + margin-right: 0.5rem; } + .search-result-icon svg { + vertical-align: middle; } + +.search-result-content { + display: flex; + flex: 1; + margin: 0 2rem 0.125rem 0; + flex-flow: column nowrap; + overflow: hidden; } + +.search-result-desc { + margin-top: 0.25rem; } + +.search-result-desc, +.search-result-meta { + font-size: 0.75rem; + color: var(--search-result-color-secondary); } + +.search-result-title, +.search-result-desc { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + .search-result-title mark, .search-result-title .mark, + .search-result-desc mark, + .search-result-desc .mark { + background: var(--search-result-highlight-bg); + color: var(--search-result-highlight-color); + text-decoration: underline; } + +.search-result-meta, +.search-result-content-content { + text-overflow: ellipsis; + overflow: hidden; } + +.search-result-meta { + margin-top: 0.5rem; + padding: 0 0.25rem; + white-space: nowrap; + width: 100%; + transition: opacity 0.35s linear; + opacity: 1; } + .search-result-meta:not(.show) { + opacity: 0; + height: 0; + margin-top: 0; } + .search-result-meta span { + margin-right: 0.25rem; } + .search-result-meta spanspan:not(:last-child)::after { + content: "·"; + padding-left: 0.25rem; } + +.search-result-lang { + text-transform: uppercase; } + +.search-result-taxonomy::before { + content: "#"; } + +.search-result-headings { + margin-left: 1rem; } + +.search-result-heading-icon { + margin-right: 0.25rem; } + .search-result-heading-icon::before { + content: "⊢"; + color: var(--search-result-color-secondary); } + +.search-result-actions { + position: absolute; + right: 0.5rem; } + +.search-result-action { + padding: 0.25rem; } + +.search-result-content-content { + margin-top: 0.5rem; + -webkit-line-clamp: 3; + display: -webkit-box; + -webkit-box-orient: vertical; + white-space: normal; } + +.search-results { + margin-bottom: 0.5rem; } + .search-results.expanded .search-result-meta { + opacity: 1; + height: auto; + margin-top: 0.25rem; } + .search-results.expanded .search-result-action-meta { + display: none; } + +.search-result { + text-decoration: none; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0.5rem 0 0; + padding: 0.5rem; + position: relative; + border-radius: 0.25rem; + background: var(--search-result-bg); + color: var(--search-result-color); + transition: 0.2s ease-out; + outline: none; } + .search-result:first-child { + margin-top: 0; } + .search-result[aria-selected="true"] { + background: var(--search-result-bg-active); + color: var(--search-result-color-active); } + .search-result[aria-selected="true"] .search-result-meta, + .search-result[aria-selected="true"] .search-result-desc { + color: var(--search-result-color-secondary-active); } + .search-result[aria-selected="true"] .search-result-heading-icon::before { + color: var(--search-result-color-secondary-active); } + +.search-result-heading { + padding-left: 1rem; + margin-top: 0.25rem; } + +.search-container { + background: var(--search-bg); + color: var(--search-color); + padding: 0.5rem; } + .search-container .search-modal-close { + display: none; } + +.search-header { + position: relative; + z-index: 1; + border-bottom: 1px solid var(--search-border-color); + margin-bottom: 0.5rem; } + +.search-body { + width: 100%; + max-height: 600px; + min-height: 240px; + overflow-y: auto; } + +.search-footer { + border-top: 1px solid var(--search-border-color); + padding-top: 0.5rem; } + +.search-shortcut { + display: inline-flex; + margin: 0.25rem 0.5rem 0.25rem 0; + font-size: 0.875rem; + align-items: center; } + +.search-shortcut-kbds:not(:first-child)::before { + content: "+"; + margin-right: 0.125rem; } + +.search-shortcut-kbd { + background: #3e3e3e; + border-radius: 0.125rem; + padding: 0.125rem 0.25rem; + color: white; + margin-right: 0.25rem; } + +.search-stat { + font-size: 0.875rem; + color: var(--search-color-secondary); } + +.search-stat-results { + color: var(--search-primary); } + +:root { + --search-primary: var(--hb-primary); + --search-bg: var(--hb-body-bg); + --search-color: var(--hb-body-color); + --search-color-secondary: var(--hb-secondary-color); + --search-border-color: var(--hb-border-color); + --search-result-bg: var(--hb-secondary-bg); + --search-result-color: var(--hb-body-color); + --search-result-color-secondary: var(--hb-secondary-color); } + :root[data-bs-theme="dark"] { + --search-primary: var(--hb-primary-text-emphasis); } + +.search-result mark, .search-result .mark { + padding: 0; } + +/*! purgecss start end */ +.hb-header-search-icon { + color: var(--hb-navbar-color); } + @media (min-width: 992px) { + .hb-header-search-icon { + position: absolute; + left: 0.325rem; + top: 0.375rem; } } +.hb-header-search-form { + cursor: pointer; } + .hb-header-search-form input { + caret-color: transparent; + cursor: pointer; + padding-left: 1.875rem; + width: 168px; } + +.hb-header-search-keys { + top: 0.35rem; + right: 0.75rem; } + .hb-header-search-keys kbd { + font-size: 0.75rem; } + +.language-picker-menu { + --hb-dropdown-min-width: 4rem; } + +.hb-footer .hb-social { + color: var(--hb-body-color); } + .hb-footer .hb-social:hover { + color: var(--hb-primary); } + +.mermaid { + align-items: center; + display: flex; + justify-content: center; + margin-bottom: 1rem; } + .mermaid:not([data-processed="true"]) { + height: 120px; + color: var(--hb-secondary); } + .mermaid:not([data-processed="true"])::after { + content: ""; + margin: 0 0 0 0.25rem; + position: absolute; } + +/*! purgecss start ignore */ +.slide { + position: relative; + display: flex; } + +.slide-inner { + flex-wrap: nowrap; + overflow: hidden; + width: 100%; + margin: 0; } + +.slide-control-left { + left: 0; } + +.slide-control-right { + right: 0; } + +.slide-control-left, +.slide-control-right { + border: none; + background: transparent; + color: var(--hb-secondary); + height: 100%; + opacity: 0; + position: absolute; + width: 80px; } + .slide-control-left:hover, + .slide-control-right:hover { + color: var(--hb-primary); } + +.slide:hover .slide-control-left, +.slide:hover .slide-control-right, .slide:focus .slide-control-left, +.slide:focus .slide-control-right { + opacity: 1; } + +/*! purgecss end ignore */ +blockquote { + border-left: 0.25rem solid var(--hb-primary); + padding: 0.25rem 1rem; + position: relative; } + blockquote p:last-child { + margin-bottom: 0; } + +code { + background: var(--hb-secondary-bg); + color: var(--hb-secondary-color); + padding: 0.125rem 0.25rem; } + +pre { + border-radius: 0.125rem; + padding: 0.75rem 0.5rem; } + pre code { + background: inherit; } + +.highlight pre code { + padding: 0; } + +.hb-error-action { + margin: 0 0.125rem; } + +.hb-error-action-icon { + margin-right: 0.25rem; + vertical-align: -0.125rem; } + +.hi-svg-inline { + vertical-align: -0.125rem; } + +.hb-main { + display: flex; + flex: 1; + flex-direction: column; + margin-bottom: 2rem; } + +.hb-module { + margin-bottom: 2rem; } + +body { + display: flex; + flex-direction: column; + min-height: 100vh; } + +.footnote-backref { + text-decoration: none; } + +/* stylelint-disable selector-id-pattern */ +#TableOfContents { + font-size: 0.875rem; } + #TableOfContents > ul { + padding-left: 0 !important; } + #TableOfContents ul { + list-style: none; + padding-left: 1rem; } + #TableOfContents ul ul { + margin-top: 0.25rem; } + #TableOfContents li { + margin-bottom: 0.25rem; } + #TableOfContents a { + color: inherit; + text-decoration: none; } + #TableOfContents a:hover { + text-decoration: underline; } + +/* stylelint-enable selector-id-pattern */ +.archives { + margin-left: 10px; } + +.archive::before, +.archive-subheading::before { + background: var(--hb-primary); + border-radius: 50%; + content: ""; + left: -12.5px; + margin-top: 0.25rem; + position: absolute; } + +.archive::before { + height: 20px; + width: 20px; } + +.archive-subheading::before { + background: var(--hb-secondary); + height: 15px; + left: -10px; + width: 15px; } + +.hb-blog-post-card-img { + height: 160px; + -o-object-fit: cover; + object-fit: cover; + width: 100%; + transition: 0.3s; } + .hb-blog-post-card-img:hover { + transform: scale(1.2); } + +.hb-blog-post-card-img-none { + background: rgba(var(--hb-body-color-rgb), 0.1); + height: 160px; + filter: blur(1px); + font-size: 1.5rem; + text-transform: uppercase; + width: 100%; } + +.hb-blog-post-content h2:not(:first-child), .hb-blog-post-content .h2:not(:first-child) { + margin-top: 3rem; } + +.hb-blog-post-content > h3, .hb-blog-post-content > .h3 { + margin-top: 2rem; } + +.hb-blog-post-content h4, .hb-blog-post-content .h4, +.hb-blog-post-content h5, +.hb-blog-post-content .h5, +.hb-blog-post-content h6, +.hb-blog-post-content .h6 { + margin-top: 0.5rem; } + +.hb-blog-home-sidebar { + top: 84px; } + +.hb-blog-post-intro { + grid-area: intro; } + +.hb-blog-post { + display: grid; + grid-template-areas: "intro" "toc" "main"; + grid-template-rows: auto auto 1fr; } + @media (min-width: 992px) { + .hb-blog-post { + grid-template-areas: "intro toc" "main toc"; + /* stylelint-disable declaration-block-no-redundant-longhand-properties */ + grid-template-rows: auto 1fr; + grid-template-columns: 4fr 1fr; + /* stylelint-enable declaration-block-no-redundant-longhand-properties */ } } +.hb-blog-post-main { + grid-area: main; + min-width: 1px; } + +.hb-blog-post-meta { + align-items: center; + color: var(--hb-secondary-color); + display: flex; + font-size: 0.825rem; + flex-wrap: wrap; } + .hb-blog-post-meta span { + margin: 0.35rem 0.125rem; } + .hb-blog-post-meta span:first-child { + margin-left: 0; } + .hb-blog-post-meta span:last-child { + margin-right: 0; } + .hb-blog-post-meta span:not(:last-child):not(.hb-blog-post-taxonomy-meta)::after { + content: "·"; + padding-left: 0.25rem; } + .hb-blog-post-meta .hb-blog-post-author-link { + margin-right: 0.175rem; + padding: 0 0.275rem; } + .hb-blog-post-meta .hb-blog-post-author-link:first-child { + margin-left: -0.275rem; } + .hb-blog-post-meta .hb-blog-author-img, + .hb-blog-post-meta .hb-blog-author-img-none { + height: 20px; + width: 20px; } + +.hb-blog-post-summary { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; } + .hb-blog-post-summary p:last-child { + margin-bottom: 0; } + +.hb-blog-post-toc { + grid-area: toc; } + @media (max-width: 991.98px) { + .hb-blog-post-toc { + color: var(--hb-body-color) !important; + margin: 0.5rem 0 1rem; + /* stylelint-disable selector-id-pattern */ + /* stylelint-enable selector-id-pattern */ } + .hb-blog-post-toc #TableOfContents { + border-bottom: 1px solid var(--hb-border-color); + font-size: 1rem !important; } } + @media (min-width: 992px) { + .hb-blog-post-toc { + height: calc(100vh - 86px); + top: 86px; } } +@media (min-width: 768px) { + .hb-blog-post-toc-collapse { + display: block !important; } } + +.hb-blog-post-title-link { + --hb-link-color-rgb: var(--hb-body-color-rgb); + text-decoration: none; } + +.hb-blog-post-taxonomy-tag::before { + content: "#"; } + +.hb-terms-cloud a { + --size: 0; + --color: var(--hb-primary); + color: var(--color); + font-size: calc(var(--size) * 0.125rem + 0.75rem); + padding: 0.125rem 0.25rem; + position: relative; + text-decoration: none; } + .hb-terms-cloud a::before { + content: ""; + position: absolute; + top: 0; + left: 50%; + width: 0; + height: 100%; + background: var(--color); + transform: translate(-50%, 0); + opacity: 0.125; + transition: width 0.25s; } + .hb-terms-cloud a:hover::before, .hb-terms-cloud a:focus::before { + width: 100%; } + +.hb-terms-cloud li:nth-child(2n + 1) a { + --color: #ffc107; } + +.hb-terms-cloud li:nth-child(3n + 1) a { + --color: #198754; } + +.hb-terms-cloud li:nth-child(4n + 1) a { + --color: #dc3545; } + +.hb-blog-term-profile .hb-social, +.hb-blog-term-author .hb-social { + color: var(--hb-body-color); } + .hb-blog-term-profile .hb-social:hover, + .hb-blog-term-author .hb-social:hover { + color: var(--hb-primary); } + +.hb-blog-term-img { + height: 100px; + width: 100px; } + +/*! purgecss start ignore */ +h1 .anchor, .h1 .anchor, +h2 .anchor, +.h2 .anchor, +h3 .anchor, +.h3 .anchor, +h4 .anchor, +.h4 .anchor, +h5 .anchor, +.h5 .anchor, +h6 .anchor, +.h6 .anchor { + display: none; + text-decoration: none; } + +h1:hover .anchor, .h1:hover .anchor, +h2:hover .anchor, +.h2:hover .anchor, +h3:hover .anchor, +.h3:hover .anchor, +h4:hover .anchor, +.h4:hover .anchor, +h5:hover .anchor, +.h5:hover .anchor, +h6:hover .anchor, +.h6:hover .anchor { + display: inline-block; } + +/*! purgecss end ignore */ +.hb-blog-post-featured-img { + -o-object-fit: cover; + object-fit: cover; + max-height: 480px; } + +.hb-docs-doc-featured-img { + -o-object-fit: cover; + object-fit: cover; + max-height: 480px; } + +/*! purgecss start ignore */ +.hb-carousel .carousel-img-placeholder { + background: rgba(var(--hb-body-color-rgb), 0.1); } + +.hb-carousel .carousel-img, +.hb-carousel .carousel-img-placeholder { + height: 240px; + -o-object-fit: cover; + object-fit: cover; } + +@media (min-width: 768px) { + .hb-carousel .carousel-img, + .hb-carousel .carousel-img-placeholder { + height: 320px; } } + +.hb-carousel .carousel-caption { + bottom: 0; + left: 0; + padding: 0.75rem 1rem 2.25rem; + opacity: 0.75; + right: 0; } + +.hb-carousel .carousel-img-placeholder, +.hb-carousel .carousel-caption { + background: rgba(0, 0, 0, 0.75); } + +.hb-carousel .carousel-link { + color: rgba(255, 255, 255, 0.75); } + .hb-carousel .carousel-link:hover { + color: white; } + +.hb-carousel .carousel-indicators { + bottom: 0.5rem; + justify-content: start; + margin: 0 0.825rem; } + .hb-carousel .carousel-indicators [data-bs-target] { + background-color: #fff !important; + border-radius: 50%; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + height: 15px; + width: 15px; + margin: 0 5px; + padding: 2px; } + .hb-carousel .carousel-indicators [aria-current="true"] { + background-color: var(--hb-primary) !important; } + +.hb-carousel .carousel-controls { + bottom: 0.5rem; + position: absolute; + right: 1.25rem; + z-index: 3; } + .hb-carousel .carousel-controls .carousel-control { + text-decoration: none; + color: rgba(255, 255, 255, 0.75); } + .hb-carousel .carousel-controls .carousel-control:hover { + color: white; } + +/*! purgecss end ignore */ +.hb-footer a { + color: var(--hb-body-color); + text-decoration: none; } + .hb-footer a:hover, .hb-footer a:focus { + color: var(--hb-link-hover-color); + text-decoration: underline; } + +/*! purgecss start ignore */ +.snackbars { + position: fixed; + top: 50%; + left: 50%; } + +.snackbar { + background: #323232; + border-radius: 0.25rem; + color: white; + margin: 0.25rem; + padding: 0.5rem 1rem; } + +/*! purgecss end ignore */ +.hb-breadcrumb { + --hb-breadcrumb-margin-bottom: 0; + --hb-breadcrumb-divider: ""; + --hb-link-color-rgb: var(--hb-body-secondary); + flex-wrap: nowrap; + overflow: hidden; + white-space: nowrap; } + .hb-breadcrumb .breadcrumb-item { + background: var(--hb-secondary-bg); + -webkit-clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%, 1rem 50%); + clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%, 1rem 50%); + margin-right: -0.875rem; + max-width: 360px; + overflow: hidden; + padding: 0.5rem 0; + text-overflow: ellipsis; } + .hb-breadcrumb .breadcrumb-item.active, .hb-breadcrumb .breadcrumb-item:focus, .hb-breadcrumb .breadcrumb-item:hover, .hb-breadcrumb .breadcrumb-item:active { + background: var(--hb-primary); + color: var(--hb-white); } + .hb-breadcrumb .breadcrumb-item a { + padding: 0.5rem 1.25rem 0.5rem 1.75rem; + text-decoration: none; } + .hb-breadcrumb .breadcrumb-item a:hover { + color: inherit; } + .hb-breadcrumb .breadcrumb-item:last-child { + max-width: 100%; } + .hb-breadcrumb .breadcrumb-item:first-child { + -webkit-clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%); + clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%); } + .hb-breadcrumb .breadcrumb-item:first-child a { + padding-left: 0.75rem; } + @media (max-width: 767.98px) { + .hb-breadcrumb .breadcrumb-item { + max-width: 240px; } + .hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) { + align-items: center; + display: flex; + justify-content: center; + width: 2.75rem; } + .hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) a { + display: none; } + .hb-breadcrumb .breadcrumb-item:not(:first-child):not(:last-child)::after { + content: "..."; + margin-top: -0.5rem; } } +/*! purgecss start ignore */ +.highlight { + position: relative; } + .highlight:hover .code-block-panel, .highlight:focus .code-block-panel { + display: block; } + .highlight pre { + max-height: 560px; + overflow: auto; + padding: 1rem 0.5rem; } + .highlight pre code { + word-break: break-all; } + .highlight pre code.code-no-ln .ln, + .highlight pre code.code-no-ln > span > span:first-child { + display: none; } + .highlight pre code.code-wrap { + white-space: pre-wrap !important; } + .highlight pre .code-block-lang { + font-style: italic; + position: absolute; + right: 1rem; + text-transform: uppercase; + top: 0; } + +.code-block-panel-wrapper { + position: absolute; + top: 0.75rem; + right: 1rem; } + +.code-block-panel { + display: none; + position: sticky; } + +.code-block-action { + background: #323232; + border: none; + border-radius: 0.25rem; + color: white; + cursor: pointer; + display: inline-flex; + margin: 0 0.25rem; + padding: 0.25rem; } + .code-block-action svg { + vertical-align: -0.125rem; } + +/*! purgecss end ignore */ +:root { + --hb-header-navbar-active-color: var(--hb-primary); } + :root[data-bs-theme="dark"] { + --hb-header-navbar-active-color: var(--hb-primary-text-emphasis); } + +html { + scroll-padding-top: 68px; } + +.hb-header { + margin-bottom: 2rem; + transition: opacity 0.2s ease-in; } + .hb-header .dropdown-item { + --hb-dropdown-item-padding-x: 0.5rem; + --hb-dropdown-item-padding-y: 0.5rem; } + .hb-header .dropdown-item-desc { + font-size: 0.8rem; + max-width: 280px; + overflow: hidden; + text-overflow: ellipsis; + opacity: 0.7; } + +.hb-header-menus { + margin-right: auto; } + .hb-header-menus .nav-link-icon { + align-items: center; + display: flex; + justify-content: center; + margin-right: 0.25rem; } + .hb-header-menus .dropdown-item-icon { + color: var(--hb-body-color); } + .hb-header-menus .dropdown-toggle-icon { + margin-left: 0.25rem; } + .hb-header-menus .hb-header-menu-icon { + display: inline-block; + vertical-align: -0.125rem; } + +.hb-header-logo { + height: 32px; + width: auto; } + +.hb-header-logo { + background: ""; } + +.navbar-brand { + padding-top: 0.1225rem; } + +.hb-header .navbar { + --hb-navbar-hover-color: var(--hb-header-navbar-active-color); + --hb-navbar-active-color: var(--hb-header-navbar-active-color); + --hb-nav-link-hover-color: var(--hb-header-navbar-active-color); } + +@media (min-width: 1400px) { + .hb-header-menus .hb-header-menu { + margin: 0 0.125rem; + padding-left: 0; + padding-right: 0; } + .hb-header-menus .hb-header-menu::after { + border-bottom: solid 3px var(--hb-header-navbar-active-color); + bottom: -0.5rem; + display: block; + content: ""; + margin-left: 0.5rem; + position: relative; + transform: scaleX(0); + transition: transform 0.3s ease-in-out; + width: calc(100% - 0.125rem * 8); } + .hb-header-menus .hb-header-menu:focus::after, .hb-header-menus .hb-header-menu:hover::after, .hb-header-menus .hb-header-menu.active::after { + transform: scaleX(1); } } + +/*! purgecss start ignore */ +.hb-back-to-top { + background: transparent; + border: none; + bottom: 1rem; + color: var(--hb-body-color); + opacity: 0; + padding: 0; + position: fixed; + right: 1rem; + transition: opacity 0.5s; + z-index: -1; } + .hb-back-to-top.scrolling { + bottom: 100%; + color: var(--hb-primary-text-emphasis); + transition: bottom 1s; } + .hb-back-to-top.show { + opacity: 1; + z-index: 1000; } + .hb-back-to-top:hover { + color: var(--hb-primary-text-emphasis); } + +.hb-back-to-top-icon { + display: flex; } + +/*! purgecss end ignore */ +/*! purgecss start ignore */ +/* Background */ +.bg { + color: #ebdbb2; + background-color: #282828; } + +/* PreWrapper */ +.chroma { + color: #ebdbb2; + background-color: #282828; } + +/* Other */ +/* Error */ +/* CodeLine */ +/* LineLink */ +.chroma .lnlinks { + outline: none; + text-decoration: none; + color: inherit; } + +/* LineTableTD */ +.chroma .lntd { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; } + +/* LineTable */ +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; } + +/* LineHighlight */ +.chroma .hl { + background-color: #ffffcc; } + +/* LineNumbersTable */ +.chroma .lnt { + white-space: pre; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #756d59; } + +/* LineNumbers */ +.chroma .ln { + white-space: pre; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #756d59; } + +/* Line */ +.chroma .line { + display: flex; } + +/* Keyword */ +.chroma .k { + color: #fe8019; } + +/* KeywordConstant */ +.chroma .kc { + color: #fe8019; } + +/* KeywordDeclaration */ +.chroma .kd { + color: #fe8019; } + +/* KeywordNamespace */ +.chroma .kn { + color: #fe8019; } + +/* KeywordPseudo */ +.chroma .kp { + color: #fe8019; } + +/* KeywordReserved */ +.chroma .kr { + color: #fe8019; } + +/* KeywordType */ +.chroma .kt { + color: #fabd2f; } + +/* Name */ +/* NameAttribute */ +.chroma .na { + color: #b8bb26; + font-weight: bold; } + +/* NameBuiltin */ +.chroma .nb { + color: #fabd2f; } + +/* NameBuiltinPseudo */ +/* NameClass */ +/* NameConstant */ +.chroma .no { + color: #d3869b; } + +/* NameDecorator */ +/* NameEntity */ +.chroma .ni { + color: #fabd2f; } + +/* NameException */ +.chroma .ne { + color: #fb4934; } + +/* NameFunction */ +.chroma .nf { + color: #fabd2f; } + +/* NameFunctionMagic */ +/* NameLabel */ +.chroma .nl { + color: #fb4934; } + +/* NameNamespace */ +/* NameOther */ +/* NameProperty */ +/* NameTag */ +.chroma .nt { + color: #fb4934; } + +/* NameVariable */ +/* NameVariableClass */ +/* NameVariableGlobal */ +/* NameVariableInstance */ +/* NameVariableMagic */ +/* Literal */ +/* LiteralDate */ +/* LiteralString */ +.chroma .s { + color: #b8bb26; } + +/* LiteralStringAffix */ +.chroma .sa { + color: #b8bb26; } + +/* LiteralStringBacktick */ +.chroma .sb { + color: #b8bb26; } + +/* LiteralStringChar */ +.chroma .sc { + color: #b8bb26; } + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #b8bb26; } + +/* LiteralStringDoc */ +.chroma .sd { + color: #b8bb26; } + +/* LiteralStringDouble */ +.chroma .s2 { + color: #b8bb26; } + +/* LiteralStringEscape */ +.chroma .se { + color: #b8bb26; } + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #b8bb26; } + +/* LiteralStringInterpol */ +.chroma .si { + color: #b8bb26; } + +/* LiteralStringOther */ +.chroma .sx { + color: #b8bb26; } + +/* LiteralStringRegex */ +.chroma .sr { + color: #b8bb26; } + +/* LiteralStringSingle */ +.chroma .s1 { + color: #b8bb26; } + +/* LiteralStringSymbol */ +.chroma .ss { + color: #83a598; } + +/* LiteralNumber */ +.chroma .m { + color: #d3869b; } + +/* LiteralNumberBin */ +.chroma .mb { + color: #d3869b; } + +/* LiteralNumberFloat */ +.chroma .mf { + color: #d3869b; } + +/* LiteralNumberHex */ +.chroma .mh { + color: #d3869b; } + +/* LiteralNumberInteger */ +.chroma .mi { + color: #d3869b; } + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #d3869b; } + +/* LiteralNumberOct */ +.chroma .mo { + color: #d3869b; } + +/* Operator */ +.chroma .o { + color: #fe8019; } + +/* OperatorWord */ +.chroma .ow { + color: #fe8019; } + +/* Punctuation */ +/* Comment */ +.chroma .c { + color: #928374; + font-style: italic; } + +/* CommentHashbang */ +.chroma .ch { + color: #928374; + font-style: italic; } + +/* CommentMultiline */ +.chroma .cm { + color: #928374; + font-style: italic; } + +/* CommentSingle */ +.chroma .c1 { + color: #928374; + font-style: italic; } + +/* CommentSpecial */ +.chroma .cs { + color: #928374; + font-style: italic; } + +/* CommentPreproc */ +.chroma .cp { + color: #8ec07c; } + +/* CommentPreprocFile */ +.chroma .cpf { + color: #8ec07c; + font-style: italic; } + +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #282828; + background-color: #fb4934; } + +/* GenericEmph */ +.chroma .ge { + color: #83a598; + text-decoration: underline; } + +/* GenericError */ +.chroma .gr { + background-color: #fb4934; + font-weight: bold; } + +/* GenericHeading */ +.chroma .gh { + color: #b8bb26; + font-weight: bold; } + +/* GenericInserted */ +.chroma .gi { + color: #282828; + background-color: #b8bb26; } + +/* GenericOutput */ +.chroma .go { + color: #504945; } + +/* GenericPrompt */ +/* GenericStrong */ +/* GenericSubheading */ +.chroma .gu { + color: #b8bb26; + font-weight: bold; } + +/* GenericTraceback */ +.chroma .gt { + background-color: #fb4934; + font-weight: bold; } + +/* GenericUnderline */ +/* TextWhitespace */ +/*! purgecss end ignore */ +#TableOfContents a.active { + color: var(--hb-primary); } + +/*! purgecss start ignore */ +@keyframes bp-fadein { + from { + opacity: 0.01; } + to { + opacity: 1; } } + +@keyframes bp-bar { + from { + transform: translateX(-100%); } + to { + transform: translateX(0); } } + +@keyframes bp-o { + from { + transform: rotate(0deg); } + to { + transform: rotate(360deg); } } + +.bp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + position: fixed; + z-index: 999; + /* If you're mounting on a portion of the screen and need visible + overflow on .bp-wrap, change contain to "layout" on that instance */ + contain: strict; + touch-action: none; + -webkit-tap-highlight-color: transparent; } + .bp-wrap > div:first-child { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.75); + animation: bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1); } + +.bp-vid audio { + position: absolute; + left: 14px; + width: calc(100% - 28px); + bottom: 14px; + height: 50px; } + +.bp-inner { + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: flex; } + +.bp-html { + display: contents; } + .bp-html > :first-child { + margin: auto; } + +.bp-img-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + contain: strict; } + .bp-img-wrap.bp-drag .bp-img { + cursor: grabbing; } + +.bp-close { + contain: layout size; } + +.bp-img { + position: absolute; + top: 50%; + left: 50%; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + cursor: zoom-in; + background-size: 100% 100%; } + .bp-img img, + .bp-img div { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + .bp-img .bp-o { + display: none; } + +.bp-zoomed .bp-img { + cursor: grab; } + +.bp-zoomed .bp-cap { + opacity: 0; + animation: none !important; } + +.bp-zoomed.bp-small .bp-controls { + opacity: 0; } + .bp-zoomed.bp-small .bp-controls button { + pointer-events: none; } + +.bp-controls { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + text-align: left; + transition: opacity 0.3s; + animation: bp-fadein 0.3s; } + .bp-controls button { + pointer-events: auto; + cursor: pointer; + position: absolute; + border: 0; + background: rgba(0, 0, 0, 0.15); + opacity: 0.9; + transition: all 0.1s; + contain: content; } + .bp-controls button:hover { + background-color: rgba(0, 0, 0, 0.2); + opacity: 1; } + .bp-controls svg { + fill: #fff; } + +.bp-count { + position: absolute; + color: rgba(255, 255, 255, 0.9); + line-height: 1; + margin: 16px; + height: 50px; + width: 100px; } + +.bp-prev, +.bp-next { + top: 50%; + right: 0; + margin-top: -32px; + height: 64px; + width: 58px; + border-radius: 3px 0 0 3px; } + .bp-prev:hover:before, + .bp-next:hover:before { + transform: translateX(-2px); } + .bp-prev:before, + .bp-next:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E"); + position: absolute; + left: 7px; + top: 9px; + width: 46px; + transition: all 0.2s; } + +.bp-prev { + right: auto; + left: 0; + transform: scalex(-1); } + +.bp-x { + top: 0; + right: 0; + height: 55px; + width: 58px; + border-radius: 0 0 0 3px; } + .bp-x:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E"); + position: absolute; + width: 37px; + top: 8px; + right: 10px; } + +.bp-if, +.bp-vid { + position: relative; + margin: auto; + background: #000; + background-size: 100% 100%; } + .bp-if iframe, + .bp-if video, + .bp-if div, + .bp-vid iframe, + .bp-vid video, + .bp-vid div { + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + border: 0; } + +.bp-load { + display: flex; + background-size: 100% 100%; + overflow: hidden; + z-index: 1; } + +.bp-bar { + position: absolute; + top: 0; + left: 0; + height: 3px; + width: 100%; + transform: translateX(-100%); + background: rgba(255, 255, 255, 0.9); + border-radius: 0 3px 3px 0; + animation: bp-bar 4s both; } + +.bp-o, +.bp-o:after { + border-radius: 50%; + width: 90px; + height: 90px; } + +.bp-o { + margin: auto; + border: 10px solid rgba(255, 255, 255, 0.2); + border-left-color: rgba(255, 255, 255, 0.9); + animation: bp-o 1s infinite linear; } + +.bp-cap { + position: absolute; + bottom: 2%; + background: rgba(9, 9, 9, 0.8); + color: rgba(255, 255, 255, 0.9); + border-radius: 4px; + max-width: 95%; + line-height: 1.3; + padding: 0.6em 1.2em; + left: 50%; + transform: translateX(-50%); + width: fit-content; + width: -moz-fit-content; + display: table; + transition: opacity 0.3s; + animation: bp-fadein 0.2s; } + .bp-cap a { + color: inherit; } + +.bp-inline { + position: absolute; } + +.bp-lock { + overflow-y: hidden; } + .bp-lock body { + overflow: scroll; } + +.bp-noclose .bp-x { + display: none; } + +.bp-noclose:not(.bp-zoomed) { + touch-action: pan-y; } + .bp-noclose:not(.bp-zoomed) .bp-img-wrap { + cursor: zoom-in; } + +@media (prefers-reduced-motion) { + .bp-wrap * { + animation-duration: 0s !important; } } + +@media (max-width: 500px) { + .bp-x { + height: 47px; + width: 47px; } + .bp-x:before { + width: 34px; + top: 6px; + right: 6px; } + .bp-prev, + .bp-next { + margin-top: -27px; + height: 54px; + width: 45px; } + .bp-prev:before, + .bp-next:before { + top: 7px; + left: 2px; + width: 43px; } + .bp-o, + .bp-o:after { + border-width: 6px; + width: 60px; + height: 60px; } + .bp-count { + margin: 12px 10px; } } + +.bp-wrap { + z-index: 1100; } + +img { + cursor: zoom-in; } + +a img { + cursor: pointer; } + +.bp-panel { + height: -moz-fit-content; + height: fit-content; + width: -moz-fit-content; + width: fit-content; + top: 0.75rem; + z-index: 1; } + .bp-panel .bp-panel-action { + align-items: center; + background: rgba(0, 0, 0, 0.5); + border-radius: 0.5rem; + color: white; + display: flex; + margin: 0 0.25rem; } + +.bp-panel-share .dropdown-menu { + min-width: 1px; } + +.bp-panel-rotate-anticlockwise svg { + transform: scaleX(-1); } + +.bp-panel-play.active { + background: var(--hb-primary); } + +/*! purgecss end ignore */ +/*! purgecss start ignore */ +.tooltip { + --hb-tooltip-zindex: 1080; + --hb-tooltip-max-width: 200px; + --hb-tooltip-padding-x: 0.5rem; + --hb-tooltip-padding-y: 0.25rem; + --hb-tooltip-margin: ; + --hb-tooltip-font-size: 0.875rem; + --hb-tooltip-color: var(--hb-body-bg); + --hb-tooltip-bg: var(--hb-emphasis-color); + --hb-tooltip-border-radius: var(--hb-border-radius); + --hb-tooltip-opacity: 0.9; + --hb-tooltip-arrow-width: 0.8rem; + --hb-tooltip-arrow-height: 0.4rem; + z-index: var(--hb-tooltip-zindex); + display: block; + margin: var(--hb-tooltip-margin); + font-family: var(--hb-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--hb-tooltip-font-size); + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: var(--hb-tooltip-opacity); } + .tooltip .tooltip-arrow { + display: block; + width: var(--hb-tooltip-arrow-width); + height: var(--hb-tooltip-arrow-height); } + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: calc(-1 * var(--hb-tooltip-arrow-height)); } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0; + border-top-color: var(--hb-tooltip-bg); } + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: calc(-1 * var(--hb-tooltip-arrow-height)); + width: var(--hb-tooltip-arrow-height); + height: var(--hb-tooltip-arrow-width); } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height) calc(var(--hb-tooltip-arrow-width) * .5) 0; + border-right-color: var(--hb-tooltip-bg); } + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: calc(-1 * var(--hb-tooltip-arrow-height)); } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height); + border-bottom-color: var(--hb-tooltip-bg); } + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: calc(-1 * var(--hb-tooltip-arrow-height)); + width: var(--hb-tooltip-arrow-height); + height: var(--hb-tooltip-arrow-width); } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--hb-tooltip-arrow-width) * .5) 0 calc(var(--hb-tooltip-arrow-width) * .5) var(--hb-tooltip-arrow-height); + border-left-color: var(--hb-tooltip-bg); } + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--hb-tooltip-max-width); + padding: var(--hb-tooltip-padding-y) var(--hb-tooltip-padding-x); + color: var(--hb-tooltip-color); + text-align: center; + background-color: var(--hb-tooltip-bg); + border-radius: var(--hb-tooltip-border-radius); } + +/*! purgecss end ignore */ +/*! purgecss start ignore */ +.hb-gallery-album-items { + display: flex; + gap: 10px; } + +.hb-gallery-album-item { + display: flex; + flex-direction: column; + height: 100px; } + @media (min-width: 768px) { + .hb-gallery-album-item { + height: 200px; } } + @media (min-width: 992px) { + .hb-gallery-album-item { + height: 240px; } } +.hb-gallery-album-img { + height: 100%; + width: 100%; + border-radius: 5px; + -o-object-fit: cover; + object-fit: cover; } + .hb-gallery-album-img.loading { + filter: blur(1px); } + +/*! purgecss end ignore */ +/*! purgecss start ignore */ +/*! PUT YOU STYLE HERE TO AVOID GETTING REMOVING BY PURGECSS. */ +/*! purgecss end ignore */ diff --git a/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.json b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.json new file mode 100644 index 0000000..19f10b5 --- /dev/null +++ b/resources/_gen/assets/scss/hb/scss/index.tmpl.scss_8450074bed5470058680138833f2143f.json @@ -0,0 +1 @@ +{"Target":"css/hb.css","MediaType":"text/css","Data":{}} \ No newline at end of file