@charset "UTF-8"; *, *::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); } html, body { font-family: verdana, arial, helvetica, sans-serif; } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } body { margin: 0; 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 { 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; } blockquote { margin: 0 0 1rem; } 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]):not([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; } 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: vertical; } 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, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .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; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .img-fluid { max-width: 100%; height: auto; } .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: var(--primary-dark1); 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; word-break: normal; } .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; } .container { max-width: 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, .form-control[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):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem 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):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem 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):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem 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):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem 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%; } .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; } .d-nowrap { white-space: nowrap; } .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: 0; 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.15); border-radius: 0.35rem; } .dropdown-menu-right { right: 0; left: auto; } @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):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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='https://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='https://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-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .disabled { color: #6c757d !important; pointer-events: none !important; cursor: default !important; } .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; } .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-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='https://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='https://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-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-block { gap: 0.4rem; } .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); align-self: center; } .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 1.25rem; } .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); } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .pagination { display: flex; padding-left: 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: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 0.5rem; font-size: 0.875rem; 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):not(.disabled):hover, .close:not(:disabled):not(.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; } .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; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; 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% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .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; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } } @media (min-width: 992px) { .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; 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.35rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; 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-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; } .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; } } .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) !important; -webkit-box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important; -moz-box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important; } .shadow-lg { box-shadow: -20px 20px 28px -20px rgba(0,0,0,0.51); -webkit-box-shadow: -20px 20px 28px -20px rgba(0,0,0,0.51); -moz-box-shadow: -20px 20px 28px -20px rgba(0,0,0,0.51); } .shadow { box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important; -webkit-box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important; -moz-box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important; } .shadow-none { box-shadow: none !important; } .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; } .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; } .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; } .mt-5, .my-5 { margin-top: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .mb-6, .my-6 { margin-bottom: 3.5rem !important; } .mt-8, .my-8 { margin-top: 10rem !important; } .mb-8, .my-8 { margin-bottom: 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; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .py-1, .pb-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; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pt-7, .py-7 { padding-top: 5rem !important; } .pb-7, .py-7 { padding-bottom: 5rem !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 (min-width: 576px) { .mb-sm-5 { margin-bottom: 3rem !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mr-md-2 { margin-right: 0.8rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .p-md-0 { padding: 0 !important; } .py-md-0 { padding-top: 0 !important; } .py-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .py-md-8 { padding-top: 10rem !important; } .py-md-8 { padding-bottom: 10rem !important; } .my-md-auto { margin-top: auto !important; } .my-md-auto { margin-bottom: auto !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; } @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; } .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; } 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 { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-muted { color: #6c757d !important; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !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, blockquote { 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: 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 { background-color: var(--gray-600); } #page { background-color: var(--background); } #article { padding-top: 0; background-color: var(--background); } #thread, #userpage { background-color: 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; } .text-small-extra { font-size: 10.1px !important; } #page p { font-size: 16px; } a.dropdown-toggle:hover { text-decoration: none; } .comment-text a { text-decoration: underline; } 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); } #logo { margin-left: 0.5rem; } .logo-text { font-size: 1.5rem; font-weight: 700; color: var(--black) } .logo-text:hover { text-decoration: none; color: var(--black) } .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 { color: var(--primary); 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-size: 1rem; font-weight: 400; padding: 0.75rem 1rem; } .post-nav > .nav-item > .nav-link.active { color: var(--primary); } .settings-nav > .nav-item > .nav-link.active { 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 .form-control, .form-control[readonly] { background-color: var(--gray-800); font-size: 1rem; color: var(--white); } .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, .form-control[readonly] { background-color: var(--dark); } .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); } .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { color: var(--black); text-decoration: none; background-color: var(--gray-300); } .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; word-break: keep-all; min-width: 40px; line-height: 1.4; } #thread .voting { min-width: 10px; margin-right: 10px; overflow-wrap: normal; } #frontpage .voting, #search .voting, #userpage .voting { margin: 0 0; } .active.arrow-up::before { color: var(--primary); } .arrow-up::before { cursor: pointer; font-size: 1rem; color: var(--muted); font-family: "font awesome 5 pro" !important; font-weight: 900; content: "\f357"; } .arrow-up:hover::before { color: var(--primary); opacity: 0.5; } .active.arrow-down::before { color: #38B2AC; } .arrow-down::before { cursor: pointer; font-size: 1rem; color: var(--muted); font-family: "font awesome 5 pro" !important; font-weight: 900; content: "\f354"; } .arrow-down:hover::before { color: #38B2AC; opacity: 0.5; } .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; } .comment-actions .score { color: var(--muted); } .score { color: var(--black); font-size: 12px; } .score-up { color: var(--primary) !important; font-size: 12px; } .score-down { color: #38B2AC !important; font-size: 12px; } .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); } .banner-pic-135 { object-fit: cover; height: 135px; max-width: 572px; width: 572px; } .profile-pic { width: 50px; height: 50px; border-radius: 50%; margin: auto; text-align: center; object-fit: cover; color: var(--white); background-color: #1f2023; } .navbar .navbar-nav .profile-pic { display: inline-block; width: 28px; height: 28px; } .profile-pic-20, .pp20, img[src^="/uid/"], img[src^="/pp/"] { margin-right: 0.25rem !important; width: 20px; height: 20px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-25 { width: 25px; height: 25px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-35 { width: 35px; height: 35px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-50 { width: 50px; height: 50px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-65 { width: 65px; height: 65px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-75 { width: 75px; height: 75px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .profile-pic-100 { width: 100px; height: 100px; border-radius: 50%; text-align: center; object-fit: cover; background-color: var(--gray-600); } .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-container { background-color: var(--background); } @media (min-width: 768px) { .card-container { padding-right: 1em; } } .card-container ~ .card-container { border-top: 1px solid var(--tertiary); } .card-container:nth-child(odd) { background-color: var(--background-odd); } #thread .card { background-color: 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; } .post-title { font-size: 1.4rem; font-weight: 600; word-break: break-word; overflow: hidden; } .post-title a { color: var(--primary); } .post-title a:hover, .post-title a:active, .post-title a:focus { text-decoration: none; color: var(--primary); } #frontpage .post-title a { color: var(--primary); } #frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { text-decoration: none; color: var(--primary); } .stretched-link a:hover { color: #6f42c1; } .post-meta { position: relative; z-index: 2; color: var(--muted); font-size: 12px; width: fit-content; } .post-meta-domain { /* fixes very long domains overflowing submission_listing */ display: inline-block; max-width: 20em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } .posts .card { padding: 7px; } #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 { word-break: break-word; overflow: hidden; max-width: var(--text-width, 60em); } .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 a, .post-actions button { color: var(--black); font-size: 1rem; } .modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { width: 1.25rem; font-size: 1rem; } .post-info { font-size: 0.8rem; } .post-author { color: var(--muted); } .post-author a { color: var(--primary-muted); } .post-author > * { margin-right: 0.3em; display: inline-block; } .post-author .user-name { color: var(--primary-muted); } .post-traffic-info, .post-traffic-info a { color: var(--dark); } .post-actions { position: relative; color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; } #search .post-info, #userpage .post-info, #frontpage .post-info { display: flex; flex-wrap: wrap; } #search .post-actions, #userpage .post-actions, #frontpage .post-actions { margin-left:auto; } #search .post-actions .list-inline, #userpage .post-actions .list-inline, #frontpage .post-actions .list-inline { align-items: center; height:100%; } .post-actions .fa, .post-actions .fas, .post-actions .far { 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 a, .post-actions button:hover .fa, .post-actions a, .post-actions button:hover .fas { color: var(--black); } .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: 1rem; } .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; z-index: 3; } .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: 600; background-color: var(--dark); border: 0.1px solid #343a40; } .page-link: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 a, .post-actions button { color: var(--muted); text-decoration: none; text-transform: none; } .post-actions a:hover, .post-actions button:hover { color: var(--black); } .post-actions .dropdown-item:hover { color: var(--black); } .post-img { width: 90px; height: 60px; 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: 60px; height: 60px; } } .post-actions .comments, .post-actions .share, .post-actions .flag { 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: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas: "comment-collapse-icon comment-user-info" "comment-collapse-bar-click comment-body"; column-gap: 5px; position: relative; margin-top: 1rem; padding-left: 12px; } .comment-collapse-icon { grid-area: comment-collapse-icon; } .comment-user-info { grid-area: comment-user-info; } .comment-collapse-bar-click { grid-area: comment-collapse-bar-click; } .comment-body { grid-area: comment-body; } #notifications .comment, #userpage .comment { margin-top: 0.25rem; margin-bottom: 1rem; } #notifications .comment:last-child, #userpage .comment:last-child { margin-bottom: 0; } .comment-section > .comment { padding-top: 1rem; margin-top: 0.5rem; padding-bottom: 0.5rem; } .comment-section > .comment ~ .comment { border-top: 1px solid var(--tertiary); } .comment .comment-body { width: 100%; } .comment-user-info { font-size: 12px; color: var(--muted); } .comment .comment-user-info .user-name { color: var(--primary); } .comment.collapsed .comment-user-info .user-name { color: var(--muted); } .comment .comment-body .comment-text { margin-bottom: 1rem; word-break: break-word; color: var(--black); overflow: hidden; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; max-width: var(--text-width, 60em); } .comment .comment-body .comment-text p:last-child { margin-bottom: 0; } .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 a { color: var(--gray-100); font-size: 1rem; } .modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { width: 1.25rem; font-size: 1rem; } .comment-section { background-color: var(--background); } .comment p { word-break: break-word; } .comment-actions { font-weight: 600; font-size: 10px; margin-bottom: 0; } .comment-actions .fa, .comment-actions .fas, .comment-actions .far { font-size: 10px; margin-right: 0.25rem; margin-left: 0.25rem; color: var(--muted); } @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 a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { color: var(--black); } .comment-actions .fas.fa-ellipsis-h { font-size: 1rem; 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: 10px; } .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 a { color: var(--gray-100); text-decoration: none; } .comment-actions a:hover, .comment-actions .copy-link:hover { 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 { display: flex; align-items: center; bottom: 0; left: 0; padding: 0.5rem 0 0 0; width: 100%; z-index: 1; } .comment-write .comment-format .format { font-size: 1rem; color: var(--gray-200); } .comment-write .comment-format .format:hover { color: var(--black); } .comment .comment-collapse-icon:hover::before { border-left-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 { display: none; } .comment.collapsed .profile-pic-25 { opacity: 0.5; } .comment.collapsed .comment-body { opacity: 0.5; } .comment.collapsed .comment-body:hover { opacity: 1; } #login { padding-top: 0; height: 100%; overflow: 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; } .pagination { padding: 1rem 0; } .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); } #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; } .empty-state-img { width: 200px; opacity: 0.35; filter: brightness(0); } .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-circle { border-radius: 50%; } @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; } } .submission .body { padding: 1rem; } .submission .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: var(--light); 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 { word-break: break-word; 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; } .gif-categories .card { overflow: hidden; border: none; } .gif-categories img { border-radius: 0.35rem; height: 100px; width: 100%; object-fit: cover; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } @media (min-width: 991.98px) { .gif-categories img { height: 200px; } } .gif-categories img:hover { border: 3px solid var(--primary); } .gif-categories .card .gif-cat-overlay { position: absolute; text-align: center; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .gif-categories .card:hover .gif-cat-overlay { background-color: rgba(0, 0, 0, 0.6); border: 3px solid var(--primary); border-radius: 0.35rem; } @media (max-width: 767.98px) { html { font-size: 14px; } .container { overflow: hidden; max-width: none; } body, #settings, #notifications, #submit { background-color: var(--background); } #thread, #userpage { background-color: var(--gray-600); } .custom-gutters, .user-gutters { padding-left: 0px; padding-right: 0px; } .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; } #navigation-secondary { border-top: 1px solid var(--gray-400); margin-top: 0.5rem; padding-top: 0.5rem; } #navigation-secondary .fas { color: var(--primary); font-size: 1.25rem; width: 1.25em; margin-right: 1rem; } #navigation-secondary > a { display: block; text-align: left; padding: 0.5rem; } #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; border-width: 0 0 0.1px 0; } #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 { padding-bottom: 0.5rem !important; } #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; } .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: 18px; line-height: normal; overflow: hidden; } .post-meta { font-size: 1rem; } .post-actions { font-weight: 400; } .post-actions a, .post-actions button { font-size: 1rem; } .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; } .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-section > .comment { padding-left: 0px; } .comment { margin-top: 0.25rem; padding-left: 0px; } .comment.collapsed .comment-body:hover { opacity: 0.5; } .banner-pic-135 { max-width: 100%; } .x-scroll-parent { overflow: hidden; } .x-scroll { width: 100%; overflow-x: scroll; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; } .x-scroll::-webkit-scrollbar { width: 100%; overflow-x: scroll; white-space: nowrap; background: transparent; } #thread .post-title { font-size: 16px; } #submit .submission { border: none; } #submit .submission .body { padding: 0; } #submit .submission .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: 1rem; } .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 { 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; } div.banned { background-color: #960000 !important; border-left: 3px solid #ff0000 !important; } div.deleted { background-color: #4a4a15 !important; } div.deleted.banned { background-color: #964000 !important; } div.deleted.removed { background-color: #964000 !important; } .text-admin { color: var(--primary); } .object-cover { object-fit: cover; } .spoiler, spoiler { color: var(--white); background-color: var(--white); font-weight: 600 !important; padding: 1px 3px 1px 3px; } .spoiler:hover, spoiler:hover { color: var(--gray); } @media (min-width: 768px) { .comment { border-left: 0 !important; padding-left: 0 !important; } } .comment .comment-collapse-desktop { width: 20px; cursor: pointer; } .comment-collapse-bar-click { width: 100%; cursor: pointer; } .comment-collapse-bar { width: 50%; height: 100%; } .comment-section > .comment > .comment-collapse-bar-click > .comment-collapse-bar { border-right-color: var(--background); } .comment .comment-collapse-bar-click:hover .comment-collapse-bar { border-right-color: var(--white) !important; } .comment.collapsed .comment-collapse-bar-click:hover .comment-collapse-bar { color: var(--white) !important; } @media (max-width: 767.98px) { .settings-nav .nav-link { font-size: 1rem; padding: 0.75rem 0.6rem; } } .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; } .btn-lg { border-color: transparent !important; } @media (max-width: 767.98px) { .followbutton { margin-bottom: 10px !important; } .comment-actions { margin-top: -8px; } } .btn-primary:focus, .btn-primary.focus { box-shadow: none !important; } .flaggers { margin: 7px; border: 1px solid var(--primary); padding: 10px; border-radius: 3px; background-color: var(--background) !important; } .text-info { color: var(--primary); } .collapsed .text-info { color: var(--muted); } * { -webkit-animation: None !important; animation: None !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: var(--background) !important; } .btn { background-color: var(--background); } .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) { .card-columns { column-count: 4 !important; } } @media (min-width: 992px) { .card-columns { column-count: 7 !important; } } .container, .container-fluid { padding-bottom: 50px; } blockquote { border-left: 2px solid var(--primary); color: var(--black); font-size: 1rem; font-weight: 400; background-color: #46444a; padding: 0 1rem; margin: 0.5rem 0 0 0; } div > blockquote:last-child { margin-bottom: 0.5rem !important; } blockquote + blockquote, blockquote:last-child { margin-top: 0 !important; } blockquote + p { margin-top: 1rem; } blockquote p { margin-bottom: 0; padding-bottom: 0.7rem; padding-top: 0.7rem; } @media (min-width: 576px) { .modal-dialog { max-width: 50% !important; margin: 1.75rem auto !important; } } .in-comment-image:not(img[src*="/uid/"]):not(img[src*="/pp/"]), .img:not(img[src*="/uid/"]):not(img[src*="/pp/"]), img[alt^="![]("], .preview img:not(img[src$="/pic"]):not(.pat-hand) { 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; } video { max-height: 20rem !important; max-width: 100% !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .spotify { max-height: 80px !important; max-width: 100% !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .text-pink { color: #ff66ac !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: scroll !important; } .comment .comment-collapse-icon { margin-left: 5px; margin-right: 5px; align-self: center; } .comment .comment-collapse-icon::before { font-family: "font awesome 5 pro" !important; color: var(--primary-overlay2); display: inline-block; cursor: pointer; height: 100%; content: "-"; font-size: 14px; font-weight: 900; border: none; } .comment .comment-collapse-icon:hover::before { color: var(--primary); } .comment.collapsed .comment-collapse-icon::before { content: "+"; color: var(--muted); } .comment.collapsed .comment-collapse-icon:hover::before { color: var(--primary); } .text-removed { color: #ffabab !important; } .mirrored, img[alt^=":!"], img[alt^=":#!"], .pat-container[alt^=":!"], .pat-container[alt^=":#!"] { transform: scaleX(-1); -webkit-transform: scaleX(-1); } @media (max-width: 768px) { .popover-bio * { font-size: 0.8rem !important; } .comment .comment-collapse-icon { margin-left: 0px; margin-right: 0px; } } @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: 90% !important } .emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) { height: 30px !important; width: 30px !important; } .bigemoji, .emoji-md, img[alt^=":"]:not(img[alt*="#"]) { height: 60px; width: 60px; } .emj, .emoji, .bigemoji, .emoji-md, .emoji-lg, img[alt^=":"] { max-width: min(150px,25vw) !important; max-height: min(150px,25vw) !important; display: inline-block; -o-object-fit: contain; object-fit: contain; } .pat-container { position: relative; display: inline-block; } img[pat] { animation: pat-pfp-anim 0.3s infinite !important; transform-origin: bottom center; margin-top: 10%; text-align: center; object-fit: cover; } img[pat][src^="/pp/"], img[pat][src$="/pic"] { border-radius: 50%; } .pat-hand { position: absolute; width: 90%; height: 90%; margin-top: -10%; 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) } } .twitter-tweet { margin-bottom: 9.8px; padding-bottom: 7px; } /*.controversial { color: #f27d0c !important; font-weight: 800; }*/ code { text-transform: none !important; } .noshadow { box-shadow: none !important; } [role="button"] { cursor: pointer !important; } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; margin-bottom: 1.3rem !important; } .youtube_embed > lite-youtube { margin: auto } lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } lite-youtube > .lty-playbtn { width: 100px; height: 100px; position: absolute; cursor: pointer; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-color: transparent; background-image: url('/assets/images/youtube.webp?v=1008'); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .ytp-pause-overlay-controls-hidden .ytp-pause-overlay, ytp-pause-overlay ytp-scroll-min { display: none!important; } .overflow-x-auto { overflow-x: auto !important; } @media (max-width: 768px) { .comment .comment-body .comment-text { padding-top: 5px; } p { margin-bottom: 7px; } } @keyframes golden { from {filter: sepia(100%) saturate(2) drop-shadow(-1px 1px 1px gold)} to {filter: sepia(100%) saturate(3) drop-shadow(-1px 1px 3px gold)} } img.golden, img[g] { animation-name: golden !important; animation-duration: 1s !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; animation-timing-function: linear !important; } .text-black { color: var(--black); } .bg-muted { background-color: #6c757d !important; } .srd { width: 100%; background-color: var(--primary); padding: 2px; text-align: center; font-weight: bold; white-space: nowrap; } .srd > a { color: white; } #srd-discuss { font-weight: normal; } @media (max-width: 768px) { .toast { bottom: 5rem !important; } } .fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-2x{font-size:2em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-fw{text-align:center;width:1.25em}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.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-golf-club:before{content:"\f451"}.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-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-search:before{content:"\f002"}.fa-memory:before{content:"\f538"}.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-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"}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-android:before{content:"\f17b"}.fa-discord:before{content:"\f392"}.fa-github:before{content:"\f09b"}.fa-twitter:before{content:"\f099"}:root{--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.ttf) format("truetype")}.fad{position:relative;font-family:"Font Awesome 6 Duotone";font-weight:900;letter-spacing:normal}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fad:after{opacity:var(--fa-secondary-opacity,.4)}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-align-left:after{content:"\f036\f036"}.fad.fa-long-arrow-left:after{content:"\f177\f177"}.fad.fa-arrow-right:after{content:"\f061\f061"}.fad.fa-sign-out:after{content:"\f08b\f08b"}.fad.fa-long-arrow-right:after{content:"\f178\f178"}.fad.fa-arrows-v:after{content:"\f07d\f07d"}.fad.fa-award:after{content:"\f559\f559"}.fad.fa-badge:after{content:"\f335\f335"}.fad.fa-badge-check:after{content:"\f336\f336"}.fad.fa-ban:after{content:"\f05e\f05e"}.fad.fa-bars:after{content:"\f0c9\f0c9"}.fad.fa-bell:after{content:"\f0f3\f0f3"}.fad.fa-bold:after{content:"\f032\f032"}.fad.fa-book:after{content:"\f02d\f02d"}.fad.fa-book-open:after{content:"\f518\f518"}.fad.fa-book-dead:after{content:"\f6b7\f6b7"}.fad.fa-broom:after{content:"\f51a\f51a"}.fad.fa-bug:after{content:"\f188\f188"}.fad.fa-bullhorn:after{content:"\f0a1\f0a1"}.fad.fa-calendar:after{content:"\f133\f133"}.fad.fa-calendar-day:after{content:"\f783\f783"}.fad.fa-calendar-alt:after{content:"\f073\f073"}.fad.fa-calendar-week:after{content:"\f784\f784"}.fad.fa-campfire:after{content:"\f6ba\f6ba"}.fad.fa-candy-cane:after{content:"\f786\f786"}.fad.fa-car-tilt:after{content:"\f5e5\f5e5"}.fad.fa-cat:after{content:"\f6be\f6be"}.fad.fa-check:after{content:"\f00c\f00c"}.fad.fa-circle:after{content:"\f111\f111"}.fad.fa-check-circle:after{content:"\f058\f058"}.fad.fa-arrow-alt-circle-down:after{content:"\f358\f358"}.fad.fa-exclamation-circle:after{content:"\f06a\f06a"}.fad.fa-info-circle:after{content:"\f05a\f05a"}.fad.fa-radiation-alt:after{content:"\f7ba\f7ba"}.fad.fa-arrow-alt-circle-up:after{content:"\f35b\f35b"}.fad.fa-user-circle:after{content:"\f2bd\f2bd"}.fad.fa-times-circle:after{content:"\f057\f057"}.fad.fa-clipboard:after{content:"\f328\f328"}.fad.fa-clipboard-check:after{content:"\f46c\f46c"}.fad.fa-clock:after{content:"\f017\f017"}.fad.fa-history:after{content:"\f1da\f1da"}.fad.fa-code:after{content:"\f121\f121"}.fad.fa-comment:after{content:"\f075\f075"}.fad.fa-comment-dots:after{content:"\f4ad\f4ad"}.fad.fa-comments:after{content:"\f086\f086"}.fad.fa-copy:after{content:"\f0c5\f0c5"}.fad.fa-crown:after{content:"\f521\f521"}.fad.fa-dice-six:after{content:"\f526\f526"}.fad.fa-dollar-sign:after{content:"\24\24"}.fad.fa-arrow-alt-down:after{content:"\f354\f354"}.fad.fa-compress-alt:after{content:"\f422\f422"}.fad.fa-ellipsis-h:after{content:"\f141\f141"}.fad.fa-envelope:after{content:"\f0e0\f0e0"}.fad.fa-envelope-open-text:after{content:"\f658\f658"}.fad.fa-eye:after{content:"\f06e\f06e"}.fad.fa-eye-evil:after{content:"\f6db\f6db"}.fad.fa-eye-slash:after{content:"\f070\f070"}.fad.fa-angry:after{content:"\f556\f556"}.fad.fa-frown:after{content:"\f119\f119"}.fad.fa-grin-beam-sweat:after{content:"\f583\f583"}.fad.fa-laugh-squint:after{content:"\f59b\f59b"}.fad.fa-smile-beam:after{content:"\f5b8\f5b8"}.fad.fa-feather-alt:after{content:"\f56b\f56b"}.fad.fa-file-signature:after{content:"\f573\f573"}.fad.fa-filter:after{content:"\f0b0\f0b0"}.fad.fa-fire:after{content:"\f06d\f06d"}.fad.fa-fireplace:after{content:"\f79a\f79a"}.fad.fa-fish:after{content:"\f578\f578"}.fad.fa-flag:after{content:"\f024\f024"}.fad.fa-flag-usa:after{content:"\f74d\f74d"}.fad.fa-save:after{content:"\f0c7\f0c7"}.fad.fa-gavel:after{content:"\f0e3\f0e3"}.fad.fa-cog:after{content:"\f013\f013"}.fad.fa-ghost:after{content:"\f6e2\f6e2"}.fad.fa-gift:after{content:"\f06b\f06b"}.fad.fa-gingerbread-man:after{content:"\f79d\f79d"}.fad.fa-globe:after{content:"\f0ac\f0ac"}.fad.fa-golf-club:after{content:"\f451\f451"}.fad.fa-home-alt:after{content:"\f015\f015"}.fad.fa-id-badge:after{content:"\f2c1\f2c1"}.fad.fa-id-card:after{content:"\f2c2\f2c2"}.fad.fa-image:after{content:"\f03e\f03e"}.fad.fa-infinity:after{content:"\f534\f534"}.fad.fa-italic:after{content:"\f033\f033"}.fad.fa-knife-kitchen:after{content:"\f6f5\f6f5"}.fad.fa-lights-holiday:after{content:"\f7b2\f7b2"}.fad.fa-link:after{content:"\f0c1\f0c1"}.fad.fa-lock:after{content:"\f023\f023"}.fad.fa-lock-alt:after{content:"\f30d\f30d"}.fad.fa-search:after{content:"\f002\f002"}.fad.fa-memory:after{content:"\f538\f538"}.fad.fa-comment-alt-smile:after{content:"\f4aa\f4aa"}.fad.fa-microphone-stand:after{content:"\f8cb\f8cb"}.fad.fa-palette:after{content:"\f53f\f53f"}.fad.fa-edit:after{content:"\f044\f044"}.fad.fa-pizza-slice:after{content:"\f818\f818"}.fad.fa-poop:after{content:"\f619\f619"}.fad.fa-quote-right:after{content:"\f10e\f10e"}.fad.fa-reply:after{content:"\f3e5\f3e5"}.fad.fa-robot:after{content:"\f544\f544"}.fad.fa-sack-dollar:after{content:"\f81d\f81d"}.fad.fa-scroll-old:after{content:"\f70f\f70f"}.fad.fa-seedling:after{content:"\f4d8\f4d8"}.fad.fa-shield:after{content:"\f132\f132"}.fad.fa-random:after{content:"\f074\f074"}.fad.fa-smoke:after{content:"\f760\f760"}.fad.fa-snooze:after{content:"\f880\f880"}.fad.fa-snowflake:after{content:"\f2dc\f2dc"}.fad.fa-sparkles:after{content:"\f890\f890"}.fad.fa-spider:after{content:"\f717\f717"}.fad.fa-square:after{content:"\f0c8\f0c8"}.fad.fa-stocking:after{content:"\f7d5\f7d5"}.fad.fa-store:after{content:"\f54e\f54e"}.fad.fa-columns:after{content:"\f0db\f0db"}.fad.fa-thumbtack:after{content:"\f08d\f08d"}.fad.fa-train:after{content:"\f238\f238"}.fad.fa-trash-alt:after{content:"\f2ed\f2ed"}.fad.fa-exclamation-triangle:after{content:"\f071\f071"}.fad.fa-trophy:after{content:"\f091\f091"}.fad.fa-arrow-alt-up:after{content:"\f357\f357"}.fad.fa-expand-alt:after{content:"\f424\f424"}.fad.fa-external-link-alt:after{content:"\f35d\f35d"}.fad.fa-user:after{content:"\f007\f007"}.fad.fa-user-crown:after{content:"\f6a4\f6a4"}.fad.fa-user-cog:after{content:"\f4fe\f4fe"}.fad.fa-user-friends:after{content:"\f500\f500"}.fad.fa-user-lock:after{content:"\f502\f502"}.fad.fa-user-minus:after{content:"\f503\f503"}.fad.fa-user-plus:after{content:"\f234\f234"}.fad.fa-user-slash:after{content:"\f506\f506"}.fad.fa-user-tag:after{content:"\f507\f507"}.fad.fa-user-times:after{content:"\f235\f235"}.fad.fa-users:after{content:"\f0c0\f0c0"}.fad.fa-volume:after{content:"\f6a8\f6a8"}.fad.fa-volume-mute:after{content:"\f6a9\f6a9"}.fad.fa-times:after{content:"\f00d\f00d"}:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.ttf) format("truetype")}.fal{font-family:"Font Awesome 6 Pro";font-weight:300}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}.far{font-family:"Font Awesome 6 Pro";font-weight:400}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}.fas{font-family:"Font Awesome 6 Pro";font-weight:900}:root{--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(../fonts/fa-thin-100.woff2) format("woff2"),url(../fonts/fa-thin-100.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:900;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:400;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:300;src:url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Duotone";font-display:block;font-weight:900;src:url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-v4compatibility.woff2) format("woff2"),url(../fonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a}.fa-head-side:before{content:"\f6e9"}.fad.fa-head-side:after{content:"\f6e9\f6e9"}.fa-crab:before{content:"\e3ff"}.fad.fa-crab:after{content:"\e3ff\e3ff"}.fa-socks:before{content:"\f696"}.fad.fa-socks:after{content:"\f696\f696"}.fa-arrow-up:before{content:"\f062"}.fad.fa-arrow-up:after{content:"\f062\f062"}.fa-tag:before{content:"\f02b"}.fad.fa-tag:after{content:"\f02b\f02b"}.fa-messages:before{content:"\f4b6"}.fad.fa-messages:after{content:"\f4b6\f4b6"}.fa-user-secret:before{content:"\f21b"}.fad.fa-user-secret:after{content:"\f21b\f21b"}.fa-gas-pump-slash:before{content:"\f5f4"}.fad.fa-gas-pump-slash:after{content:"\f5f4\f5f4"}.fa-gas-pump:before{content:"\f52f"}.fad.fa-gas-pump:after{content:"\f52f\f52f"}.fa-hammer-crash:before{content:"\e414"}.fad.fa-hammer-crash:after{content:"\e414\e414"}.fa-music:before{content:"\f001"}.fad.fa-music:after{content:"\f001\f001"}.fa-arrow-rotate-right:before{content:"\f01e"}.fad.fa-arrow-rotate-right:after{content:"\f01e\f01e"} .fa-x:before{content:"\58"} .fa-scale-balanced:before{content:"\f24e"} .fa-hippo:before{content:"\f6ed"} .fa-booth:before{content:"\f734"} .awards-wrapper input[type="radio"] { display: none; } .awards-wrapper a { cursor: pointer; padding: 15px !important; text-align: center; text-transform: none!important; } .awards-wrapper a i { font-size: 25px; } .awards-wrapper a.disabled { opacity: 0.6; } .awards-wrapper a:hover:not(.disabled), .awards-wrapper .picked { background-color: var(--primary)!important; } .awards-wrapper input[type="radio"]:checked+a { background-color: var(--primary)!important; } .award-columns { column-count: 2; } .awardmodal { max-width: 90% !important; min-height: 90% !important; max-height: 90% !important; height: 90% !important; } toast { z-index: 7000 !important; } @media (max-width: 464px) { .awardbtn { display:block; margin-right:0 !important; clear:both !important; } } html { scroll-padding-top: 100px; } .comment-anchor::before { content: ''; display: block; } .comment-anchor:target, .unread { background: #ffffff22; padding: 12px; padding-bottom: 4px; } .mod { padding: 3px 5px 2px 5px; border-radius: 5px; color: white !important; background-color: #ff0011; /* reddit admin red */ } .popover { max-width: 50%; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175); border-color: #dadada; } @media (max-width: 991.98px) { .popover { max-width: 90% !important; } } .popover-arrow { display: none !important; } .popover-user-profile { display: flex; flex-direction: column; padding: 0; background: var(--gray-600); } .popover-body { padding: 0; border-radius: .25rem; overflow: hidden; } .mt-n6 { margin-top: -1.75rem !important; } .avatar-72 { width: 72px; height: 72px; object-fit: cover; } .h-64 { height: 64px; } .object-cover { object-fit: cover; } .smolbtn { font-weight: 600; font-size: .9rem; border-radius: 0.2rem; padding: 0.1rem 0.50rem 0rem 0.30rem; background-color: var(--black) !important; } .smol { font-size: 11.5px; } @media (max-width: 768px) { .commentmob { margin-top: 0.5rem !important; } } a.emojitab { padding: 0.5rem 0.7rem !important; font-size: 13px !important; } .emoji2 { background: None!important; width:60px; overflow: hidden; border: none; } .emoji2:focus { border: 1px solid var(--primary) !important; } .expandedimage { width: fit-content; width: -moz-fit-content; } .m-5 { margin: 2.5rem !important; } .notif-count { background: red; border-radius: 20%; color: white; padding: 2px 5px; font-weight: 700; } .sidebar { max-width: 300px; } li > .sidebar { display: block !important; max-width: 100% !important; } li > .sidebar > .rules { display: none !important; } @media (max-width: 768px) { .sorting { padding-bottom: 1.5rem !important; padding-right: 0.5rem; } } .self { border-top:2px solid var(--primary); border-bottom:2px solid var(--primary); } .marsey { max-width: 125px; max-height: 125px; } @media (max-width: 768px) { .marsey { max-width: 60px; max-height: 60px; } } .btn-dead:hover, .active.btn-dead:hover, .active.btn-dead { border: 1px solid var(--primary)!important; } .navsettings { padding-left: 0.9rem !important; padding-right: 0.9rem !important; } @media (max-width: 768px) { .table th { padding-left: 0.3rem !important; padding-right: 0.3rem !important; } .table td { padding-left: 0.3rem !important; padding-right: 0.3rem !important; font-size: 0.9rem; } .marseybux { font-size: 0.7rem !important; } } .userbanner { object-fit: cover !important; } @media (max-width: 500px) { .count { display:block; text-align: center; } } th, td { border: 0.0625em solid; } .fas { text-align: center; } .text-small-mobile { font-size: min(3vw,14px) !important; } .text-white, th a { color: #fff !important; } @media (max-width: 350px) { .mobile-nav-icon { padding: 0.25rem 0.5rem; } .settings-nav .nav-link { font-size: 12px; } } #account-menu-header, #account-menu { min-width: 13em; } .navigation-secondary-link { display: inline; padding: 0rem 0.60rem 1rem 0.60rem; font-size: 1rem; color: var(--black); } .navigation-secondary-link:hover, .navigation-secondary-link:focus { text-decoration: none; color: var(--black); } .glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow { color:lightgreen !important; text-shadow:1px 1px 1px darkgreen, 0 0 5px green; } .glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before { color: lime !important; } .glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before { color: lime !important; } .glow .arrow-up::before, .glow .arrow-down::before, .glow .score { color: lightgreen; } .text-green { color: green !important; } .mobile-comment-link { color: var(--dark); } /* Fix for
    being populated with
  1. in many contexts. */ .post-body li > p:first-child, .comment-text li > p:first-child, .preview li > p:first-child, div[id^="form-preview-"] li > p:first-child, div[id^="reply-edit-"] li > p:first-child { display: inline; } /* settings, etc */ .bordered-section { border: 1px black solid; padding: 1em; } /*********************** Volunteer Teaser ************************/ .volunteer_teaser { width: 100%; border: 0.3rem solid var(--primary); border-radius: 1rem; padding: 1rem; background-color: var(--primary-background, white); display: grid; grid-template-columns: 10rem auto; grid-template-rows: auto; grid-template-areas: "volunteer_teaser_img volunteer_text" } .volunteer_teaser_img { grid-area: volunteer_teaser_img; object-fit: contain; } .volunteer_teaser_img img { width: 100%; height: 100%; object-fit: contain; } .volunteer_teaser_wrapper:hover { text-decoration: none; } @media (max-width: 768px) { .volunteer_teaser { grid-template-columns: 7rem auto; } } /*********************** Volunteer Unavailable ************************/ .volunteer_unavailable { padding: 4rem; } .volunteer_unavailable_wrapper:hover { text-decoration: none; } /*********************** Volunteer Work ************************/ .volunteer .submit { width: 100%; margin: 2rem auto 0rem auto; text-align: center; } .volunteer .submit input { font-size: 2rem; background: var(--primary-background, white); } /*********************** Volunteer Submit ************************/ .volunteer_submit { margin: 1.5rem; } .volunteer_submit_img { width: 24rem; height: 24rem; margin: auto; padding: 2rem; } .volunteer_submit_img img { width: 100%; height: 100%; object-fit: contain; border: 1px solid black; } .volunteer_submit_wrapper:hover { text-decoration: none; } /*********************** Volunteer General ************************/ .volunteer_text { grid-area: volunteer_text; text-align: center; margin: auto; font-size: 1.5rem; color: var(--black); } .volunteer_text .header { font-size: 2.5rem; font-weight: 600; } .volunteer_text .text { font-size: 1.2rem; } @media (max-width: 768px) { .volunteer_text .header { font-size: 2rem; } .volunteer_text .text { font-size: 1rem; } } /*********************** Volunteer Janitor ************************/ .volunteer_janitor > div { margin: 2rem 1rem; } .volunteer_janitor .volunteer_text .text { text-align: left; } .volunteer_janitor .choices { margin-top: 1rem; } .volunteer_janitor_result { border-radius: 1rem; padding: 0.2rem; color: var(--primary-dark1); } .volunteer_janitor_result_notbad_0 { background-color: hsl(240, 100%, 99%); } .volunteer_janitor_result_notbad_1 { background-color: hsl(240, 100%, 98%); } .volunteer_janitor_result_notbad_2 { background-color: hsl(240, 100%, 94%); } .volunteer_janitor_result_notbad_3 { background-color: hsl(240, 100%, 90%); } .volunteer_janitor_result_bad_0 { background-color: hsl(0, 100%, 98%); } .volunteer_janitor_result_bad_1 { background-color: hsl(0, 100%, 94%); } .volunteer_janitor_result_bad_2 { background-color: hsl(0, 100%, 88%); } .volunteer_janitor_result_bad_3 { background-color: hsl(0, 100%, 80%); } pre { line-height: .5rem; }