@charset "UTF-8"; .fa-align-left:before{content:"\f036"} .fa-long-arrow-left:before{content:"\f177"} .fa-arrow-right:before{content:"\f061"} .fa-sign-out:before{content:"\f08b"} .fa-long-arrow-right:before{content:"\f178"} .fa-arrows-v:before{content:"\f07d"} .fa-award:before{content:"\f559"} .fa-badge:before{content:"\f335"} .fa-badge-check:before{content:"\f336"} .fa-ban:before{content:"\f05e"} .fa-bars:before{content:"\f0c9"} .fa-bell:before{content:"\f0f3"} .fa-bold:before{content:"\f032"} .fa-book:before{content:"\f02d"} .fa-book-open:before{content:"\f518"} .fa-book-dead:before{content:"\f6b7"} .fa-broom:before{content:"\f51a"} .fa-bug:before{content:"\f188"} .fa-bullhorn:before{content:"\f0a1"} .fa-calendar:before{content:"\f133"} .fa-calendar-day:before{content:"\f783"} .fa-calendar-alt:before{content:"\f073"} .fa-calendar-week:before{content:"\f784"} .fa-campfire:before{content:"\f6ba"} .fa-candy-cane:before{content:"\f786"} .fa-car-tilt:before{content:"\f5e5"} .fa-cat:before{content:"\f6be"} .fa-check:before{content:"\f00c"} .fa-circle:before{content:"\f111"} .fa-check-circle:before{content:"\f058"} .fa-arrow-alt-circle-down:before{content:"\f358"} .fa-exclamation-circle:before{content:"\f06a"} .fa-info-circle:before{content:"\f05a"} .fa-radiation-alt:before{content:"\f7ba"} .fa-arrow-alt-circle-up:before{content:"\f35b"} .fa-user-circle:before{content:"\f2bd"} .fa-times-circle:before{content:"\f057"} .fa-clipboard:before{content:"\f328"} .fa-clipboard-check:before{content:"\f46c"} .fa-clock:before{content:"\f017"} .fa-history:before{content:"\f1da"} .fa-code:before{content:"\f121"} .fa-comment:before{content:"\f075"} .fa-comment-dots:before{content:"\f4ad"} .fa-comments:before{content:"\f086"} .fa-copy:before{content:"\f0c5"} .fa-crown:before{content:"\f521"} .fa-dice-six:before{content:"\f526"} .fa-dollar-sign:before{content:"\24"} .fa-arrow-alt-down:before{content:"\f354"} .fa-compress-alt:before{content:"\f422"} .fa-ellipsis-h:before{content:"\f141"} .fa-envelope:before{content:"\f0e0"} .fa-envelope-open-text:before{content:"\f658"} .fa-eye:before{content:"\f06e"} .fa-eye-evil:before{content:"\f6db"} .fa-eye-slash:before{content:"\f070"} .fa-angry:before{content:"\f556"} .fa-frown:before{content:"\f119"} .fa-grin-beam-sweat:before{content:"\f583"} .fa-laugh-squint:before{content:"\f59b"} .fa-smile-beam:before{content:"\f5b8"} .fa-feather-alt:before{content:"\f56b"} .fa-file-signature:before{content:"\f573"} .fa-filter:before{content:"\f0b0"} .fa-fire:before{content:"\f06d"} .fa-fireplace:before{content:"\f79a"} .fa-fish:before{content:"\f578"} .fa-flag:before{content:"\f024"} .fa-flag-usa:before{content:"\f74d"} .fa-save:before{content:"\f0c7"} .fa-gavel:before{content:"\f0e3"} .fa-cog:before{content:"\f013"} .fa-ghost:before{content:"\f6e2"} .fa-gift:before{content:"\f06b"} .fa-gingerbread-man:before{content:"\f79d"} .fa-globe:before{content:"\f0ac"} .fa-home-alt:before{content:"\f015"} .fa-id-badge:before{content:"\f2c1"} .fa-id-card:before{content:"\f2c2"} .fa-image:before{content:"\f03e"} .fa-infinity:before{content:"\f534"} .fa-italic:before{content:"\f033"} .fa-knife-kitchen:before{content:"\f6f5"} .fa-lights-holiday:before{content:"\f7b2"} .fa-link:before{content:"\f0c1"} .fa-link-slash:before{content:"\f127"} .fa-lock:before{content:"\f023"} .fa-phone:before{content:"\f095"} .fa-lock-alt:before{content:"\f30d"} .fa-search:before{content:"\f002"} .fa-cloudflare:before{content:"\e07d"} .fa-comment-alt-smile:before{content:"\f4aa"} .fa-microphone-stand:before{content:"\f8cb"} .fa-palette:before{content:"\f53f"} .fa-edit:before{content:"\f044"} .fa-pizza-slice:before{content:"\f818"} .fa-poop:before{content:"\f619"} .fa-quote-right:before{content:"\f10e"} .fa-reply:before{content:"\f3e5"} .fa-robot:before{content:"\f544"} .fa-sack-dollar:before{content:"\f81d"} .fa-scroll-old:before{content:"\f70f"} .fa-seedling:before{content:"\f4d8"} .fa-shield:before{content:"\f132"} .fa-random:before{content:"\f074"} .fa-smoke:before{content:"\f760"} .fa-snooze:before{content:"\f880"} .fa-snowflake:before{content:"\f2dc"} .fa-sparkles:before{content:"\f890"} .fa-ticket:before{content:"\f145"} .fa-cards:before{content:"\e3ed"} .fa-spider:before{content:"\f717"} .fa-square:before{content:"\f0c8"} .fa-stocking:before{content:"\f7d5"} .fa-store:before{content:"\f54e"} .fa-columns:before{content:"\f0db"} .fa-thumbtack:before{content:"\f08d"} .fa-train:before{content:"\f238"} .fa-trash-alt:before{content:"\f2ed"} .fa-exclamation-triangle:before{content:"\f071"} .fa-trophy:before{content:"\f091"} .fa-arrow-alt-up:before{content:"\f357"} .fa-expand-alt:before{content:"\f424"} .fa-external-link-alt:before{content:"\f35d"} .fa-user:before{content:"\f007"} .fa-user-crown:before{content:"\f6a4"} .fa-user-cog:before{content:"\f4fe"} .fa-user-friends:before{content:"\f500"} .fa-user-lock:before{content:"\f502"} .fa-user-minus:before{content:"\f503"} .fa-user-plus:before{content:"\f234"} .fa-user-slash:before{content:"\f506"} .fa-user-tag:before{content:"\f507"} .fa-user-times:before{content:"\f235"} .fa-users:before{content:"\f0c0"} .fa-volume:before{content:"\f6a8"} .fa-volume-mute:before{content:"\f6a9"} .fa-times:before{content:"\f00d"} .fa-mobile:before{content:"\f3ce"} .fa-github:before{content:"\f09b"} .fa-twitter:before{content:"\f099"} .fa-git-alt:before{content:"\f841"} .fa-head-side:before{content:"\f6e9"} .fa-crab:before{content:"\e3ff"} .fa-socks:before{content:"\f696"} .fa-arrow-up:before{content:"\f062"} .fa-tag:before{content:"\f02b"} .fa-messages:before{content:"\f4b6"} .fa-user-secret:before{content:"\f21b"} .fa-gas-pump-slash:before{content:"\f5f4"} .fa-gas-pump:before{content:"\f52f"} .fa-hammer-crash:before{content:"\e414"} .fa-music:before{content:"\f001"} .fa-arrow-rotate-right:before{content:"\f01e"} .fa-columns-3:before{content:"\e361"} .fa-bahai:before{content:"\f666"} .fa-party-horn:before{content:"\e31b"} .fa-pinata:before{content:"\e3c3"} .fa-file:before{content:"\f15b"} .fa-box-open:before{content:"\f49e"} .fa-eyes:before{content:"\e367"} .fa-hexagon:before{content:"\f312"} .fa-arrow-right-arrow-left:before{content:"\f0ec"} .fa-coins:before{content:"\f51e"} .fa-bell-slash:before{content:"\f1f6"} .fa-chart-network:before{content:"\f78a"} .fa-square-share-nodes:before{content:"\f1e1"} .fa-sidebar:before{content:"\e24e"} .fa-landscape:before{content:"\e1b5"} .fa-external-link:before{content:"\f08e"} .fa-circle-info:before{content:"\f05a"} .fa-comment-question:before{content:"\e14b"} .fa-sitemap:before{content:"\f0e8"} .fa-grid:before{content:"\e195"} .fa-x:before{content:"\58"} .fa-paw-simple:before{content:"\f701"} .fa-bat:before{content:"\f6b5"} .fa-star-of-david:before{content:"\f69a"} .fa-hat-cowboy:before{content:"\f8c0"} .fa-cloud-rainbow:before{content:"\f73e"} .fa-telegram:before{content:"\f2c6"} .fa-css3-alt:before{content:"\f38b"} .fa-landscape:before{content:"\e1b5"} .fa-user-ninja:before{content:"\f504"} .fa-trees:before{content:"\f724"} .fa-flashlight:before{content:"\f8b8"} .fa-candy-corn:before{content:"\f6bd"} .fa-shirt:before{content:"\f553"} .fa-bone:before{content:"\f5d7"} .fa-jack-o-lantern:before{content:"\f30e"} .fa-cloud-bolt:before{content:"\f76c"} .fa-biohazard:before{content:"\f780"} .fa-syringe:before{content:"\f48e"} .fa-spider-web:before{content:"\f719"} .fa-coffin-cross:before{content:"\e051"} .fa-face-sleeping:before{content:"\e38d"} .fa-block-question:before{content:"\e3dd"} .fa-image-slash:before{content:"\e1b7"} .fa-play:before{content:"\f04b"} .fa-temperature-snow:before{content:"\f768"} .fa-images:before{content:"\f302"} .fa-lock:before{content:"\f023"} .fa-lock-open:before{content:"\f3c1"} .fa-down:before{content:"\f354"} .fa-shield-virus:before{content:"\e06c"} .fa-at:before{content:"\40"} .fa-ankh:before{content:"\f644"} .fa-quotes:before{content:"\e234"} /* do not remove - fixes hand, talking, marsey-love components from breaking out of the comment box */ .comment-text a > img, img[data-user-submitted], .preview > img { position: relative !important; max-height: 150px !important; margin: 0 !important; } button { background: none; border: none; padding: 0; margin: 0; color: var(--primary); text-decoration: none; background-color: transparent; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } body { --safe-area-inset-top: env(safe-area-inset-top); padding-top: var(--safe-area-inset-top); margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p, summary { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--primary); text-decoration: none; background-color: transparent; } a:hover { color: var(--primary); text-decoration: underline; } a:not([href], [role="button"]) { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } 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; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: both; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 1rem; margin-bottom: 1rem; font-weight: 600; line-height: 1.2; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--primary); } small, .small { font-size: 0.75rem; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .img-fluid { height: auto; max-width: 100%; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.35rem; max-width: 100%; height: auto; } .figure { display: inline-block; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; } pre { display: block; font-size: 87.5%; } pre code { font-size: inherit; color: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .shadow-sm { box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); } .shadow { /* box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); */ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); } .shadow-none { box-shadow: none !important; } .container { max-width: 1500px; max-width: max(76%,1500px); } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl-3, .col-lg-10, .col-lg-8, .col-lg-4, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-sm-6, .col, .col-12, .col-10 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } @media (min-width: 992px) { .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } } @media (min-width: 1200px) { .col-xl-3 { flex: 0 0 25%; max-width: 25%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid var(--gray-400); } .table thead th { vertical-align: bottom; border-bottom: 2px solid var(--gray-400); } .table tbody + tbody { border-top: 2px solid var(--gray-400); } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid var(--gray-400); border-radius: 0.35rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, [readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { width: auto; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; color: var(--primary); vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.35rem; 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: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-primary:hover { color: #fff; background-color: var(--primary); border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: var(--primary); border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled, .disabled):active:focus, .btn-primary:not(:disabled, .disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled, .disabled):active:focus, .btn-secondary:not(:disabled, .disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #38A169; border-color: #38A169; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #38A169; border-color: #38A169; } .btn-success:not(:disabled, .disabled):active, .btn-success:not(:disabled, .disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled, .disabled):active:focus, .btn-success:not(:disabled, .disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled, .disabled):active, .btn-danger:not(:disabled, .disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled, .disabled):active:focus, .btn-danger:not(:disabled, .disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-link { font-weight: 400; color: var(--primary); text-decoration: none; } .btn-link:hover { color: var(--primary); text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .btn-follow { display: block; width: 100%; margin-top: 0.5rem; } input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].btn-follow { width: 100%; } .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 { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropdown { 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 { position: absolute; top: 100%; left: -5px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0.35rem; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); } .dropdown-menu-right { right: 0; left: auto; left: -2px !important; } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .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; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: var(--primary); } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control { margin-left: -1px; } .input-group > .form-control:focus { z-index: 3; } .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append { display: flex; } .input-group-append .btn { position: relative; z-index: 2; } .input-group-append .btn:focus { z-index: 3; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid var(--gray-400); border-radius: 0.35rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child, .dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: var(--primary); background-color: var(--primary); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.35rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: var(--primary); background-color: var(--primary); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-control-label::before { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } nav { } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-pills .nav-link { border-radius: 0.35rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: var(--primary); } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; transition: border-bottom .2s; } .navbar-active { border-bottom: 1px solid rgba(18, 18, 18, .4); } .navbar .container, .navbar .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.35rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-toggler { color: var(--black1); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.35rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-text:last-child { margin-bottom: 0; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); } .card-img-top { flex-shrink: 0; width: 100%; } .card-img-top { border-top-left-radius: calc(0.35rem - 1px); border-top-right-radius: calc(0.35rem - 1px); } .directory--link { width: 90%; } @media (min-width: 576px) { .directory--link { width: 45%; } } .pagination { display: flex; flex-flow: wrap; padding: 1rem 0; list-style: none; border-radius: 0.35rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; } .page-link:not(.dots):hover { z-index: 2; color: var(--primary); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .page-item:last-child .page-link { border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: var(--primary); border-color: var(--primary); } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-sm .page-link { padding: 0.25rem min(20px, 3vw); font-size: min(25px, 5.8vw); line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.35rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: var(--primary); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.35rem; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .list-group-item:last-child { border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--primary); border-color: var(--primary); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .close { float: right; font-size: 1.5rem; font-weight: 600; line-height: 1; color: #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled, .disabled):hover, .close:not(:disabled, .disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; pointer-events: none; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden !important; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1000000001; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; padding-right: 0 !important; /* fix Safari zoom issue */ } .modal-dialog { position: relative; width: auto; 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 { display: flex; max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-content > div:last-child { overscroll-behavior: contain; } .modal-dialog-centered { display: flex; align-items: center; max-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 3.5rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid var(--gray-400); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid var(--gray-400); border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { max-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } @media (min-width: 992px) { .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1000000003; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.2rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .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-left) { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; 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 li { transition: none; } } .carousel-indicators .active { opacity: 1; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .bg-background { background-color: rgb(var(--background)); } .bg-primary { background-color: var(--primary) !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-success { background-color: #38A169 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid var(--gray-400) !important; } .border-top { border-top: 1px solid var(--gray-400) !important; } .border-bottom { border-bottom: 1px solid var(--gray-400) !important; } .border-left { border-left: 1px solid var(--gray-400) !important; } .border-0 { border: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-warning { border-color: #ffc107 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.35rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-flex { display: flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline { display: inline !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-flex { display: flex !important; } .d-lg-block { display: block !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9::before { padding-top: 56.25%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !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; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .justify-content-md-between { justify-content: space-between !important; } } .float-right { float: right !important; } .float-left { float: left !important; } .overflow-auto { overflow: auto !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .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; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .m-6 { margin: 5rem !important; } .mt-6, .my-6 { margin-top: 5rem !important; } .mr-6, .mx-6 { margin-right: 5rem !important; } .mb-6, .my-6 { margin-bottom: 5rem !important; } .ml-6, .mx-6 { margin-left: 5rem !important; } .m-7 { margin: 10rem !important; } .mt-7, .my-7 { margin-top: 10rem !important; } .mr-7, .mx-7 { margin-right: 10rem !important; } .mb-7, .my-7 { margin-bottom: 10rem !important; } .ml-7, .mx-7 { margin-left: 10rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p-6 { padding: 5rem !important; } .pt-6, .py-6 { padding-top: 5rem !important; } .pr-6, .px-6 { padding-right: 5rem !important; } .pb-6, .py-6 { padding-bottom: 5rem !important; } .pl-6, .px-6 { padding-left: 5rem !important; } .p-7 { padding: 10rem !important; } .pt-7, .py-7 { padding-top: 10rem !important; } .pr-7, .px-7 { padding-right: 10rem !important; } .pb-7, .py-7 { padding-bottom: 10rem !important; } .pl-7, .px-7 { padding-left: 10rem !important; } .mt-n3 { margin-top: -1rem !important; } .mt-n6 { margin-top: -3.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (max-width: 768px) { .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; } .mr-sm-0 { margin-right: 0 !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mr-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; } .ml-sm-0 { margin-left: 0 !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .ml-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; } .pr-sm-0 { padding-right: 0 !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pr-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; } .pl-sm-0 { padding-left: 0 !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .pl-sm-5 { padding-left: 3rem !important; } } @media (min-width: 768px) { .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; } .mr-md-0 { margin-right: 0 !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mr-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-5 { margin-bottom: 5rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-0 { margin-left: 0 !important; } .ml-md-1 { margin-left: 0.25rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .ml-md-3 { margin-left: 1rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .ml-md-5 { margin-left: 3rem !important; } .ml-md-6 { margin-left: 5rem !important; } .ml-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; } .pr-md-0 { padding-right: 0 !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pr-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; } .pl-md-0 { padding-left: 0 !important; } .pl-md-1 { padding-left: 0.25rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .pl-md-3 { padding-left: 1rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .pl-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) { .mx-lg-5 { margin-right: 3rem !important; } .mx-lg-5 { margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; } .mx-lg-auto { margin-left: auto !important; } } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .font-underline { text-decoration: underline !important; } .text-primary { color: var(--primary) !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-success { color: #38A169 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger, :not(td) > a[href="/h/chudrama"] { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus, :not(td) > a[href="/h/chudrama"]:focus { color: #a71d2a !important; } .text-muted { color: #6c757d !important; } .text-decoration-none { text-decoration: none !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table .thead-dark th { color: inherit; border-color: var(--gray-400); } } html { font-size: 14px; } @supports (font-variation-settings: normal) { html { font-family: "Inter var", sans-serif; } } body { color: var(--black); background-color: rgb(var(--background)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { font-size: 14px; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #settings, #submit { padding-top: 98px; background-color: var(--gray-600); } #page { background-color: rgb(var(--background)); } #article { padding-top: 0; background-color: rgb(var(--background)); } #thread, #userpage { background-color: rgb(var(--background)); } #article .navbar-light .navbar-nav .nav-link { color: var(--black); } #article .navbar-light .navbar-nav .nav-link:hover { background-color: transparent; color: var(--primary); } #article .navbar-light .navbar-nav .nav-link:focus { background-color: transparent; color: var(--primary); } .article-title { margin-bottom: 3rem; font-weight: 600; line-height: 3rem; margin-top: 2rem; } #thread .custom-gutters { padding: 0 10px; } .custom-gutters { padding-left: 10px; padding-right: 10px; } .sticky { position: -webkit-sticky; position: sticky; top: 43px; height: auto; overflow-y: auto; z-index: 4; } .text-lg { font-size: 1.25rem !important; } .text-base { font-size: 1rem !important; } .text-small { font-size: 12px !important; } @media (max-width: 768px) { .text-small-sm { font-size: 12px !important; } } .text-small-extra { font-size: 10.1px !important; } #page p { font-size: 16px; } a.dropdown-toggle:hover { text-decoration: none; } ul.no-bullets { list-style-type: none; } ol > li { list-style-type: none; counter-increment: count; margin-bottom: 0.75rem; } ol > li::before { content: counter(count) "."; font-weight: 600; margin-right: 0.5rem; } .footer .list-inline-item:not(:last-child) { margin-right: 1.5rem; } [data-bs-toggle=collapse] .fa:before { content: "\f139"; } [data-bs-toggle=collapse].collapsed .fa:before { content: "\f13a"; } .btn { font-weight: 600; font-size: 1rem; border-radius: 0.2rem; } .btn-lg { font-size: 1rem; } .btn.disabled, .btn:disabled { opacity: 0.5; } .btn-success, .btn-danger { color: var(--white); } .btn.login, .btn.register { height: calc(1.5em + 0.75rem + 2px); border-radius: 0.35rem; } .tooltip { font-weight: 600; } .tooltip-inner { background-color: var(--white); color: var(--dark); } .alert { padding: 0.5rem 3rem 0.5rem 1rem; } .alert-dismissible .close { padding: 0.5rem 1.25rem; bottom: 0; } .alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { margin-right: 0rem; } .alert .fa, .alert .fas, .alert .far, .alert .fab { margin-right: 0.5rem; } .toast { font-size: 1rem; font-weight: 600; color: var(--black); border: 0; display: none; position: fixed; bottom: 1.5rem; margin: 0 auto; left: 1.5rem; right: 0; width: 300px; z-index: 1041; background-color: var(--dark); } .navbar-light { background-color: var(--gray-500) !important; box-shadow: 0 0.1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; } .navbar-toggler-icon { width: auto; height: auto; } .navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { background: transparent; } .navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { border: none; } .navbar-expand-md .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; } #page .navbar-light .navbar-nav .nav-link { color: var(--dark); } #page .navbar-light .navbar-nav .nav-link:hover { background-color: transparent; color: var(--primary); } .navbar-brand, .navbar-light .navbar-brand { color: var(--primary); font-weight: 600; } .navbar-dark .navbar-brand { color: var(--white); } .navbar .text-white { color: var(--white); } .tab-bar { box-shadow: inset 0 -0.1px 0 var(--gray-400); border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; padding: 0.75rem 1rem 0 1rem; background-color: var(--light); z-index: 5; } .navbar-nav .nav-link { padding: 0.25rem 0.5rem; } .navbar-expand-md .navbar-nav .nav-link { padding: 0.25rem 0.5rem; } .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover { color: var(--black); } .navbar-light .navbar-nav .nav-link:hover { border-radius: 0.35rem; } .navbar-light .navbar-nav .nav-link:focus { background-color: rgba(0, 0, 0, 0.15); border-radius: 0.35rem; } .navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab, .mobile-nav-icon:active .fas { color: var(--primary) !important; text-align: center; font-size: 1rem; } .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { color: var(--white); text-align: center; font-size: 1rem; } .navbar-light .navbar-nav .btn-primary.nav-link { color: var(--white); } .navbar-dark .navbar-nav .nav-link { color: var(--white); } .navbar-dark .navbar-nav .nav-link:hover { background-color: rgba(0, 0, 0, 0.15); border-radius: 0.35rem; } .navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { background-color: var(--light); border-radius: 0.35rem; } .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { color: var(--white); text-align: center; font-size: 1.25rem; } .navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { color: var(--black); } .navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { color: var(--white); } .post-nav .nav-link { color: var(--muted); font-size: 1rem; font-weight: 600; padding: 0.75rem 1rem; } .settings-nav .nav-link { color: var(--gray-200); font-weight: 400; padding: 0.75rem 1rem; } .settings-nav .nav-item { font-size: 1rem; } .post-nav > .nav-item > .nav-link.active { color: var(--primary); } .settings-nav > .nav-item > .nav-link.active, .settings-nav > .nav-item > .nav-link:focus, .settings-nav > .nav-item > .nav-link:hover { color: var(--primary); box-shadow: inset 0 -2px 0 var(--primary); } .post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { color: var(--primary); } .post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { color: var(--primary); } .post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { color: var(--primary); } .post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { font-size: 12px; margin-right: 0.5rem; color: var(--muted); } .settings-nav > .nav-item > .nav-link.active { color: var(--primary); box-shadow: inset 0 -2px 0 var(--primary); } .settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { color: var(--primary); } .settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { font-size: 16px; color: var(--muted); } .color-picker input[type=radio] { display: none; } label.color-radio { display: inline-block; width: 25px; height: 25px; margin: 0.5rem 1rem 0.5rem 0; cursor: pointer; } label.color-radio span { display: block; width: 100%; height: 100%; border-radius: 100%; text-align: center; line-height: 2.25; } #page .nav-pills .nav-link { border-radius: 0; font-size: 1rem; font-weight: 600; color: var(--muted); border-bottom: 2px solid transparent; padding: 1rem 1.5rem; } #page .nav-pills .nav-link:hover { color: var(--primary); } #page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--primary); background-color: transparent; transition: ease 0.25s; border-bottom: 2px solid var(--primary); } #page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { color: var(--primary); background-color: transparent; transition: ease 0.25s; border-bottom: 2px solid var(--primary); } .form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { border-color: var(--primary); } .form-inline.search .form-control:active, .form-inline.search .form-control:focus { background-color: var(--gray-900); color: var(--black); } .form-inline.search .input-group-append .input-group-text .fa.fa-search { color: var(--black); } .form-inline.search .form-control::placeholder { color: var(--black); } .form-inline.search .form-control::-ms-input-placeholder { color: var(--black); } .form-inline.search .form-control::-ms-input-placeholder { color: var(--black); } .form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { color: var(--black); } .form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { color: var(--black); } .form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { color: var(--black); } .form-control { color: var(--muted); border-color: var(--muted); border-width: 2px; background: #dee2e6; transition: none; } .form-control:disabled, [readonly] { background-color: var(--dark) !important; } .form-control:hover { color: var(--black); background-color: var(--gray-600); outline: 0; border-color: var(--primary); box-shadow: none; } .form-control:focus, .form-control:active { color: var(--black); background-color: var(--gray-900); outline: 0; border-color: var(--primary); box-shadow: none; } .form-control::placeholder { color: var(--black); } .form-control::-ms-input-placeholder { color: var(--black); } .form-control::-ms-input-placeholder { color: var(--black); } label { font-weight: 600; font-size: 12px; letter-spacing: 0.025rem; color: var(--black); } #login label { color: var(--black); } label.terms { font-weight: normal; text-transform: none; font-size: 13px; color: var(--black); vertical-align: middle; padding: 0.1rem 0; } .dropdown-menu { padding: 0.5rem; color: var(--white); background-color: var(--gray-600); } .dropdown-item { padding: 0.5rem 1rem; border-radius: 0.35rem; color: var(--black); transition: background .1s, transform .2s; } .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { color: var(--black); text-decoration: none; background-color: var(--gray-300); } .dropdown-item:active { transform: scale(0.95); } .dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa { color: var(--black); } small, .small { font-size: 12px; } .fa-rotate--45 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .format .fa-bold:hover, .format .fa-italic:hover, .format .fa-quote-right:hover, .format .fa-link:hover, .format .fa-image:hover { color: var(--black); } .voting { position: relative; z-index: 2; font-size: 12px; font-weight: 600; text-align: center; min-width: 40px; } .voting.d-md-flex { align-items: center; flex-direction: column; justify-content: center; } #thread .voting { min-width: 32px; margin-right: 1px; } #frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } .active.arrow-up::before { color: var(--primary); } .active-anim.arrow-up::before { color: var(--primary); } .arrow-up::before { cursor: pointer; font-size: 1.3rem; color: var(--gray-200); font-family: "font awesome 5 pro" !important; font-weight: 900; content: "\f357"; } .arrow-up:hover::before { /* color: var(--primary); */ /* opacity: 0.5; */ } .arrow-up, .arrow-down { position: relative; display: inline-block; } .active.arrow-down::before { color: #38B2AC; } .arrow-down::before { cursor: pointer; font-size: 1.3rem; color: var(--gray-200); font-family: "font awesome 5 pro" !important; font-weight: 900; content: "\f354"; } .comment-actions .arrow-up { top: 0; } .comment-actions .arrow-down { bottom: 0; } .upvoted .arrow-mobile-up { color: var(--primary) !important; } .downvoted .arrow-mobile-down { color: #38B2AC !important; } .score { color: var(--black); font-size: 1.1rem; } .score-up { color: var(--primary); font-size: 1.1rem; } .score-up-anim { color: var(--primary); } .score-down { color: #38B2AC !important; font-size: 1.1rem; } #voting .arrow-up, .voting .arrow-up, .voting .arrow-down { display: block; text-decoration: none; } .box-shadow-bottom { box-shadow: inset 0 -0.1px 0 var(--gray-400); } .border-1 { border-width: 0.1px; border-style: solid; } .border-2 { border-width: 2px; border-style: solid; } .border-3 { border-width: 3px; border-style: solid; } .opacity-25 { opacity: 0.25; } .pseudo-submit-form .card-header { background-color: var(--gray-600) !important; } #frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: var(--gray-600); border-radius: 0.35rem; border: none; } #frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } #frontpage .pseudo-submit-form.card .card-body .form-control { background-color: var(--light); } #frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { background-color: var(--light); } .user-name { color: inherit; } .banner-pic { max-width: min(100%, 600px); } .profile-background-pic { max-width: min(100%, 400px); } .profile-pic { width: 50px; height: 50px; margin: auto; color: var(--white); } .navbar .navbar-nav .profile-pic { display: inline-block; width: 28px; height: 28px; } .profile-pic-20, .pp20, img[src^="/uid/"], img[src^="/pp/"]:not(img[alt^=":"]) { margin-right: 0.25rem !important; width: 20px; height: 20px; } .profile-pic-25 { width: 25px; height: 25px; } .profile-pic-30 { width: 30px; height: 30px; } .profile-pic-35 { width: 35px; height: 35px; } .profile-pic-50 { width: 50px; height: 50px; } .profile-pic-65 { width: 65px; height: 65px; } .profile-pic-75 { width: 75px; height: 75px; } .profile-pic-100 { width: 100px; height: 100px; } .profile-pic-20-wrapper, .profile-pic-30-wrapper, .profile-pic-35-wrapper, .profile-pic-50-wrapper, .profile-pic-65-wrapper, .profile-pic-75-wrapper, .profile-pic-100-wrapper { display: inline-block; position: relative; vertical-align: middle; } .profile-pic-20-hat, .profile-pic-30-hat, .profile-pic-35-hat, .profile-pic-50-hat, .profile-pic-65-hat, .profile-pic-75-hat, .profile-pic-100-hat { position: absolute; left: 0; bottom: 0; } .profile-pic-20-wrapper { width: 20px; height: 20px; } .profile-pic-30-wrapper { width: 30px; height: 30px; } .profile-pic-35-wrapper { width: 35px; height: 35px; } .profile-pic-50-wrapper { width: 50px; height: 50px; } .profile-pic-65-wrapper { width: 65px; height: 65px; } .profile-pic-75-wrapper { width: 75px; height: 75px; } .profile-pic-100-wrapper { width: 100px; height: 100px; } .profile-pic-20-hat { width: 20px; } .profile-pic-30-hat { width: 30px; } .profile-pic-35-hat { width: 35px; } .profile-pic-50-hat { width: 50px; } .profile-pic-65-hat { width: 65px; } .profile-pic-75-hat { width: 75px; } .profile-pic-100-hat { width: 100px; } @media (min-width: 767.98px) { .profile-pic-20-hat { bottom: -2.7px; } } .profile--pfp--hat { margin-top: 20px; } .card-header:first-child { border-radius: 0.35rem 0.35rem 0 0; } .card-header { font-size: 1rem; font-weight: 600; color: var(--black); padding: 0.5rem 1rem; border-bottom: 0.1px solid var(--gray-400); } .card-thumbnail { display: flex; align-items: center; } .card-thumbnail > a { position: relative; } .card-block { position: relative; /* fixes stretched-link in card view */ } .card { background-color: var(--gray-900); } #thread .card { background-color: rgb(var(--background)); } #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } #frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px; border-color: #303030; border-style: solid; border-radius: 0; padding: 0.5rem; } #frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: var(--gray-600); } .post-title { font-size: 16px; font-weight: 600; overflow: hidden; } .post-title a { color: var(--black); } .post-title a:hover, .post-title a:active, .post-title a:focus { text-decoration: none; color: var(--primary); } #frontpage .post-title a { color: var(--black); } #frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { text-decoration: none; color: var(--black); } .stretched-link a:hover { color: #6f42c1; } .post-meta { position: relative; z-index: 2; color: var(--muted); font-size: 12px; width: 100%; overflow-x: auto; } .posts .ghost-post .post-meta { min-height: 30px; } .sub-flair { padding: 3px 5px 2px 5px; border-radius: 5px; color: white; background-color: var(--primary); margin-right: 3px; font-weight: bold; } .sub-flair:hover { color: var(--white); text-decoration: none; } .post-meta-domain { /* fixes very long domains overflowing post_listing */ display: inline-block; max-width: 20em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } #frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; } .post-body { overflow: hidden; } .modal-backdrop.show { opacity: 1; background-color: rgba(30, 30, 30, 0.9); } .modal-backdrop { background-color: transparent; } .modal-header { border-bottom: none; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; padding: 0.5rem 1rem; box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); } .modal-header .close { padding: 1.25rem 1rem 1.25rem 0.5rem; } .modal-content { border: none; background-color: var(--gray-400); border-radius: 0.35rem; box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); } .modal-footer { border: none; border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .modal .post-actions .list-group-item { border: none; border-radius: 0.35rem; background-color: var(--gray-400); } .modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { background-color: var(--gray-300); } .modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { width: 1.25rem; font-size: 1rem; } .post-actions .fa, .post-actions .fas, .post-actions .far { font-size: 12px; margin-right: 0.5rem; width: 1rem; } .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { color: inherit; } .post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { color: var(--black); } .post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { color: var(--gray); } .post-actions:hover, .post-actions:focus { z-index: 4; } .post-actions .copy-link:hover { color: var(--black); } .post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { font-size: 1.25rem; vertical-align: middle; } .post-actions .list-inline { margin-bottom: 0; } .post-actions .list-inline .list-inline-item { margin-right: 0.75rem; margin-left: 0rem; } .post-actions .list-inline .list-inline-item:last-child { margin-right: 0; } .close .far, .close .fab, .close .fal, .close .fas { font-size: 1.25rem; } @media (max-width: 767.98px) { .modal-dialog { margin: auto; max-width: 80%; } } .dropdown-actions { position: relative; color: var(--muted); font-weight: 600; font-size: 12px; } .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { font-size: 12px; color: var(--muted); margin-right: 0.5rem; width: 1rem; text-align: center; } .dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { color: inherit; } .dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { color: var(--black); } .dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { color: var(--black); } .dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { color: var(--black); } .dropdown-actions:hover, .dropdown-actions:focus { z-index: 4; } .dropdown-actions .copy-link:hover { color: var(--black); } .dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { font-size: 1.25rem; vertical-align: middle; } .dropdown-actions .list-inline { margin-bottom: 0; } .dropdown-actions .list-inline .list-inline-item { margin-right: 1rem; } .dropdown-actions .list-inline .list-inline-item:last-child { margin-right: 0; } .page-link { font-weight: 900; background-color: transparent; border: 0.1px solid #343a40; } .page-link.active { background-color: var(--primary); color: rgb(var(--background)); } .page-link:not(.dots):hover { background-color: var(--gray-100); } .page-item.disabled .page-link { font-weight: 600; background-color: var(--dark); border: 0.1px solid #343a40; opacity: 0.5; } @media (max-width: 767.98px) { .post-actions .list-inline .list-inline-item { margin-right: 1.5rem; margin-top: auto; margin-bottom: auto; } .post-actions .list-inline .list-inline-item:last-child { margin-right: 0; } } .post-actions .list-inline .list-inline-item .dropdown-item { font-size: 1rem; } .post-actions .list-inline .list-inline-item .dropdown-item:active { color: var(--white); } .post-actions { position: relative; display: flex; } .post-actions .list-inline { flex: none; } @media (max-width: 767.98px) { .post-actions .list-inline { flex: auto; } } .post-actions a, .post-actions button { color: var(--gray-100); font-weight: 600; font-size: 12px; text-decoration: none; text-transform: none; padding-left: 0.25rem; padding-right: 0.25rem; } .post-actions a:hover, .post-actions button:hover { color: var(--black); } .post-actions .dropdown-item:hover { color: var(--black); } .post-img { width: 100px; height: 70px; object-fit: cover; border: 0.1px solid var(--primary); border-radius: 0.35rem; z-index: 2; background-color: var(--gray-300); } @media (max-width: 767.98px) { .post-img { width: 80px; height: 60px; } } .post-actions .comments, .post-actions .share, .post-actions .report { margin-right: 0.5rem; vertical-align: top; } .time-stamp, .points { color: var(--muted); } .comments-count { display: flex; } .comments-count .total { font-weight: 600; font-size: 12px; color: var(--muted); } .comment { display: flex; position: relative; margin-top: 2rem; padding-left: 12px; } #notifications .comment, #userpage .comment { margin-top: 0.5rem; margin-bottom: 1rem; } #notifications .comment:last-child, #userpage .comment:last-child { margin-bottom: 0; } .comment .comment-body { width: 100%; } .comment .comment-body .user-info { font-size: 12px; color: var(--muted); margin-bottom: 0.25rem; margin-top: -0.25rem; padding-top: 10px; } .comment .comment-body .user-name { color: var(--black); } .comment .comment-body .comment-text { margin-bottom: 1rem; color: var(--black); overflow: hidden; padding-right: 10px !important; padding-top: 10px !important; } .modal .comment-actions .list-group-item { border: none; border-radius: 0.35rem; background-color: var(--gray-400); } .modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { background-color: var(--gray-300) !important; } .modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { width: 1.25rem; font-size: 1rem; } .comment-section { background-color: rgb(var(--background)); } .comment-actions { font-weight: 600; font-size: 12px; margin-bottom: 0; } .comment-actions .fa, .comment-actions .fas, .comment-actions .far { font-size: 12px; margin-right: 0.25rem; margin-left: 0.25rem; color: var(--gray-100); } @media (min-width: 768px) { .comment-actions .fa, .comment-actions .fas, .comment-actions .fa { margin-right: 0.5rem; margin-left: 0; } } .comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { color: var(--black); } .comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { color: var(--black); } .comment-actions .fas.fa-ellipsis-h { font-size: 1.25rem; vertical-align: bottom; } .comment-actions .list-inline { margin-bottom: 0; } .comment-actions .list-inline li .btn, .comment-actions .list-inline .btn { margin-right: 0.5rem; box-shadow: none; border: none; font-size: 12px; } .comment-actions .list-inline .list-inline-item .dropdown-item { font-size: 12px; } .comment-actions .list-inline .list-inline-item .dropdown-item:active { color: var(--black); } .comment-actions .dropdown-item:hover { color: var(--black); } ul.comment-section { padding-left: 0; margin-bottom: 0; } .comment-write { position: relative; } .comment-write.child { margin-top: 1rem; } .comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { background-color: var(--gray-900); } .comment-write.collapsed textarea { width: 100%; box-sizing: border-box; padding: 0.5rem 0.75rem; min-height: 84px; } .comment-format, .ghostdiv { display: flex; align-items: center; bottom: 0; left: 0; padding: 0.5rem 0 0 0; width: 100%; z-index: 1; } .format { padding: 0.3rem 0.4rem; font-size: 1rem; color: var(--gray-200); } .format:hover { color: var(--black); } .comment .comment-collapse-icon:hover::before { border-left-color: var(--primary); } .comment.collapsed .comment-collapse-icon::before { content: "\f055"; font-family: "font awesome 5 pro" !important; font-weight: 900; border-left: none; top: -0.1px; left: -3px; font-size: 14px; } .comment.collapsed .comment-collapse-icon:hover::before { color: var(--primary); } .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, .comment.collapsed .comment, .comment.collapsed .user-signature { display: none; } .comment.collapsed .user-info { margin-bottom: 0; } .comment.collapsed .profile-pic-30 { opacity: 0.5; } .comment.collapsed .comment-body { opacity: 0.5; } .comment.collapsed .comment-body:hover { opacity: 1; } #login { padding-top: 0; height: 100%; overflow-x: hidden; background-color: var(--light); } .splash-wrapper { position: relative; width: 100%; height: 100%; font-size: 0; } .splash-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, var(--primary) 150%); } .splash-img { height: 100%; width: 100%; background-size: cover; background-position: bottom; object-fit: cover; } .table .thead-dark th { color: var(--muted); font-size: 12px; text-transform: uppercase; border: none; } .settings .settings-section { margin-bottom: 3rem; border: 0.1px solid var(--gray-400); border-radius: 0.35rem; overflow: hidden; } .settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { padding: 1rem; } .settings .settings-section .title p:last-of-type { margin-bottom: 0; } .settings .settings-section .footer { background-color: var(--secondary); } .modal .profile-actions .list-group-item { border: none; border-radius: 0.35rem; } .modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { background-color: var(--gray-200); } .modal .profile-actions a { color: var(--black); font-size: 1rem; } .modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { width: 1.25rem; font-size: 1rem; } .profile-actions a { color: var(--gray); text-decoration: none; font-size: 12px; } .profile-actions .fa, .profile-actions .fas, .profile-actions .far { font-size: 12px; color: var(--gray); } .profile-actions .dropdown-item:hover { color: var(--black); } .profile-actions .dropdown-item { font-size: 13px; } .profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { font-size: 12px; color: var(--gray); width: 1rem; margin-right: 0.5rem; text-align: center; } .profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { color: var(--black); } .profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { color: var(--black); } .profile-owned-all-hats { color: gold; } #page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, #article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { font-weight: 600; } #page .footer a, #article .footer a { color: var(--white); opacity: 0.8; } #page .footer li, #article .footer li { padding: 0.25rem 0; } .footer .list-inline-item { font-weight: 400; } .footer a { text-decoration: none; color: var(--muted); } .footer a:hover, .footer a:focus, .footer a:active { text-decoration: underline; } .border-top { border-top: 1px solid var(--gray-400) !important; } .border-bottom { border-bottom: 1px solid var(--gray-400) !important; } .border-left { border-left: 1px solid var(--gray-400) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border { border: 1px solid var(--gray-400) !important; } .border-0 { border: none !important; } .rounded { border-radius: 0.35rem; } .rounded-section { margin-bottom: 3rem; border: .1px solid var(--gray-400); border-radius: .35rem; overflow: hidden; } @media (min-width: 768px) { .border-md { border: 1px solid var(--gray-400) !important; } .border-md-0 { border: none !important; } .rounded-md { border-radius: 0.35rem; } } @media (min-width: 992px) { .rounded-lg { border-radius: 0.35rem; } } @media (min-width: 992px) { .w-lg-25 { width: 25% !important; } .w-lg-75 { width: 75% !important; } .w-lg-95 { width: 95% !important; } .w-lg-100 { width: 100% !important; } } .post .body { padding: 1rem; } .post .footer { background-color: transparent; padding: 1rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .custom-control-label { font-weight: 600; font-size: 1rem; letter-spacing: 0; color: var(--black); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--primary); border: 0.1px solid #6f42c1; } .custom-switch { padding-left: 2.25rem; padding-bottom: 1rem; } .custom-switch .custom-control-label { padding-top: 0.5rem; padding-left: 2rem; padding-bottom: 0.1rem; } .custom-control-input:checked ~ .custom-control-label::before { opacity: 1; background-color: var(--primary); border: #38A169 solid 0.1px; } .custom-control-input:checked ~ .custom-control-label:hover::before { opacity: 1; } .custom-switch .custom-control-label::before { left: -2.25rem; height: 1.5rem; width: 2.75rem; pointer-events: all; border-radius: 1rem; background-color: var(--gray-100); border: #f8f9fa solid 0.1px; opacity: 0.7; } .custom-switch .custom-control-label:hover::before { opacity: 0.85; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1.5rem - 4px); height: calc(1.5rem - 4px); background-color: #000; border-radius: 2rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: var(--white); -webkit-transform: translateX(1.25rem); transform: translateX(1.25rem); } pre code { white-space: break-spaces; color: var(--primary); } pre ol > li { margin-bottom: 0; } pre ol > li::before { color: var(--white); font-weight: 400; background-color: transparent; right: 1rem; padding: 0.25rem; text-align: right; margin-right: 0.5rem; width: 3rem; } pre .str, code .str { color: #38A169; opacity: 0.75; } pre .com, code .com { color: #ab4bc3; } @media (max-width: 991.98px) { body { padding-top: calc(var(--safe-area-inset-top) + 74.55px); } } .modal-backdrop.show { background-color: rgba(33, 38, 45, .8); } @media (max-width: 767.98px) { html { font-size: 14px; } .container { overflow: hidden; max-width: none; } body, #settings, #notifications, #submit { background-color: rgb(var(--background)); } #thread, #userpage { background-color: var(--gray-600); } .custom-gutters, .user-gutters { padding-left: 0; padding-right: 0; } .navbar.bg-primary { background-color: var(--dark) !important; } .navbar-nav { height: 100vh; } .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { padding: 0.5rem; } .navbar-dark .navbar-nav .nav-link:hover { background-color: transparent; border-radius: 0; } .navbar-dark .navbar-nav .nav-link:active { background-color: rgba(0, 0, 0, 0.15); border-radius: 0; } .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { font-size: 1rem; } .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { color: var(--primary); font-size: 1.25rem; } #fixed-bar-mobile { box-shadow: none; } .mobile-nav-icon { padding: 0.25rem 0.6rem; } #thread, #submit { background-color: var(--light); } #search .search-results.card { border-bottom: 0.1px solid var(--gray-400); border-width: 0 0 0.1px 0; border-radius: 0; } #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; } #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { background-color: var(--gray-600); } #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { color: var(--primary); } #frontpage .posts .card .post-img, #search .posts .card .post-img { z-index: 3; } .toast { bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; } #thread .card { background-color: var(--gray-600); } .card { background-color: var(--gray-600); } .posts, #thread #main-content-col { box-shadow: none; border: none; border-radius: 0; } #thread #main-content-col { margin: 0; } .post-title a { color: var(--black); } .post-title a:hover, .post-title a:active, .post-title a:focus { color: var(--primary); } #thread .voting { min-width: 0; margin-right: 0; margin-top: 0; } .voting { font-weight: 400; font-size: 1.2rem; } #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } .post-title { font-size: 14px; font-weight: 400; line-height: normal; overflow: hidden; } .post-meta { font-size: 1rem; padding-left: 3px; } .post-actions .fa, .post-actions .fas, .post-actions .far { font-size: 1rem; } .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { font-size: 1.25rem; } .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { font-size: 1.5rem; color: var(--gray-200); opacity: 1; } #voting .arrow-up, .voting .arrow-up, .voting .arrow-down { display: inline-block; } .active.arrow-up::before, .active.arrow-up:hover::before { color: var(--primary); } .active.arrow-down::before, .active.arrow-down:hover::before { color: #38B2AC; } .dropdown-actions a { font-size: 1rem; } .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { font-size: 1rem; } .comment-section { background-color: var(--gray-600); } .comment { padding-left: 0; margin-top: 1.5rem; } .comment.collapsed .user-info { padding-top: 0.5rem; } .comment.collapsed .comment-body:hover { opacity: 0.5; } .x-scroll-parent { overflow: hidden; } .x-scroll { width: 100%; overflow-x: auto; white-space: nowrap; } #thread .post-title { font-size: 16px; } #submit .post { border: none; } #submit .post .body { padding: 0; } #submit .post .footer { background: transparent; padding: 1rem 0; } .footer .list-inline-item { line-height: 3; } .comments-count .total { font-weight: 400; font-size: 1rem; } .comment-actions { font-weight: 400; font-size: 1.2rem; } .user-name { font-weight: 400; } .comment .comment-body .user-name { color: var(--black); font-weight: 600; } .pagination { padding: 1rem; } input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea, .ghostdiv { font-size: 16px !important; } textarea, input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } } .bg-white { background-color: var(--gray-600) !important; } .text-muted { color: var(--muted) !important; } .text-primary { color: var(--primary) !important; } .text-gray-400, .text-gray-500 { color: var(--gray-200) !important; } span.red { color: var(--primary); } span.green { color: #38A169; } .banned { background-color: #960000 !important; border-left: 10px solid #ff0000 !important; } .deleted { background-color: #4a4a15 !important; border-left: 10px solid #4a4a15 !important; } .deleted.banned { background-color: #964000 !important; border-left: 10px solid #964000 !important; } .text-admin { color: var(--primary); } .spoiler, spoiler { color: transparent !important; background-color: var(--white) !important; font-weight: 600 !important; padding: 1px 3px 1px 3px; cursor: default; } .spoiler:hover, spoiler:hover { color: var(--gray) !important; transition-delay: 0.1s; } .spoiler *, spoiler * { visibility: hidden; } .spoiler:hover *, spoiler:hover * { visibility: visible; transition-delay: 0.1s; } @media (min-width: 768px) { .comment { border-left: 0 !important; padding-left: 0 !important; } } .comment .comment-collapse-desktop:hover { border-left-color: var(--white) !important; } .comment.collapsed .comment-collapse-desktop:hover { color: var(--white) !important; } @media (max-width: 767.98px) { .settings-nav .nav-link { padding: 0.75rem 0.6rem; } .settings-nav .nav-item:first-child:nth-last-child(6), .settings-nav .nav-item:first-child:nth-last-child(6) ~ li { font-size: 0.80rem; } } @media (max-width: 320px) { .settings-nav .nav-link { padding: 0.75rem 0.4rem; } } .table { color: var(--white); } .comment-box { border: 2px solid #e9ecef; } .btn { background: transparent; } .form-control { background: transparent; } .navbar-light .navbar-nav .nav-link { border-radius: 5px; } .btn-secondary { color: var(--muted); } .btn-primary { color: var(--muted); } .btn-success { border-color: #38A169 !important; } .btn-danger { border-color: #E53E3E !important; } .alert { color: #000000; font-weight: 500; } .btn-lg { border-color: transparent !important; } .btn-primary:focus, .btn-primary.focus { box-shadow: none !important; } .reports { margin: 7px; border: 1px solid var(--primary); padding: 10px; border-radius: 3px; background-color: rgb(var(--background)) !important; } .text-info { color: var(--primary) !important; } .patron { padding: 2px 5px 3px 5px !important; border-radius: 5px !important; color: white !important; } .patron[style*="background-color:#ffffff"] { color: black !important; } .container, .container-fluid { background-color: rgb(var(--background)) !important; } .btn { background-color: rgb(var(--background)) !important; } .nobackground { background: None !important; } textarea { resize: both !important; } .jumbotron-guild { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0; overflow: hidden; margin-bottom: 0; padding: 0; display: flex; align-items: center; z-index: 1; } .jumbotron-guild .jumbotron-overlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: -1; pointer-events: none; } @media (max-width: 767.98px) { .jumbotron-guild { height: 110px; } } @media (min-width: 767.98px) { .directory--link { width: 30%; } } @media (min-width: 992px) { .directory--link { width: 23%; min-height: 17vh; display: flex; } .directory--link-content { margin: auto; } } .container, .container-fluid { padding-bottom: 8vh; } .navbar { padding: 0.2rem 0 0 0.2rem; } @media (min-width: 767.98px) { .navbar { padding: 0.5rem 1.5rem 0.2rem 0.5rem; } } @media (min-width: 767.98px) { .modal-dialog { max-width: 50%; margin: 1.75rem auto !important; } } .in-comment-image, .img, img[alt^="![]("], .preview img:not(img[src^="/uid/"], img[src^="/pp/"], img[src$="/pic"], img[src$="/i/hand.webp"], img[src$="/i/talking.webp"], img[src*="/e/"]) { max-height: 150px !important; max-width: 100% !important; border-radius: 0.2rem !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; cursor: pointer; } .spotify { max-height: 80px !important; max-width: 100% !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .text-pink { color: #ff459a !important; } .text-purple { color: #805ad5 !important; } .text-black-50 { color: #808080 !important; } .text-orange { color: orange !important; } .text-silver { color: silver !important; } .text-gold { color: gold !important; } .text-lightgreen { color: lightgreen !important; } .text-blue { color: #1D9BF0 !important; } .text-yellow { color: yellow !important; } .timeline-Widget { max-height: 500px !important; overflow-y: auto !important; } .comment .comment-collapse-icon { padding-right: 10px; } .comment .comment-collapse-icon::before { font-family: "font awesome 5 pro" !important; color: var(--primary); display: inline-block; cursor: pointer; width: 10px; content: "\f056"; position: static; font-size: 14px; font-weight: 900; border: none; margin-left: 0.25rem; } .text-removed { color: #ffabab !important; } .mirrored { transform: scaleX(-1); -webkit-transform: scaleX(-1); } span[alt^=":"][alt*="!"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } span[alt^=":"][alt*="!!"] { transform: scaleX(1); -webkit-transform: scaleX(1); } span[alt^=":"][alt*="!!"][alt*="pat"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } img[alt^=":"][alt*="!!"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } img[alt^=":"][alt*="!"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } span[alt^=":"][alt*="!"] > img[alt^=":"][alt*="!"] { transform: scaleX(1); -webkit-transform: scaleX(1); } span[alt^=":"][alt*="!!"] > img[alt^=":"][alt*="!"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } @media (max-width: 768px) { .popover-bio * { font-size: 0.8rem !important; } } @media (min-width: 768px) { .popover-bio * { font-size: 1rem !important; } } .b2 { border: 2px solid !important; } .fl-r { float: right !important; } .edit-title { background-color: #fff !important; color: #000 !important } .text-lightblue { color: lightblue; } input[type=radio] ~ .custom-control-label::before { border-radius: 50%; } .emoji-modal { max-width: 80% !important } .emj, .emoji, strong a img, img[alt^=":"]:not(img[b], img[alt*="#"]) { height: 40px; width: 40px; } .bigemoji, .emoji-md, img[alt^=":"] { height: 60px; width: 60px; } .bigemoji, .emoji-lg, img[alt^=":"][alt*="#"] { height: 150px; width: 150px; } .emj, .emoji, .bigemoji, .emoji-md, .emoji-lg, img[alt^=":"] { max-width: 150px !important; max-height: 150px !important; max-width: min(150px,25vw) !important; max-height: min(150px,25vw) !important; display: inline-block; object-fit: contain; } span[data-bs-toggle], .pat-preview { position: relative; display: inline-block; } span > img[src$="/i/hand.webp"] { position: absolute; width: 90%; height: 90%; margin-top: -10%; z-index: 101; } span > img[src$="/i/talking.webp"] { position: absolute; width: 70%; } span > img[src$="/i/hand.webp"] ~ img { animation: pat-pfp-anim 0.3s infinite; transform-origin: bottom center; margin-top: 10%; text-align: center; object-fit: contain; } span > img[src$="/i/hand.webp"]+img[src$="/i/talking.webp"] { padding-top: 20%; padding-right: 5%; } span > img[src$="/i/hand.webp"]+img[src$="/i/talking.webp"]~img { animation: pat-pfp-anim 0.3s infinite; transform-origin: bottom center; margin-top: 20%; text-align: center; object-fit: contain; } span[bounce] { animation: pat-pfp-anim 0.6s infinite; transform-origin: bottom center; text-align: center; object-fit: contain; display: inline-block; } span > img[src$="/i/talking.webp"]~img { margin-top: 22%; } span > img[src$="/i/talking.webp"]+img+img[src$="/i/love-background.webp"] { margin-top: 22%; } span > img[src$="/i/talking.webp"]+img[src$="/i/hand.webp"] { margin-top: 5%; } span > img[src$="/i/talking.webp"]+img[src$="/i/hand.webp"]+img { margin-top: 20%; } .love-preview { bottom: calc(2px + 2%) !important; } span > img[src$="/i/love-foreground.webp"]+img[src$="/i/love-background.webp"]+img { position: absolute; z-index: 50; height: 60%; width: 60%; bottom: -2%; left: 33%; transform: scaleX(-1) rotate(-10deg); -webkit-transform: scaleX(-1) rotate(-10deg); } span > img[src$="/i/love-foreground.webp"] { position: absolute; z-index: 100; } span > img[src$="/i/love-background.webp"] { position: relative; z-index: 1; } @keyframes pat-pfp-anim { 0% { transform: scale(1, 0.8) } 50% { transform: scale(0.8, 1) } 100% { transform: scale(1, 0.8) } } @keyframes cide-anim { 0% { transform: scale(1,1) rotate(0deg) } 100% { transform: scale(0, 0) rotate(360deg) } } .cide, span[cide] { display: inline-block; animation: cide-anim 2s infinite; animation-timing-function: linear; } /* Fix for